:root{--canvas:#f5f7f9;--ink:#192936;--secondary:#566d7b;--line:#dce4e9;--accent:#1b7885;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #248da3;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 112px));margin:auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand img{object-fit:contain}.brand strong{font-size:29px;letter-spacing:-1.2px;font-weight:650}.brand strong>span,.footer-brand>span{color:var(--accent)}.brand-note{font-size:13px;color:var(--secondary);margin-left:11px;padding-left:20px;border-left:1px solid #cbd7de}.header-link{font-size:13px}.header-link span{margin-left:14px}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto;align-items:center;min-height:720px;padding-top:70px;padding-bottom:106px;column-gap:10px}.hero-copy{grid-column:1;grid-row:1;align-self:end;z-index:2}.eyebrow{font-size:13px;font-weight:500;letter-spacing:1px;line-height:1.7;margin:0;color:var(--accent)}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.23;letter-spacing:-3.5px;font-weight:560;margin:27px 0 24px}h1>span{color:var(--accent)}.lead{font-size:17px;line-height:1.85;color:var(--secondary);margin:0}.hero-actions{grid-column:1;grid-row:2;align-self:start;margin-top:30px;z-index:2}.primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid #1d3540;background:#233e4b;color:white;padding:17px 22px;min-height:56px;border-radius:8px;font-size:15px;font-weight:500;box-shadow:0 4px 8px #172c3910;transition:background .2s,transform .2s}.primary:hover{background:#145d6a;transform:translateY(-2px)}.primary>span{margin-left:15px;font-size:19px}.text-link{font-size:14px;display:inline-block;margin-top:21px}.text-link span{margin-left:12px}.availability{font-size:13px;color:var(--secondary);line-height:1.65;margin:12px 0 0}.character-scene{position:relative;display:grid;place-items:center;isolation:isolate;min-width:0;grid-column:2;grid-row:1/3;align-self:stretch;min-height:490px}.character-halo{position:absolute;width:100%;height:90%;background:radial-gradient(ellipse,#d8eaf078 0,#e3edf546 38%,transparent 70%);filter:blur(5px);z-index:-2}.character-visual{display:block;width:112%;max-width:620px;transform-origin:50% 73%;transition:transform .6s var(--ease);z-index:1}.character-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 16px #536f8612)}.character-ground{position:absolute;background:#7a94a921;width:37%;height:17px;border-radius:50%;filter:blur(15px);bottom:30px;z-index:-1}.character-scene[data-state="curious"] .character-visual{transform:rotate(-2deg) translateY(-5px)}.character-scene[data-state="thinking"] .character-visual{transform:rotate(2deg) translateY(-3px)}.character-scene[data-state="ready"] .character-visual{transform:translateY(-8px) scale(1.015)}.character-scene[data-state="hello"] .character-visual{transform:rotate(-3deg) translateY(-9px)}.character-scene[data-state="focus"] .character-visual{transform:translateY(-4px)}.hero-baseline{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;font-size:13px;line-height:1.7;color:var(--secondary)}.explore-section{background:#fff;border-top:1px solid #e3e9ee;border-bottom:1px solid #e3e9ee;padding:80px 0}.section-heading>.eyebrow{margin-bottom:20px}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.heading-row h2{font-size:42px;line-height:1.35;letter-spacing:-1.5px;font-weight:550;margin:0}.heading-row>p{font-size:16px;line-height:1.8;color:var(--secondary);margin:0 0 3px}.explorer{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:46px;align-items:start}.question-list{border-top:1px solid var(--line)}.question{width:100%;display:flex;align-items:center;gap:18px;background:transparent;border:0;border-bottom:1px solid var(--line);padding:29px 14px 29px 0;text-align:left;color:var(--ink);position:relative;transition:padding .25s,background .25s;min-height:122px}.question.active{background:linear-gradient(90deg,#f1f7f8,transparent);padding-left:18px}.question.active:before{content:"";position:absolute;width:2px;height:42px;left:0;top:40px;background:var(--accent)}.question strong{font-size:16px;font-weight:550;line-height:1.7}.question small{display:block;color:var(--secondary);font-size:13px;line-height:1.65;margin-top:7px}.question-arrow{margin-left:auto;color:#6d8998;font-size:24px;flex-shrink:0}.question.active .question-arrow{color:var(--accent)}.question:hover{background:#f5f9fa}.response{background:#f6f8fa;border:1px solid #e4eaee;border-radius:16px;padding:26px 28px 18px;min-height:450px}.response-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.response-person{display:flex;align-items:center;gap:8px;font-size:16px}.response-person img{object-fit:contain}.response-person strong{font-weight:550}.example-label{font-size:13px;color:var(--secondary);line-height:1.6;text-align:right}.response h3{font-size:21px;font-weight:550;letter-spacing:-.3px;line-height:1.5;margin:25px 0 14px}.response #answer{font-size:16px;line-height:1.85;color:var(--secondary);margin:0}.starter-box{border-top:1px solid #dfe7ed;margin-top:23px;padding-top:18px}.starter-label{font-size:13px;color:var(--secondary)}blockquote{font-size:16px;line-height:1.8;margin:9px 0 17px;color:#3e5867}.copy{display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--accent);font-size:14px;min-height:44px;padding:0}.copy svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5}.copy-status{font-size:13px;color:var(--secondary);line-height:1.65;margin:3px 0 0;min-height:22px}.closing{padding-top:76px;padding-bottom:76px}.closing-body{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:26px}.closing h2{font-size:42px;line-height:1.45;letter-spacing:-1.5px;font-weight:550;margin:0}.closing h2>span{color:#69828f}.closing-body>div>p{font-size:16px;color:var(--secondary);line-height:1.8;margin:0 0 22px}.closing-body>div>.closing-status{font-size:13px;margin:10px 0 0}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:26px;padding:30px 0 38px}.footer-brand{font-size:25px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.footer-brand small{display:block;font-size:13px;font-weight:400;letter-spacing:0;margin-top:6px;color:var(--secondary)}footer p{font-size:13px;line-height:1.8;color:var(--secondary);margin:0 0 0 auto}footer>a{font-size:13px;color:var(--secondary);white-space:nowrap}.skip{position:fixed;left:10px;top:-80px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}dialog{border:1px solid #dce6eb;border-radius:22px;padding:36px;background:#fff;max-width:490px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 30px 100px #142c482e}dialog::backdrop{background:#1e354e55;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:none;width:44px;height:44px;font-size:27px;color:#547080}.dialog-avatar{object-fit:contain;margin-left:-8px}dialog .eyebrow{margin:12px 0}dialog h2{font-size:27px;font-weight:550;letter-spacing:-.8px;margin:0 0 17px}dialog>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--secondary)}dialog>.dialog-note{font-size:13px!important;line-height:1.8;background:#f4f7fa;border-radius:8px;padding:14px;margin:20px 0}dialog .primary{width:100%;font-size:15px;min-height:50px;padding:12px}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{min-height:670px;padding-top:50px}h1{font-size:55px;letter-spacing:-2.8px}.character-scene{min-height:450px}.explorer{gap:30px}.response{padding:23px}.heading-row h2,.closing h2{font-size:36px}.question strong{font-size:16px}.question small{max-width:260px}footer{flex-wrap:wrap}footer p{order:3;margin:0;width:100%}footer>a{margin-left:auto}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:70px}.brand{gap:5px}.brand img{width:29px;height:29px}.brand strong{font-size:24px}.brand-note{font-size:13px;margin-left:3px;padding-left:9px}.header-link{font-size:13px}.header-link span{margin-left:4px}.hero{display:grid;grid-template-columns:1fr;grid-template-rows:auto 205px auto;min-height:0;padding-top:30px;padding-bottom:34px;gap:0}.hero-copy{grid-column:1;grid-row:1}.eyebrow{font-size:13px;letter-spacing:.5px}h1{font-size:clamp(41px,11.5vw,64px);letter-spacing:-2px;line-height:1.2;margin:16px 0 16px}.lead{font-size:16px;line-height:1.75;max-width:360px}.character-scene{grid-column:1;grid-row:2;min-height:0;height:205px;margin-top:0;align-self:center;justify-self:center;width:255px}.character-visual{width:252px;max-width:none;position:relative;top:-10px}.character-ground{bottom:7px;width:110px}.character-halo{height:100%;width:100%}.hero-actions{grid-column:1;grid-row:3;margin-top:7px}.primary{padding:15px 18px;min-height:53px;font-size:15px}.hero-actions .primary{width:100%}.primary>span{margin-left:auto}.availability{font-size:13px;margin-top:9px;text-align:center}.text-link{font-size:14px;display:block;text-align:center;margin-top:17px}.hero-baseline{display:none}.explore-section{padding:44px 0 46px}.section-heading>.eyebrow{margin-bottom:17px}.heading-row{display:block}.heading-row h2{font-size:33px;letter-spacing:-1px}.heading-row>p{margin:17px 0 0;font-size:16px}.explorer{grid-template-columns:1fr;gap:27px;margin-top:29px}.question{padding:22px 5px 22px 0;min-height:113px;gap:15px}.question strong{font-size:16px}.question small{font-size:13px;max-width:none}.question.active:before{top:36px}.question.active{padding-left:13px}.response{padding:22px 20px 16px;min-height:470px}.example-label{font-size:13px}.response h3{font-size:21px}.response #answer,blockquote{font-size:16px}.closing{padding-top:45px;padding-bottom:45px}.closing-body{display:block;margin-top:22px}.closing h2{font-size:33px}.closing-body>div{margin-top:26px}.closing-body>div>p{font-size:16px;margin-bottom:18px}.closing-body .primary{width:100%}.closing-status{text-align:center}footer{flex-wrap:wrap;gap:22px;padding:25px 0 30px}.footer-brand{font-size:24px}footer p{font-size:13px}footer>a{font-size:13px}.footer-brand small{font-size:13px}dialog{padding:27px}dialog h2{font-size:25px}}@media(max-width:360px){.brand-note{display:none}.hero{padding-top:25px;grid-template-rows:auto 180px auto}.character-scene{height:180px;width:225px}.character-visual{width:225px}.question strong{font-size:15px}.response{padding:19px}.example-label{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.character-scene .character-visual,.primary:hover{transform:none!important}}

.arrow-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.primary>.arrow-icon{margin-left:15px}.header-link>.arrow-icon{margin-left:12px}.question-arrow{width:21px;height:21px}.hero-actions .primary>.arrow-icon{margin-left:auto}@media(max-width:700px) and (max-height:740px){.hero{padding-top:21px;grid-template-rows:auto 155px auto}.character-scene{height:155px;width:190px}.character-visual{width:190px;top:-5px}h1{margin-top:12px;margin-bottom:13px}.hero-actions{margin-top:3px}.text-link{margin-top:13px}}