:root{--ink: #182430;--muted: #5c6b7a;--faint: #9aa4b2;--bg: #f7f9fa;--surface: #ffffff;--line: #e3e8ed;--accent: #0d7a6c;--accent-hover: #0a5f55;--radius: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.page{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 22px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;min-width:0;text-decoration:none}.brand-name{font-size:16.5px;font-weight:700;color:var(--ink);white-space:nowrap;letter-spacing:-.01em}.brand-tag{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topnav{display:flex;gap:18px;font-size:14px;font-weight:600}.topnav a{color:var(--muted);text-decoration:none;transition:color .15s ease}.topnav a:hover{color:var(--accent)}.ad-wrap{display:flex;justify-content:center;padding:8px 14px;background:#eef2f4}.ad-slot{max-width:970px;width:100%;text-align:center}.ad-placeholder{min-height:90px;display:flex;align-items:center;justify-content:center;border:1px dashed #ccd5dc;border-radius:var(--radius);color:var(--faint);font-size:12px;letter-spacing:.06em}.ad-wrap-footer .ad-placeholder{min-height:64px}.canvas-section{padding:16px 18px 8px}.excalidraw-frame{height:calc(100vh - 330px);min-height:480px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.content-section{max-width:760px;margin:0 auto;padding:42px 22px 30px}.content-section h1{font-size:27px;line-height:1.35;letter-spacing:-.015em;margin:0 0 14px}.lead{font-size:16.5px;color:var(--muted);line-height:1.65;margin:0 0 8px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:26px 0}.feature-card{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--surface)}.feature-card h3{margin:0 0 8px;font-size:15.5px;letter-spacing:-.01em}.feature-card p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.6}.content-section h2{font-size:20px;letter-spacing:-.01em;margin:34px 0 12px}.use-cases li{margin-bottom:9px;line-height:1.6;color:#37414f}.faq-list{margin-top:6px}.faq-item{border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin-bottom:10px;background:var(--surface)}.faq-item summary{font-weight:600;cursor:pointer;font-size:15px}.faq-item p{color:var(--muted);line-height:1.65;margin:10px 0 2px;font-size:14.5px}.site-footer{margin-top:auto;border-top:1px solid var(--line);background:var(--surface);padding-bottom:20px}.foot-note,.foot-copy{text-align:center;font-size:13px;color:var(--muted);margin:10px auto;max-width:760px;padding:0 18px}.foot-copy a,.foot-note a{text-decoration:none}.foot-copy a:hover,.foot-note a:hover{text-decoration:underline}@media(max-width:640px){.brand-tag{display:none}.topnav{gap:12px;font-size:13px}.excalidraw-frame{height:calc(100vh - 270px);min-height:420px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}