@charset "UTF-8";
:root .hero{background:#fff7fa}
:root{--pink:#f34478;--pink-dark:#db3065;--ink:#29272d;--muted:#7d7a82;--line:#ece9eb;--green:#548673}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.7;background:#fff;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a44973;outline-offset:5px}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}svg{width:20px;height:20px;stroke-width:1.7;flex-shrink:0}.wrap{max-width:1200px;width:calc(100% - 80px);margin:auto}.header{height:86px;background:#ffffffed;border-bottom:1px solid #f2edf0;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:24px;line-height:1.2;white-space:nowrap}.brand img{width:46px;height:46px;object-fit:cover;border-radius:10px}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:6px}.nav nav{display:flex;gap:34px;font-size:14px}.nav nav a:hover,footer>a:not(.brand):hover{color:var(--pink)}.button{min-height:49px;padding:12px 23px;border:1px solid #e5dde1;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:white;color:var(--ink);font-size:14px;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);background:#fff7fa;box-shadow:0 5px 18px #5331440c}.button.primary{background:var(--pink);color:white;border-color:var(--pink);box-shadow:0 6px 15px #f3447819}.button.primary:hover{background:var(--pink-dark)}.button.small{min-height:40px;padding:8px 17px;font-size:13px}.menu{display:none!important}.hero{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 50%,#fff2f6 100%);padding-top:53px}.hero-inner{text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#976176;background:#fff4f7;border:1px solid #fbe3eb;border-radius:4px;padding:5px 12px}.eyebrow>span{width:6px;height:6px;background:var(--pink);border-radius:50%}h1{font-size:62px;line-height:1.22;margin:22px 0 16px;font-weight:850}h1>span{display:block;font-size:42px;margin-top:10px;color:var(--pink)}.hero-copy{color:var(--muted);font-size:16px;line-height:1.9;margin:0}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:26px}.hero-checks{display:flex;justify-content:center;gap:25px;color:#929098;font-size:11px;margin-top:18px}.hero-checks>span{display:flex;align-items:center;gap:5px}.hero-checks svg{width:13px;color:var(--green)}.product-stage{position:relative;width:970px;max-width:100%;margin:46px auto 0;padding:0 44px 0 30px;isolation:isolate}.desktop-window{border:1px solid #e7dfe2;border-bottom:0;border-radius:9px 9px 0 0;background:#fff;overflow:hidden;box-shadow:0 12px 55px #8f3c6415;transform:perspective(1800px) rotateX(2deg)}.window-bar{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#fff;font-size:10px;color:#969097}.window-bar>span:nth-child(2){display:flex;align-items:center;gap:6px}.window-bar svg{width:12px;height:12px}.window-dots{display:flex;gap:5px}.window-dots b{width:6px;height:6px;background:#f4a6b7;border-radius:50%}.window-dots b:nth-child(2){background:#efd9a5}.window-dots b:nth-child(3){background:#a8ccbb}.desktop-window>img{width:100%;height:auto}.phone-window{position:absolute;bottom:-28px;right:-15px;width:173px;border:5px solid #fff;border-radius:22px;box-shadow:0 12px 35px #52213926;background:#fff;overflow:hidden;transform:rotate(3deg)}.phone-window img{width:100%}.phone-speaker{position:absolute;top:4px;left:36%;width:28%;height:8px;background:#25212b;border-radius:10px;z-index:2}.stage-note{position:absolute;left:-102px;top:70px;text-align:left;font-size:12px;color:#9a7484;line-height:1.9;transform:rotate(-8deg);z-index:2}.stage-note strong{font-size:13px;font-weight:500}.tiny-squares{display:block;font-size:29px;color:var(--pink)}.note-arrow{display:block;font-size:32px;margin-left:70px}.stage-label{position:absolute;left:-5px;bottom:38px;display:flex;gap:9px;align-items:center;background:white;border:1px solid #e5ece7;box-shadow:0 8px 20px #314f4010;padding:12px 16px;border-radius:6px;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#6caa84;display:inline-block}.audience{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0;border-bottom:1px solid var(--line)}.audience>span{font-size:12px;color:#aaa3aa}.audience strong{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:#6c6770}.audience svg{color:#9e969f}.section{padding-top:91px;padding-bottom:91px}.kicker{font-size:10px;font-weight:700;color:var(--pink);margin-bottom:12px}h2{font-size:34px;line-height:1.45;margin:0;font-weight:750}p{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.section-heading>p{margin:0 0 6px;font-size:13px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{position:relative;border:1px solid var(--line);border-radius:8px;padding:26px 27px;min-height:268px;overflow:hidden}.feature.featured{background:#fff8fa;border-color:#f5dce5}.feature-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;margin-bottom:18px}.feature-icon svg{width:23px;height:23px}.pink{background:#ffe5ee;color:#e9517f}.green{background:#eaf3ec;color:#56846a}.apricot{background:#fff0de;color:#b98748}.purple{background:#f2edf9;color:#9a80b9}.blue{background:#eaf1fa;color:#6d92bf}h3{font-size:18px;line-height:1.5;margin:0 0 10px}.feature p{font-size:12px;line-height:1.9;margin:0}.tag{position:absolute;right:23px;top:34px;font-size:10px;color:#ca6786}.timer-demo{margin-top:20px}.timer-demo>div{display:flex;justify-content:space-between;font-size:10px;color:#9f7c89}.timer-demo small{font-size:10px}.timer-demo b{display:inline-block;width:5px;height:5px;background:var(--pink);border-radius:50%;margin-right:4px}.timer-demo>strong{font-size:30px;line-height:1.9;color:var(--pink);font-family:Consolas,monospace;font-weight:500}.timer-bottom{border-top:1px solid #f4dfe7;padding-top:9px;align-items:center}.timer-bottom svg{width:15px;height:15px}.mini-desks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.mini-desks>span{background:#f0f7f1;border:1px solid #e3ede6;color:#587966;display:flex;justify-content:space-between;padding:10px;font-size:12px;border-radius:4px}.mini-desks b{font-weight:400;font-size:10px}.mini-desks>span:nth-child(2){background:#eef5ff;border-color:#e2eaf5;color:#6d8daf}.mini-desks>span:nth-child(3){background:#fff8e9;border-color:#f0e9d8;color:#b49650}.mini-desks>span:nth-child(4){background:#fff0ef;border-color:#f5dedb;color:#c57d75}.feature-foot{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:35px;color:#9b9096;font-size:12px}.feature-foot>span{background:#f8f6f7;padding:5px 12px;border-radius:3px}.feature-foot svg{width:16px;height:16px}.text-foot{border-top:1px solid var(--line);padding-top:17px}.bar-chart{height:66px;display:flex;align-items:flex-end;gap:10px;margin-top:18px;border-bottom:1px solid #e7eee8}.bar-chart b{flex:1;height:30%;background:#c4d9cc;border-radius:3px 3px 0 0}.bar-chart b:nth-child(2n){height:45%}.bar-chart b:nth-child(3n){height:65%}.bar-chart b:nth-child(4n){height:55%}.bar-chart b:nth-last-child(2){height:82%;background:#83ab92}.bar-chart b:last-child{height:100%;background:#548673}.more-features{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:27px;padding:20px 0 0;font-size:12px;color:#79727b}.more-features>span{display:flex;gap:7px;align-items:center}.more-features>span:first-child{color:#aaa2aa}.more-features svg{width:16px;height:16px}.devices{background:#f8faf8}.devices-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.device-visual{height:455px;background:#eaf0eb;position:relative;overflow:hidden;border-radius:8px}.visual-top{font-size:11px;color:#67806e;text-align:center;padding-top:22px}.visual-top .status-dot{margin-right:7px}.device-visual>img{width:213px;margin:24px auto 0;border:6px solid white;border-radius:21px;box-shadow:0 10px 30px #23342616;transform:rotate(-5deg)}.device-chip{position:absolute;display:flex;align-items:center;gap:12px;background:#fff;padding:14px 18px;border:1px solid #e8ebe8;border-radius:6px;box-shadow:0 8px 30px #23342609;font-size:12px}.device-chip small{display:block;font-size:9px;color:#969099;margin-top:4px}.device-chip>svg{color:var(--pink)}.chip-one{top:143px;right:20px}.chip-two{bottom:61px;left:18px}.device-copy>p{font-size:13px;line-height:2;margin:20px 0 24px}.role-tabs{display:flex;border-bottom:1px solid #dde4df;gap:23px}.role-tabs button{border:0;background:none;padding:8px 0 12px;color:#8a918c;font-size:12px;border-bottom:2px solid transparent}.role-tabs button[aria-selected=true]{color:#4d7560;border-bottom-color:#4d7560;font-weight:600}#role-panel{min-height:133px;padding-top:22px}#role-panel h3{font-size:15px}#role-panel p{font-size:12px;line-height:1.9;margin:0}.text-link{display:inline-flex;align-items:center;gap:10px;color:#4d7560;font-size:12px;font-weight:600}.text-link svg{width:16px}.center-heading{text-align:center}.center-heading>p{font-size:13px;margin:14px 0 0}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.entry{border:1px solid var(--line);border-radius:8px;text-align:center;padding:31px 28px}.entry:first-child{border-color:#f0c6d5;background:#fffafb}.entry-icon{display:flex;justify-content:center;margin-bottom:21px;color:var(--pink)}.entry-icon svg{width:35px;height:35px;stroke-width:1.3}.entry:nth-child(2) .entry-icon{color:#6d8fb7}.entry:nth-child(3) .entry-icon{color:#659676}.entry h3{font-size:21px}.entry p{font-size:12px;line-height:2;margin-bottom:24px}.entry .button{width:100%;font-size:13px;min-height:44px}.entry>small{display:block;color:#a9a1a8;font-size:10px;margin-top:14px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding-top:65px}.faq h2{font-size:28px}.faq>div>p{font-size:12px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:500;font-size:13px}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:16px;color:#9b959c;transition:transform .2s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{font-size:12px;line-height:1.9;margin:13px 25px 0 0}.closing{background:#fff1f6;padding:40px 0}.closing>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.closing span{font-size:12px;color:#b47d91}.closing h2{font-size:25px;margin-top:7px}.closing .button{min-width:160px}footer{min-height:126px;display:flex;align-items:center;gap:28px;font-size:11px;color:#9c949e}footer .brand{margin-right:auto;color:var(--ink);font-size:21px}footer .brand img{width:39px;height:39px}.icon-button{width:36px;height:36px;border:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:4px}.icon-button:hover{background:#f9f0f4}dialog{border:1px solid var(--line);border-radius:12px;width:420px;max-width:calc(100% - 32px);padding:37px;text-align:center;color:var(--ink);box-shadow:0 25px 90px #29152525}dialog::backdrop{background:#211a235c;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:9px;right:9px}.dialog-symbol{width:54px;height:54px;margin:0 auto 18px;background:#fff0f5;color:var(--pink);border-radius:10px;display:grid;place-items:center}dialog h2{font-size:24px}dialog p{font-size:13px;line-height:1.9}dialog .dialog-confirm{width:100%;margin-top:19px}.pending-code{margin:20px auto 0;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed #d9c6cf;background:#fcf8fa;color:#a88c99;font-size:11px;border-radius:6px}.pending-code svg{width:42px;height:42px;opacity:.5}@media(min-width:1500px){.hero{padding-top:64px}.product-stage{margin-top:52px}}@media(max-width:1100px){.stage-note{display:none}.product-stage{width:860px}.nav nav{gap:20px}.devices-grid{gap:45px}.feature{padding:22px}.more-features{flex-wrap:wrap}.hero{padding-top:40px}h1{font-size:54px}h1>span{font-size:36px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{height:70px}.brand{font-size:21px}.brand img{width:38px;height:38px}.brand small{font-size:9px}.nav{gap:10px}.nav>.button{margin-left:auto;font-size:11px;padding:7px 11px;min-height:35px}.nav>.button svg{width:15px}.menu{display:inline-flex!important;width:30px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:22px;border-bottom:1px solid var(--line);box-shadow:0 8px 18px #28202b08;gap:20px;flex-direction:column}.nav nav.open{display:flex}.hero{padding-top:34px}.eyebrow{font-size:10px}h1{font-size:45px;margin-top:20px}h1>span{font-size:28px;margin-top:9px}.hero-copy{font-size:12px}.hero-actions{gap:8px;margin-top:22px;flex-wrap:wrap}.hero-actions .button{font-size:11px;min-height:43px;padding:10px 12px;gap:6px}.hero-actions svg{width:15px;height:15px}.hero-actions .primary>svg:last-child{display:none}.hero-checks{gap:12px;font-size:9px;margin-top:16px}.hero-checks svg{width:10px}.product-stage{margin-top:32px;padding:0 25px 0 0}.window-bar{height:23px;font-size:7px;padding:0 7px}.window-dots{gap:3px}.window-dots b{width:4px;height:4px}.window-bar svg{width:8px}.phone-window{width:24%;border-width:3px;border-radius:12px;bottom:-10px;right:0}.phone-speaker{height:4px}.stage-label{font-size:8px;padding:5px 8px;bottom:15px;left:7px;gap:5px}.stage-label .status-dot{width:4px;height:4px}.audience{display:grid;grid-template-columns:1fr 1fr;padding:22px 0;gap:16px}.audience>span{grid-column:1/-1;text-align:center;font-size:10px}.audience strong{font-size:12px;justify-content:center;gap:8px}.audience svg{width:17px;height:17px}.section{padding-top:53px;padding-bottom:53px}.section-heading{display:block;margin-bottom:25px}h2{font-size:27px}.section-heading>p{font-size:12px;margin-top:14px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:18px 15px;min-height:250px}.feature h3{font-size:15px}.feature p{font-size:11px}.feature-icon{width:35px;height:35px;margin-bottom:15px}.feature-icon svg{width:20px}.tag{font-size:8px;right:13px;top:28px}.timer-demo>strong{font-size:20px}.timer-demo>div{font-size:8px}.timer-demo small{font-size:8px}.timer-bottom>svg{display:none}.mini-desks{gap:5px;margin-top:19px;grid-template-columns:1fr}.mini-desks>span{font-size:9px;padding:3px 8px}.mini-desks b{font-size:8px}.feature-foot{font-size:9px;gap:3px;margin-top:24px;flex-wrap:wrap}.feature-foot>span{padding:3px 5px}.feature-foot svg{width:11px}.text-foot{font-size:10px}.bar-chart{gap:5px}.more-features{justify-content:flex-start;gap:14px 22px;font-size:10px}.more-features>span:first-child{width:100%}.more-features svg{width:14px}.devices-grid{grid-template-columns:1fr;gap:30px}.device-visual{height:360px;order:2}.device-visual>img{width:190px;margin-top:17px}.chip-one{right:12px;top:113px}.chip-two{left:10px;bottom:37px}.device-chip{padding:10px 13px;font-size:11px}.device-copy>p{font-size:12px}#role-panel{min-height:120px}.entry-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}.entry{padding:25px 24px;display:grid;grid-template-columns:48px 1fr;column-gap:17px;text-align:left}.entry-icon{grid-row:1/3;margin:0;padding-top:5px}.entry h3{font-size:19px;margin:0}.entry p{margin:7px 0 20px;font-size:11px}.entry .button,.entry>small{grid-column:1/-1}.entry>small{text-align:center}.faq{grid-template-columns:1fr;gap:24px}.faq h2{font-size:26px}.closing{padding:30px 0}.closing>.wrap{align-items:flex-start;flex-direction:column;gap:21px}.closing h2{font-size:22px}.closing .button{min-width:140px;font-size:12px}footer{padding-top:28px;padding-bottom:28px;flex-wrap:wrap;gap:18px;font-size:10px}footer .brand{width:60%;margin:0}footer>span{margin-left:auto}dialog{padding:30px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
