:root{--ink:#141414;--muted:#73716e;--paper:#faf9f6;--accent:#eee5f3;--line:#e5e2dd;--white:#fff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer}a.button{text-decoration:none}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-icon{background:var(--accent);border-radius:10px;width:35px;text-align:center}.header nav{display:flex;align-items:center;gap:27px;font-size:14px}.header nav>a:not(.button){text-decoration:none}.header nav form{margin:0}.link{border:0;background:none;color:inherit;padding:0}.button,button:not(.link){display:inline-flex;align-items:center;justify-content:center;background:var(--ink);border:1px solid var(--ink);color:white;border-radius:9px;padding:14px 22px;font-size:14px;font-weight:650;gap:10px}.button:hover,button:hover{filter:brightness(1.15)}.button.small{padding:10px 17px}.button.outline{background:transparent;color:var(--ink)}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:85px 5% 75px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;margin:0 0 20px;color:#77736f}h1,h2,h3{line-height:1.13;letter-spacing:-1.8px;font-weight:600}h1{font-size:clamp(36px,4.9vw,72px);margin:18px 0 25px}h2{font-size:clamp(28px,3.3vw,46px);margin:15px 0 30px}h3{font-size:23px;letter-spacing:-.6px}em{font-style:normal;background:linear-gradient(transparent 65%,var(--accent) 65%)}p{margin:12px 0}.lead{font-size:19px;line-height:1.65;max-width:560px;color:var(--muted)}.actions{display:flex;gap:25px;align-items:center;margin:32px 0 20px}.muted{font-size:13px;color:var(--muted)}.hero-card{border:1px solid var(--line);border-radius:25px;background:#fff;padding:24px;box-shadow:0 20px 60px #00000008;transform:rotate(1deg)}.card-top{display:flex;align-items:center;gap:8px;font-size:12px}.card-top .pill{margin-left:auto}.dot{width:7px;height:7px;background:#60894b;border-radius:50%}.pill{display:inline-block;background:#efede9;border-radius:30px;padding:4px 10px;font-size:11px;font-weight:600}.orb{margin:25px auto 10px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f0ffdc,#cbe891 40%,#5e8062 90%);display:grid;place-items:center;box-shadow:0 12px 30px #45633120}.orb span{font-size:70px;color:#294633}.voice-label{text-align:center;font-size:12px;color:var(--muted);margin-bottom:30px}.bubble{padding:18px;border-radius:15px;background:#f0eaf4;margin:12px 0;max-width:90%;font-size:14px;overflow-wrap:anywhere}.bubble.caller{margin-left:auto;background:#f4f4f1}.center{text-align:center}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 7%;display:flex;gap:25px;justify-content:space-between;font-size:13px;color:var(--muted)}.section{padding:80px 6%;max-width:1500px;margin:auto}.grid{display:grid;gap:22px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.step{display:block;color:#77736f;font-size:13px;border-bottom:1px solid var(--line);padding:15px 0}.grid article>p{color:var(--muted)}.tinted{background:#f4f2ee;max-width:none}.intro{color:var(--muted);margin-bottom:32px}.plan{padding:30px;border:1px solid #e5e2dd;border-radius:var(--radius);background:var(--paper);display:flex;flex-direction:column;align-items:flex-start}.plan.featured{border-color:#9b6bad;background:#f7f2fa}.plan>p{min-height:75px}.plan .button{margin-top:auto;width:100%}.plan h3{font-size:30px}.price{font-size:22px;font-weight:600;letter-spacing:-.6px;margin-top:18px}.price small{font-weight:400;font-size:13px}.plan ul{padding-left:18px;font-size:14px;line-height:2.2;margin:25px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%}.use-cases article{padding:12px 0;border-bottom:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:18px}details p{max-width:780px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;gap:30px;align-items:center;font-size:13px;color:var(--muted)}footer span{margin-left:auto}.auth{max-width:580px;margin:65px auto;padding:0 25px 50px}.auth h1{font-size:40px}form p{margin:0 0 22px}form label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}input,textarea,select{display:block;width:100%;padding:12px 14px;border:1px solid #d8d4cf;border-radius:8px;background:white;color:var(--ink)}textarea{resize:vertical}.helptext{display:block;color:var(--muted);font-size:12px;margin-top:6px}.helptext ul{padding-left:18px}.errorlist{padding:10px 18px;color:#8c2b24;background:#fff1ec;border-radius:8px;font-size:14px}.notice{padding:17px 22px;border:1px solid #dfd6e5;background:#f6f1f8;border-radius:10px;margin:20px 0;font-size:14px}.workspace{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:70vh}.workspace aside{padding:35px 24px;border-right:1px solid var(--line)}.workspace aside nav{display:grid;gap:7px;margin:25px -9px}.workspace aside nav a{text-decoration:none;padding:9px;border-radius:7px;font-size:14px}.workspace aside nav a:hover{background:#efede9}.portal-main{padding:40px 5% 70px}.portal-main h1{font-size:38px}.portal-main h2{font-size:26px;margin-top:35px}.panel,.stats article,.empty{padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff;margin:15px 0}.stats{margin:25px 0}.stats article span{display:block;color:var(--muted);font-size:13px}.stats article strong{font-size:32px;font-weight:600}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:white}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{padding:16px;border-bottom:1px solid var(--line)}th{background:#f4f2ee;font-size:12px;white-space:nowrap}tr:last-child td{border-bottom:0}.pagination{display:flex;gap:25px;justify-content:center;margin:25px}.form-panel{max-width:850px}.narrow{max-width:950px}.narrow h1{font-size:52px}.narrow h2{font-size:25px;letter-spacing:-.6px}.transcript{max-width:900px}.transcript .bubble{font-size:16px}.inline{display:flex;align-items:center;gap:15px;max-width:600px}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:white;padding:15px;z-index:10}:focus-visible{outline:3px solid #85469b;outline-offset:4px}@media(max-width:900px){.hero{gap:35px;padding:50px 5%}.hero h1{font-size:48px}.grid.three{grid-template-columns:1fr}.plan>p{min-height:0}.workspace{grid-template-columns:180px 1fr}.header nav{gap:15px}.strip{flex-wrap:wrap}.hero-card{padding:15px}.actions{flex-wrap:wrap}.section{padding:50px 5%}}@media(max-width:650px){.header{flex-wrap:wrap;padding:18px 5%}.header nav{width:100%;font-size:12px;gap:16px;flex-wrap:wrap}.hero,.split{grid-template-columns:1fr}.hero-card{transform:none}.hero h1{font-size:50px}.grid.two{grid-template-columns:1fr}.workspace{display:block}.workspace aside{border-right:0;border-bottom:1px solid var(--line);padding:20px}.workspace aside nav{display:flex;flex-wrap:wrap;margin:10px 0}.workspace aside .eyebrow{margin-bottom:5px}.portal-main{padding:25px 5%}.portal-main h1{font-size:32px}.section-head{flex-wrap:wrap}footer{flex-wrap:wrap;gap:15px}footer span{margin-left:0}.stats{gap:0}.stats article{margin:6px 0}.narrow h1{font-size:40px}}
.demo-card{transform:none}.demo-card h2{font-size:30px;margin:20px 0}.demo-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-card .demo-option{background:#f5f3f0;color:var(--ink);border:1px solid var(--line);font-size:13px;padding:11px 8px;justify-content:flex-start}.demo-card .demo-option[aria-pressed=true]{background:var(--accent);border-color:#85469b}.demo-card label{font-size:13px;font-weight:600}.demo-card .actions{gap:10px;margin:20px 0 10px}.demo-card button:disabled{opacity:.5;cursor:not-allowed}.demo-card button[hidden]{display:none}.demo-transcript{max-height:180px;overflow:auto;border-top:1px solid var(--line)}.demo-transcript:empty{display:none}.demo-transcript p{font-size:13px;padding:8px 0;border-bottom:1px solid var(--line)}#demo-status{font-size:13px;color:var(--muted)}@media(max-width:400px){.demo-options{grid-template-columns:1fr}}
.revision-text{white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin-bottom:20px;max-height:360px;overflow:auto}

/* Crop only the supplied logo's outer whitespace in layout; keep the asset intact. */
.brand-logo{display:block;position:relative;width:190px;height:46px;overflow:hidden;flex-shrink:0}
.brand-logo img{position:absolute;width:243px;height:auto;max-width:none;left:-26px;top:-28px;mix-blend-mode:multiply}
footer .brand-logo{width:152px;height:37px}
footer .brand-logo img{width:194px;left:-21px;top:-22px}

/* Header account actions: shared across public and customer pages. */
.header nav a.nav-login{background:transparent;color:#79529A}
.header nav a.nav-signup{background:#EEE5F6;color:#684184;border-color:transparent;border-radius:40px;box-shadow:none;background-image:none}
.header nav a.nav-signup:hover{background:#E3D4EF;color:#684184;border-color:transparent;box-shadow:none;filter:none}

/* Identical header geometry on landing, guide, workspace and identity pages. */
html{scrollbar-gutter:stable}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:none;margin:0;padding:22px 5%}
.site-header>.brand{flex-shrink:0;align-self:flex-start}
@media(max-width:650px){.site-header{padding:18px 5%}}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
/* Progressive mobile menu; links remain visible when JavaScript is unavailable. */
.site-header .mobile-menu-toggle{display:none}
@media(max-width:760px){
 .site-header.nav-enhanced{flex-wrap:wrap;gap:12px;padding-block:12px}
 .site-header.nav-enhanced .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:5px;background:transparent;color:#684184;border:1px solid #e5dbea;border-radius:12px;font-size:24px;box-shadow:none}
 .site-header.nav-enhanced #site-navigation{display:none;width:100%;flex-wrap:wrap;gap:16px;padding:12px 0 5px}
 .site-header.nav-enhanced.menu-open #site-navigation{display:flex}
}
