:root{color:#24251f;font-synthesis:none;-webkit-font-smoothing:antialiased;--muted:#73766b;--line:#dddfd3;--accent:#df613d;background:#f8f7f2;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none}button,.button{cursor:pointer;color:#fff;background:#24251f;border:1px solid #24251f;border-radius:5px;padding:.9rem 1.2rem;font-size:.9rem;font-weight:600}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline-offset:5px;outline:3px solid #df613d}[role=alert]{color:#a32626}.landing{max-width:1280px;margin:auto;padding:0 64px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:105px;display:flex}.wordmark{letter-spacing:-1.8px;font-size:32px;font-weight:750}.wordmark span{color:var(--accent)}.sign-in{align-items:center;gap:22px;padding:12px 0 12px 18px;font-size:14px;font-weight:600;display:flex}.sign-in:hover,.text-link:hover{color:var(--accent)}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:100px 0 90px;display:grid}.eyebrow{letter-spacing:1.7px;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 25px;font-size:10px;font-weight:700;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.hero h1{letter-spacing:-3.7px;margin:0 0 26px;font-size:clamp(48px,5.4vw,72px);font-weight:500;line-height:1.03}.hero h1 em{color:#777b58;letter-spacing:-3px;font-family:Georgia,serif;font-weight:400}.intro{color:#67695f;max-width:440px;margin:0 0 31px;font-size:17px;line-height:1.7}.hero-actions{align-items:center;gap:25px;display:flex}.button{align-items:center;gap:29px;display:inline-flex}.button:hover{background:#43483b}.text-link{align-items:center;gap:16px;font-size:12px;display:inline-flex}.hero-note{color:var(--muted);letter-spacing:.2px;margin:23px 0 0;font-size:10px}.library-preview{background:#fffefa;border:1px solid #d9dccd;border-radius:8px;transform:rotate(1deg);box-shadow:0 20px 45px -25px #5a624e30}.preview-top{color:#7e8272;border-bottom:1px solid #e8eadf;justify-content:space-between;align-items:center;padding:19px 22px;font:11px ui-monospace,SFMono-Regular,monospace;display:flex}.folder-icon{vertical-align:middle;margin-right:8px;font-size:20px}.preview-badge{letter-spacing:1px;color:#8a8c7d;font-size:8px}.skill-heading{align-items:center;gap:15px;padding:27px 25px 21px;display:flex}.skill-heading h2{letter-spacing:-.4px;margin:0 0 8px;font-size:18px;font-weight:500}.skill-heading p{color:#8a8c80;margin:0;font:10px ui-monospace,SFMono-Regular,monospace}.file-icon{color:#858c61;background:#f4f5ec;border:1px solid #dcded1;border-radius:4px;place-items:center;width:37px;height:42px;font:22px Georgia;display:grid}.skill-body{color:#6a6e5e;padding:4px 25px 27px;font-size:12px;line-height:1.8}.code-label{letter-spacing:1.4px;color:#989d88;font:9px ui-monospace,SFMono-Regular,monospace}.skill-body p{margin:9px 0 23px}.skill-body ol{margin:9px 0 0;padding-left:17px}.skill-body li{margin-bottom:4px;padding-left:5px}.preview-bottom{border-top:1px solid #e8eadf;align-items:center;gap:7px;padding:17px 22px;display:flex}.tag{color:#777c65;background:#eeefe5;border-radius:3px;padding:5px 7px;font-size:8px}.preview-format{color:#8a8f7a;margin-left:auto;font:9px ui-monospace,SFMono-Regular,monospace}.how-it-works{border-top:1px solid var(--line);padding:31px 0 62px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.section-heading .eyebrow{margin:0}.section-heading>p:last-child{color:var(--muted);margin:0;font-size:11px}.steps{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.step-number{letter-spacing:1px;color:#989b8a;font:9px ui-monospace,SFMono-Regular,monospace}.steps h2{letter-spacing:-.5px;margin:15px 0 12px;font-size:19px;font-weight:500}.steps p{color:var(--muted);max-width:280px;margin:0;font-size:12px;line-height:1.8}.site-footer{border-top:1px solid var(--line);color:#8d9082;justify-content:space-between;padding:24px 0 30px;font-size:10px;display:flex}.site-footer a{color:#575c4d;text-underline-offset:3px;text-decoration:underline}.auth-page{place-items:center;min-height:100svh;padding:2rem 1.25rem;display:grid}.auth-card{width:100%;max-width:28rem}.auth-card h1{letter-spacing:-1.5px;margin:2rem 0;font-size:2.5rem;line-height:1.1}.auth-card h2{margin:0 0 1rem;font-size:1.2rem}.auth-card form{border:1px solid var(--line);background:#fff;border-radius:8px;gap:1.15rem;padding:1.75rem;display:grid}label{gap:.5rem;font-size:.9rem;display:grid}input,textarea,select{width:100%;color:inherit;background:#fff;border:1px solid #b4bdb5;border-radius:5px;padding:.85rem 1rem}button.secondary{color:#575c4d;background:0 0;border-color:#0000;padding:.3rem}@media (min-width:1400px){.hero{padding:115px 0 100px}.site-header{height:115px}}@media (max-width:900px){.landing{padding:0 32px}.hero{gap:35px;padding:75px 0}.hero h1{font-size:52px}.preview-top,.preview-bottom{padding:16px}.skill-heading{padding:23px 18px 18px}.skill-body{padding:0 18px 23px}.hero-actions{gap:15px}.button{gap:18px}.steps{gap:25px}}@media (max-width:680px){.landing{padding:0 23px}.site-header{height:83px}.hero{grid-template-columns:1fr;gap:44px;padding:57px 0 50px}.hero h1{letter-spacing:-2.8px;font-size:54px}.hero h1 em{letter-spacing:-2.4px}.intro{max-width:380px;font-size:16px}.library-preview{justify-self:center;width:100%;max-width:430px;transform:none}.hero-note{font-size:9px}.how-it-works{padding:30px 0 40px}.section-heading{margin-bottom:31px;display:block}.section-heading>p:last-child{margin-top:13px}.steps{grid-template-columns:1fr;gap:28px}.steps p{max-width:100%;font-size:13px}.steps h2{margin:9px 0}.site-footer{gap:20px;font-size:9px;line-height:1.7}.site-footer>span:last-child{text-align:right;max-width:90px}}.workspace{max-width:1200px;margin:auto;padding:0 32px}.workspace-main{padding:45px 0 70px}.workspace-main>h1{letter-spacing:-1.5px;margin:0 0 30px;font-size:42px}.workspace-bar{align-items:start;gap:30px;margin-bottom:40px;display:flex}.workspace-bar>label{min-width:270px}.workspace details{border:1px solid var(--line);background:#fffefa;border-radius:6px;margin:12px 0;padding:18px}.workspace summary{cursor:pointer;font-size:14px}.workspace form{gap:15px;margin-top:20px;display:grid}.workspace label{font-size:12px}.workspace-grid{grid-template-columns:1.5fr 1fr;gap:50px;display:grid}.workspace h2{letter-spacing:-.6px;font-size:22px;font-weight:500}.workspace aside{border-left:1px solid var(--line);padding-left:35px}.workspace p{color:var(--muted);font-size:13px;line-height:1.7}.endpoint{overflow-wrap:anywhere;background:#eeefe7;border-radius:4px;padding:13px;font-size:11px;display:block}.form-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.skill-list{gap:10px;display:grid}.skill-row{text-align:left;color:inherit;border:1px solid var(--line);background:#fffefa;gap:8px;padding:20px;display:grid}.skill-row .eyebrow{margin:0;font-size:9px}.skill-row>span:last-child{color:var(--muted);font-size:12px;font-weight:400}.skill-row strong{font-size:16px}.empty-state{border:1px dashed var(--line);border-radius:6px;padding:25px}.skill-detail{border:1px solid var(--line);background:#fff;margin-top:20px;padding:20px}.skill-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.token-result{background:#f0f4e7;border:1px solid #b4bd95;border-radius:6px;margin-top:20px;padding:18px;font-size:13px}.token-result textarea{resize:vertical;font-family:monospace;font-size:11px}.connections{margin-top:30px}.connections h3{font-size:15px}.connections>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;display:flex}.connections small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.workspace textarea{resize:vertical}@media (max-width:680px){.workspace{padding:0 23px}.workspace-grid{grid-template-columns:1fr;gap:25px}.workspace aside{border-left:none;border-top:1px solid var(--line);padding:20px 0 0}.workspace-bar{display:block}.workspace-bar>label{min-width:0}.form-pair{grid-template-columns:1fr}}