/* CoreLabs: paper / ink / ash. System display, humanist body, quiet controls. */
:root{--paper:#f8f8f6;--ink:#171717;--muted:#6b6b68;--line:#deded9;--soft:#efefeb;--white:#fff;--radius:12px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}button:disabled{cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:800;letter-spacing:-.7px}.brand svg{width:30px;height:30px;stroke-width:2}.brand-dot{font-size:9px;vertical-align:top;display:inline-block;margin-left:3px;margin-top:3px}.header nav{display:flex;gap:30px;font-size:13px;color:#51514e}.header nav a:hover{color:var(--ink)}.nav-download{font-size:13px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:10px 16px;border-radius:7px}.nav-download:hover{border-color:var(--ink)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:75px;padding-bottom:75px;align-items:center}.eyebrow{font:10px/1.5 Consolas,"Courier New",monospace;letter-spacing:1.6px;font-weight:600;margin:0 0 24px;display:flex;align-items:center;gap:8px}.tiny-window{width:12px;height:10px;border:1px solid var(--ink);display:inline-block;position:relative}.tiny-window:after{content:"";position:absolute;right:1px;bottom:1px;width:4px;height:3px;background:var(--ink)}h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(72px,8.5vw,112px);line-height:.94;letter-spacing:-7px;font-weight:750;margin:0 0 28px}h1 span{color:#858580}.lead{font-size:25px;line-height:1.35;letter-spacing:-.8px;margin:0 0 16px;font-weight:500}.description{color:var(--muted);font-size:15px;line-height:1.7;max-width:360px;margin:0}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border-radius:8px;font-size:13px;font-weight:600;transition:transform 140ms cubic-bezier(.23,1,.32,1),background 140ms ease}.primary{background:var(--ink);color:white}.primary:hover{background:#333}.button:active{transform:scale(.98)}.text-link{display:flex;align-items:center;gap:8px;font-size:13px}.text-link svg{width:16px}.download-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:16px}
.visual{position:relative;padding:30px 0 0 5px;min-height:490px}.desktop{position:relative;width:91%;height:370px;border-radius:15px;overflow:hidden;background:#e3e5df;border:1px solid #d0d2cb;box-shadow:0 18px 40px #00000008}.desktop-top{display:flex;align-items:center;justify-content:space-between;padding:18px;color:#7c8175;font:9px Consolas,monospace;letter-spacing:1px}.desktop-mark{font-weight:bold;font-size:12px}.landscape{position:absolute;inset:0;width:100%;height:100%;stroke:none}.desktop-label{position:absolute;top:80px;left:25px;color:#868b80;font-size:21px;letter-spacing:-.6px;line-height:1.25}.hud{position:absolute;left:24px;bottom:20px;font:9px/1.7 Consolas,monospace;letter-spacing:1.2px;color:#5d6555}.hud b{font-weight:normal;font-size:8px}.mini-player{position:absolute;width:320px;right:-5px;top:180px;border-radius:12px;background:#181818;overflow:hidden;color:#f6f6f2;box-shadow:0 18px 35px #0003,0 0 0 5px var(--paper);transform:rotate(-3deg)}.mini-title{height:35px;display:flex;gap:7px;align-items:center;padding:0 12px;font-size:10px;color:#bcbcb7}.mini-title svg{width:14px;height:14px}.live{font:8px Consolas,monospace;border:1px solid #5e5e58;border-radius:3px;padding:2px 4px;margin-left:auto;color:#fff}.mini-stage{height:190px;background:#333431;position:relative;overflow:hidden}.stage-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#aaa 1px,transparent 1px),linear-gradient(90deg,#aaa 1px,transparent 1px);background-size:25px 25px}.stage-word{font:bold 60px/.8 Arial,sans-serif;letter-spacing:-5px;position:absolute;right:30px;top:20px;transform:rotate(4deg);color:#bcbeb8}.stage-word>span{font:7px Consolas,monospace;letter-spacing:1px;display:block;margin-top:12px}.demo-chat{position:absolute;left:12px;bottom:7px;font-size:10px;text-shadow:0 1px 4px #000}.demo-chat p{margin:5px 0}.demo-chat b{color:#c9cac4;margin-right:5px}.demo-chat span{color:#eee}.mini-controls{display:flex;align-items:center;gap:8px;padding:7px 9px;font-size:9px;color:#999b95}.mini-controls>span{flex:1}.mini-controls button{border:0;background:#ffffff0c;color:#ddd;width:27px;height:25px;border-radius:5px;display:grid;place-items:center}.mini-controls button:hover{background:#ffffff1c}.mini-controls svg{width:14px;height:14px}.demo-paused{position:absolute;inset:0;background:#151515d9;display:grid;place-items:center;font-size:12px;z-index:1}.demo-paused[hidden],.demo-chat[hidden]{display:none}.visual-caption{position:absolute;bottom:0;right:10px;font:9px/1.5 Consolas,monospace;letter-spacing:.4px;color:var(--muted);display:flex;align-items:center;gap:10px}.caption-line{height:1px;width:25px;background:#aaa}
.benefits{display:flex;align-items:center;justify-content:space-between;padding:22px 0 38px;border-bottom:1px solid var(--line);gap:20px}.benefits p{display:flex;align-items:center;gap:10px;color:#656561;font-size:12px;margin:0}.benefits svg{width:18px;height:18px;color:var(--ink)}.section{padding-top:94px;padding-bottom:90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}.section-heading>.eyebrow{margin-bottom:18px}h2{font:600 clamp(32px,4vw,46px)/1.12 Arial,sans-serif;letter-spacing:-1.8px;margin:0}.section-heading>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:330px;margin:0}.install-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.step-card,.browser-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px}.step-card{background:var(--soft)}.step-number{font:10px Consolas,monospace;letter-spacing:1.3px;color:var(--muted)}h3{font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.8px;margin:20px 0}.step-card>p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:26px}.step-card ol,.guide-steps{padding-left:19px;font-size:13px;line-height:1.7;color:#5f5f5a;margin:0 0 28px}.step-card li,.guide-steps li{padding-left:6px;margin:15px 0}.step-card strong,.guide-steps strong{color:var(--ink);font-weight:600}.step-card .button{width:100%;margin-top:8px}.small-link{display:block;text-align:center;font-size:11px;color:var(--muted);margin-top:13px;text-decoration:underline;text-underline-offset:3px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:26px 0 20px;padding-bottom:7px;flex-wrap:wrap}.tabs button{border:0;background:transparent;color:var(--muted);font-size:11px;padding:8px 10px;border-radius:5px}.tabs button[aria-selected=true]{background:var(--ink);color:white}.guide-status{font-size:12px;line-height:1.6;color:var(--muted);min-height:20px;margin:0 0 16px}.address-row{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:var(--soft);border-radius:7px;gap:12px;margin-bottom:20px}code{font:12px/1.5 Consolas,monospace;overflow-wrap:anywhere}.copy-button{border:0;background:none;padding:2px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.copy-button svg{width:14px;height:14px}.copy-button:hover{color:var(--ink)}.guide-note{font-size:11px;line-height:1.7;border-left:2px solid #b5b5af;padding-left:12px;color:var(--muted);margin:0 0 22px}.extension-download{padding-top:20px;border-top:1px solid var(--line);font-size:11px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.extension-download>span{color:var(--muted)}.extension-download a{display:flex;align-items:center;gap:6px}.extension-download svg{width:14px;height:14px}
.usage{background:#1b1b1b;color:#f3f3ed;padding:75px 0}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.usage .eyebrow{color:#a3a39a}.usage h2{font-size:40px}.usage-grid>div>p:last-child{font-size:14px;color:#a9a99f;max-width:310px;line-height:1.7;margin-top:24px}.usage-list article{display:flex;gap:24px;padding:23px 0;border-top:1px solid #3c3c38}.usage-list article:first-child{padding-top:0;border-top:0}.usage-list article>span{font:10px Consolas,monospace;color:#88887e;margin-top:4px}.usage-list h3{font-size:18px;letter-spacing:-.4px;margin:0 0 10px}.usage-list p{color:#a9a99f;font-size:13px;line-height:1.7;margin:0}kbd{font:10px Consolas,monospace;border:1px solid #565650;border-radius:3px;padding:1px 4px;color:#eee}.compat-table{border-top:1px solid var(--line)}.compat-row{display:grid;grid-template-columns:1fr 170px 1.25fr;gap:28px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.compat-row h3{font-size:16px;letter-spacing:-.3px;margin:3px 0}.compat-row p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.tag{justify-self:start;font:10px/1.5 Consolas,monospace;background:var(--soft);padding:5px 8px;border-radius:5px;color:#77776e}.tag.recommended{background:var(--ink);color:white}.compat-source{font-size:10px;color:var(--muted);margin-top:20px;line-height:1.8}.compat-source a{text-decoration:underline;text-underline-offset:3px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding-top:0}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:19px;color:var(--muted);line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;line-height:1.8;color:var(--muted);margin:15px 25px 0 0}.last-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:44px;padding-bottom:44px;display:flex;justify-content:space-between;gap:25px;align-items:center}.last-cta .eyebrow{margin-bottom:12px}.last-cta h2{font-size:35px}.footer{padding-top:35px;padding-bottom:30px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer>div:first-child{display:flex;align-items:center;gap:18px}.footer strong{font-size:13px;letter-spacing:-.4px}.footer span{font-size:11px;color:var(--muted)}.footer-links{display:flex;justify-content:flex-end;gap:25px;font-size:11px}.footer p{grid-column:1/-1;font-size:10px;line-height:1.8;color:var(--muted);margin:0}
@media(min-width:1400px){.hero{padding-top:95px;padding-bottom:95px}.visual{min-height:510px}.desktop{height:390px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header nav{gap:18px}.hero{gap:16px}.mini-player{width:275px;right:0}.desktop{width:95%}.visual{min-height:470px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:12px}.button{padding:14px 16px}.benefits{align-items:flex-start}.benefits p{font-size:11px}.install-grid{grid-template-columns:1fr 1.25fr}.step-card,.browser-card{padding:24px}.tabs button{padding:7px 8px}.usage-grid{gap:40px}.compat-row{grid-template-columns:1fr 145px 1fr;gap:18px}}
@media(max-width:740px){.wrap{width:calc(100% - 36px)}.header{height:78px}.header nav{display:none}.brand{font-size:16px}.brand svg{width:26px}.nav-download{font-size:12px;padding:8px 12px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:35px;gap:30px}.hero .eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:84px;letter-spacing:-5px;line-height:.95}.lead{font-size:23px}.description{max-width:360px}.hero-actions{gap:20px;margin-top:24px}.visual{width:min(500px,100%);margin:0 auto;min-height:420px;padding-top:10px}.desktop{height:310px;width:90%}.mini-player{top:145px;right:3px;width:280px}.mini-stage{height:165px}.stage-word{font-size:52px}.visual-caption{bottom:1px;right:0;font-size:8px}.benefits{flex-direction:column;gap:16px;padding-bottom:30px}.benefits p{font-size:12px}.section{padding-top:58px;padding-bottom:55px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:440px;font-size:13px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:34px}.install-grid{grid-template-columns:1fr}.step-card,.browser-card{padding:25px}.step-card h3 br,.browser-card h3 br{display:none}.step-card h3,.browser-card h3{font-size:25px}.step-card ol{margin-bottom:22px}.usage{padding:50px 0}.usage-grid{grid-template-columns:1fr;gap:28px}.usage h2{font-size:34px}.usage-grid>div>p:last-child{max-width:430px;margin-top:18px}.usage-list article{gap:20px}.compat-row{grid-template-columns:1fr auto;gap:13px;padding:23px 0}.compat-row p{grid-column:1/-1}.tag{font-size:9px}.compat-row h3{font-size:15px}.faq{grid-template-columns:1fr;gap:30px;padding-top:0}.faq .eyebrow{margin-bottom:15px}.last-cta{display:block;padding-block:32px}.last-cta h2{font-size:30px}.last-cta .button{margin-top:24px}.footer{grid-template-columns:1fr;gap:22px}.footer>div:first-child{justify-content:space-between;gap:8px}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.copy-button[hidden]{display:none}