:root{--ink:#111827;--muted:#5d6471;--line:#dde1e9;--paper:#f7f8fb;--white:#fff;--violet:#5b5bd6;--violet-soft:#ececff;--green-soft:#eaf7ef;--red:#b42318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}.nav,.dashboardNav{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding:24px 28px;display:flex}.brand,.authBrand{letter-spacing:-.8px;font-size:24px;font-weight:850}.navActions,.userBar{align-items:center;gap:18px;display:flex}.navLink{font-size:14px;font-weight:700}.hero{text-align:center;max-width:1180px;margin:0 auto;padding:82px 28px 80px}.badge,.eyebrow{letter-spacing:1.8px;color:var(--violet);margin:0;font-size:12px;font-weight:800}.hero h1{letter-spacing:-5px;max-width:900px;margin:18px auto;font-size:clamp(54px,8vw,104px);line-height:.95}.hero h1 span{color:var(--violet)}.lead{color:#4b5563;max-width:760px;margin:28px auto;font-size:21px;line-height:1.6}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:34px 0 54px;display:flex}.button{border:0;border-radius:999px;justify-content:center;align-items:center;padding:15px 22px;font-size:15px;font-weight:800;display:inline-flex}.button.compact{padding:11px 17px}.primary{background:var(--ink);color:var(--white)}.secondary{background:var(--white);border:1px solid #d7dae2}.wide{width:100%}.light{background:var(--white);color:var(--ink);white-space:nowrap}.demoCard{text-align:left;background:var(--ink);max-width:680px;color:var(--white);border-radius:24px;margin:0 auto;padding:26px;box-shadow:0 24px 70px #1118272b}.demoHeader{color:#cbd5e1;border-bottom:1px solid #2c3545;margin-bottom:18px;padding-bottom:20px;font-size:13px}.dot{background:#5ee59d;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.message{background:#1d2635;border-radius:14px;padding:17px}.message.translated{background:#29295c}.message.reply{background:#203b34}.label{text-transform:uppercase;letter-spacing:1px;color:#9ca3af;margin-bottom:7px;font-size:11px}.arrow{text-align:center;color:#7c8492;padding:8px}.section{max-width:1180px;margin:0 auto;padding:90px 28px}.section h2,.split h2,.cta h2{letter-spacing:-2.5px;margin:12px 0 38px;font-size:clamp(34px,5vw,58px);line-height:1.05}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:var(--white);border:1px solid #e5e7eb;border-radius:20px;padding:30px}.number{color:var(--violet);margin-bottom:48px;font-weight:800}.card h3{margin-bottom:10px;font-size:25px}.card p,.split p,.cta p{color:var(--muted);font-size:17px;line-height:1.65}.split{grid-template-columns:1fr 1fr;gap:18px;max-width:1180px;margin:30px auto;padding:28px;display:grid}.split>div{background:var(--violet-soft);border-radius:24px;padding:42px}.split>div:last-child{background:var(--green-soft)}.split h2{margin-bottom:20px;font-size:clamp(32px,4vw,48px)}.levels{flex-wrap:wrap;gap:10px;display:flex}.levels span{background:var(--white);border:1px solid #dcdfe6;border-radius:999px;padding:12px 16px;font-weight:700}.cta{background:var(--ink);max-width:1124px;color:var(--white);border-radius:28px;justify-content:space-between;align-items:center;gap:28px;margin:30px auto 70px;padding:54px;display:flex}.cta h2{margin-bottom:14px}.cta p{color:#cbd5e1;max-width:650px}footer{color:#69707c;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto;padding:35px 28px 50px;font-size:13px;display:flex}.authWrap{background:radial-gradient(circle at 50% 0%, #ededff, var(--paper) 42%);place-items:center;min-height:100vh;padding:28px;display:grid}.authCard{background:var(--white);border:1px solid var(--line);border-radius:26px;width:min(100%,460px);padding:36px;box-shadow:0 22px 70px #1118271f}.authBrand{margin-bottom:42px;display:inline-block}.authTitle{letter-spacing:-2px;margin:10px 0;font-size:42px}.authSub{color:var(--muted);margin-bottom:28px;line-height:1.55}.authForm{gap:10px;display:grid}.authForm label,.workspaceCard label{font-size:14px;font-weight:750}input,textarea,select{background:var(--white);width:100%;color:var(--ink);border:1px solid #cfd4df;border-radius:13px;outline:none;padding:13px 14px}input:focus,textarea:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #5b5bd621}textarea{resize:vertical;line-height:1.5}.authForm .button{margin-top:10px}.textButton{width:100%;color:var(--violet);background:0 0;border:0;margin-top:20px;font-weight:750}.formMessage,.banner{background:#f1f2ff;border-radius:12px;padding:12px 14px;line-height:1.45}.error{color:var(--red);background:#fff0ee}.loadingPage{min-height:100vh;color:var(--muted);place-items:center;display:grid}.dashboardShell{min-height:100vh;padding-bottom:70px}.dashboardNav{border-bottom:1px solid var(--line)}.userBar{color:var(--muted);font-size:13px}.miniButton{background:var(--white);border:1px solid #cfd4df;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:750}.miniButton.accent{color:var(--violet);border-color:#c9c9fa}.dashboardHead{max-width:1040px;margin:0 auto;padding:60px 28px 30px}.dashboardHead h1{letter-spacing:-3px;margin:10px 0;font-size:clamp(40px,6vw,70px);line-height:1}.dashboardHead>p:last-child{color:var(--muted);font-size:18px}.workspaceCard{border:1px solid var(--line);background:var(--white);border-radius:24px;max-width:1040px;margin:22px auto;padding:30px;box-shadow:0 12px 36px #1118270f}.cardHeading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.cardHeading h2{letter-spacing:-1.4px;margin:7px 0 0;font-size:32px}.statusDot{color:#18794e;white-space:nowrap;background:#e8f7ef;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750}.fieldTop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.composerGrid{grid-template-columns:190px 1fr;gap:14px;margin:15px 0;display:grid}.composerGrid>div{gap:8px;display:grid}.banner{margin-top:18px}.resultPanel{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.resultChips{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.resultChips span{background:var(--violet-soft);color:#4242ad;text-transform:capitalize;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:750}.resultChips .riskChip{color:var(--red);background:#fff0ee}.translationBox{background:#f4f5f8;border-radius:14px;margin-bottom:18px;padding:16px}.translationBox p{color:var(--muted);margin:8px 0 0}.replyOptions{grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 18px;display:grid}.replyOption{text-align:left;border:1px solid var(--line);background:var(--white);border-radius:14px;flex-direction:column;gap:8px;min-height:125px;padding:14px;display:flex}.replyOption strong{color:var(--violet)}.replyOption span{line-height:1.42}.replyOption .draftEnglish{color:var(--ink);font-weight:600}.replyOption .draftNative{color:var(--muted);border-top:1px solid var(--line);padding-top:8px}.replyOption.selected{border-color:var(--violet);box-shadow:0 0 0 2px #5b5bd61f}.replyReview{margin-top:4px}.copyButton{background:var(--violet);color:var(--white);margin-top:10px}.postButton{margin:10px 0 0 10px}.integrationRow{justify-content:space-between;align-items:center;gap:20px;display:flex}.integrationRow p{color:var(--muted);margin:6px 0}.channelForm{grid-template-columns:1fr auto;gap:10px;display:grid}.channelSummary{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;margin-top:20px;padding:14px 0;display:flex}.channelSummary strong{color:var(--ink)}.commentList{gap:12px;margin-top:14px;display:grid}.commentCard{border:1px solid var(--line);border-radius:16px;padding:18px}.commentMeta{color:var(--muted);justify-content:space-between;gap:14px;font-size:13px;display:flex}.commentMeta strong{color:var(--ink)}.commentCard p{line-height:1.5}.commentActions{color:var(--violet);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:750;display:flex}.emptyState{text-align:center;color:var(--muted);padding:40px 10px}@media (max-width:800px){.hero h1{letter-spacing:-3px}.grid,.split,.replyOptions,.composerGrid{grid-template-columns:1fr}.integrationRow{flex-direction:column;align-items:stretch}.postButton{margin-left:0}.cta{flex-direction:column;align-items:flex-start;margin-left:18px;margin-right:18px}footer{flex-direction:column}.navLink{display:none}.dashboardNav,.userBar,.cardHeading,.fieldTop,.channelSummary,.commentMeta{align-items:flex-start}.userBar{flex-direction:column;gap:7px}.workspaceCard{margin-left:14px;margin-right:14px;padding:22px}.channelForm{grid-template-columns:1fr}.statusDot{white-space:normal}}