/* Entry experience: calm, owner-first, shared with the workspace and auth. */
:root { --ink:#172535; --ink-soft:#33465d; --muted:#667487; --navy:#344767; --navy-deep:#172535; --paper:#f7f6f2; --line:#e2e5e8; --gold:#c8a97e; }
body { background:var(--paper); }.site-header { background:#f7f6f2f5; }.brand-name { letter-spacing:-1px; }.brand-tag { display:none; }
.hero { padding:100px 0 96px; }.hero::before { display:none; }.hero-grid { gap:65px; grid-template-columns:1fr 1.05fr; }
h1 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(44px,4.7vw,68px); letter-spacing:-3.4px; line-height:1.09; }
h1 span { color:var(--navy); }.eyebrow { color:#806847; letter-spacing:.15em; font-size:10px; }.eyebrow::before { width:6px; height:6px; border-radius:50%; }.hero-copy { font-size:16px; max-width:435px; line-height:1.85; }.hero-note { font-size:11px; }
.button { background:var(--navy); border-color:var(--navy); font-weight:600; border-radius:7px; font-size:12px; }.button:hover { background:#263853; }.button-light { background:transparent; border-color:#d8c6a9; color:var(--ink); }.button-light:hover { color:var(--ink); background:#fff; }
.workspace-preview { border:1px solid #e3d5bf; background:#fff; border-radius:14px; box-shadow:0 30px 70px #293c550f,0 5px 15px #293c5505; transform:rotate(-1deg); overflow:hidden; }.preview-nav { padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid var(--line); font-size:8px; font-weight:600; letter-spacing:.08em; }.preview-brand { font-size:20px; letter-spacing:-.8px; color:var(--navy); }.preview-content { padding:30px 25px 16px; background:#fbf9f5; }.preview-label { display:flex; justify-content:space-between; gap:15px; font-size:8px; letter-spacing:.1em; color:#806847; }.preview-label span { font-size:8px; letter-spacing:0; color:#858e80; }.workspace-preview h2 { font-family:Georgia,serif; font-size:28px; font-weight:400; letter-spacing:-.9px; margin-top:13px; color:var(--navy); }.preview-content>p { font-size:10px; color:var(--muted); margin-top:8px; }.preview-summary { margin:24px 0; padding:17px 14px; display:flex; align-items:center; gap:12px; border:1px solid #e6d9c3; border-radius:8px; background:#f5efe5; }.preview-summary strong { font-size:11px; font-weight:600; }.preview-summary small { display:block; font-size:8px; color:var(--muted); margin-top:4px; }.preview-summary>span:last-child { margin-left:auto; color:var(--navy); }.preview-dot { width:7px; height:7px; border-radius:50%; background:#729268; }.preview-section { display:flex; justify-content:space-between; font-size:12px; font-weight:600; margin-bottom:14px; color:var(--navy); }.preview-section>span { color:var(--muted); font-size:10px; }.preview-agents { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.preview-agent { padding:18px 15px 14px; border:1px solid var(--line); border-radius:9px; background:#fff; }.preview-agent-top { display:flex; align-items:center; justify-content:space-between; gap:6px; }.preview-avatar { display:grid; place-items:center; width:36px; height:36px; background:#e8edf4; border-radius:10px; font:22px Georgia,serif; color:var(--navy); }.preview-avatar.sand { background:#f3eadb; color:#806544; }.preview-status { font-size:7px; padding:4px 5px; background:#edf2ea; border-radius:3px; color:#526a51; }.preview-status.muted { background:#f5eddf; color:#806544; }.preview-agent h3 { font-size:16px; margin:17px 0 3px; letter-spacing:-.5px; color:var(--navy); }.preview-agent p { font-size:9px; color:var(--muted); }.preview-job { font-size:10px; color:#667487; line-height:1.7; margin:18px 0; }.preview-open { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:12px; font-size:9px; font-weight:600; color:var(--navy); }.preview-footer { padding-top:20px; font-size:8px; text-align:center; color:#899181; }
.trust-strip { background:#f2ece2; border-color:#e3d5bf; }.section { padding:90px 0; }.section-heading h2 { font-family:Georgia,serif; font-weight:400; font-size:44px; letter-spacing:-1.6px; color:var(--navy); }.section-heading p { font-size:15px; }.product-card { border-radius:12px; box-shadow:none; }.product-card:hover { border-color:var(--gold); box-shadow:0 12px 24px #293c5509; }.product-icon { background:#e8edf4; color:var(--navy); border-color:#dce3eb; border-radius:12px; }.section-dark { background:#172535; }.cta-section { background:#f2ece2; }.site-footer { background:#172535; }
@media(max-width:1100px) { .hero-grid { grid-template-columns:1fr 1fr; gap:30px; }.preview-agent-top { flex-wrap:wrap; } }
@media(max-width:800px) { .hero { padding:55px 0; }.hero-grid { grid-template-columns:1fr; gap:45px; }h1 { max-width:600px; letter-spacing:-2px; }.workspace-preview { max-width:570px; width:100%; margin:auto; transform:none; }.section-heading h2 { font-size:36px; }.section { padding:60px 0; } }
@media(max-width:400px) { .preview-content { padding:24px 14px 15px; }.preview-nav { padding:15px; }.preview-agent { padding:14px 10px; }.hero-actions .button { width:100%; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }