:root{color:var(--fg);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}.app-shell{min-height:100vh;color:var(--fg);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,transparent),transparent 34%),linear-gradient(315deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 38%),var(--bg)}.workspace-layout{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.side-nav{position:sticky;top:0;height:100vh;padding:22px;border-right:1px solid rgba(15,23,42,.1);background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark,.side-nav button,.top-nav,.visual-toolbar,.section-heading,.hero-actions{display:flex;align-items:center}.brand-mark{gap:10px;font-weight:800;letter-spacing:0;margin-bottom:28px}.side-nav button{width:100%;gap:10px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid transparent;border-radius:12px;color:var(--muted);background:transparent;text-align:left}.side-nav button.active,.side-nav button:hover{color:var(--fg);border-color:#0f172a1a;background:#f8fafceb}.workspace-main{padding:34px;display:grid;gap:22px}.command-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:8px}.eyebrow{margin:0 0 8px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:880px;margin-bottom:0;font-size:clamp(36px,5vw,76px);line-height:.98;letter-spacing:0}h2{margin-bottom:6px;font-size:clamp(20px,2vw,28px)}p{color:var(--muted);line-height:1.65}.primary-button,.ghost-button{min-height:42px;border-radius:12px;padding:0 16px;border:1px solid rgba(15,23,42,.1);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.primary-button{color:#fff;background:var(--primary);border-color:color-mix(in srgb,var(--primary) 80%,black);box-shadow:0 12px 34px color-mix(in srgb,var(--primary) 28%,transparent);font-weight:800}.ghost-button{color:var(--fg);background:#ffffffe0}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.metric-grid,.proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.workflow-panel,.product-visual,.bento-card{border:1px solid rgba(15,23,42,.1);border-radius:14px;background:#ffffffe0;box-shadow:none}.metric-card{min-height:142px;padding:18px;display:grid;align-content:space-between}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.metric-card span,.table-row span,.visual-cell span{color:var(--muted);font-size:13px}.metric-card strong{font-size:30px;letter-spacing:0}.metric-card small{color:var(--accent);font-weight:800}.workspace-columns{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);gap:18px;align-items:stretch}.workflow-panel{padding:22px}.section-heading{justify-content:space-between;gap:16px;margin-bottom:18px}.table-shell{display:grid;overflow:hidden;border:1px solid rgba(15,23,42,.1);border-radius:14px}.table-row{min-height:74px;display:grid;grid-template-columns:minmax(0,1fr) 92px 124px;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.1)}.table-row:last-child{border-bottom:0}.table-row div{display:grid;gap:4px}.table-row mark{justify-self:start;border-radius:999px;padding:6px 10px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:12px;font-weight:800}.product-visual{min-height:100%;padding:18px;overflow:hidden}.visual-toolbar{justify-content:flex-start;gap:7px;padding-bottom:16px;color:var(--muted)}.visual-toolbar span{width:10px;height:10px;border-radius:999px;background:color-mix(in srgb,var(--muted) 32%,transparent)}.visual-toolbar svg{margin-left:auto}.visual-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.visual-main{min-height:250px;grid-row:span 3;padding:20px;border-radius:18px;color:#0f172a;background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 22%,transparent),transparent 62%),#fff;border:1px solid rgba(15,23,42,.1);display:grid;align-content:end;gap:8px}.visual-main strong{font-size:30px;line-height:1.05}.visual-main span{color:var(--muted)}.visual-cell{min-height:112px;padding:16px;border-radius:16px;border:1px solid rgba(15,23,42,.1);background:#f8fafceb;display:grid;gap:8px}.visual-cell svg{color:var(--accent)}.visual-cell small{color:var(--fg);font-weight:800}.marketing-layout{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:22px 0 72px}.top-nav{justify-content:space-between;min-height:64px;margin-bottom:56px}.top-nav div,.hero-actions{display:flex;align-items:center;gap:14px}.top-nav a{color:var(--muted);text-decoration:none;font-weight:700}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:28px;align-items:stretch}.hero-copy{min-height:620px;display:flex;flex-direction:column;justify-content:center}.hero-copy>p{max-width:650px;font-size:18px}.hero-actions{margin:22px 0}.proof-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.bento-grid{margin-top:26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bento-card{min-height:190px;padding:20px}.bento-card.wide{grid-column:span 2}.bento-card svg{color:var(--primary)}@media (max-width: 980px){.workspace-layout{grid-template-columns:1fr}.side-nav{position:relative;height:auto;display:flex;gap:8px;overflow-x:auto}.brand-mark{margin:0 16px 0 0}.side-nav button{width:auto;white-space:nowrap}.workspace-main{padding:22px}.metric-grid,.proof-strip,.workspace-columns,.hero-grid,.bento-grid{grid-template-columns:1fr}.command-bar{flex-direction:column}.hero-copy{min-height:auto;padding:40px 0}.bento-card.wide{grid-column:auto}}@media (max-width: 640px){h1{font-size:38px}.table-row{grid-template-columns:1fr;align-items:start}.visual-grid{grid-template-columns:1fr}.visual-main{min-height:210px}}