:root { --ink:#10243e; --muted:#64758a; --cream:#f5f2eb; --white:#fff; --mint:#c9f36c; --green:#72c94b; --line:#dbe1e4; --orange:#ff6b43; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:"DM Sans",sans-serif; min-height:100vh; }
.noise { position:fixed; inset:0; pointer-events:none; opacity:.17; z-index:10; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"); }
.nav { max-width:1200px; margin:auto; padding:28px 32px; display:flex; align-items:center; justify-content:space-between; }
.brand { text-decoration:none; color:var(--ink); font:800 22px Manrope,sans-serif; letter-spacing:-1px; display:flex; align-items:center; }
.brand>span:last-child { color:var(--green); }.brand-mark { width:27px; height:27px; display:flex; gap:2px; align-items:center; margin-right:8px; }.brand-mark i { display:block; width:5px; border-radius:9px; background:var(--ink); }.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:17px}
.live-pill { border:1px solid #d7ddd7; background:#fff9; padding:9px 14px; border-radius:30px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }.live-pill span { display:inline-block; width:8px;height:8px;background:#58bd4c;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #58bd4c22; }
.hero { max-width:1200px; margin:40px auto 90px; padding:0 32px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:85px; }
.eyebrow { font-size:12px; font-weight:800; letter-spacing:1.7px; color:#627268; }.eyebrow span { color:var(--green); }
h1 { font:800 clamp(48px,6vw,78px)/.98 Manrope,sans-serif; letter-spacing:-4.6px; margin:24px 0; max-width:720px; } h1 em { font-style:normal; position:relative; z-index:0; } h1 em:after { content:""; position:absolute; z-index:-1; left:-3px;right:-3px;bottom:6px;height:16px;background:var(--mint);transform:rotate(-1deg); }
.lede { font-size:19px; line-height:1.65; color:#536378; max-width:590px; }.proof { display:flex;align-items:center;margin-top:35px; }.avatars { display:flex; }.avatars b { width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#cad7dc;border:3px solid var(--cream);margin-left:-9px;font-size:11px }.avatars b:first-child{margin:0;background:#f6c998}.avatars b:last-child{background:#aac6a5}.proof p { margin:0 0 0 14px;font-size:13px;line-height:1.45 }.proof p span{color:#7c8a9a}
.phone-shell { width:min(100%,430px); min-height:600px; justify-self:center; background:var(--ink); border:9px solid #0b1a2e; border-radius:42px; color:white; box-shadow:0 35px 80px #10243e2a,0 8px 0 #07111e; overflow:hidden; position:relative; }
.phone-top { height:42px;padding:15px 23px;display:flex;justify-content:space-between;font-size:10px;color:#a7b5c4;letter-spacing:1px}.secure{color:#bde78d}.call-view { padding:38px 26px 28px;text-align:center; }.callee .avatar-logo { width:90px;height:90px;margin:auto;border-radius:29px;background:#f3ede2;color:var(--ink);display:grid;place-items:center;font:800 34px Manrope;box-shadow:inset 0 0 0 1px #fff9}.avatar-logo span{color:var(--green)}.callee h2{font:700 20px Manrope;margin:19px 0 5px}.callee p{font-size:13px;color:#8fa0b4;margin:0}
.call-button { width:100%;border:0;background:var(--mint);color:var(--ink);padding:17px 20px;border-radius:17px;cursor:pointer;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-align:left;font-family:inherit;transition:.2s}.call-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c9f36c33}.call-button strong{font-size:15px}.call-button small{font-size:11px;opacity:.66;margin-top:2px}
.mode-buttons{display:grid;gap:10px}.chat-button{background:#263b56;color:white;border:1px solid #40556f}.chat-button:hover{box-shadow:0 8px 25px #07111e55}.chat-icon{grid-row:1/3;width:36px;height:36px;background:#fff;color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:20px}
.conversation { padding:0 17px 20px; }.transcript{height:258px;overflow:auto;padding:6px;scrollbar-width:thin}.message{max-width:86%;padding:11px 13px;border-radius:15px;margin:9px 0;font-size:13px;line-height:1.45;animation:arrive .25s ease-out}.message.ai{background:#263b56;border-bottom-left-radius:4px}.message.user{background:var(--mint);color:var(--ink);margin-left:auto;border-bottom-right-radius:4px}.message small{display:block;opacity:.55;margin-top:4px;font-size:9px}@keyframes arrive{from{opacity:0;transform:translateY(5px)}}
.suggestions{display:flex;gap:6px;overflow-x:auto;padding:8px 4px}.suggestions button{white-space:nowrap;border:1px solid #40526a;background:transparent;color:#b8c5d1;border-radius:20px;padding:7px 10px;font:500 10px inherit;cursor:pointer}.composer{display:grid;grid-template-columns:1fr 38px;gap:6px;margin-top:8px}.composer input{min-width:0;border:1px solid #40526a;background:#172d47;color:white;border-radius:12px;padding:11px;font:13px inherit;outline:none}.composer input:focus{border-color:var(--mint)}.composer button{border:0;border-radius:11px;background:var(--mint);color:var(--ink);font-size:20px;cursor:pointer}.end-call{border:0;background:transparent;color:#f28878;font:600 11px inherit;padding:12px;cursor:pointer}.hidden{display:none!important}
.call-controls{display:flex;justify-content:center;gap:8px;margin-top:7px}.records-list{display:grid;gap:10px;max-height:390px;overflow-y:auto}.record{border:1px solid #e4e9e2;border-radius:14px;padding:14px}.record-head{display:flex;align-items:center;gap:8px}.record-badge{font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;color:#526446;background:#edf6dc;border-radius:14px;padding:5px 8px}.record-time{font-size:9px;color:#8b978d;margin-left:auto}.record-fields{display:grid;gap:8px;margin:11px 0}.record-field{display:grid;gap:2px}.record-field small{font-size:8px;letter-spacing:1px;font-weight:800;color:#8b978d}.record-field strong{font-size:11px;line-height:1.4;color:#344637}.record-details{font-size:9px;color:#778379;margin:0 0 9px}.transcript-toggle{border:0;background:transparent;color:#58704d;text-decoration:none;padding:0;font:700 10px inherit;cursor:pointer}
.inline-results{background:#f7f8f5;color:var(--ink);border-top:1px solid #dfe5df;padding:15px 17px}.results-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.results-heading span{font:800 10px Manrope;text-transform:uppercase;letter-spacing:1px}.results-heading small{font-size:8px;color:#8b978d}.inline-results .empty-summary{height:48px;min-height:0;border-radius:9px}.inline-results .empty-summary p{margin:0;font-size:10px}.inline-results .records-list{max-height:225px}.inline-results .record{background:white;padding:11px}.inline-results .record-result{font-size:11px;margin:8px 0}.phone-shell{max-height:820px;overflow-y:auto;scrollbar-width:thin}
.features { max-width:1200px;margin:auto;padding:65px 32px;border-top:1px solid #d6d7d1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.features article{display:flex;gap:20px}.features article>span{font:700 11px Manrope;color:#8a978f;border:1px solid #cbd1ca;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.features h3{font:700 17px Manrope;margin:3px 0 9px}.features p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.dashboard{background:#e5eadf;padding:75px max(32px,calc((100vw - 1136px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.dashboard h2{font:800 42px/1.1 Manrope;letter-spacing:-2px;margin:14px 0}.summary-card{background:white;border-radius:22px;min-height:210px;padding:26px;box-shadow:0 15px 50px #2436260d}.empty-summary{height:158px;border:1px dashed #c6cec4;border-radius:14px;display:grid;place-items:center;text-align:center;color:#78857a}.empty-summary span{font-size:28px;margin-top:22px}.empty-summary p{font-size:12px;max-width:230px;margin-top:-18px}.summary-head{display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf0ec;padding-bottom:17px}.status-dot{width:10px;height:10px;background:#69c64f;border-radius:50%}.summary-head div{display:grid;flex:1}.summary-head small{color:#8a968c;font-size:10px}.summary-tags{display:flex;gap:7px;margin:18px 0}.summary-tags span{background:#edf6dc;color:#536645;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.summary-content p{font-size:13px;line-height:1.5;color:#5a695c}
footer{max-width:1200px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;color:#839087;font-size:11px}
.access-dialog{width:min(92vw,390px);border:0;border-radius:24px;padding:0;color:var(--ink);box-shadow:0 30px 90px #07111e66}.access-dialog::backdrop{background:#07111eb8;backdrop-filter:blur(5px)}.access-dialog form{padding:31px;display:flex;flex-direction:column;position:relative}.dialog-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#718093;font-size:25px;cursor:pointer}.dialog-icon{width:46px;height:46px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-size:24px;transform:rotate(-25deg)}.access-dialog h2{font:800 23px Manrope;margin:18px 0 7px;letter-spacing:-.7px}.access-dialog p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 20px}.access-dialog label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px}.access-dialog input{border:1px solid #cbd4d9;border-radius:12px;padding:13px;font:15px inherit;outline:none}.access-dialog input:focus{border-color:#7ab64d;box-shadow:0 0 0 3px #c9f36c44}.dialog-submit{border:0;border-radius:12px;background:var(--ink);color:white;padding:14px;margin-top:12px;font:700 14px inherit;cursor:pointer}
.transcript-overlay{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:#07111eb8;backdrop-filter:blur(5px)}.transcript-overlay:target{display:grid}.transcript-dialog{width:min(92vw,600px);max-height:78vh;background:white;border-radius:22px;color:var(--ink);box-shadow:0 30px 90px #07111e66;overflow:hidden}.transcript-modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 14px;border-bottom:1px solid #e7ebe6}.transcript-modal-head small{font-size:8px;letter-spacing:1.2px;color:#78877b}.transcript-modal-head h2{font:800 23px Manrope;margin:2px 0}.transcript-modal-head a{border:0;background:transparent;font-size:27px;color:#718093;text-decoration:none;cursor:pointer}.modal-transcript{padding:22px 24px;max-height:55vh;overflow-y:auto;white-space:pre-wrap;font-size:13px;line-height:1.65;color:#5e6d61}.modal-transcript b{color:var(--ink)}
@media(max-width:850px){.hero{grid-template-columns:1fr;margin-top:20px;gap:50px}.hero-copy{text-align:center}.lede{margin-left:auto;margin-right:auto}.proof{justify-content:center}.phone-shell{justify-self:center}.features{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr;gap:25px}h1{letter-spacing:-3px}}
@media(max-width:500px){.nav{padding:22px 18px}.live-pill{font-size:9px}.hero{padding:0 17px;margin-bottom:55px}h1{font-size:45px;letter-spacing:-2.8px}.lede{font-size:16px}.phone-shell{border-radius:32px;border-width:6px;min-height:570px}.features{padding:48px 20px}.dashboard{padding:55px 20px}.dashboard h2{font-size:34px}footer{padding:24px 20px;gap:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}

body.embed-mode{background:transparent;min-height:100vh;overflow:hidden}.embed-mode .noise,.embed-mode .nav,.embed-mode .hero-copy,.embed-mode .features,.embed-mode footer{display:none}.embed-mode main,.embed-mode .hero{width:100%;height:100vh;margin:0;padding:0;display:block}.embed-mode .phone-shell{width:100%;height:100vh;max-height:none;min-height:0;border:0;border-radius:20px;box-shadow:none;background:#f7f8f5;color:var(--ink)}.embed-mode .phone-top{height:34px;padding:11px 18px}.embed-mode .call-view{padding-top:24px}.embed-mode .callee .avatar-logo{width:72px;height:72px;border-radius:23px;font-size:28px}.embed-mode .inline-results .records-list{max-height:180px}
.embed-mode .phone-top,.embed-mode .call-view{background:#f7f8f5;color:var(--ink)}
.embed-mode .conversation{background:var(--ink);color:white}
.embed-mode .secure{color:#3f7d2b}
.notification-override{margin:18px 0;padding:14px;border:1px solid #d9e1e8;border-radius:12px;background:#f7f9fb;display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.notification-override p{grid-column:1/-1;margin:0}.notification-override p strong,.notification-override p small{display:block}.notification-override p small{margin-top:3px;color:#65758b;font-size:12px}.notification-override label{font-size:12px;font-weight:700;color:#33495e}.notification-override input{box-sizing:border-box;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #cdd7df;border-radius:8px;font:14px system-ui}@media(max-width:480px){.notification-override{grid-template-columns:1fr}}

/* Keep the start screen out of the initial paint until the entry mode is known. */
.chat-loading .call-view, .chat-loading #dashboard { display:none; }

/* The conversation fills the available height; status stays at its foot. */
.embed-mode main,.embed-mode .hero,.embed-mode .phone-shell{height:100dvh}
.embed-mode .phone-shell{display:flex;flex-direction:column;overflow:hidden}
.embed-mode .phone-top{flex:none}
#callStatus{margin:0;padding:0 17px 10px;font-size:13px;flex:none}
#callStatus:empty{display:none}
.embed-mode .conversation{display:flex;flex-direction:column;flex:1;min-height:100px;padding-bottom:0}
.embed-mode .transcript{height:auto;min-height:0;flex:1}
.embed-mode .chat-controls,.embed-mode .call-controls,.embed-mode .inline-results{flex:none}
.embed-mode .inline-results{max-height:40dvh;overflow:auto}
#privacyLink{position:fixed;bottom:0;right:8px;margin:0;font-size:10px}