:root{--ink:#192b27;--muted:#65726b;--green:#244e40;--paper:#fafbf7;--line:#e2e7de;--lime:#d8f48c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.preview-note{background:#e9eee4;text-align:center;font-size:12px;padding:7px 16px;color:#44574a}.preview-note span{margin-left:12px;color:#6c776b}.nav{display:flex;align-items:center;justify-content:space-between;height:100px;gap:24px}.brand{display:flex;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1.3px}.brand span:not(.brand-icon){font-weight:400}.brand .brand-icon{font-size:37px;color:var(--green);margin-right:9px}.brand-dot{color:#72944a}nav{display:flex;gap:30px;font-size:14px;color:#59675f}.button{border:0;border-radius:10px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-weight:600;font-size:14px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:white}.quiet{background:transparent;border:1px solid #cdd6ca}.dark{background:#172b24;color:white}.full{width:100%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:65px 0 88px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#67805f}.tiny-star{margin-right:6px}h1{font-size:76px;line-height:1.08;letter-spacing:-4px;font-weight:550;margin:25px 0}h1>span{font-family:Georgia,serif;font-style:italic;color:#507047;letter-spacing:-3px}.lead{font-size:24px;line-height:1.5;letter-spacing:-.6px;margin:24px 0 18px}.hero-detail{color:var(--muted);font-size:15px;margin:0 0 28px}.small{font-size:11px;color:var(--muted)}.terms-short{max-width:370px;margin-top:14px}.hero-art{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #e0e5d6;border-radius:50%;width:440px;height:440px}.orbit-one{background:radial-gradient(ellipse,#e8efcf77,transparent 70%)}.orbit-two{width:490px;height:340px;transform:rotate(-35deg)}.chat-preview{position:relative;width:440px;background:#fff;border:1px solid #dfe5d9;border-radius:19px;padding:24px;box-shadow:0 30px 60px #263e2312;transform:rotate(-3deg)}.preview-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;border-bottom:1px solid #eef1ea;padding-bottom:18px}.green-dot{display:inline-block;width:7px;height:7px;background:#77a25b;border-radius:50%;margin-right:6px}.demo-tag{font-size:10px;font-weight:400;color:#758072;border:1px solid #e1e7dc;padding:3px 8px;border-radius:20px}.user-bubble{background:#f1f4ed;margin:28px 0 25px 50px;padding:13px 16px;border-radius:12px 12px 2px 12px;font-size:13px}.assistant-preview{display:flex;gap:12px}.mini-logo{color:#557f41;font-size:22px}.assistant-preview strong{font-size:14px}.assistant-preview p{font-size:12px;line-height:1.9;color:var(--muted)}.sample-lines i{display:block;height:5px;border-radius:5px;background:#f0f3ed;width:90%;margin:9px 0}.sample-lines i:last-child{width:65%}.preview-chips{display:flex;gap:8px;padding:24px 0;font-size:10px;color:#69755f}.preview-chips span{border:1px solid #e2e8db;padding:6px 10px;border-radius:6px}.fake-input{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #e0e7da;background:var(--paper);border-radius:10px;padding:10px;color:#94a18e;font-size:11px}.fake-input b{background:var(--green);color:white;border-radius:6px;padding:3px 9px}.floating-tag{position:absolute;top:4px;left:8px;border:1px solid #dde4d5;background:#f7f9ef;padding:9px 14px;border-radius:30px;font-size:12px;transform:rotate(-9deg);z-index:1}.credit-sticker{position:absolute;right:-4px;bottom:6px;background:var(--lime);border:6px solid var(--paper);border-radius:18px;padding:16px 25px;transform:rotate(8deg);box-shadow:0 10px 20px #173e1512}.credit-sticker span,.credit-sticker small{display:block;font-size:11px}.credit-sticker strong{font-size:26px;letter-spacing:-1px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f1f4eb}.strip-inner{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:18px;font-weight:550;letter-spacing:-.5px}.strip-inner .strip-caption{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.experience{padding:100px 0}.section-heading h2,h2{font-size:43px;line-height:1.2;letter-spacing:-1.8px;font-weight:550;margin:18px 0 28px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px}.feature-grid article{border-top:1px solid #d5dece;padding-top:26px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d6dfcd;border-radius:12px;width:44px;height:44px;color:#557448;font-size:24px}h3{font-size:21px;letter-spacing:-.5px}.feature-grid p{color:var(--muted);font-size:14px;max-width:300px}.pricing-section{background:#edf2e7;border-block:1px solid var(--line);padding:80px 0}.pricing-layout{display:grid;grid-template-columns:1fr 440px;gap:100px;align-items:center}.pricing-copy>p{color:var(--muted)}.cancel-note{display:flex;align-items:flex-start;gap:17px;max-width:340px;margin-top:42px}.cancel-note>span{font-size:29px;color:#718566}.cancel-note strong{font-size:14px}.cancel-note p{font-size:12px;color:var(--muted);margin-top:5px}.price-card{background:#fff;padding:10px;border-radius:25px;box-shadow:0 15px 30px #263e230b}.price-top{padding:27px;border-radius:17px;background:radial-gradient(at 95% 0%,#c6e3e3,transparent 65%),linear-gradient(135deg,#e3efbc,#f2f6df)}.pill{font-size:10px;letter-spacing:1px;font-weight:700}.price-top h3{margin:11px 0 15px;font-size:23px}.price{display:flex;align-items:baseline;gap:12px}.price strong{font-size:58px;line-height:1.2;letter-spacing:-3px}.price>span{font-size:13px;color:#5f7060}.credits{background:#ffffff9c;border:1px solid #fff;padding:11px 14px;border-radius:9px;font-size:14px;margin:22px 0 15px}.price-card ul{list-style:none;padding:9px 25px 0;font-size:13px}.price-card li{display:flex;gap:12px;margin:15px 0}.price-card li span{color:#708e56}.renewal{font-size:11px;color:#64715f;line-height:1.8;padding:17px 24px 0;border-top:1px solid #ecf0e8}.renewal strong{display:block;color:#3d503f}.not-live{font-size:11px;color:#79846e;padding:0 24px 13px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding:100px 0}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list summary{cursor:pointer;font-size:15px;font-weight:550}.faq-list details p{font-size:13px;color:var(--muted);max-width:530px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:11px}.footer .brand{font-size:19px;color:var(--green)}.footer>span:nth-child(2){font-family:Georgia,serif;font-style:italic;font-size:18px}dialog{border:1px solid var(--line);border-radius:22px;padding:40px;max-width:480px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 30px 100px #15251c30}dialog::backdrop{background:#12251b70;backdrop-filter:blur(4px)}dialog h2{font-size:30px}dialog p{color:var(--muted);font-size:14px}.dialog-close{position:absolute;right:18px;top:12px;background:none;border:0;font-size:26px;color:var(--muted)}.dashboard-shell{display:grid;grid-template-columns:270px 1fr;border-top:1px solid var(--line);min-height:calc(100vh - 140px)}.sidebar{display:flex;flex-direction:column;padding:24px;background:#f0f3ec;border-right:1px solid var(--line)}.sidebar-label{font-size:10px;letter-spacing:1px;margin-top:35px;color:var(--muted)}.empty-history{font-size:12px;color:#88927f;flex:1}.usage-card{border:1px solid #dce4d5;padding:18px;border-radius:14px;background:#fafbf7;margin:30px 0 16px}.usage-card>span{font-size:10px;color:var(--muted);display:block}.usage-card strong{font-size:26px;display:block;margin:8px 0}.usage-card strong small{font-size:12px;font-weight:400;color:var(--muted)}.meter{height:5px;border-radius:5px;background:#dce4d4}.meter i{display:block;width:100%;height:100%;border-radius:5px;background:#79975e}.usage-card p{font-size:12px}.usage-card>small{font-size:10px;display:block;color:var(--muted)}.text-button{background:none;border:0;padding:0;text-decoration:underline;color:var(--muted);font-size:11px;margin-top:15px}.chat-workspace{display:flex;flex-direction:column;min-height:700px}.workspace-top{display:flex;justify-content:space-between;align-items:center;padding:24px 35px}.workspace-top select{max-width:70%;font-size:12px;border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff;color:var(--muted)}.conversation{display:grid;place-items:center;flex:1;padding:35px}.welcome{text-align:center}.welcome-mark{font-size:45px;color:#6b8f50}.welcome h2{font-size:42px;margin:12px 0}.welcome p{color:var(--muted);font-size:14px}.suggestions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:28px}.suggestions button{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:11px;color:#53674b}.composer-wrap{width:min(740px,calc(100% - 48px));margin:20px auto}.composer-wrap form{background:#fff;border:1px solid #d9e1d2;border-radius:16px;padding:15px;box-shadow:0 4px 16px #24392105}textarea{resize:vertical;min-height:52px;width:100%;border:none;outline:none;color:var(--ink);font-size:14px;background:none}.composer-actions{display:flex;align-items:center;gap:10px}.attach{border:0;background:#f2f5ed;border-radius:7px;padding:6px 9px;font-size:11px;color:#607455}.send{margin-left:auto;background:var(--green);color:#fff;border:0;border-radius:8px;width:35px;height:35px;font-size:20px}#file-name{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.composer-note{text-align:center;font-size:10px;color:#8a9582}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #8ebd57;outline-offset:4px}
@media(min-width:1500px){.hero{padding-block:90px 110px}}@media(max-width:1000px){h1{font-size:62px}.hero{gap:15px}.chat-preview{width:360px}.orbit{width:350px;height:350px}.orbit-two{width:390px;height:290px}.credit-sticker{right:0}.pricing-layout{gap:45px;grid-template-columns:1fr 410px}.dashboard-shell{grid-template-columns:230px 1fr}.sidebar{padding:16px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.preview-note{font-size:10px}.preview-note span{display:block;margin:0}.nav{height:80px}.brand{font-size:23px}nav{display:none}.nav>.button{font-size:11px;padding:9px 12px;gap:8px}.hero{grid-template-columns:1fr;padding:40px 0 50px;gap:55px}h1{font-size:60px;letter-spacing:-3px}.lead{font-size:22px}.hero-art{min-height:420px}.chat-preview{width:min(100%,390px)}.floating-tag{left:4%;top:-10px}.credit-sticker{right:2%;bottom:-10px}.orbit{width:330px;height:330px}.orbit-two{width:350px;height:280px}.strip-inner{flex-wrap:wrap;gap:15px;font-size:14px;justify-content:center}.strip-caption{width:100%;text-align:center}.experience{padding:65px 0}h2,.section-heading h2{font-size:34px}.feature-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.feature-grid p{max-width:none}.feature-grid article{padding-top:20px}.feature-icon{width:35px;height:35px}.feature-grid h3{margin:12px 0}.pricing-section{padding:55px 0}.pricing-layout{grid-template-columns:1fr;gap:30px}.cancel-note{margin-top:25px}.price-top{padding:23px}.faq{grid-template-columns:1fr;gap:10px;padding:65px 0}.footer{flex-wrap:wrap;gap:20px}.footer>span:last-child{width:100%}.dashboard-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px}.sidebar-label,.empty-history{display:none}.usage-card{grid-column:1/-1;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:14px}.usage-card strong{margin:0;font-size:22px}.usage-card .meter{grid-column:1/-1}.usage-card p{margin:0}.usage-card>small{grid-column:1/-1}.usage-card .text-button{text-align:left;margin-top:4px}.sidebar>#back-home{grid-column:2;grid-row:1}.chat-workspace{min-height:600px}.workspace-top{padding:20px}.conversation{padding:25px 15px}.welcome h2{font-size:35px}.composer-wrap{width:calc(100% - 28px)}.workspace-top .demo-tag{font-size:8px}.suggestions{gap:7px}.suggestions button{font-size:10px}}


.composer-model{margin-left:auto;flex-shrink:0}.composer-model select{border:1px solid #d9e1d2;border-radius:8px;background:#f2f5ed;color:#244e40;padding:7px 26px 7px 12px;font-size:12px;cursor:pointer;max-width:160px}.composer-actions .send{margin-left:0}#selected-model-status{font-size:12px;color:#65726b}#model-preview-note{margin-bottom:2px}@media(max-width:480px){.composer-actions{flex-wrap:wrap}.composer-model select{max-width:125px;font-size:11px}#file-name{max-width:90px}.workspace-top{gap:8px}#selected-model-status{font-size:10px}}

/* Dark theme */
:root{color-scheme:dark;--ink:#edf3ef;--muted:#a0aea5;--green:#b8de98;--paper:#101310;--line:#2b352c;--lime:#c9ef91}
body{background:#101310;color:var(--ink)}
.preview-note{background:#1b241b;color:#c3d4ba}.preview-note span{color:#a0b198}
.brand .brand-icon,.footer .brand{color:#b8de98}.brand-dot{color:#b8de98}nav{color:#bbc7bd}
.primary{background:#b8de98;color:#152015}.quiet{border-color:#3b493c;color:#e1eadd}.dark{background:#c9ef91;color:#142014}
.eyebrow{color:#a5c68c}h1>span{color:#b8de98}.hero-detail,.small{color:#a0aea5}
.orbit{border-color:#2c3b29}.orbit-one{background:radial-gradient(ellipse,#334a282e,transparent 70%)}
.chat-preview{background:#192019;border-color:#354230;box-shadow:0 30px 60px #0005}.preview-head{border-color:#344032}.demo-tag{border-color:#43513d;color:#bdcbb5}
.user-bubble{background:#2b3626;color:#e1eadb}.mini-logo{color:#b8de98}.assistant-preview p{color:#aab7a3}.sample-lines i{background:#2b3628}
.preview-chips{color:#b9c9b0}.preview-chips span{border-color:#3b4835}.fake-input{border-color:#3b4835;background:#121912;color:#a5b39b}.fake-input b{background:#b8de98;color:#152015}
.floating-tag{border-color:#3d4b35;background:#202b1c;color:#d5e7c8}.credit-sticker{background:#c9ef91;color:#182413;border-color:#101310}
.strip{background:#181f16}.feature-grid article{border-color:#33402d}.feature-icon{border-color:#43523b;color:#b8de98}
.pricing-section{background:#151c13}.cancel-note>span{color:#abc78f}.price-card{background:#1b2318;box-shadow:0 15px 30px #0003;border:1px solid #34412e}
.price-top{background:radial-gradient(at 95% 0%,#304e45,transparent 65%),linear-gradient(135deg,#35472a,#222f20)}
.price>span{color:#c0cdb7}.credits{background:#d1ebbb10;border-color:#72856255;color:#e4efd9}.price-card li span{color:#b8de98}
.renewal{border-color:#34412e;color:#b7c5ad}.renewal strong{color:#e2edd8}.not-live{color:#acba9f}
.faq-list details p{color:#aab7a3}.footer{color:#a0aea5}
dialog{background:#1b2318;color:#edf3ef;border-color:#44513a}dialog::backdrop{background:#000a}dialog p{color:#b5c3ac}.dialog-close{color:#bdcbb5}
.sidebar{background:#151c13}.empty-history{color:#a2b096}.usage-card{background:#20291c;border-color:#3b4932}.meter{background:#3b4932}.meter i{background:#b8de98}.text-button{color:#c1d4b0}
.workspace-top select{background:#20291c;border-color:#3b4932;color:#d1e1c4}.welcome-mark{color:#b8de98}.suggestions button{background:#20291c;border-color:#3b4932;color:#d1e1c4}
.composer-wrap form{background:#1b2318;border-color:#46553c;box-shadow:0 4px 16px #0003}textarea{color:#edf3ef}textarea::placeholder{color:#a4b19a}.attach{background:#2b3724;color:#d1e1c4}.send{background:#b8de98;color:#142014}
.composer-model select{background:#2b3724;color:#e3eedb;border-color:#49583e}.composer-note,#selected-model-status{color:#aab89f}

.account-nav{display:flex;gap:10px;align-items:center}#auth-form label{display:block;margin:14px 0 6px;font-size:13px}#auth-form input{width:100%;border:1px solid #49583e;border-radius:8px;background:#101810;color:#edf3ef;padding:12px}#auth-error{color:#ffb7a8;font-size:13px;min-height:20px}button:disabled{opacity:.6;cursor:wait}@media(max-width:760px){.account-nav{gap:6px}.account-nav .button{padding:8px;font-size:10px;gap:4px}.nav{gap:8px}.nav .brand{font-size:20px}.nav .brand-icon{font-size:28px}}
/* Real chat messages render plain text to keep model output inert. */
.chat-message{width:min(100%,740px);margin:16px auto;padding:18px 22px;border:1px solid #34463c;border-radius:18px;background:#17231d;text-align:left}
.chat-message.user{background:#22392d}
.chat-message strong{font-size:12px;color:#b7cb9c}
.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:10px 0 0;color:#f0f3eb}
.conversation:has(.chat-message){display:block;overflow-y:auto;padding:20px;min-height:0}
.send:disabled{opacity:.45;cursor:wait}
.pasted-image-preview{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}
.pasted-image-preview img{width:80px;height:80px;object-fit:cover;border:1px solid var(--line);border-radius:10px}
.pasted-image-preview button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:50%;width:26px;height:26px;padding:0;line-height:1}
.history-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;margin:12px 0 24px}
.history-list button{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--ink);text-align:left;padding:9px 10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-list button:hover,.history-list button.active{background:#263a2d;border-color:#46553c}
.message-image{display:block;max-width:min(100%,320px);max-height:320px;object-fit:contain;margin-top:12px;border-radius:10px}
@media(max-width:760px){.history-list{grid-column:1/-1;max-height:130px;margin:0}}