:root { --paper:#fff; --ink:#182133; --muted:#697386; --green:#246bfd; --soft:#eaf1ff; --line:rgba(24,33,51,.11); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { background:var(--paper); margin:0; } a { color:inherit; text-decoration:none; }
header,main,footer { margin:auto; max-width:1240px; width:calc(100% - 48px); } header { align-items:center; display:flex; height:72px; justify-content:space-between; }
.brand { align-items:center; display:flex; gap:9px; }.brand span { align-items:center; background:var(--green); border-radius:9px; color:white; display:flex; font-family:Georgia,serif; height:31px; justify-content:center; width:31px; }.brand strong { font-size:15px; }
nav { display:flex; gap:26px; } nav a { color:var(--muted); font-size:12px; font-weight:650; }
.hero { align-items:center; display:grid; gap:60px; grid-template-columns:minmax(340px,.8fr) minmax(520px,1.2fr); min-height:690px; padding:48px 0 80px; }.kicker { color:var(--green); font-size:10px; font-weight:800; letter-spacing:.15em; }.kicker i { background:var(--green); border-radius:50%; display:inline-block; height:7px; margin-right:7px; width:7px; }
h1 { font-family:Georgia,"Times New Roman",serif; font-size:70px; font-weight:500; letter-spacing:-.065em; line-height:.98; margin:21px 0 24px; }.lead { color:var(--muted); font-size:14px; line-height:1.75; max-width:500px; }.actions { align-items:center; display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }.button { border-radius:999px; display:inline-flex; font-size:12px; font-weight:750; justify-content:center; padding:14px 20px; }.button.primary { background:var(--green); color:white; }.button.secondary { border:1px solid var(--line); }.button.unavailable { cursor:default; opacity:.55; }.download-notes { color:var(--muted); display:flex; flex-wrap:wrap; font-size:9px; gap:14px; margin-top:11px; }.platforms { display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; }.platforms span { border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:9px; padding:6px 9px; }
.invite-claim { margin-top:26px; max-width:500px; }.invite-claim > label:first-child { display:block; font-size:12px; font-weight:750; margin:0 0 9px 2px; }.invite-claim > div { background:white; border:1px solid rgba(24,33,51,.14); border-radius:13px; box-shadow:0 10px 28px rgba(40,72,140,.08); display:grid; gap:4px; grid-template-columns:minmax(0,1fr) auto; padding:4px; transition:border-color .18s ease,box-shadow .18s ease; }.invite-claim > div:focus-within { border-color:rgba(36,107,253,.55); box-shadow:0 0 0 3px rgba(36,107,253,.09),0 12px 30px rgba(40,72,140,.1); }.invite-claim input[type="email"] { background:transparent; border:0; border-radius:9px; color:var(--ink); font:inherit; font-size:12px; min-width:0; outline:none; padding:12px 13px; }.invite-claim input[type="email"]::placeholder { color:#98a2b3; }.invite-claim button { background:var(--green); border:0; border-radius:9px; color:white; cursor:pointer; font-size:11px; font-weight:750; min-height:42px; padding:0 18px; transition:background .18s ease,transform .18s ease; }.invite-claim button:hover:not(:disabled) { background:#175ee8; }.invite-claim button:active:not(:disabled) { transform:translateY(1px); }.invite-claim button:disabled { cursor:wait; opacity:.65; }.invite-claim p { border-radius:8px; font-size:10px; line-height:1.5; margin:9px 0 0; padding:8px 10px; }.invite-claim p:empty { display:none; }.invite-claim p.success { background:#edf9f3; color:#14744b; }.invite-claim p.error { background:#fff1f1; color:#c23b3b; }
.desktop-shot { background:white; border:1px solid var(--line); border-radius:17px; box-shadow:0 30px 70px rgba(40,72,140,.14); overflow:visible; position:relative; }.window-bar { align-items:center; background:#f5f7fb; border-bottom:1px solid var(--line); border-radius:17px 17px 0 0; display:flex; height:36px; justify-content:center; position:relative; }.window-bar > span { display:flex; gap:5px; left:13px; position:absolute; }.window-bar i { background:#c8cfdb; border-radius:50%; height:6px; width:6px; }.window-bar b { color:#8791a3; font-size:8px; }
.app-frame { display:grid; grid-template-columns:115px 1fr; min-height:365px; }.app-frame aside { background:white; border-right:1px solid var(--line); border-radius:0 0 0 17px; color:var(--muted); display:flex; flex-direction:column; gap:7px; padding:18px 10px; }.app-frame aside strong { align-items:center; color:var(--ink); display:flex; font-size:9px; gap:6px; margin:0 4px 15px; }.app-frame aside strong i { align-items:center; background:var(--green); border-radius:5px; color:white; display:flex; font-family:Georgia,serif; font-style:normal; height:20px; justify-content:center; width:20px; }.app-frame aside span { border-radius:5px; font-size:7px; padding:7px; }.app-frame aside .active { background:var(--soft); color:var(--green); }
.app-content { background:#f8faff; border-radius:0 0 17px 0; padding:22px; }.app-title { position:relative; }.app-title small { color:var(--green); display:block; font-size:6px; font-weight:800; letter-spacing:.12em; }.app-title strong { display:block; font-family:Georgia,serif; font-size:17px; font-weight:500; margin-top:5px; }.app-title em { background:white; border:1px solid var(--line); border-radius:999px; font-size:6px; font-style:normal; padding:6px 8px; position:absolute; right:0; top:0; }.filters { background:white; border:1px solid var(--line); border-radius:7px; display:grid; gap:5px; grid-template-columns:repeat(3,1fr) auto; margin:15px 0 8px; padding:7px; }.filters b { background:#f3f6fb; border-radius:4px; color:#697386; font-size:5px; font-weight:600; padding:8px; }.filters button,.jobs button { background:var(--green); border:0; border-radius:4px; color:white; font-size:5px; padding:7px; }
.jobs { display:grid; gap:6px; }.jobs article { align-items:center; background:white; border:1px solid var(--line); border-radius:7px; display:grid; gap:8px; grid-template-columns:28px 1fr auto; padding:9px; }.jobs article > i { align-items:center; background:var(--soft); border-radius:5px; color:var(--green); display:flex; font-family:Georgia,serif; font-size:9px; font-style:normal; height:27px; justify-content:center; }.jobs p { margin:0; min-width:0; }.jobs strong,.jobs span,.jobs small { display:block; }.jobs strong { font-size:7px; }.jobs span { color:#637069; font-size:5px; margin:3px 0; }.jobs small { color:#8a938d; font-size:4px; }.jobs button { font-size:4px; padding:7px; }
.agent-card { background:white; border:1px solid #cfddff; border-radius:10px; bottom:-26px; box-shadow:0 18px 34px rgba(40,72,140,.18); color:var(--ink); padding:16px; position:absolute; right:-24px; width:155px; }.agent-card small { color:var(--green); font-size:6px; letter-spacing:.1em; }.agent-card strong { display:block; font-size:9px; margin-top:14px; }.agent-card p { color:var(--muted); font-size:6px; line-height:1.6; }.agent-card span { background:var(--green); border-radius:5px; color:white; display:block; font-size:6px; padding:7px; text-align:center; }
.inside { border-top:1px solid var(--line); padding:90px 0; }.section-heading { display:grid; grid-template-columns:.4fr 1.6fr; }.section-heading h2,.download-panel h2 { font-family:Georgia,serif; font-size:38px; font-weight:500; letter-spacing:-.04em; margin:0; }.section-heading h2 { white-space:nowrap; }.download-panel h2 { max-width:650px; }.feature-grid { display:grid; gap:12px; grid-template-columns:repeat(3,1fr); margin-top:50px; }.feature-grid article { background:white; border:1px solid var(--line); border-radius:14px; min-height:190px; padding:22px; }.feature-grid article > span { color:var(--green); font-family:Georgia,serif; font-size:18px; }.feature-grid strong { display:block; font-size:12px; margin:30px 0 9px; }.feature-grid p { color:var(--muted); font-size:10px; line-height:1.7; margin:0; }
.download-panel { align-items:center; background:#246bfd; border-radius:18px; color:white; display:flex; justify-content:space-between; margin-bottom:70px; padding:42px; }.download-panel .kicker { color:#dce7ff; }.download-panel h2 { font-size:32px; }.download-panel p:not(.kicker) { color:rgba(255,255,255,.72); font-size:10px; line-height:1.6; margin:12px 0 0; }.download-actions { display:flex; flex:0 0 auto; gap:10px; margin-left:30px; }.button.light { background:white; color:#1654d8; }.button.outline-light { border:1px solid rgba(255,255,255,.42); color:white; }
footer { align-items:center; border-top:1px solid var(--line); color:var(--muted); display:flex; font-size:10px; justify-content:space-between; padding:25px 0 35px; }
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:30px}.desktop-shot{margin:0 15px}.section-heading{grid-template-columns:1fr}.section-heading h2{white-space:normal}.feature-grid{grid-template-columns:1fr}.download-panel{align-items:flex-start;flex-direction:column}.download-actions{margin:24px 0 0}h1{font-size:58px}}
@media(max-width:520px){.invite-claim>div{grid-template-columns:1fr}.invite-claim button{min-height:42px}}