:root{--ink:#0a2144;--muted:#667387;--blue:#245eea;--line:#dce3ed;--paper:#f7f9fc;--lime:#dbf795}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #709bff;outline-offset:5px}button{color:inherit}button:disabled{cursor:default}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:700;letter-spacing:-.8px}.brand img{width:35px;height:35px;border-radius:10px}.navlinks{display:flex;align-items:center;gap:34px;font-size:14px}.navlinks>a:not(.button){color:var(--muted)}.navlinks>a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:8px;background:var(--ink);color:white;padding:15px 23px;font-size:15px;font-weight:550;transition:transform .2s,background .2s}.button:hover{background:#17477c;transform:translateY(-2px)}.button.small{padding:11px 17px;font-size:14px}.button.blue{background:var(--blue)}.button.blue:hover{background:#154ace}.button.light{background:white;color:var(--ink)}.hero{padding-top:28px;text-align:center;position:relative}.hero h1{font-size:clamp(28px,3.2vw,44px);letter-spacing:-1.6px;line-height:1.25;font-weight:650;margin:12px 0 22px}.hero h1 span{color:var(--blue)}.desktop{position:relative;margin:0 auto;border-radius:18px 18px 0 0;min-height:440px;background:linear-gradient(118deg,#d0e8fb 0%,#a2c9f3 36%,#6198e5 70%,#355cbe 100%);overflow:hidden;text-align:left;box-shadow:0 0 0 1px #1328460c,0 24px 50px #1d447812}.desktop:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 12% 115%,#e4f1ff 0%,#e4f1ff00 57%),linear-gradient(150deg,transparent 48%,#ffffff25 48.2%,transparent 70%);pointer-events:none}.desktop-menu{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 23px;background:#ffffff30;font-size:12px;color:#163157}.desktop-menu b{margin-right:22px}.desktop-menu .menutext{margin-right:18px}.desktop-caption{position:absolute;left:30px;bottom:28px;display:flex;gap:10px;align-items:center;font-size:12px;color:#244877}.desktop-caption span{width:6px;height:6px;border-radius:50%;background:#245eea}.palette{position:relative;margin:50px auto 69px;width:min(620px,calc(100% - 48px));background:#fffffff2;border:1px solid #ffffffd9;border-radius:15px;box-shadow:0 22px 55px #10376c32,0 2px 5px #23436a10;overflow:hidden;backdrop-filter:blur(20px)}.palette-top{padding:17px 22px;display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);border-bottom:1px solid #e8ecf2}.palette-top img{width:23px;height:23px}.palette-top strong{font-weight:600;color:var(--ink)}.palette-top .demo-label{margin-left:auto;font-size:11px;letter-spacing:.5px;background:#eff3f9;padding:4px 8px;border-radius:4px}.question{font-size:18px;line-height:1.6;padding:23px 25px 17px;display:flex;gap:13px;align-items:flex-start}.spark{color:var(--blue);font-size:25px;line-height:1.2}.response{margin:0 25px 22px 51px;min-height:118px}.answer{font-size:16px;line-height:1.9;margin:0;color:#425570}.followup{margin-top:18px;display:flex;gap:10px;align-items:baseline}.followup>span{font-size:12px;color:var(--muted);white-space:nowrap}.followup button{border:0;background:#edf3fe;border-radius:7px;padding:9px 12px;text-align:left;font-size:14px;line-height:1.7;color:var(--blue)}.followup button:hover{background:#e0ebfc}.followup button:disabled{color:#566b8c;background:#f1f4f8}.continuation{margin-top:17px;border-top:1px solid var(--line);padding-top:15px}.conversation-card{border:1px solid var(--line);border-radius:14px;background:white;padding:28px;box-shadow:0 10px 25px #122d4c04}.conversation-top{display:flex;align-items:center;gap:12px;margin-bottom:24px}.conversation-top img{width:39px;height:39px;border:1px solid #ecf0f5;border-radius:10px}.conversation-top strong{font-size:15px}.conversation-top p{font-size:12px;color:var(--muted);margin:5px 0 0}.chat-user{font-size:15px;line-height:1.8;background:#edf3fe;border-radius:9px 9px 2px 9px;padding:12px 16px;margin:18px 0 15px 24px}.chat-answer{font-size:15px;line-height:1.9;color:#52647b;margin:0 12px 0 0}.chat-answer.last{margin-bottom:0}.palette-bottom{border-top:1px solid #e8ecf2;padding:11px 20px;display:flex;justify-content:space-between;color:#8a94a3;font-size:11px}.palette-bottom span{display:flex;gap:6px;align-items:center}kbd{font-family:inherit;border:1px solid #d7dfe8;box-shadow:0 2px 0 #dfe5ed;padding:2px 5px;border-radius:4px;background:#f9fafc;font-size:11px;color:#596b83}.scenarios{display:flex;justify-content:center;align-items:center;gap:9px;padding:23px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.scenarios>span{font-size:12px;color:var(--muted);margin-right:6px}.scenario{border:1px solid transparent;background:transparent;font-size:14px;padding:10px 16px;border-radius:7px;color:#667387;transition:.2s}.scenario:hover{background:#eaf0fa}.scenario[aria-pressed=true]{background:white;border-color:#dce4ee;color:var(--blue);box-shadow:0 2px 4px #15336406}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:37px}.overline{font-size:12px;font-weight:600;color:var(--blue);letter-spacing:2px;margin:0 0 17px}.section h2{font-size:38px;line-height:1.35;letter-spacing:-1px;margin:0;font-weight:600}.section-head>p{font-size:15px;line-height:1.9;color:var(--muted);margin:0;max-width:345px}.feature-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.feature{background:white;border:1px solid var(--line);border-radius:12px;padding:30px;min-height:285px;display:flex;flex-direction:column;align-items:flex-start}.feature:first-child{background:#edf3fe}.feature-symbol{font-size:24px;margin-bottom:30px;color:var(--blue);font-weight:500}.feature h3{font-size:20px;font-weight:600;margin:0 0 12px}.feature p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.feature .example{margin-top:auto;padding-top:26px;font-size:13px;color:#42638e}.flow{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:0}.flow-copy>p{color:var(--muted);line-height:1.9;font-size:15px;max-width:395px;margin:22px 0 29px}.steps{display:flex;gap:12px;align-items:center;font-size:13px;color:#4a6180}.steps b{font-size:11px;width:23px;height:23px;background:#e6edfa;display:inline-grid;place-items:center;border-radius:50%;margin-right:6px;color:var(--blue)}.steps>span{color:#9fadc0}.freedom{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:36px;padding-bottom:78px}.freedom h3{font-size:16px;margin:0 0 12px;font-weight:600}.freedom h3 span{color:var(--blue);margin-right:8px}.freedom p{font-size:14px;color:var(--muted);line-height:1.85;margin:0}.cta{background:var(--ink);color:white;border-radius:16px;padding:52px 55px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative}.cta .overline{color:var(--lime);margin-bottom:14px}.cta h2{font-size:33px;letter-spacing:-1px;margin:0 0 13px;font-weight:550}.cta p{font-size:14px;color:#9eb0c8;margin:0}.cta .button{background:var(--lime);color:var(--ink);white-space:nowrap}.faq{max-width:760px;margin:65px auto 75px}.faq h2{font-size:22px;font-weight:600;margin-bottom:24px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:"+";color:var(--muted);font-size:19px}.faq details[open] summary:after{content:"−"}.faq details p{font-size:14px;line-height:1.9;color:var(--muted);margin:13px 20px 0 0}footer{border-top:1px solid var(--line);padding:26px 0 33px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:17px}footer .brand img{width:27px;height:27px}footer .footer-note{display:flex;flex-direction:column;gap:7px;margin:0;text-align:right;font-size:13px;line-height:1.6;color:var(--ink)}footer .footer-note small{font-size:11px;letter-spacing:.4px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:16px;padding:32px;width:min(460px,calc(100% - 32px));color:var(--ink);box-shadow:0 30px 90px #00153630}dialog::backdrop{background:#0a214470;backdrop-filter:blur(5px)}dialog h2{font-size:24px;margin:0 0 16px}dialog p{font-size:15px;line-height:1.8;color:var(--muted)}dialog code{background:#f0f4fa;border-radius:6px;padding:12px;display:block;font-size:14px}dialog .button{margin-top:14px;width:100%}.close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:24px;color:var(--muted)}.skip{position:absolute;top:-60px;left:12px;background:white;padding:12px;z-index:5}.skip:focus{top:12px}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.nav{height:72px}.navlinks{gap:18px}.navlinks>a:not(.button){display:none}.hero{padding-top:26px}.hero h1{letter-spacing:-1px}.desktop{min-height:405px}.palette{margin-top:37px}.desktop-menu .menutext{display:none}.desktop-caption{left:20px;bottom:20px}.section{padding:66px 0}.section-head{display:block}.section h2{font-size:30px}.section-head>p{margin-top:18px;max-width:none}.feature-grid{grid-template-columns:1fr}.feature{min-height:220px;padding:25px}.feature-symbol{margin-bottom:20px}.flow{grid-template-columns:1fr;gap:30px;padding-top:0}.freedom{gap:25px;padding-bottom:50px}.cta{padding:35px;display:block}.cta h2{font-size:28px}.cta .button{margin-top:26px}.faq{margin:45px 0}.question{font-size:16px}.response{margin-left:25px}.feature .example{padding-top:20px}}@media(max-width:480px){.hero h1{font-size:30px}.desktop{min-height:422px}.desktop-menu{padding:12px 16px;font-size:11px}.palette{width:calc(100% - 24px);margin-top:36px}.palette-top{padding:14px 16px}.question{padding:19px 16px 16px}.response{margin:0 16px 19px}.followup{display:block}.followup>span{display:block;margin-bottom:6px}.scenarios{gap:3px;padding:17px 0}.scenarios>span{width:100%;text-align:center;margin:0 0 4px}.scenario{font-size:13px;padding:9px 10px}.freedom{grid-template-columns:1fr;gap:28px}.conversation-card{padding:22px}.steps{gap:7px;font-size:12px}.steps b{margin-right:3px}footer{align-items:center;flex-wrap:wrap}footer .footer-note{text-align:left}.cta{padding:30px 25px}.cta h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Account is the primary action; download stays alongside the navigation links. */
.nav-download{border:0;background:none;padding:0;color:var(--muted);font:inherit;white-space:nowrap}.nav-download:hover{color:var(--blue)}
.language-picker select{border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer;padding:4px 2px}.language-picker select:hover{color:var(--blue)}.language-picker select:focus-visible{outline:3px solid #709bff;outline-offset:5px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.navlinks>a.account-link,.navlinks>a.account-link:hover{display:inline-flex;color:white;white-space:nowrap}
@media(max-width:480px){.nav{gap:10px}.navlinks{gap:10px}.nav .brand{font-size:20px}.nav .brand img{width:28px;height:28px}.nav-download{display:none}.language-picker select{max-width:76px}}


  .hero h1 {
    display: block;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }


  #demo { background: #e9edf3; border-radius: 18px; padding: 22px clamp(16px, 3vw, 44px) 18px; text-align: left; }
  #demo::before { display: none; }
  #demo .palette { width:100%; margin:0; background:linear-gradient(145deg,#262b2e,#1e1f20 48%); color:#eee; border:1px solid #3c4043; border-radius:20px; box-shadow:0 20px 45px #13233322; backdrop-filter:none; }
  .real-input { display:flex; align-items:center; gap:17px; padding:21px 25px; min-height:80px; }
  .real-input img { width:34px; height:34px; object-fit:contain; }
  .real-input .placeholder { color:#797c7e; font-size:clamp(20px,2.5vw,29px); font-weight:400; letter-spacing:-.7px; }
  .real-input .key-hint { margin-left:auto; color:#848687; background:#ffffff0b; border:1px solid #ffffff09; border-radius:8px; padding:5px 10px; font-size:14px; white-space:nowrap; }
  .real-body { min-height:clamp(280px,44vh,440px); border-top:1px solid #ffffff12; padding:24px 26px; }
  #demo .question { display:block; width:fit-content; max-width:91%; margin:0 0 36px auto; background:#ffffff1c; border:1px solid #ffffff08; border-radius:19px 19px 5px 19px; padding:13px 18px; font-size:16px; line-height:1.7; color:#ededed; }
  #demo .response { margin:0; min-height:0; }
  #demo .answer { color:#eeeeef; font-size:17px; line-height:1.85; white-space:pre-line; }
  #demo .palette-bottom { border-top:1px solid #ffffff08; background:#00000009; color:#999; padding:14px 23px; font-size:12px; gap:12px; align-items:center; }
  .ready-dot { width:7px; height:7px; border-radius:50%; background:#30cc58; flex-shrink:0; }
  .real-tools { display:flex; align-items:center; gap:8px; }
  .real-session { border:1px solid #ffffff08; background:#ffffff06; border-radius:20px; padding:5px 10px; }
  .real-tool { border:1px solid #ffffff0c; background:#ffffff06; border-radius:8px; padding:4px 7px; font-size:18px; }
  .demo-footnote { margin:14px 0 0; color:#738096; font-size:12px; text-align:center; }
  #demo [hidden] { display:none; }
  @media(max-width:600px) { .real-input { padding:17px; gap:12px; }.real-input img { width:27px; height:27px; }.real-input .key-hint { font-size:11px; padding:5px; }.real-body { padding:20px 17px; min-height:360px; }#demo .question { max-width:95%; font-size:14px; margin-bottom:25px; }#demo .answer { font-size:15px; }#demo .palette-bottom { padding:12px 15px; }.real-session { display:none!important; } }

  .demo-shortcut { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:8px; color:#647287; font-size:12px; opacity:0; transition:opacity .25s; pointer-events:none; }
  #demo[data-phase="idle"] .demo-shortcut,#demo[data-phase="shortcut"] .demo-shortcut { opacity:1; }
  .demo-shortcut kbd { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:35px; padding:0 10px; border:1px solid #cbd4e1; border-radius:8px; background:#f7f9fc; box-shadow:0 3px 0 #cbd4e1; font:500 13px inherit; transition:transform .18s,background .18s,color .18s,box-shadow .18s; }
  #demo[data-phase="shortcut"] kbd { background:var(--blue); color:#fff; border-color:var(--blue); box-shadow:0 0 0 #cbd4e1,0 0 20px #245eea25; transform:translateY(3px); }
  .demo-stage { position:relative; display:grid; align-items:center; min-height:calc(clamp(280px,44vh,440px) + 130px); }
  #demo .palette { z-index:1; min-width:0; transition:opacity .4s,transform .5s; transform-origin:center; }
  #demo[data-phase="idle"] .palette,#demo[data-phase="shortcut"] .palette { opacity:0; transform:translateY(12px) scale(.96); pointer-events:none; }
  .real-input .placeholder { min-width:0; flex:1; overflow-wrap:anywhere; }
  #demo[data-phase="typing"] .placeholder,#demo[data-phase="send"] .placeholder { font-size:16px; line-height:1.6; letter-spacing:0; color:#eee; }
  #demo[data-phase="typing"] .placeholder::after,#demo[data-phase="streaming"] .answer::after { content:""; display:inline-block; width:2px; height:1em; margin-left:3px; background:#8eb5ff; vertical-align:-.1em; animation:demo-caret .8s steps(2,start) infinite; }
  #demo[data-phase="send"] .key-hint { background:var(--blue); color:white; }
  #demo[data-phase="thinking"] .answer { color:#939da9; }
  #demo[data-phase="thinking"] .ready-dot,#demo[data-phase="streaming"] .ready-dot { background:#8eb5ff; }
  .demo-progress { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:16px; color:#8792a2; font-size:12px; }
  .demo-progress span { transition:color .2s; }
  .demo-progress [aria-current="step"] { color:var(--blue); font-weight:600; }
  .demo-progress i { width:22px; height:1px; background:#cbd4e1; }
  #demo[data-paused="true"] *::after { animation-play-state:paused; }
  @keyframes demo-caret { to { opacity:0; } }
  @media(max-width:600px) { .demo-shortcut { gap:6px; }.real-input .key-hint { display:none; }#demo[data-phase="send"] .key-hint { display:inline; }#demo[data-phase="typing"] .placeholder,#demo[data-phase="send"] .placeholder { font-size:14px; }.demo-progress { gap:8px; font-size:11px; } }
  @media(prefers-reduced-motion:reduce) { #demo *,#demo *::after { transition:none!important; animation:none!important; } }


/* Get Deskbell dialog: latest release loaded from latest.json. */
.download-meta{text-align:center;font-size:13px;color:var(--muted);margin:12px 0 0}
