:root{--paper:#f1eee9;--ink:#1a1a1b;--muted:#74716d;--line:rgba(26,26,27,.15);--grad:linear-gradient(120deg,#e9aa79 0%,#ec8d7e 50%,#cf88af 100%);scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible{outline:2px solid #ad597d;outline-offset:4px}::selection{background:#e9b09b;color:var(--ink)}.mono{font-family:'DM Mono','Consolas',monospace;font-size:11px;letter-spacing:.075em;text-transform:uppercase}
.guides{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to right,transparent calc(17% - .5px),rgba(26,26,27,.085) 17%,transparent calc(17% + .5px),transparent calc(50% - .5px),rgba(26,26,27,.085) 50%,transparent calc(50% + .5px),transparent calc(83% - .5px),rgba(26,26,27,.085) 83%,transparent calc(83% + .5px))}
#robot-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity .8s}body.robot-ready #robot-canvas{opacity:1}.robot-fallback{position:fixed;z-index:1;left:56%;top:25%;width:min(31vw,390px);height:min(56vw,520px);pointer-events:none;filter:drop-shadow(30px 44px 24px rgba(39,32,31,.13));transition:opacity .5s}body.robot-ready .robot-fallback{opacity:0}.fallback-head{width:62%;height:44%;margin:auto;border:16px solid #e69e8c;border-radius:27%;background:#e9e7e4;box-shadow:inset 0 0 0 12px #f9f8f5,0 12px 0 #d1cfca;transform:rotate(-9deg)}.fallback-face{width:78%;height:73%;margin:13% auto;background:#17191d;border-radius:23%;display:flex;align-items:center;justify-content:space-evenly}.fallback-face i{width:13%;height:26%;border-radius:50%;background:#fff;box-shadow:0 0 16px #fff}.fallback-body{width:45%;height:36%;margin:-2% auto 0;border-radius:28%;background:linear-gradient(135deg,#fff,#d9d7d3);border:10px solid #e7e5e0;position:relative}.fallback-body:before,.fallback-body:after{content:'';position:absolute;width:24%;height:70%;top:12%;border-radius:30px;background:#e5e4df}.fallback-body:before{left:-40%;transform:rotate(15deg)}.fallback-body:after{right:-40%;transform:rotate(-15deg)}.fallback-base{width:68%;height:13%;margin:-1% auto 0;background:#2b2929;border-radius:9px 9px 2px 2px}
.announcement{height:32px;position:fixed;z-index:20;top:0;left:0;right:0;background:#242222;color:#f4f1ed;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .5s cubic-bezier(.6,0,.2,1)}.announcement.is-hidden{transform:translateY(-100%)}.announcement a{border-bottom:1px solid rgba(255,255,255,.55)}.announcement button{position:absolute;right:17%;top:0;height:32px;width:32px;border:0;background:none;color:#fff;font-size:18px;font-weight:300}.nav{position:fixed;z-index:19;left:0;right:0;top:32px;height:62px;display:grid;grid-template-columns:17% 1fr 17%;align-items:center;background:rgba(241,238,233,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:top .5s cubic-bezier(.6,0,.2,1)}.announcement.is-hidden+.nav{top:0}.brand{display:flex;align-items:center;gap:10px;padding-left:23px;white-space:nowrap;font-weight:700;font-size:18px;letter-spacing:.04em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d988a9;border-radius:9px;background:linear-gradient(140deg,#fff8f2,#eee8e5)}.brand-mark svg{width:21px;height:21px}.nav-links{display:flex;justify-content:center;gap:clamp(18px,3.1vw,54px);align-items:center}.nav-links a{transition:color .2s}.nav-links a:hover{color:#aa5c7b}.nav-cta{height:62px;border-left:1px solid var(--line);display:grid;place-items:center}.nav-cta a{border:1px solid #242222;padding:9px 14px;white-space:nowrap}.nav-cta a:hover{background:#242222;color:#fff}.menu-toggle{display:none}
main{position:relative;z-index:2;pointer-events:none}main a,main button,main [role=tab]{pointer-events:auto}.section{min-height:100svh;position:relative}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow:before{content:'';width:5px;height:5px;background:#d989a7;border-radius:50%}.hero{padding-top:94px;overflow:hidden}.hero-rule{position:absolute;top:34%;left:17%;right:17%;height:1px;background:var(--line)}.prompt-wrap{position:absolute;left:17%;top:21%;width:min(30%,435px)}.prompt-tab{width:42px;height:42px;border:1px solid var(--ink);border-bottom:0;display:grid;place-items:center;font:700 30px Georgia,serif;line-height:1}.prompt{border:1px solid var(--ink);min-height:76px;padding:16px 20px;display:flex;align-items:center;line-height:1.6;position:relative;background:rgba(241,238,233,.82)}.prompt:before,.prompt:after{content:'';position:absolute;width:8px;height:8px;border-color:var(--ink);border-style:solid}.prompt:before{left:-5px;bottom:-5px;border-width:0 0 1px 1px}.prompt:after{right:-5px;top:-5px;border-width:1px 1px 0 0}.caret{display:inline-block;width:6px;height:12px;margin-left:3px;background:var(--ink);vertical-align:-2px;animation:blink .8s steps(1) infinite}.next-prompt{color:#a4a09a;margin-top:11px;font-size:10px}.feature-points{position:absolute;right:17%;top:38%;width:min(22%,300px);text-align:right}.feature-points div{height:30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.feature-points div:before{content:'·';font-size:18px;color:#cc7b98}.feature-points div:last-child{color:#aaa59e}.hero-bottom{position:absolute;left:17%;right:17%;bottom:5.5%;display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-copy{max-width:720px}.hero-kicker{margin:0 0 12px}.hero-title{margin:0;display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(40px,5.15vw,82px);line-height:1.17;letter-spacing:-.065em;font-weight:500}.hero-title span{display:inline-block;padding:4px 20px 11px 15px;border:2px solid transparent;background:linear-gradient(var(--paper),var(--paper)) padding-box,var(--grad) border-box}.hero-title span+span{margin-top:-2px}.hero-title .second{margin-left:50px}.hero-sub{max-width:250px;margin:0 0 48px;font-size:14px;line-height:1.9}.hero-sub strong{font-weight:600}.scroll-link{position:absolute;bottom:0;right:0;display:flex;gap:9px;align-items:center}.scroll-link b{font-size:18px;font-weight:400;animation:bob 2s ease-in-out infinite}.hero-bottom-rule{position:absolute;left:50%;right:0;bottom:18%;height:1px;background:var(--line)}
.rail{position:fixed;z-index:15;right:4.5%;top:50%;transform:translateY(-50%);height:300px;display:flex;flex-direction:column;align-items:center;pointer-events:auto}.rail-track{width:1px;height:252px;background:var(--line);position:relative}.rail-dots{position:absolute;top:2px;left:-3px;display:flex;flex-direction:column;justify-content:space-between;height:248px}.rail-dots i{width:7px;height:7px;background:#b6b0aa;border-radius:50%;border:2px solid var(--paper)}.rail-indicator{position:absolute;left:-13px;top:0;width:27px;height:27px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);display:grid;place-items:center;transition:top .7s cubic-bezier(.2,.7,.2,1)}.rail-indicator:after{content:'';width:7px;height:7px;background:#d989a7;border-radius:50%}.rail-label{position:absolute;top:4px;right:26px;white-space:nowrap;transition:top .7s cubic-bezier(.2,.7,.2,1)}
.product{padding:130px 17% 5%;overflow:hidden}.section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 17px}.section-top span:last-child{color:var(--muted)}.tabs-window{overflow:hidden;margin-right:-23%}.product-tabs{display:flex;width:max-content;margin-top:34px;transition:transform .7s cubic-bezier(.65,0,.2,1)}.product-tabs button{width:33vw;min-width:275px;height:88px;display:flex;align-items:center;gap:22px;border:1px solid transparent;background:transparent;text-align:left;color:#aaa39d;padding:0 21px;transition:color .3s,border-color .3s}.product-tabs button span{height:64px;min-width:64px;border-right:1px solid var(--line);display:grid;place-items:center}.product-tabs button strong{font-weight:500;font-size:18px}.product-tabs button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:rgba(241,238,233,.82)}.product-grid{display:grid;grid-template-columns:48% 52%;height:calc(100svh - 340px);min-height:390px;align-items:end}.product-copy{padding-bottom:8vh;max-width:470px}.product-copy .star{display:block;font-size:34px;color:#d888a5;line-height:1}.product-copy h2{margin:12px 0 25px;font-size:clamp(34px,3.3vw,56px);font-weight:500;line-height:1.35;letter-spacing:-.045em}.product-copy h2 span{display:inline-block;border:1px solid var(--ink);border-radius:3px;padding:0 11px 5px}.product-copy p{max-width:350px;color:#595652;font-size:14px;line-height:1.95}.product-copy .plan-note{font-size:11px;color:#8c8681;margin-top:20px}.product-detail{align-self:end;justify-self:end;width:min(310px,100%);border-top:1px solid var(--ink);padding:16px 0 8vh;margin-right:3vw;background:rgba(241,238,233,.75)}.product-detail p{font-size:13px;line-height:1.9;color:#55514e}.product-detail h3{font-size:18px;margin:17px 0 9px;font-weight:600}.product-detail .detail-index{color:#af6e89}
.scenario{padding:130px 17% 5%;overflow:hidden}.scenario-content{display:grid;grid-template-columns:42% 58%;gap:5%;padding-top:11vh}.scenario-copy h2{font-size:clamp(34px,3.6vw,58px);font-weight:500;letter-spacing:-.05em;line-height:1.35;margin:28px 0}.scenario-copy h2 em{font-style:normal;color:#bd7796}.scenario-copy p{max-width:340px;color:#55514e;font-size:14px;line-height:2}.scenario-copy .small-note{font-size:11px;color:#928a83;margin-top:30px}.task-board{width:min(600px,100%);margin:0 auto;transform:perspective(1100px) rotateY(-8deg) rotateX(3deg);filter:drop-shadow(25px 35px 26px rgba(47,37,34,.12))}.task-board-inner{border:1px solid #393433;background:#f9f7f3;padding:24px 28px;min-height:385px}.task-board-head,.task-board-foot{display:flex;justify-content:space-between;align-items:center}.task-board-head{border-bottom:1px solid var(--line);padding-bottom:18px}.task-board-head .mono{color:#817a74}.task-board-head .tiny-mark{color:#b77994}.task-board .task-message{margin:36px 0 38px;padding:24px;border:1px solid var(--line);background:#f2eee9;font-size:17px;line-height:1.8}.task-board .task-message small{display:block;color:#908982;margin-bottom:11px;font-size:11px}.task-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.task-steps div{border-top:1px solid #272424;padding-top:13px;font-size:12px;line-height:1.7}.task-steps b{font-weight:500;color:#bb7893;margin-right:7px}.task-board-foot{border-top:1px solid var(--line);padding-top:17px;margin-top:42px;color:#928a83}.scenario-next{margin-top:8vh;display:flex;align-items:center;gap:15px;color:#77716a}
.closing{min-height:46vh;padding:80px 17% 55px;position:relative;border-top:1px solid var(--line);overflow:hidden;background:linear-gradient(90deg,rgba(241,238,233,.99),rgba(241,238,233,.94))}.closing:before{content:'';position:absolute;right:-6%;top:-90px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(229,150,160,.15),transparent 67%);pointer-events:none}.closing .mono{color:#9d6d80}.closing h2{font-size:clamp(36px,4vw,62px);font-weight:500;line-height:1.3;letter-spacing:-.05em;margin:17px 0 12px}.closing p{font-size:14px;color:#655f59;line-height:1.8}.cta-row{display:flex;align-items:center;gap:18px;margin-top:30px}.download-button{border:1px solid var(--ink);background:#e9e3dd;color:#65605a;padding:13px 18px;font-size:12px;letter-spacing:.04em}.closing .availability{font-size:11px}.footer{position:relative;z-index:3;min-height:75px;border-top:1px solid var(--line);padding:0 17%;display:flex;justify-content:space-between;align-items:center;color:#817a72;background:var(--paper)}.footer a:hover{color:var(--ink)}
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}@keyframes blink{50%{opacity:0}}@keyframes bob{50%{transform:translateY(5px)}}
@media(max-width:1100px){.nav{grid-template-columns:22% 1fr 20%}.feature-points{right:10%}.hero-bottom{left:10%;right:10%}.prompt-wrap{left:10%;width:36%}.hero-rule{left:10%;right:10%}.product,.scenario,.closing{padding-left:10%;padding-right:10%}.footer{padding-left:10%;padding-right:10%}.rail{right:2%}.product-detail{margin-right:2vw}}
@media(max-width:800px){.guides,.rail,.feature-points{display:none}.announcement{padding:0 44px 0 10px;text-align:center;font-size:9px}.announcement button{right:7px}.nav{grid-template-columns:1fr auto;height:58px;padding:0 16px}.brand{padding-left:0}.nav-cta{display:none}.menu-toggle{display:flex;width:40px;height:40px;border:1px solid var(--ink);background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle i{display:block;width:17px;height:1px;background:var(--ink)}.nav-links{display:none;position:absolute;top:58px;left:0;right:0;padding:17px 20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px 0;border-bottom:1px solid var(--line)}.hero{min-height:780px;height:100svh}.hero-rule{display:none}.prompt-wrap{left:20px;right:20px;top:17%;width:auto;max-width:400px}.robot-fallback{left:46%;top:27%;width:47vw;height:65vw;opacity:.72}.hero-bottom{left:20px;right:20px;bottom:6%;display:block}.hero-copy{max-width:100%}.hero-kicker{background:rgba(241,238,233,.86);display:inline-block;padding:4px 7px}.hero-title{font-size:clamp(39px,8.8vw,66px)}.hero-title span{background:linear-gradient(rgba(241,238,233,.9),rgba(241,238,233,.9)) padding-box,var(--grad) border-box}.hero-title .second{margin-left:22px}.hero-sub{margin:18px 0 50px;padding:7px;background:rgba(241,238,233,.9)}.scroll-link{bottom:2px}.hero-bottom-rule{display:none}.product,.scenario{padding:110px 20px 70px;min-height:100svh}.tabs-window{margin-right:-20px}.product-tabs button{width:65vw;min-width:250px}.product-grid{grid-template-columns:1fr;min-height:580px;height:auto;align-items:start}.product-copy{padding:15vh 10px 10px;background:rgba(241,238,233,.9)}.product-copy h2{font-size:clamp(35px,7vw,55px)}.product-detail{justify-self:start;margin-top:38px;margin-right:0;padding-bottom:0}.scenario-content{grid-template-columns:1fr;gap:40px;padding-top:50px}.scenario-copy{background:rgba(241,238,233,.92);padding:12px 10px}.scenario-copy h2{font-size:clamp(35px,7vw,55px)}.task-board{transform:none}.closing{padding:75px 20px 50px}.footer{padding:18px 20px;gap:18px;flex-wrap:wrap}.section-top{font-size:10px}}
@media(max-width:520px){.hero{min-height:740px}.prompt{font-size:10px;min-height:65px}.robot-fallback{left:33%;top:34%;width:62vw;height:76vw}.product-tabs button{width:74vw;min-width:230px}.product-tabs button strong{font-size:15px}.product-grid{min-height:590px}.product-copy{padding-top:17vh}.scenario .task-board-inner{padding:18px}.task-board .task-message{font-size:14px;padding:16px}.task-steps div{font-size:10px}.footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}
@media(min-width:801px){.product-copy{position:relative;isolation:isolate;max-width:440px;padding:20px 24px 8vh 0}.product-copy:before{content:'';position:absolute;inset:-14px -160px -14px -20px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(241,238,233,.99) 0%,rgba(241,238,233,.97) 48%,rgba(241,238,233,.82) 72%,transparent 100%)}.scenario-copy{position:relative;isolation:isolate;padding:16px 24px 16px 0}.scenario-copy:before{content:'';position:absolute;inset:-14px -110px -14px -20px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(241,238,233,.99) 0%,rgba(241,238,233,.95) 55%,rgba(241,238,233,.7) 78%,transparent 100%)}}
.product-tabs button:not([aria-pressed=true]){color:#6f6863}.skip-link{position:fixed;z-index:30;left:16px;top:8px;padding:10px 14px;background:#242222;color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}
.prompt-status{display:inline-block;margin-top:18px;padding:7px 0;border-bottom:1px solid #ab6580;color:#8c4c67;background:rgba(241,238,233,.88)}.prompt-status:hover{color:#5b2942}