:root {
  --bg: #f5f4f0; --surface: #fbfaf7; --surface-strong: #fff; --surface-muted: #efede7;
  --ink: #171611; --ink-2: #45423a; --muted: #777268; --line: #dedbd2; --line-strong: #ccc7bc;
  --accent: #a35f32; --accent-deep: #744024; --accent-soft: #efe0d4; --accent-pale: #f7eee7;
  --success: #39775b; --success-soft: #e2eee7; --danger: #ad463f; --danger-soft: #f5e4e2;
  --warning: #9a6c25; --warning-soft: #f4ead3; --sidebar: #eeece6;
  --shadow-sm: 0 1px 2px rgba(25,22,17,.04); --shadow-md: 0 18px 50px rgba(35,28,20,.09);
  --radius-sm: 8px; --radius: 12px; --radius-lg: 18px; --sidebar-width: 250px;
  color-scheme: light;
}
[data-theme="dark"] {
  --bg:#141411; --surface:#1a1a17; --surface-strong:#20201c; --surface-muted:#26251f; --ink:#f3f0e8;
  --ink-2:#c5c1b7; --muted:#918d83; --line:#34332d; --line-strong:#45433b; --accent:#cb8554;
  --accent-deep:#e1a274; --accent-soft:#3b2b20; --accent-pale:#2b211a; --success:#72b091; --success-soft:#1f3328;
  --danger:#e47c73; --danger-soft:#3c2523; --warning:#d0a75e; --warning-soft:#382f1d; --sidebar:#191916;
  --shadow-sm:0 1px 2px rgba(0,0,0,.25); --shadow-md:0 22px 60px rgba(0,0,0,.3); color-scheme:dark;
}
@media (prefers-color-scheme: dark) { [data-theme="system"] { --bg:#141411;--surface:#1a1a17;--surface-strong:#20201c;--surface-muted:#26251f;--ink:#f3f0e8;--ink-2:#c5c1b7;--muted:#918d83;--line:#34332d;--line-strong:#45433b;--accent:#cb8554;--accent-deep:#e1a274;--accent-soft:#3b2b20;--accent-pale:#2b211a;--success:#72b091;--success-soft:#1f3328;--danger:#e47c73;--danger-soft:#3c2523;--warning:#d0a75e;--warning-soft:#382f1d;--sidebar:#191916;--shadow-sm:0 1px 2px rgba(0,0,0,.25);--shadow-md:0 22px 60px rgba(0,0,0,.3);color-scheme:dark;} }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--ink); background:var(--bg); font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input,textarea,select { font:inherit; color:inherit; }
button { cursor:pointer; }
img,svg { display:block; max-width:100%; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { letter-spacing:-.035em; line-height:1.12; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.skip-link { position:fixed; left:16px; top:-80px; z-index:9999; padding:10px 14px; background:var(--ink); color:var(--surface); border-radius:8px; }
.skip-link:focus { top:16px; }
:focus-visible { outline:3px solid color-mix(in srgb,var(--accent),transparent 35%); outline-offset:2px; }
.brand { display:inline-flex; align-items:center; gap:4px; font-size:13px; letter-spacing:.06em; white-space:nowrap; }
.brand-word { font-weight:800; letter-spacing:.14em; }
.brand-bracket { color:var(--accent); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-weight:700; }
.brand-product { margin-left:7px; padding-left:10px; border-left:1px solid var(--line-strong); font-size:10px; font-weight:800; letter-spacing:.17em; color:var(--muted); }
.brand-light { color:#f8f4eb; }.brand-light .brand-product { color:#aaa59a;border-color:#4a4740; }
.button { appearance:none; border:1px solid transparent; border-radius:9px; min-height:40px; padding:9px 15px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:13px; font-weight:700; letter-spacing:-.01em; transition:background .18s,border-color .18s,transform .18s,color .18s; }
.button:hover { transform:translateY(-1px); }.button.primary { background:var(--ink);color:var(--surface-strong);border-color:var(--ink); }.button.primary:hover { background:var(--accent-deep);border-color:var(--accent-deep);color:#fff; }
.button.secondary { background:var(--surface-strong);border-color:var(--line);color:var(--ink); }.button.secondary:hover { border-color:var(--line-strong);background:var(--surface-muted); }
.button.ghost { background:transparent;border-color:transparent;color:var(--ink-2); }.button.text { background:transparent;padding-inline:5px;color:var(--ink); }.button.light { background:#faf8f3;color:#181612;border-color:#faf8f3; }.button.danger { background:var(--danger);color:#fff;border-color:var(--danger); }
.button.large { min-height:48px;padding:12px 19px;font-size:14px; }.button.small { min-height:34px;padding:6px 11px;font-size:12px; }.button.full { width:100%; }
.icon-button { width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface-strong);display:inline-grid;place-items:center;color:var(--ink-2); }.icon-button:hover { color:var(--ink);border-color:var(--line-strong); }
.eyebrow,.section-label,.form-step { display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase; }
.back-link { display:inline-block;color:var(--muted);font-size:13px;font-weight:650;margin-bottom:24px; }.back-link:hover { color:var(--accent); }
.text-link { display:inline-flex;align-items:center;gap:8px;font-weight:750;border-bottom:1px solid var(--line-strong);padding-bottom:3px; }

/* Public website */
.public-body { background:#f5f3ee;color:#171510; }
.public-header { position:relative;z-index:50;height:76px;max-width:1400px;margin:auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfdcd4; }
.public-header nav { display:flex;gap:32px;font-size:13px;color:#555148; }.public-header nav a:hover { color:#a35f32; }.header-actions { display:flex;align-items:center;gap:5px; }.public-menu-button{display:none;}
.hero { min-height:730px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(460px,.82fr) minmax(600px,1.18fr);align-items:center;max-width:1500px;margin:auto;padding:82px 42px 105px; }
.hero-grid-lines { position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:linear-gradient(#dad6cd 1px,transparent 1px),linear-gradient(90deg,#dad6cd 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to right,#000,transparent 78%); }
.hero-copy { position:relative;z-index:2;max-width:690px;padding-left:max(0px,calc((100vw - 1400px)/2)); }
.hero-kicker { display:flex;align-items:center;gap:10px;margin-bottom:30px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#746f65; }.hero-kicker span{width:26px;height:1px;background:#a35f32;}
.hero h1 { font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,5.5vw,88px);font-weight:400;letter-spacing:-.055em;line-height:.95;margin-bottom:30px; }.hero h1 em{color:#a35f32;font-weight:400;}
.hero-copy>p { max-width:610px;color:#615d54;font-size:18px;line-height:1.65;margin-bottom:32px; }.hero-actions{display:flex;align-items:center;gap:22px;margin-bottom:27px;}.play-dot{width:28px;height:28px;display:grid;place-items:center;border:1px solid #cdc8bd;border-radius:50%;font-size:9px;padding-left:2px;}
.hero-proof{display:flex;gap:23px;color:#777267;font-size:12px;}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof svg{color:#39775b;}
.hero-product { position:relative;z-index:2;min-width:0;padding-left:35px;transform:perspective(1600px) rotateY(-1.4deg); }.product-glow{position:absolute;width:80%;height:70%;right:-6%;top:10%;background:radial-gradient(ellipse,rgba(163,95,50,.24),transparent 66%);filter:blur(30px);}
.mini-window { position:relative;background:#fbfaf7;border:1px solid #d7d2c8;border-radius:15px;overflow:hidden;box-shadow:0 40px 90px rgba(46,37,25,.18); }.window-bar{height:40px;background:#eeece6;border-bottom:1px solid #d9d5cc;display:flex;align-items:center;justify-content:center;font-size:9px;color:#817c72;letter-spacing:.04em}.window-bar>b{position:absolute;right:15px;color:#423f38}.window-dots{position:absolute;left:15px;display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#c7c2b8}.window-dots i:first-child{background:#b8734a}.window-dots i:nth-child(2){background:#d0ad65}
.mini-app{height:470px;display:grid;grid-template-columns:150px 1fr}.mini-app aside{background:#22211d;color:#d9d5ca;padding:21px 14px;display:flex;flex-direction:column;gap:5px;font-size:9px}.mini-app aside strong{font-size:8px;letter-spacing:.08em;margin-bottom:20px}.mini-app aside button{border:0;background:#b56a3c;color:#fff;border-radius:5px;padding:9px;margin-bottom:12px;text-align:left;font-size:8px}.mini-app aside span{padding:8px;border-radius:4px;color:#8e8a81}.mini-app aside .selected{color:#fff;background:#36342e}.mini-app article{padding:36px 30px;background:#f7f6f2;overflow:hidden}.mini-app article>small{font-size:7px;letter-spacing:.13em;color:#a35f32}.mini-app article>h3{font-family:Georgia,serif;font-size:22px;font-weight:400;margin:4px 0 27px}.mini-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.mini-panels section,.mini-activity{background:#fff;border:1px solid #e5e1d8;border-radius:7px;padding:13px}.mini-panels header,.mini-activity header{font-size:8px;font-weight:700;margin-bottom:10px}.mini-panels header b{float:right;font-weight:500;color:#9d603b}.mini-project{display:flex;align-items:center;gap:8px;border-top:1px solid #eeeae3;padding:10px 0}.mini-project i{width:21px;height:21px;border-radius:4px;background:#d8ded9}.mini-project i.warm{background:#ddc5b5}.mini-project p{margin:0;min-width:0;flex:1}.mini-project strong,.mini-project small{display:block;font-size:7px;white-space:nowrap}.mini-project small{color:#99948a;margin-top:2px}.mini-project em{font-size:6px;font-style:normal;background:#e6eee8;color:#3c7358;padding:3px;border-radius:3px}.mini-project em.waiting{background:#f1ead9;color:#8c692d}.mini-task{font-size:7px;padding:10px 0;border-top:1px solid #eeeae3}.mini-task time{float:right;color:#a35f32}.mini-activity{margin-top:12px;display:flex;gap:15px;align-items:center}.mini-activity header{margin:0}.mini-activity span{font-size:7px;color:#777267}.floating-chip{position:absolute;background:#fff;border:1px solid #ded9ce;border-radius:9px;box-shadow:0 15px 35px rgba(40,31,22,.13);padding:10px 13px;display:flex;align-items:center;gap:9px;font-size:10px}.floating-chip small{display:block;font-size:7px;color:#89847b}.chip-one{right:1%;top:12%}.chip-one i{width:7px;height:7px;border-radius:50%;background:#c77543}.chip-two{left:1%;bottom:8%;color:#39775b}.chip-two span{color:#171510}
.section-intro{max-width:620px}.section-intro.centered{text-align:center;margin-inline:auto}.section-intro .eyebrow{margin-bottom:15px}.section-intro h2{font-family:Georgia,serif;font-size:clamp(38px,4vw,56px);font-weight:400;margin-bottom:17px}.section-intro p{color:#6b665d;font-size:16px;line-height:1.65}
.demo-section{background:#191814;color:#f4f0e7;padding:110px 42px 120px}.demo-section .section-intro p{color:#a9a49a}.video-frame{max-width:1140px;margin:55px auto 0;border:1px solid #4a463f;border-radius:16px;background:#24221e;box-shadow:0 35px 100px rgba(0,0,0,.45);overflow:hidden}.video-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #3c3933;font-size:9px;letter-spacing:.08em}.video-top>span{display:flex;gap:5px}.video-top i{width:7px;height:7px;background:#676158;border-radius:50%;display:block}.video-top strong{font-size:10px;letter-spacing:.13em}.video-top strong b{color:#c27c4f}.video-top em{font-style:normal;color:#89847b}.video-stage{height:530px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#3d332b 0,#211f1b 55%,#181713 100%)}.video-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px}.demo-project-card{width:48%;min-width:400px;background:#f6f4ee;color:#191713;padding:42px 46px;border-radius:10px;box-shadow:0 30px 70px rgba(0,0,0,.35);transform:rotate(-1deg)}.demo-project-card>span{color:#a35f32;font-size:8px;font-weight:800;letter-spacing:.17em}.demo-project-card h3{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:12px 0}.demo-project-card p{color:#787268;font-size:12px}.demo-project-card div{display:flex;gap:8px;margin-top:30px}.demo-project-card b{width:30%;height:7px;border-radius:5px;background:#dedad1}.play-button{position:absolute;width:86px;height:86px;border-radius:50%;background:#b7693b;color:#fff;border:8px solid rgba(255,255,255,.14);background-clip:padding-box;display:grid;place-items:center;font-size:19px}.play-button span{margin-left:4px}.demo-caption{position:absolute;left:28px;bottom:24px;display:flex;gap:11px;align-items:center}.demo-caption strong{width:28px;height:28px;display:grid;place-items:center;border:1px solid #5a554c;border-radius:50%;font-size:8px}.demo-caption span{font-size:10px;color:#c7c1b6}.video-progress{height:42px;padding:0 18px;display:flex;align-items:center;gap:10px;font-size:8px;color:#8c877f}.video-progress i{width:7px;height:7px;border-radius:50%;background:#c27243}.video-progress b{height:2px;background:#413e38;flex:1;position:relative}.video-progress b:after{content:"";position:absolute;left:0;width:12%;height:2px;background:#b7693b}.video-note{text-align:center;font-size:10px;color:#777168;margin:18px 0 0;letter-spacing:.08em;text-transform:uppercase}
.workspace-section{max-width:1320px;margin:auto;padding:120px 42px}.feature-showcase{margin-top:60px;display:grid;grid-template-columns:370px 1fr;border:1px solid #d8d4cb;border-radius:14px;overflow:hidden;background:#fbfaf7;min-height:610px}.feature-tabs{display:flex;flex-direction:column;border-right:1px solid #ddd9d0;background:#f0eee8}.feature-tabs button{flex:1;min-height:79px;border:0;border-bottom:1px solid #ddd9d0;background:transparent;text-align:left;padding:15px 42px 15px 60px;position:relative;display:grid;grid-template-columns:1fr auto}.feature-tabs button>span{position:absolute;left:20px;top:18px;font-family:ui-monospace,monospace;color:#a39d92;font-size:8px}.feature-tabs strong{font-size:14px;letter-spacing:-.01em}.feature-tabs small{display:none;color:#6d685e;font-size:11px;grid-column:1/3;margin-top:5px}.feature-tabs svg{color:#9b958a}.feature-tabs button[aria-selected="true"]{background:#fff}.feature-tabs button[aria-selected="true"]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#a35f32}.feature-tabs button[aria-selected="true"] small{display:block}.feature-tabs button[aria-selected="true"] strong,.feature-tabs button:hover strong{color:#a35f32}.feature-preview{padding:25px;background:#fbfaf7}.preview-label{display:flex;justify-content:space-between;font-size:8px;color:#99938a;letter-spacing:.12em;margin-bottom:20px}.preview-label em{font-style:normal;color:#39775b}.preview-canvas{height:520px;border:1px solid #e0dcd3;border-radius:9px;background:#f3f1ec;padding:28px;overflow:hidden}.preview-ui-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.preview-ui-head small{font-size:8px;color:#a35f32;letter-spacing:.12em}.preview-ui-head h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:5px 0 0}.preview-ui-head button{border:0;background:#1b1915;color:#fff;border-radius:5px;padding:8px 12px;font-size:8px}.preview-ui-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preview-item{background:#fff;border:1px solid #e2ded5;border-radius:7px;padding:17px}.preview-item>span{display:flex;justify-content:space-between;align-items:center}.preview-item i{width:27px;height:27px;border-radius:5px;background:#e6d5c9}.preview-item em{font-size:7px;font-style:normal;color:#4c785e;background:#e6eee8;padding:3px 5px;border-radius:3px}.preview-item strong{display:block;font-size:11px;margin:15px 0 4px}.preview-item small{display:block;font-size:8px;color:#918b81}.preview-item footer{margin-top:17px;padding-top:10px;border-top:1px solid #eeeae4;font-size:7px;color:#8f897f;display:flex;justify-content:space-between}
.workflow-section{padding:115px 42px;background:#ebe8e1}.workflow-grid{max-width:1160px;margin:60px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbc6bc}.workflow-grid article{padding:34px 45px 20px;border-right:1px solid #cbc6bc;position:relative}.workflow-grid article:last-child{border:0}.workflow-grid article>span{position:absolute;top:-11px;left:40px;background:#ebe8e1;padding:0 8px;font-size:9px;color:#958f84}.workflow-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #ccc7bc;border-radius:50%;font-family:ui-monospace;color:#a35f32;margin-bottom:27px}.workflow-grid h3{font-family:Georgia,serif;font-size:25px;font-weight:400}.workflow-grid p{color:#6d685e;font-size:13px;line-height:1.65}
.focus-section{max-width:1320px;margin:auto;padding:125px 42px;display:grid;grid-template-columns:.68fr 1.32fr;gap:90px;align-items:center}.focus-copy h2{font-family:Georgia,serif;font-size:50px;font-weight:400;margin:16px 0 22px}.focus-copy p{color:#6d685e;line-height:1.7;margin-bottom:28px}.focus-ui{background:#fff;border:1px solid #dcd8cf;border-radius:12px;padding:28px;box-shadow:0 25px 60px rgba(40,32,22,.09)}.focus-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #e6e2da}.focus-header small,.focus-columns>section>span{font-size:8px;letter-spacing:.13em;color:#a35f32}.focus-header h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:7px 0 4px}.focus-header p{font-size:10px;color:#8e897f;margin:0}.focus-header button{font-size:8px;color:#fff;background:#1a1815;border:0;border-radius:5px;padding:9px 12px}.focus-columns{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding-top:25px}.focus-columns section>a{display:flex;justify-content:space-between;border-bottom:1px solid #eeeae3;padding:12px 0;font-size:10px}.focus-columns section>p{border-bottom:1px solid #eeeae3;padding:12px 0;margin:0;font-size:10px}.focus-columns em{float:right;font-size:7px;color:#a35f32;font-style:normal}.focus-columns .done{text-decoration:line-through;color:#aaa49a}
.final-cta{position:relative;overflow:hidden;background:#a35f32;color:#fff;min-height:360px;padding:70px max(42px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 240px;align-items:center;gap:40px}.final-cta>div:not(.cta-code){max-width:700px}.final-cta .eyebrow{color:#ead1bf}.final-cta h2{font-family:Georgia,serif;font-size:53px;font-weight:400;margin:13px 0}.final-cta p{color:#ecd9cb}.cta-code{position:absolute;right:24%;top:35px;opacity:.08;font-family:ui-monospace,monospace;font-size:42px;display:flex;flex-direction:column;line-height:1.5}.final-cta>.button{position:relative;z-index:2}.public-footer{max-width:1320px;margin:auto;padding:75px 42px 30px;display:grid;grid-template-columns:1fr 180px 180px;gap:60px}.public-footer>div:first-child p{color:#777168;font-size:12px;margin-top:18px}.public-footer>div:not(:first-child){display:flex;flex-direction:column;gap:9px;font-size:12px;color:#6b665d}.public-footer>div:not(:first-child)>span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#171510;margin-bottom:7px}.footer-bottom{grid-column:1/4;border-top:1px solid #dedad1;padding-top:22px;margin:25px 0 0;font-size:10px;color:#8c867c}