.cs{padding-bottom:40px}.cs-hero{display:grid;gap:22px;padding-top:clamp(32px,6vh,64px)}.cs-hero>*{max-width:980px}.cs-back{font-size:16px;color:var(--muted);width:max-content}.cs-back:hover{color:var(--accent)}.cs-hero h1{max-width:22ch}.cs-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);margin-top:8px}.cs-facts div{padding:14px 16px 0 0}.cs-facts dt{font:400 13px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.cs-facts dd{margin:4px 0 0;font-size:16px}.cs-hero-shot{margin-top:clamp(36px,6vh,64px)}.browser{display:flex;align-items:center;gap:14px;height:38px;padding:0 14px;background:var(--paper-2);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;font:400 13px var(--mono);color:var(--muted)}.browser span{display:flex;gap:6px}.browser i{width:10px;height:10px;border-radius:50%;background:var(--line)}.browser b{font-weight:400;flex:1;text-align:center;margin-right:50px}.cs-hero-shot img{width:100%;border:1px solid var(--line);border-radius:0 0 12px 12px}.cs-top{margin-top:clamp(48px,8vh,88px)}.cs-top ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}.cs-top li{padding:20px 20px 0 0;display:grid;gap:6px}.cs-top b{font-weight:400;font-size:clamp(44px,6vw,84px);line-height:1;letter-spacing:-.04em}.cs-top span{color:var(--muted);font-size:16px;max-width:22ch}.cs-top p{margin-top:18px}.cs-sec{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:24px;margin-top:clamp(72px,11vh,128px)}.cs-side .label{position:sticky;top:calc(var(--hh) + 16px)}.cs-body{display:grid;gap:18px;max-width:760px}.cs-body h2{max-width:26ch}.cs-body>p{color:#333}.cs-fig{margin-top:clamp(28px,4vh,44px)}.cs-fig img{width:100%;border-radius:12px;border:1px solid var(--line);background:#0b0b10}.cs-fig figcaption{margin-top:10px;font-size:15px;color:var(--muted);max-width:70ch}.cs-zoom img{border-radius:10px}.cs-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.cs-steps{display:grid;margin-top:10px;border-top:1px solid var(--line)}.cs-steps li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.cs-v{font:400 14px/1.6 var(--mono);color:var(--accent)}.cs-steps h3{margin-bottom:6px}.cs-steps p{font-size:17px;color:#333}.cs-r{margin-top:8px;color:var(--ink)!important;font-weight:500}.cs-arch{margin-top:clamp(28px,4vh,44px);background:var(--paper-2);border-radius:14px;padding:clamp(12px,2vw,28px)}.cs-arch svg{width:100%;height:auto;display:block}.a-box rect{fill:var(--paper);stroke:var(--line)}.a-head text{font:500 20px var(--sans);fill:var(--ink)}.a-txt text{font:400 16px var(--sans);fill:#444}.a-line path{stroke:var(--ink);stroke-width:1.5;fill:none}.a-line path:last-child{stroke:var(--accent);stroke-width:2.5}.a-dot circle{fill:var(--ink)}.a-dot circle:nth-child(n+3){fill:var(--accent)}.a-lbl text{font:400 14px var(--mono);fill:var(--muted)}.a-lbl .a-acc{fill:var(--accent)}.cs-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(24px,3vh,36px)}.cs-parts section{border:1px solid var(--line);border-radius:14px;padding:clamp(20px,2.4vw,32px);display:grid;gap:10px;align-content:start;background:#fff}.cs-n{font:400 14px var(--mono);color:var(--accent)}.cs-parts h3{font-size:22px}.cs-parts p{font-size:17px;color:#444}.cs-parts ul{display:grid;gap:8px;margin-top:6px}.cs-parts li{position:relative;padding-left:18px;font-size:16px}.cs-parts li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.cs-night{background:var(--night);color:var(--night-ink);margin-top:clamp(80px,12vh,140px);padding:clamp(56px,9vh,104px) 0}.cs-night .label{color:var(--night-muted)}.cs-night h2{margin-top:14px}.cs-note{margin-top:12px;color:var(--night-muted);max-width:60ch}.cs-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;margin-top:32px}.cs-metrics li{display:grid;grid-template-columns:minmax(130px,2fr) minmax(0,5fr) auto;gap:18px;align-items:baseline;padding:18px 0;border-top:1px solid var(--night-line)}.cs-metrics b{font-weight:400;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.03em;line-height:1.1}.cs-metrics span{font-size:16px;color:#c9c9c9}.cs-metrics em{font:normal 400 12px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--night-muted);border:1px solid var(--night-line);border-radius:999px;padding:3px 9px;white-space:nowrap}.cs-metrics em.est{color:var(--accent);border-color:var(--accent)}.cs-sub{margin-top:48px;font-weight:400;color:var(--night-muted);font:400 14px var(--mono);text-transform:uppercase;letter-spacing:.05em}.cs-build{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:14px;border-top:1px solid var(--night-line)}.cs-build div{padding:16px 16px 0 0}.cs-build dd{margin:0;font-size:clamp(28px,3vw,44px);letter-spacing:-.03em;line-height:1}.cs-build dt{margin-top:6px;font-size:15px;color:var(--night-muted)}.cs-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin-top:8px}.cs-lessons div{border-top:1px solid var(--ink);padding-top:14px;display:grid;gap:8px}.cs-lessons p{font-size:17px;color:#444}.cs-next{display:grid;gap:12px}.cs-next li{padding:14px 0;border-top:1px solid var(--line);font-size:17px;color:#333}.cs-next b{font-weight:500;color:var(--ink)}.cs-end{margin-top:clamp(80px,12vh,140px);display:grid;gap:18px;justify-items:start;border-top:1px solid var(--ink);padding-top:40px}.cs-end h2{max-width:24ch}@media(max-width:900px){.cs-facts,.cs-top ul{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-top li{padding-bottom:16px}.cs-sec{grid-template-columns:1fr;gap:12px}.cs-side .label{position:static}.cs-pair,.cs-parts,.cs-metrics,.cs-lessons{grid-template-columns:1fr}.cs-build{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-build div{padding-bottom:14px}}@media(max-width:560px){.cs-steps li{grid-template-columns:1fr;gap:6px}.cs-metrics li{grid-template-columns:1fr auto}.cs-metrics span{grid-column:1 / -1;grid-row:2}.browser b{margin-right:0}.cs-arch{overflow-x:auto}.cs-arch svg{min-width:640px}}.a-box .a-soft{fill:var(--paper-2);stroke-dasharray:5 5}.a-line.a-dash path,.a-line.a-dash path:last-child{stroke:var(--muted);stroke-dasharray:6 6;stroke-width:1.5}.a-out rect{fill:var(--accent)}.a-out text{font:500 16px var(--sans);fill:#fff}.tts{margin-top:clamp(40px,6vh,64px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 40px;padding:clamp(20px,3vw,40px);border:1px solid var(--ink);border-radius:16px;background:#fff}.tts-head{display:grid;gap:12px;align-content:start}.tts-head p:last-child{color:#444;font-size:17px}.tts-form{display:grid;gap:16px}.tts-text{position:relative;display:block}.tts-text textarea{width:100%;min-height:128px;resize:vertical;padding:14px 16px 30px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:18px;line-height:1.5}.tts-text textarea:focus{outline:none;border-color:var(--ink)}.tts-text small{position:absolute;right:14px;bottom:10px;font:400 13px var(--mono);color:var(--muted)}.tts-row{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:end}.tts-field{display:grid;gap:6px}.tts-field span,.tts-voices legend{font:400 13px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.tts-field select{min-width:230px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:16px}.tts-voices{border:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.tts-voices legend{margin-bottom:6px;padding:0}.tts-voices label{cursor:pointer}.tts-voices input{position:absolute;opacity:0;pointer-events:none}.tts-voices span{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:15px;background:var(--paper)}.tts-voices input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tts-voices input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.tts-form button[disabled]{opacity:.5;cursor:progress}.tts-status{font-size:16px;color:var(--muted)}.tts-status[data-kind=wait]{color:var(--ink)}.tts-status[data-kind=ok]{color:#1d7a3d}.tts-status[data-kind=err]{color:#b3261e}.tts-form audio{width:100%}.tts-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.tts-times div{padding:12px 12px 0 0}.tts-times dt{font-size:14px;color:var(--muted)}.tts-times dd{margin:2px 0 0;font-size:26px;letter-spacing:-.02em}.tts-note{grid-column:1 / -1;font-size:15px;color:var(--muted);max-width:90ch}.vs{margin-top:clamp(24px,3vh,36px);border-top:1px solid var(--ink)}.vs-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,4fr) minmax(0,4fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}.vs-row>:first-child{color:var(--muted);font-size:15px}.vs-row>:last-child{font-weight:500}.vs-head{font:400 13px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.vs-head>:last-child{color:var(--accent);font-weight:400}.bars{display:grid;gap:18px;margin-top:8px}.bars-top{display:flex;justify-content:space-between;gap:12px;font-size:16px}.bars-top b{font-weight:500}.bars-top span{font-family:var(--mono);font-size:14px;color:var(--muted);white-space:nowrap}.bars i{display:block;height:10px;margin:8px 0;border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--w),var(--paper-2) var(--w))}.bars p{font-size:15px;color:#444}.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}.tiers li{display:grid;gap:8px;align-content:start;padding:22px;border:1px solid var(--night-line);border-radius:14px}.tiers em,.cs-uses em{justify-self:start;font:normal 400 12px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--night-muted);border:1px solid var(--night-line);border-radius:999px;padding:3px 9px}.tiers li:first-child em{color:var(--accent);border-color:var(--accent)}.tiers h3{font-size:19px}.tiers-hw{font-size:14px;color:var(--night-muted)}.tiers b{font-weight:400;font-size:clamp(36px,3.4vw,52px);letter-spacing:-.04em;line-height:1;margin-top:8px}.tiers span{font-size:15px;color:#c9c9c9}.tiers p:last-child{font-size:15px;color:var(--night-muted);border-top:1px solid var(--night-line);padding-top:10px;margin-top:4px}.acc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:16px}.acc .cs-build{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-bars{display:grid;gap:12px;margin-top:14px;border-top:1px solid var(--night-line);padding-top:16px}.vs-bars li{display:grid;grid-template-columns:minmax(130px,3fr) minmax(0,6fr) 64px;gap:14px;align-items:center;font-size:15px;color:#c9c9c9}.vs-bars i{height:10px;border-radius:999px;background:linear-gradient(90deg,#555 var(--w),var(--night-line) var(--w))}.vs-bars b{font-weight:400;text-align:right;font-family:var(--mono);font-size:14px}.vs-bars .is-us{color:var(--night-ink)}.vs-bars .is-us i{background:linear-gradient(90deg,var(--accent) var(--w),var(--night-line) var(--w))}.acc-langs{grid-template-columns:repeat(6,minmax(0,1fr))}.acc-langs dd{font-size:clamp(22px,2.2vw,32px)}.cs-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(24px,3vh,36px)}.cs-uses section{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.cs-uses em{color:var(--muted);border-color:var(--line)}.cs-uses em.is-live{color:var(--accent);border-color:var(--accent)}.cs-uses h3{font-size:20px}.cs-uses p{font-size:16px;color:#444}.langs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:clamp(24px,3vh,36px)}.langs button{width:100%;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:baseline;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.langs button:hover{border-color:var(--ink)}.langs code{grid-row:1 / 3;font:400 13px var(--mono);color:var(--muted)}.langs span{font-size:16px}.langs small{font-size:14px;color:var(--muted)}.langs .is-tuned button{border-color:var(--accent)}.langs .is-tuned code{color:var(--accent)}.langs-note{margin-top:10px}@media(max-width:1000px){.tiers,.cs-uses{grid-template-columns:repeat(2,minmax(0,1fr))}.acc-langs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.tts,.acc{grid-template-columns:1fr}}@media(max-width:560px){.tiers,.cs-uses{grid-template-columns:1fr}.vs-row{grid-template-columns:1fr 1fr;gap:4px 14px}.vs-row>:first-child{grid-column:1 / -1}.vs-head>:first-child{display:none}.tts-times dd{font-size:20px}.tts-field,.tts-field select,.tts-form button{width:100%}.acc-langs{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-bars li{grid-template-columns:1fr 56px}.vs-bars i{grid-column:1 / -1;grid-row:2}}.tts-engine{font-size:15px;color:var(--muted)}.tts-engine b{font-weight:500;color:var(--ink)}.tts-bar{height:6px;border-radius:999px;background:var(--paper-2);overflow:hidden}.tts-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s linear}.tts-times{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:560px){.tts-times{grid-template-columns:repeat(2,minmax(0,1fr))}}.tts [hidden]{display:none!important}.cost{margin-top:clamp(40px,6vh,64px)}.cost-head,.cost li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) 110px 130px;gap:16px;align-items:center}.cost-head{margin-top:16px;padding-bottom:10px;border-bottom:1px solid var(--ink);font:400 13px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.cost-head span:nth-child(n+3){text-align:right}.cost li{padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}.cost li small{color:var(--muted);font-size:13px}.cost i{height:10px;border-radius:999px;background:linear-gradient(90deg,#8a8a8a var(--w),var(--paper-2) var(--w))}.cost b{font-weight:400;text-align:right;font-family:var(--mono);font-size:15px}.cost .is-us{font-weight:500}.cost .is-us i{background:linear-gradient(90deg,var(--accent) max(var(--w),3px),var(--paper-2) max(var(--w),3px))}.cost .is-us b{color:var(--accent)}.cost .cs-note{margin-top:14px}@media(max-width:700px){.cost-head{grid-template-columns:1fr 90px 100px}.cost-head span:nth-child(2){display:none}.cost li{grid-template-columns:1fr 90px 100px;gap:6px 12px}.cost li i{grid-column:1 / -1;grid-row:2}}.tts-translated{font-size:16px;padding:10px 14px;border-left:2px solid var(--accent);background:var(--paper-2);border-radius:0 8px 8px 0}.tts-translated span{font:400 13px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.tts-translated q{quotes:none}.tts-no-translate{font-size:14px;color:var(--muted)}.cs-flow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:34px;margin-top:clamp(24px,3vh,36px);counter-reset:f}.cs-flow>li{position:relative;display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.cs-flow>li:not(:last-child):after{content:"";position:absolute;right:-27px;top:50%;width:20px;height:2px;background:var(--ink)}.cs-flow>li:not(:last-child):before{content:"";position:absolute;right:-28px;top:calc(50% - 5px);width:8px;height:8px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);transform:rotate(45deg)}.cs-flow>li.is-acc{border-color:var(--accent)}.cs-flow h3{font-size:19px}.cs-flow ul{display:grid;gap:6px}.cs-flow ul li{font-size:15px;color:#444;padding-left:14px;position:relative}.cs-flow ul li:before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--accent)}.cs-flow-foot{margin-top:12px;font-size:15px;color:var(--muted);max-width:80ch}@media(max-width:900px){.cs-flow{grid-auto-flow:row;gap:30px}.cs-flow>li:not(:last-child):after{inset:auto auto -22px 50%;width:2px;height:16px}.cs-flow>li:not(:last-child):before{right:auto;left:calc(50% - 4px);top:auto;bottom:-24px;transform:rotate(135deg)}}.cs-phones{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:clamp(28px,4vh,44px);padding:clamp(20px,3vw,40px);background:var(--paper-2);border-radius:14px}.cs-phones figure{display:grid;gap:10px;justify-items:center}.cs-phones img{width:100%;max-width:240px;height:auto}.cs-phones figcaption{font-size:14px;color:var(--muted);text-align:center}.cs-phones-cap{margin-top:10px;font-size:15px;color:var(--muted);max-width:70ch}.cs-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:8px;margin-bottom:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cs-summary>div{padding:20px 24px 22px 0}.cs-summary>div+div{padding-left:24px;border-left:1px solid var(--line)}.cs-summary dt{font:400 13px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.cs-summary dd{margin:0;font-size:17px;line-height:1.5}@media(max-width:800px){.cs-summary{grid-template-columns:1fr}.cs-summary>div{padding:16px 0}.cs-summary>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}}.tts-modes{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;margin-top:-4px}.tts-modes svg{width:20px;height:20px;color:var(--muted)}.tts-modes button{padding:4px 0;border:0;border-bottom:1px solid transparent;background:none;font-size:16px;color:var(--muted);cursor:pointer}.tts-modes button:hover{color:var(--ink)}.tts-modes button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.tts-modes button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tts-script-hint{font-size:15px;color:var(--muted);margin-top:-6px}