@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--blue:#2869ed;--ink:#172940;--muted:#758399;--line:#e6edf5;--pale:#f1f6ff}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}button,a,textarea{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #94b7ff;outline-offset:4px}[hidden]{display:none!important}.wrap{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.nav{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-1.2px;font-weight:800;display:flex;align-items:center;gap:10px}.logo{background:var(--blue);color:white;width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:30px;line-height:1;letter-spacing:-2px;font-weight:800}.logo span{color:#add1ff;font-size:21px;margin-top:10px}.beta{font-family:'DM Sans',sans-serif;color:#72819a;font-size:9px;letter-spacing:1px;font-weight:600;margin:3px 0 0 4px}.navlinks{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;background:var(--blue);color:#fff;padding:18px 26px;border-radius:12px;font-size:15px;font-weight:600;box-shadow:0 6px 14px #2869ed20;transition:transform .2s,background .2s}.button:hover{background:#1957cf;transform:translateY(-2px)}.button.small{padding:12px 20px;gap:24px;font-size:13px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:650px;gap:40px;padding-top:40px;padding-bottom:80px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#74849b;display:block}.hero .eyebrow{color:#4478c7;display:flex;gap:10px;align-items:center}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#579c85;flex-shrink:0}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.3vw,59px);line-height:1.15;letter-spacing:-3px;font-weight:750;margin:24px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{color:#708198;line-height:1.8;font-size:16px;max-width:365px}.hero-actions{display:flex;align-items:center;gap:20px;margin:30px 0}.hero-actions>span{font-size:11px;color:#8a95a5}.powered{display:flex;gap:12px;align-items:center;font-size:10px;color:#8794a8;margin-top:30px}.spark{font-size:23px;color:#4b83de}.powered i{height:12px;border-left:1px solid #d6deea}.hero-art{position:relative;padding:42px 14px 30px;min-width:0}.hero-art:before{content:'';position:absolute;inset:-40px -10px;background:radial-gradient(ellipse,#e4efff 0%,#f5f9ff 45%,transparent 70%);z-index:-1}.orbit{position:absolute;border:1px solid #e2ecfa;border-radius:50%;z-index:-1;width:490px;height:490px;top:-4px;left:-14px}.orbit-two{width:390px;height:390px;top:48px;left:36px}.preview{background:white;border:1px solid #e3eaf4;border-radius:20px;box-shadow:0 25px 70px #3f6fa41b;transform:rotate(-3deg);max-width:390px;margin:auto;overflow:hidden}.preview-head{padding:22px;display:flex;gap:12px;border-bottom:1px solid var(--line);align-items:center}.preview-head strong{font-size:14px}.preview-head small{font-size:9px;display:block;color:#8d9aac;margin-top:4px}.more{margin-left:auto;color:#8c9bb0}.preview-body{padding:18px 22px 25px;display:flex;flex-direction:column;gap:15px}.day{text-align:center;color:#a3afbf;font-size:8px;letter-spacing:1.5px;margin:0 0 9px}.sample{font-size:11px;line-height:1.8;padding:12px 15px;max-width:85%;border-radius:12px}.sample.user{background:var(--blue);color:white;align-self:flex-end;border-bottom-right-radius:3px}.sample.bot{background:#f2f6fc;border-bottom-left-radius:3px;align-self:flex-start;color:#65758d}.preview-input{margin:0 18px 20px;border:1px solid var(--line);padding:10px 12px;color:#a0abbd;font-size:10px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.preview-input span{background:#e5eeff;color:var(--blue);padding:3px 7px;border-radius:6px;font-size:16px}.float-label{position:absolute;right:4px;top:12px;font-size:10px;padding:13px 16px;border:1px solid #edf2f8;border-radius:24px;background:#fff;box-shadow:0 8px 20px #466c9910;transform:rotate(5deg);z-index:2}.float-label .dot{margin-right:7px}.float-bottom{position:absolute;bottom:0;left:-12px;background:white;padding:14px 21px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 30px #466c9912;transform:rotate(4deg);font-size:11px;color:#7a8aa0;line-height:1.8}.float-bottom>span{font-size:30px;color:var(--blue)}.float-bottom strong{color:#344c6b;font-weight:500}.features{padding-top:60px;padding-bottom:80px;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}h2{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1.1px;line-height:1.3;font-weight:750;margin:13px 0}.section-top p,.how p{font-size:13px;color:#8190a5;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature-grid article{padding:28px 28px 22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#f8faff,#fff)}.feature-icon{background:#e9f0ff;color:var(--blue);width:40px;height:40px;display:grid;place-items:center;border-radius:11px;font-size:22px}.feature-grid h3{font-size:15px;margin-top:24px;letter-spacing:-.3px}.feature-grid p{font-size:13px;color:#7c8ca2;line-height:1.9}.feature-tag{font-size:8px;letter-spacing:1.3px;font-weight:600;color:#8d9cb0;display:block;margin-top:25px}.how{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:55px;padding-bottom:90px}.how h2{font-size:39px;letter-spacing:-1.5px}.how>div>p{max-width:300px}.text-link{display:inline-block;color:var(--blue);font-size:12px;font-weight:600;margin-top:16px}.steps>div{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.steps>div>span{font-size:11px;color:#6690d2;padding-top:3px}.steps h3{font-size:14px;margin:0 0 6px}.steps p{margin:0;font-size:12px}.last-call{text-align:center;background:#f1f6ff;border-radius:22px;padding:55px 25px;margin-bottom:45px}.last-call h2{font-size:37px}.last-call p{color:#7e8da4;font-size:13px;margin-bottom:25px}.last-call small{display:block;color:#8393aa;font-size:10px;margin-top:20px}footer{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;font-size:10px;color:#8b99ae}footer .brand{font-size:20px;color:#4c6382}.brand-dot{color:var(--blue)}footer>span:last-child{font-size:8px;letter-spacing:1.5px}
#chat{height:100dvh;display:flex;background:#fff}.sidebar{width:275px;flex-shrink:0;background:#f5f8fd;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.sidebar>.brand{margin:0 8px 34px}.new-chat{border:1px solid #dce6f7;background:white;border-radius:10px;color:#4e74ae;padding:14px;font-size:17px;text-align:left;display:flex;align-items:center;gap:10px}.new-chat span{font-size:12px;font-weight:600}.sidebar-label{font-size:9px;color:#9ba9bc;letter-spacing:1.5px;margin:32px 12px 15px}.conversation{display:flex;gap:12px;align-items:center;background:#e6eeff;border:1px solid #dbe7ff;border-radius:11px;padding:15px 12px}.conversation strong{font-size:12px;font-weight:600}.conversation small{display:block;font-size:10px;color:#8796ad;margin-top:5px}.conversation .dot{margin-left:auto;background:var(--blue)}.chat-symbol{font-size:25px;color:#5c85ce}.sidebar-bottom{margin-top:auto}.quota-card{border:1px solid #dfe8f4;border-radius:12px;padding:17px;margin-bottom:25px;background:#f9fbff}.quota-card>div:first-child{font-size:10px;color:#7c8ca3}.quota-card .dot{margin-right:5px}.quota-card strong{display:block;font-size:25px;font-weight:650;margin:17px 0 12px;letter-spacing:-1px}.quota-card strong small{font-size:10px;font-weight:400;letter-spacing:0;color:#8b9bb1}.meter{height:4px;border-radius:4px;background:#e8eef7;overflow:hidden}.meter span{height:100%;background:#89adf2;display:block;width:100%;transition:width .2s}.quota-card p{font-size:9px;color:#95a2b6;line-height:1.8;margin-bottom:0}.sidebar-bottom>a{font-size:11px;color:#8292a8;margin-left:10px}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column}.chat-header{height:86px;flex-shrink:0;padding:0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.guide{display:flex;gap:12px;align-items:center}.guide strong{font-size:14px}.guide small{display:block;font-size:10px;color:#8b9ab0;margin-top:5px}.guide .dot{width:5px;height:5px;margin-right:4px}.scope-pill{font-size:8px;letter-spacing:1.3px;color:#7293c1;background:#f3f7fe;border:1px solid #e5edfa;border-radius:20px;padding:9px 12px}.message-scroll{flex:1;overflow-y:auto;padding:25px 35px}.welcome{max-width:660px;margin:50px auto 25px;text-align:center}.welcome-mark{width:72px;height:72px;border-radius:22px;background:#eaf1ff;color:var(--blue);font-size:60px;font-weight:700;letter-spacing:-5px;margin:0 auto 29px;line-height:1.1}.welcome-mark span{color:#91b8ff;font-size:35px}.welcome .eyebrow{font-size:8px;letter-spacing:1.5px;color:#91a0b8}.welcome h1{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1.3px;font-weight:750;margin:15px 0}.welcome>p{font-size:13px;color:#8c9ab0;line-height:1.8}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:35px}.suggestions button{border:1px solid #e1eaf7;background:#fbfcff;border-radius:12px;padding:17px 12px;text-align:left;display:flex;gap:8px;align-items:flex-start;color:#6d90c6;font-size:15px}.suggestions button:hover{background:#edf4ff;border-color:#b9d1f8}.suggestions span{font-size:10px;font-weight:600;color:#556c8c;line-height:1.7}.suggestions small{display:block;font-size:9px;color:#92a0b5;font-weight:400;margin-top:5px}.composer-area{padding:12px 35px 20px;margin:auto;width:100%;max-width:850px}#chat-form{border:1px solid #dce6f5;border-radius:16px;box-shadow:0 5px 22px #334f7c07;padding:12px 14px;display:flex;gap:12px;align-items:flex-end;background:#fff}textarea{resize:none;flex:1;min-width:0;max-height:150px;border:0;outline:0;color:#405776;font-size:13px;padding:10px 2px;background:transparent;line-height:1.5}textarea::placeholder{color:#a0adc0}#send{background:var(--blue);border:0;color:white;border-radius:10px;width:38px;height:38px;font-size:24px;flex-shrink:0}#stop{border:1px solid #d6e2f7;background:#eef4ff;color:#3767b4;border-radius:10px;height:38px;font-size:11px}.composer-note{display:flex;justify-content:space-between;font-size:9px;color:#a1aec0;margin:12px 5px}.privacy-note{font-size:9px;color:#94a3ba;text-align:center;margin:14px 0 0}#notice{font-size:12px;line-height:1.5;color:#886221;margin:0 4px 10px}.quiet{display:none;border:0;background:#edf3ff;color:#4777bd;border-radius:8px;padding:8px;font-size:11px}#messages{max-width:750px;margin:0 auto}.message{display:flex;gap:10px;margin:22px 0;align-items:flex-start}.message .avatar{width:29px;height:29px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;border-radius:9px;flex-shrink:0;font-weight:700}.message .bubble{font-size:14px;line-height:1.8;padding:14px 18px;background:#f3f6fb;border-radius:0 14px 14px 14px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:85%;color:#4b607d}.message.user{justify-content:flex-end}.message.user .bubble{background:#2869ed;color:#fff;border-radius:14px 14px 0 14px}.message.pending .bubble{color:#8da0bd}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.welcome{margin-top:12vh}}@media(max-width:900px){.hero{gap:10px}.hero h1{font-size:44px}.orbit{display:none}.hero-actions{flex-wrap:wrap}.hero-art{padding-left:0}.float-bottom{left:0}.sidebar{width:230px;padding:25px 14px}.chat-header{padding:0 22px}.message-scroll{padding:20px}.composer-area{padding:12px 20px 18px}.suggestions{grid-template-columns:1fr}.suggestions button{align-items:center;padding:13px}.suggestions small{display:none}.welcome{margin-top:25px}.scope-pill{display:none}}@media(max-width:650px){.wrap{padding-left:24px;padding-right:24px}.nav{height:80px}.navlinks>a:not(.button){display:none}.brand{font-size:23px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:60px}.hero h1{font-size:46px;letter-spacing:-2.6px}.hero-copy>p{font-size:15px}.hero-art{margin:30px 10px 0;padding-top:30px}.preview{max-width:335px}.float-label{right:-12px}.hero-actions>span{font-size:10px}.hero .eyebrow{font-size:8px}.section-top{display:block}.section-top>p{display:none}h2{font-size:26px}.feature-grid{grid-template-columns:1fr;gap:15px}.features{padding-top:40px;padding-bottom:30px}.feature-grid article{padding:24px}.feature-grid h3{margin-top:17px}.feature-tag{margin-top:17px}.how{grid-template-columns:1fr;gap:20px;padding-top:35px;padding-bottom:45px}.how h2{font-size:34px}.last-call{margin:0 16px 30px;padding:40px 20px}.last-call h2{font-size:30px}.last-call .eyebrow{font-size:8px}footer>span{display:none}.sidebar{display:none}.chat-header{height:75px;padding:0 18px}.quiet{display:block}.guide small{font-size:8px}.message-scroll{padding:16px}.welcome{margin-top:28px}.welcome h1{font-size:26px}.welcome-mark{width:62px;height:62px;font-size:51px}.suggestions{max-width:330px;margin:24px auto}.suggestions button{font-size:16px;gap:12px}.suggestions span{font-size:12px}.composer-area{padding:10px 14px 16px}.composer-note>span:last-child{display:none}.privacy-note{font-size:8px}.message .bubble{font-size:13px;padding:12px;max-width:88%}.message .avatar{width:25px;height:25px}.welcome>p{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
