/* Scoped because Dash also discovers assets on unrelated application pages. */
body.ada-landing{--bg:#080b0b;--panel:#101615;--text:#f3f6f5;--muted:#9ca9a4;--accent:#9ee7b8;--line:#ffffff15;margin:0;padding:16px;color:var(--text);background:var(--bg);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.45;box-sizing:border-box;height:100dvh;overflow:hidden;color-scheme:dark}
.ada-landing *{box-sizing:border-box}.ada-landing h1,.ada-landing h2,.ada-landing h3,.ada-landing p{margin:0}.ada-landing button,.ada-landing input,.ada-landing select{font:inherit}.ada-landing button,.ada-landing a{-webkit-tap-highlight-color:transparent}.ada-landing button{cursor:pointer}.ada-landing a{color:inherit;text-decoration:none}.ada-landing button{color:inherit}.ada-landing button:disabled{opacity:.45;cursor:default}.ada-landing :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ada-landing [hidden]{display:none!important}.ada-landing .sr-only,.ada-landing .skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ada-landing .skip-link:focus{position:fixed;top:8px;left:24px;z-index:100;background:var(--accent);color:#10261b;padding:10px}
.ada-landing .ada-frame{max-width:1520px;height:100%;margin:auto;border:1px solid var(--line);border-radius:22px;background:#0d1110;display:grid;grid-template-rows:54px minmax(0,1fr) 42px;overflow:hidden}
.ada-landing .topbar{display:flex;align-items:center;gap:24px;padding:0 32px;border-bottom:1px solid var(--line)}
.ada-landing .brand{display:flex;align-items:center;gap:9px;font-size:16px;letter-spacing:2px;font-weight:800}.ada-landing .brand-dot,.ada-landing .live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.ada-landing .version{font-size:9px;letter-spacing:.4px;border:1px solid #9ee7b833;color:var(--accent);padding:2px 5px;border-radius:5px}
.ada-landing .brand-sub{font-size:10px;font-weight:650;letter-spacing:1.6px;color:var(--muted);flex:1}.ada-landing .header-divider{margin:0 12px;color:#4d6258}.ada-landing .header-note{letter-spacing:0;font-weight:400}
.ada-landing .text-button{border:0;background:none;padding:4px 0;color:var(--muted);font-size:11px}.ada-landing .text-button:hover{color:var(--accent)}
.ada-landing .workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,38%);gap:54px;padding:24px 56px 18px;min-height:0;align-items:center;max-width:1380px;width:100%;margin:auto;height:100%}
.ada-landing .intelligence-column{min-width:0;display:flex;flex-direction:column;gap:17px;max-height:100%}.ada-landing .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--accent);font-weight:650;letter-spacing:.2px}.ada-landing .eyebrow .brand-dot{width:6px;height:6px}
.ada-landing h1{font-size:clamp(27px,2.9vw,44px);line-height:1.12;letter-spacing:-1.7px;font-weight:750;margin:10px 0 12px}.ada-landing h1>span{display:inline-block;font-size:.67em;line-height:1.17;color:var(--accent);letter-spacing:-.8px;margin-top:7px}.ada-landing .intro-copy{font-size:12px;line-height:1.6;color:var(--muted)}.ada-landing .intro-copy strong{font-weight:500;color:#d6ded9}
.ada-landing .intelligence-box{border:1px solid #ffffff1d;border-radius:16px;background:#141a17;padding:19px 22px 14px;min-width:0}.ada-landing .box-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.ada-landing .section-label{font-size:9px;letter-spacing:1.3px;font-weight:700;color:var(--muted)}.ada-landing .demo-label{font-size:8px;letter-spacing:1px;color:var(--accent);border:1px solid #9ee7b829;padding:2px 5px;border-radius:4px}
.ada-landing .story-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:13px 0 15px;padding-bottom:10px}.ada-landing .story-tab{border:1px solid transparent;background:none;padding:6px 8px;font-size:10px;border-radius:6px;color:#71847a;white-space:nowrap}.ada-landing .story-tab span{margin-left:3px;color:#afbab3}.ada-landing .story-tab.active{background:#9ee7b812;border-color:#9ee7b82b;color:var(--accent)}.ada-landing .story-tab.active span{color:var(--accent)}.ada-landing .story-tab:hover{background:#ffffff09}
.ada-landing .story-kicker{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#87a593;margin-bottom:5px}.ada-landing h2{font-size:clamp(18px,1.8vw,25px);letter-spacing:-.65px;line-height:1.18;font-weight:650;max-width:560px}.ada-landing .story-copy p{font-size:12px;color:#a5b2aa;line-height:1.55;margin-top:9px;min-height:38px;max-width:570px}
.ada-landing .decision-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.ada-landing .decision{border-top:2px solid #34483c;padding-top:8px}.ada-landing .decision.current{border-color:var(--accent)}.ada-landing .decision span{font-size:8px;letter-spacing:.9px;color:#83988b;display:block;margin-bottom:3px}.ada-landing .decision strong{font-size:11px;font-weight:550;display:block;color:#e2eae5;line-height:1.35}.ada-landing .decision small{display:block;font-size:10px;color:#879b8e;margin-top:3px;line-height:1.4}
.ada-landing .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:12px;border-top:1px solid var(--line)}.ada-landing .metric span{display:block;color:#9dae9f;font-size:9px}.ada-landing .metric strong{font-size:23px;font-weight:600;letter-spacing:-.8px;line-height:1.35;display:block;font-variant-numeric:tabular-nums;color:#edfff3}.ada-landing .metric small{display:block;font-size:8px;color:#768d7c}.ada-landing .box-bottom{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.ada-landing .demand-toggle{font-size:9px;border:0;padding:5px 7px;border-radius:5px;background:#bce5ac0d;color:#b1d7b8}.ada-landing .demand-toggle[aria-pressed="true"]{color:#e1cda1;background:#e1cda111}
.ada-landing .secondary-nav{display:flex;align-items:stretch;gap:9px}.ada-landing .small-link{font-size:10px;font-weight:600;padding:8px 13px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:7px;background:#ffffff03}.ada-landing .small-link:hover{border-color:#9ee7b866;color:var(--accent)}.ada-landing .small-link small{display:block;font-size:8px;font-weight:400;line-height:1.3}.ada-landing .live-link{color:var(--accent);border-color:#9ee7b82f}.ada-landing .live-dot{width:5px;height:5px;background:#f08a77}
.ada-landing .phone-column{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0;position:relative}.ada-landing .phone-stage-label{font-size:8px;letter-spacing:1.8px;color:#84958b;display:flex;align-items:center;gap:8px;font-weight:600}.ada-landing .label-line{width:20px;height:1px;background:#607c69}
.ada-landing .phone{--phone-h:min(614px,calc(100dvh - 194px));height:var(--phone-h);width:calc(var(--phone-h) * .493);padding:7px;border-radius:39px;background:#151a17;border:1px solid #576259;box-shadow:0 0 0 2px #202822,0 28px 55px #0008;position:relative;flex:none}.ada-landing .phone-screen{height:100%;border-radius:31px;background:#eaece4;color:#1b3029;overflow:hidden;display:flex;flex-direction:column;color-scheme:light}.ada-landing .statusbar{height:35px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:10px;font-weight:700;position:relative;background:#f7f8f2}.ada-landing .dynamic-island{position:absolute;width:72px;height:20px;border-radius:18px;background:#121713;top:6px;left:50%;transform:translateX(-50%)}.ada-landing .battery{font-size:8px;border:1px solid #273d3155;padding:1px 2px;border-radius:3px;margin-left:3px}
.ada-landing .chat-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f7f8f2;border-bottom:1px solid #344e3c15;flex-shrink:0}.ada-landing .chat-avatar{width:29px;height:29px;object-fit:cover;border-radius:50%;border:1px solid #1b594b33}.ada-landing .chat-header strong{font-size:12px;display:block;line-height:1.3}.ada-landing .chat-header div>span{font-size:8px;color:#75847b;display:block}.ada-landing .chat-demo{font-size:7px;font-weight:650;letter-spacing:.8px;color:#6e8574;margin-left:auto}
.ada-landing .chat-history{padding:12px 10px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#adb9a7 transparent;display:flex;flex-direction:column;gap:9px;overscroll-behavior:contain}.ada-landing .chat-date{align-self:center;font-size:8px;color:#788b7d;background:#ffffff80;padding:3px 8px;border-radius:5px;margin-bottom:2px}.ada-landing .bubble{max-width:92%;padding:9px 10px 5px;border-radius:1px 10px 10px 10px;background:#fff;box-shadow:0 1px 1px #14281b0a;align-self:flex-start;font-size:11px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.ada-landing .bubble.customer{align-self:flex-end;background:#d5eccb;border-radius:10px 1px 10px 10px}.ada-landing .message-time{display:block;font-size:7px;text-align:right;color:#81917f;margin-top:4px}.ada-landing .bubble b{font-weight:650}.ada-landing .typing{font-size:10px;color:#778b7b;font-style:italic;align-self:flex-start;padding:5px 8px}.ada-landing .phone-card{background:#fff;align-self:stretch;border:1px solid #d1dacc;border-radius:9px;padding:11px;font-size:10px}.ada-landing .phone-card .card-label{font-size:7px;letter-spacing:1px;color:#7b8b7e;font-weight:650;display:block}.ada-landing .phone-card h3{font-size:13px;line-height:1.3;margin:4px 0;color:#254e39}.ada-landing .phone-card p{color:#738170;font-size:9px;line-height:1.5}.ada-landing .phone-card .price{font-size:24px;font-weight:700;letter-spacing:-.8px;color:#244b37;line-height:1.3}.ada-landing .phone-card .price small{font-size:8px;letter-spacing:0;font-weight:500}.ada-landing .receipt-row{display:flex;justify-content:space-between;gap:8px;font-size:9px;padding:4px 0;color:#61725f}.ada-landing .receipt-row.total{border-top:1px solid #e2e9de;margin-top:4px;padding-top:8px;font-weight:700;color:#254e39;font-size:11px}
.ada-landing .quote-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.ada-landing .quote-form label{font-size:9px;color:#5a735e}.ada-landing .quote-form input,.ada-landing .quote-form select{display:block;width:100%;font-size:11px;padding:6px 5px;border-radius:5px;border:1px solid #ccd8c8;color:#254732;background:#f7faf3;margin-top:3px;min-width:0}.ada-landing .quote-form button{grid-column:1/-1}
.ada-landing .phone-actions{padding:7px 10px;background:#eef1e8;display:flex;flex-wrap:wrap;gap:5px;flex-shrink:0;max-height:125px;overflow-y:auto}.ada-landing .phone-button{padding:8px 10px;font-size:10px;border:1px solid #b9c9b2;color:#31523b;background:#fcfff9;border-radius:7px;flex:1;white-space:normal;line-height:1.3}.ada-landing .phone-button.primary{background:#285c43;border-color:#285c43;color:white}.ada-landing .phone-button:hover{filter:brightness(.96)}.ada-landing .form-submit{border:0;background:#285c43;color:white;padding:8px 10px;font-size:10px;border-radius:6px;cursor:pointer}.ada-landing .composer{display:flex;gap:5px;padding:6px 8px;background:#f7f8f2;flex-shrink:0}.ada-landing .composer input{min-width:0;width:100%;border:1px solid #dde3d6;border-radius:15px;background:white;color:#263c2d;font-size:9px;padding:8px 10px}.ada-landing .composer button{border:0;background:none;color:#316347;font-size:9px;padding:4px}.ada-landing .phone-home{height:15px;background:#f7f8f2;flex-shrink:0;display:flex;justify-content:center;padding-top:6px}.ada-landing .phone-home span{width:78px;height:3px;background:#26352a;border-radius:4px}
.ada-landing .playback{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:330px;margin-top:4px}.ada-landing .playback .text-button,.ada-landing .next-button{font-size:9px}.ada-landing .playback>span{font-size:8px;color:#64796b;white-space:nowrap}.ada-landing .next-button{border:0;background:none;color:var(--accent);padding:4px 0}.ada-landing .next-button span{margin-left:4px}.ada-landing .simulation-note{font-size:8px;color:#6e8375;text-align:center;line-height:1.5}
.ada-landing .bottom{display:flex;align-items:center;gap:24px;padding:0 32px;border-top:1px solid var(--line);font-size:10px;color:#7f9186}.ada-landing .bottom-links{display:flex;gap:18px}.ada-landing .bottom a:hover{color:var(--accent)}.ada-landing .footer-note{font-size:9px;margin-right:285px;margin-left:auto}
.ada-landing .expert-widget{position:fixed;bottom:22px;right:27px;display:flex;align-items:center;gap:10px;padding:5px 9px 5px 5px;background:#151c19f2;border:1px solid #ffffff26;border-radius:99px;z-index:20;box-shadow:0 6px 24px #0005;backdrop-filter:blur(14px)}.ada-landing .expert-img{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);box-shadow:0 0 13px #9ee7b825}.ada-landing .expert-info{display:flex;flex-direction:column;margin-right:3px}.ada-landing .expert-name{font-size:11px;font-weight:700}.ada-landing .expert-role{font-size:9px;color:#9daaa2}.ada-landing .expert-actions{display:flex;gap:6px;border-left:1px solid var(--line);padding-left:8px}.ada-landing .action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#ffffff0a;border:1px solid var(--line);color:white;transition:background .2s}.ada-landing .action-btn svg{fill:currentColor;width:15px;height:15px}.ada-landing .action-btn.wpp{width:40px;height:40px;color:#25d366;background:#25d3661f;border-color:#25d36680}.ada-landing .action-btn.wpp svg{width:22px;height:22px}.ada-landing .action-btn.wpp:hover{background:#25d366;border-color:#25d366;color:#092b18}.ada-landing .action-btn.in:hover{background:#0a66c2}
.ada-landing dialog{color:var(--text);background:#151d18;border:1px solid #47644f;border-radius:16px;padding:25px;max-width:650px;width:calc(100% - 40px);max-height:85dvh;overflow-y:auto;box-shadow:0 30px 100px #0009}.ada-landing dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.ada-landing .dialog-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}.ada-landing dialog h2{font-size:27px;margin-bottom:14px}.ada-landing dialog h3{font-size:15px;color:var(--accent);margin:19px 0 6px}.ada-landing dialog p,.ada-landing dialog li{font-size:13px;color:#b6c4ba;line-height:1.7}.ada-landing dialog ul{padding-left:19px}.ada-landing .dialog-note{padding:12px 14px;background:#9ee7b80b;border:1px solid #9ee7b822;border-radius:8px;margin-top:15px}
@media(min-width:1500px) and (min-height:850px){.ada-landing .workspace{gap:90px}.ada-landing .intelligence-column{gap:25px}.ada-landing .intelligence-box{padding:24px 27px 20px}.ada-landing .story-copy p{font-size:14px}.ada-landing .story-tabs{margin:17px 0 21px}.ada-landing .decision-flow{margin:22px 0}.ada-landing .decision strong{font-size:13px}.ada-landing .decision small{font-size:11px}}
@media(max-height:740px) and (min-width:801px){.ada-landing .workspace{padding:16px 42px 12px;gap:40px}.ada-landing .intelligence-column{gap:12px}.ada-landing h1{font-size:33px;margin:7px 0}.ada-landing .intro-copy{font-size:11px}.ada-landing .intelligence-box{padding:14px 17px 10px}.ada-landing .story-tabs{margin:9px 0 12px;padding-bottom:7px}.ada-landing .story-copy p{font-size:11px;min-height:34px}.ada-landing h2{font-size:21px}.ada-landing .decision-flow{margin:12px 0;gap:10px}.ada-landing .metrics{padding-top:9px}.ada-landing .metric strong{font-size:21px}.ada-landing .box-bottom{margin-top:8px}.ada-landing .phone-column{gap:8px}}
@media(max-height:630px) and (min-width:801px){body.ada-landing{padding:10px}.ada-landing .ada-frame{grid-template-rows:43px minmax(0,1fr) 34px}.ada-landing .workspace{padding:10px 30px;gap:30px}.ada-landing .intelligence-column{gap:9px}.ada-landing h1{font-size:28px;margin:5px 0;letter-spacing:-1px}.ada-landing h1>span{margin-top:4px}.ada-landing .intro-copy{font-size:10px}.ada-landing .eyebrow{font-size:9px}.ada-landing .intelligence-box{padding:11px 14px 8px}.ada-landing .story-tabs{margin:7px 0 9px;padding-bottom:6px;gap:1px}.ada-landing .story-tab{font-size:9px;padding:5px}.ada-landing .story-copy p{font-size:10px;line-height:1.45;min-height:29px;margin-top:6px}.ada-landing h2{font-size:18px}.ada-landing .decision-flow{margin:9px 0}.ada-landing .decision strong{font-size:10px}.ada-landing .decision small{font-size:9px}.ada-landing .metric strong{font-size:19px}.ada-landing .box-bottom{margin-top:6px}.ada-landing .small-link{padding:6px 10px;font-size:9px}.ada-landing .phone{--phone-h:calc(100dvh - 163px)}.ada-landing .phone-column{gap:6px}.ada-landing .phone-stage-label{font-size:7px}.ada-landing .simulation-note{font-size:7px}.ada-landing .playback{margin-top:1px}.ada-landing .expert-widget{bottom:14px;right:20px}.ada-landing .phone-actions{max-height:100px}}
@media(max-width:1100px) and (min-width:801px){.ada-landing .workspace{padding-left:28px;padding-right:28px;gap:25px;grid-template-columns:minmax(0,1fr) 32%}.ada-landing .story-tab{padding-left:5px;padding-right:5px}.ada-landing .header-note{display:none}.ada-landing .header-divider{display:none}.ada-landing .decision-flow{gap:8px}.ada-landing .story-tabs{flex-wrap:wrap}.ada-landing .wide-break{display:none}}
@media(max-width:800px){body.ada-landing{height:auto;min-height:100dvh;overflow:auto;padding:10px}.ada-landing .ada-frame{height:auto;min-height:calc(100dvh - 20px);display:block;border-radius:15px;overflow:visible}.ada-landing .topbar{height:53px;padding:0 17px;gap:12px}.ada-landing .brand-sub{font-size:8px;letter-spacing:1px}.ada-landing .header-divider,.ada-landing .header-note{display:none}.ada-landing .topbar .text-button{font-size:9px}.ada-landing .workspace{display:flex;flex-direction:column;padding:24px 20px 25px;gap:30px;height:auto}.ada-landing .intelligence-column{gap:16px;width:100%}.ada-landing h1{font-size:33px;letter-spacing:-1.1px}.ada-landing h1>span{font-size:.68em}.ada-landing .intro-copy{font-size:11px}.ada-landing .wide-break{display:none}.ada-landing .intelligence-box{padding:16px 15px}.ada-landing .story-tabs{flex-wrap:wrap;gap:4px}.ada-landing .story-tab{font-size:10px;padding:6px}.ada-landing h2{font-size:23px}.ada-landing .story-copy p{font-size:12px}.ada-landing .decision-flow{gap:10px}.ada-landing .decision strong{font-size:11px}.ada-landing .decision small{font-size:9px}.ada-landing .metric strong{font-size:22px}.ada-landing .secondary-nav{gap:6px}.ada-landing .small-link{font-size:9px;padding:8px 10px}.ada-landing .phone-column{width:100%;gap:12px}.ada-landing .phone{--phone-h:600px}.ada-landing .phone-stage-label{font-size:9px}.ada-landing .bubble{font-size:13px}.ada-landing .chat-header strong{font-size:14px}.ada-landing .phone-button{font-size:12px}.ada-landing .phone-card{font-size:12px}.ada-landing .phone-card p{font-size:11px}.ada-landing .phone-card h3{font-size:15px}.ada-landing .quote-form label,.ada-landing .receipt-row{font-size:11px}.ada-landing .playback .text-button,.ada-landing .next-button{font-size:11px}.ada-landing .simulation-note{font-size:9px}.ada-landing .bottom{padding:15px 20px 80px;flex-wrap:wrap}.ada-landing .footer-note{margin:0}.ada-landing .expert-widget{bottom:13px;right:15px}.ada-landing .section-label{font-size:8px;letter-spacing:.8px}}
@media(min-width:801px) and (max-height:740px){
 .ada-landing .dynamic-island{width:60px}
 .ada-landing .phone-stage-label,.ada-landing .simulation-note{display:none}
 .ada-landing .wide-break,.ada-landing .intro-copy br{display:none}
 .ada-landing .intro-copy strong{margin-left:4px}
 .ada-landing .intelligence-column{gap:10px}
 .ada-landing .intelligence-box{padding:12px 17px 9px}
 .ada-landing .story-tabs{margin:7px 0 9px}
 .ada-landing .decision-flow{margin:8px 0}
 .ada-landing .metrics{padding-top:7px}
 .ada-landing .secondary-nav .small-link{padding:5px 12px}
 .ada-landing .phone{--phone-h:calc(100dvh - 187px)}
 .ada-landing .phone-column{gap:5px}
 .ada-landing .playback{margin-top:0}
}
@media(min-width:801px) and (max-height:630px){
 .ada-landing .phone{--phone-h:calc(100dvh - 154px)}
 .ada-landing .intro-copy{max-width:500px}
 .ada-landing .intelligence-box{padding:10px 14px 8px}
 .ada-landing .story-tabs{margin:6px 0 8px}
 .ada-landing .story-copy p{min-height:29px}
 .ada-landing .box-bottom{margin-top:5px}
}
/* The phone is a sibling of the business frame, on the open page background. */
.ada-landing .landing-layout{max-width:1520px;height:100%;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,32%);gap:36px;align-items:center}
.ada-landing .landing-layout>.ada-frame{width:100%;max-width:none;margin:0}
.ada-landing .landing-layout .workspace{grid-template-columns:minmax(0,1fr);gap:0;max-width:none}
.ada-landing .landing-layout .footer-note{margin-right:0}
.ada-landing .landing-layout>.phone-column{width:100%;gap:7px;max-height:100%}
.ada-landing .landing-layout>.phone-column .simulation-note{display:block;font-size:8px;line-height:1.4;color:#8b9d90}
@media(min-width:801px) and (max-width:1100px){.ada-landing .landing-layout{gap:24px;grid-template-columns:minmax(0,1fr) minmax(250px,31%)}.ada-landing .landing-layout .topbar{padding-left:22px;padding-right:22px;gap:16px}}
@media(min-width:801px) and (max-height:630px){.ada-landing .landing-layout>.phone-column .phone{--phone-h:calc(100dvh - 174px)}}
@media(max-width:800px){.ada-landing .landing-layout{display:flex;flex-direction:column;height:auto;gap:28px}.ada-landing .landing-layout>.ada-frame{min-height:0}.ada-landing .landing-layout .bottom{padding-bottom:20px}.ada-landing .landing-layout>.phone-column{max-height:none;padding:0 0 85px}.ada-landing .landing-layout>.phone-column .simulation-note{font-size:9px}}
/* Sales hierarchy: lead with the story, group controls, keep the phone independent. */
.ada-landing .landing-layout>.ada-frame{position:relative}
.ada-landing .landing-layout .workspace{padding:22px 36px 18px}
.ada-landing .intelligence-column{gap:18px}
.ada-landing .intro-copy{font-size:14px;line-height:1.55;max-width:760px}
.ada-landing .intro-copy strong{font-size:12px;color:#c7d6cc;font-weight:500}
.ada-landing .eyebrow{font-size:11px;letter-spacing:.3px}
.ada-landing .intelligence-box{padding:20px 22px 16px}
.ada-landing .box-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:20px;justify-content:flex-start}
.ada-landing .demo-label{font-size:9px;letter-spacing:.9px;padding:6px 8px;white-space:nowrap;border-radius:6px}
.ada-landing .story-tabs{display:flex;align-items:center;gap:4px;flex:1;flex-wrap:nowrap;order:1;margin:0;padding:0;border:0}
.ada-landing .story-tab{font-size:12px;padding:9px 10px;line-height:1.2;color:#c6d2c9;min-height:34px}
.ada-landing .tour-toggle{order:2;border:1px solid #9ee7b83d;background:#9ee7b810;border-radius:6px;font-size:10px;padding:7px 10px;min-height:32px;color:var(--accent)}
.ada-landing .story-kicker{font-size:10px;letter-spacing:1.3px;margin-bottom:7px}
.ada-landing .story-copy h2{font-size:30px;line-height:1.15;letter-spacing:-.8px;max-width:790px}
.ada-landing .story-copy p{font-size:17px;line-height:1.5;color:#c1cec5;max-width:790px;min-height:76px;margin-top:12px}
.ada-landing .decision-flow{margin:17px 0;gap:14px}
.ada-landing .decision strong{font-size:13px;font-weight:550}
.ada-landing .decision small{font-size:11px}
.ada-landing .decision span,.ada-landing .metric span{font-size:10px}
.ada-landing .metric strong{font-size:26px}
.ada-landing .metric small{font-size:9px}
.ada-landing .secondary-nav{flex-wrap:wrap;gap:8px;align-items:center}
.ada-landing .landing-layout>.phone-column .phone{--phone-h:min(720px,calc(100dvh - 95px))}
.ada-landing .landing-layout>.phone-column{gap:7px}
.ada-landing .bubble{font-size:13px;line-height:1.5}
.ada-landing .chat-header strong{font-size:14px}
.ada-landing .chat-header div>span{font-size:9px}
.ada-landing .phone-card h3{font-size:14px}
.ada-landing .phone-card p,.ada-landing .receipt-row{font-size:11px}
.ada-landing .phone-button,.ada-landing .form-submit{font-size:11px;min-height:35px}
.ada-landing .quote-form label{font-size:10px}
.ada-landing .quote-form input,.ada-landing .quote-form select{font-size:12px;min-height:33px}
.ada-landing .playback{max-width:350px}
.ada-landing .playback>span{font-size:8px;max-width:90px;text-align:center;line-height:1.35}
.ada-landing .ada-frame>.expert-widget{position:absolute;bottom:6px;right:12px;left:auto}
.ada-landing .landing-layout .footer-note{display:none}
@media(min-width:801px) and (max-height:850px){
 .ada-landing .landing-layout .workspace{padding:16px 30px 14px}
 .ada-landing .intelligence-column{gap:12px}
 .ada-landing h1{font-size:35px;margin:8px 0 10px}
 .ada-landing h1>span{font-size:.68em;margin-top:5px}
 .ada-landing .wide-break{display:none}
 .ada-landing .intro-copy{font-size:13px;line-height:1.5}
 .ada-landing .intro-copy br{display:none}
 .ada-landing .intro-copy strong{font-size:11px;margin-left:4px}
 .ada-landing .intelligence-box{padding:15px 18px 12px}
 .ada-landing .box-heading{margin-bottom:15px;gap:6px;flex-wrap:nowrap}
 .ada-landing .demo-label{font-size:8px;padding:5px 6px;letter-spacing:.5px}
 .ada-landing .story-tab{font-size:11px;padding:8px;min-height:32px}
 .ada-landing .story-copy h2{font-size:27px;line-height:1.15}
 .ada-landing .story-copy p{font-size:16px;line-height:1.5;min-height:72px;margin-top:10px}
 .ada-landing .story-kicker{font-size:9px}
 .ada-landing .decision-flow{margin:13px 0}
 .ada-landing .decision small{display:none}
 .ada-landing .decision strong{font-size:12px}
 .ada-landing .decision span{font-size:9px}
 .ada-landing .metrics{padding-top:10px}
 .ada-landing .metric strong{font-size:24px}
 .ada-landing .box-bottom{margin-top:10px}
 .ada-landing .phone-stage-label{display:none}
}
@media(min-width:801px) and (max-height:650px){
 .ada-landing .landing-layout .workspace{padding:10px 24px}
 .ada-landing h1{font-size:29px;margin:5px 0 7px}
 .ada-landing .intro-copy{font-size:11px}
 .ada-landing .intro-copy strong{font-size:10px}
 .ada-landing .intelligence-column{gap:9px}
 .ada-landing .intelligence-box{padding:12px 14px 9px}
 .ada-landing .box-heading{margin-bottom:10px;gap:5px}
 .ada-landing .story-tab{font-size:10px;padding:7px 5px}
 .ada-landing .tour-toggle{font-size:9px;padding:5px 7px}
 .ada-landing .demo-label{font-size:7px;padding:5px;letter-spacing:.3px}
 .ada-landing .story-copy h2{font-size:24px}
 .ada-landing .story-copy p{font-size:16px;line-height:1.45;min-height:70px;margin-top:7px}
 .ada-landing .decision-flow{margin:9px 0}
 .ada-landing .metric strong{font-size:22px}
 .ada-landing .metric span{font-size:9px}
 .ada-landing .metric small{font-size:8px}
 .ada-landing .box-bottom{margin-top:7px}
 .ada-landing .secondary-nav .small-link{font-size:9px;padding:5px 8px}
}
@media(min-width:801px) and (max-width:1100px){
 .ada-landing .landing-layout{grid-template-columns:minmax(0,1fr) minmax(270px,31%);gap:22px}
 .ada-landing .story-tabs{gap:1px}
 .ada-landing .story-tab{padding-left:5px;padding-right:5px}
 .ada-landing .box-heading{gap:4px}
 .ada-landing .demo-label{font-size:7px;max-width:105px;white-space:normal;line-height:1.3}
 .ada-landing .secondary-nav{gap:6px}
}
@media(min-width:801px) and (max-height:850px){
 .ada-landing .landing-layout .workspace{padding-top:10px;padding-bottom:6px}
 .ada-landing h1{font-size:33px;margin-top:5px;margin-bottom:7px}
 .ada-landing .intro-copy{font-size:13px}
 .ada-landing .intelligence-column{gap:10px}
 .ada-landing .story-kicker{display:none}
 .ada-landing .box-heading{margin-bottom:10px}
 .ada-landing .story-copy p{min-height:48px}
 .ada-landing .decision-flow{margin:8px 0}
 .ada-landing .metric small{display:none}
 .ada-landing .box-bottom{margin-top:7px}
 .ada-landing .intelligence-box{padding-top:13px;padding-bottom:10px}
}
@media(min-width:801px) and (max-height:650px){
 .ada-landing h1{font-size:28px;margin:4px 0 6px}
 .ada-landing .intro-copy{font-size:11px}
 .ada-landing .intelligence-column{gap:8px}
 .ada-landing .story-copy h2{font-size:23px}
 .ada-landing .story-copy p{min-height:47px;font-size:16px;margin-top:7px}
 .ada-landing .intelligence-box{padding:10px 12px 8px}
 .ada-landing .box-heading{margin-bottom:8px}
 .ada-landing .decision-flow{margin:7px 0}
 .ada-landing .metrics{padding-top:8px}
 .ada-landing .box-bottom{margin-top:5px}
}
@media(max-width:800px){
 .ada-landing .landing-layout .workspace{padding:24px 19px}
 .ada-landing .intro-copy{font-size:14px}
 .ada-landing .intro-copy strong{font-size:12px;display:block;margin-top:6px}
 .ada-landing .intelligence-box{padding:17px 15px}
 .ada-landing .box-heading{flex-wrap:wrap;gap:9px;margin-bottom:18px}
 .ada-landing .demo-label{font-size:8px;padding:6px}
 .ada-landing .tour-toggle{order:0;margin-left:auto;font-size:11px}
 .ada-landing .story-tabs{order:1;flex-basis:100%;gap:4px}
 .ada-landing .story-tab{font-size:11px;padding:9px 7px;min-height:36px;flex:1}
 .ada-landing .story-copy h2{font-size:29px}
 .ada-landing .story-copy p{font-size:16px;line-height:1.5;min-height:0;margin-top:12px}
 .ada-landing .decision-flow{margin:20px 0;gap:10px}
 .ada-landing .decision strong{font-size:12px}
 .ada-landing .decision small{font-size:10px}
 .ada-landing .metric strong{font-size:24px}
 .ada-landing .secondary-nav{gap:7px}
 .ada-landing .ada-frame>.expert-widget{position:fixed;bottom:13px;right:15px}
 .ada-landing .landing-layout>.phone-column .phone{--phone-h:min(700px,calc((100vw - 40px) / .493))}
 .ada-landing .quote-form input,.ada-landing .quote-form select,.ada-landing .composer input{font-size:16px}
 .ada-landing .phone-button,.ada-landing .form-submit{font-size:13px;min-height:39px}
 .ada-landing .bubble{font-size:14px}
}
/* One clear example frame and a quieter evidence row leave the story in the lead. */
.ada-landing .example-context{font-size:13px;line-height:1.5;color:#9faf9f;margin:0 0 10px}
.ada-landing .example-context strong{color:var(--accent);font-weight:600}
.ada-landing .decision small{display:none}
@media(min-width:801px){
 .ada-landing .decision-flow{margin:12px 0;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:15px}
 .ada-landing .decision{display:flex;align-items:baseline;gap:6px;border:0;padding:0;min-width:0}
 .ada-landing .decision span{font-size:8px;letter-spacing:.5px;margin:0;flex-shrink:0;color:#7d9383}
 .ada-landing .decision strong{font-size:11px;line-height:1.4;font-weight:500;color:#b0c0b4}
 .ada-landing .decision.current strong{color:var(--accent)}
 .ada-landing .metrics{border-top:0;padding-top:0}
}
@media(min-width:801px) and (max-height:650px){
 .ada-landing .example-context{font-size:12px;margin-bottom:10px}
 .ada-landing .decision-flow{margin:9px 0;padding:8px 0;gap:10px}
 .ada-landing .decision{gap:4px}
 .ada-landing .decision span{font-size:7px}
 .ada-landing .decision strong{font-size:10px}
}
@media(max-width:800px){
 .ada-landing .example-context{font-size:13px;margin-bottom:16px}
 .ada-landing .decision-flow{margin:15px 0}
}
@media(prefers-reduced-motion:no-preference){.ada-landing .bubble,.ada-landing .phone-card{animation:ada-arrive .2s ease-out}@keyframes ada-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

/* Device detail stays within the phone; business controls retain ADA's visual language. */
.ada-landing .phone{padding:6px;border-radius:41px;border-color:#686e6a;background:linear-gradient(120deg,#858b86 0,#292d2a 5%,#111512 48%,#606860 100%);box-shadow:0 0 0 1px #111713,0 0 0 3px #2a302b,0 22px 60px #0009,inset 0 0 0 1px #a1aaa044}
.ada-landing .phone::before{content:"";position:absolute;left:-4px;top:102px;width:3px;height:31px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#626963,#1f2521);box-shadow:0 42px #3a413b}
.ada-landing .phone::after{content:"";position:absolute;right:-4px;top:145px;width:3px;height:49px;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#1f2521,#626963)}
.ada-landing .phone-screen{position:relative;isolation:isolate;border-radius:35px;background:#efeae2;color:#111b21;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}
.ada-landing .statusbar,.ada-landing .status-bar{height:43px;padding:0 18px 0 21px;background:#f7f7f5;color:#111;position:relative;z-index:25;letter-spacing:-.25px;font-size:11px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;font-weight:650}
.ada-landing .status-icons{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:650}
.ada-landing .status-icons svg{display:block;width:13px;height:12px;flex:none}
.ada-landing .status-icons .battery-svg{width:24px;height:12px}
.ada-landing .dynamic-island{width:58px;height:18px;top:9px;background:#080909;border:1px solid #000;border-radius:20px;box-shadow:inset 0 0 0 1px #151817;z-index:2;transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1)}
.ada-landing .dynamic-island::after{content:"";position:absolute;right:7px;top:5px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#263a45,#0b1014 70%);box-shadow:0 0 0 1px #10191c}
.ada-landing .chat-header{min-height:48px;padding:5px 10px 8px 7px;gap:6px;background:#f7f7f5ed;border-bottom:1px solid #00000013;backdrop-filter:blur(18px);position:relative;z-index:12}
.ada-landing .phone-back{border:0;background:none;color:#007aff;padding:5px 0;width:15px;flex:none;display:grid;place-items:center}
.ada-landing .phone-back svg{width:13px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ada-landing .chat-avatar{width:31px;height:31px;border:0;box-shadow:0 0 0 .5px #0002}
.ada-landing .chat-header strong{font-size:13px;font-weight:650;letter-spacing:-.15px;line-height:1.25;color:#111b21}
.ada-landing .chat-header div>span{font-size:9px;color:#667781;line-height:1.3;margin-top:1px}
.ada-landing .header-actions{margin-left:auto;display:flex;align-items:center;gap:9px;color:#007aff}
.ada-landing .header-actions button{width:20px;height:30px;padding:0;border:0;background:none;color:inherit;display:grid;place-items:center}
.ada-landing .header-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ada-landing .chat-history{background-color:#efeae2;background-image:radial-gradient(#7e867a0d .8px,transparent .8px);background-size:11px 11px;padding:12px 8px;gap:7px;scrollbar-width:none;scroll-behavior:smooth}
.ada-landing .chat-history::-webkit-scrollbar{display:none}
.ada-landing .chat-date{font-size:8px;letter-spacing:.1px;color:#54656f;background:#ffffffd9;padding:4px 9px;border-radius:7px;box-shadow:0 1px 2px #0000000b}
.ada-landing .bubble{background:#fff;border-radius:3px 10px 10px 10px;padding:7px 9px 4px;color:#111b21;font-size:12px;line-height:1.42;box-shadow:0 1px .5px #0b141a17;max-width:91%}
.ada-landing .bubble.customer{background:#d9fdd3;border-radius:10px 3px 10px 10px}
.ada-landing .message-time{font-size:7px;color:#667781;margin-top:3px;line-height:1.25;min-height:9px}
.ada-landing .message-time .message-ticks{color:#53bdeb;margin-left:3px;font-size:10px;letter-spacing:-4px;padding-right:3px;font-weight:700}
.ada-landing .typing{background:#fff;border-radius:3px 12px 12px 12px;box-shadow:0 1px .5px #0b141a17;padding:9px 12px;font-style:normal;font-size:9px;color:#667781;display:flex;gap:3px;align-items:center;min-height:29px}
.ada-landing .typing-dots{display:inline-flex;gap:3px;margin-right:4px}
.ada-landing .typing-dots i{width:4px;height:4px;border-radius:50%;background:#9aa4a9;animation:ada-typing 1.2s ease-in-out infinite}
.ada-landing .typing-dots i:nth-child(2){animation-delay:.13s}.ada-landing .typing-dots i:nth-child(3){animation-delay:.26s}
.ada-landing .phone-card{border:0;border-radius:12px;padding:11px;background:#fff;box-shadow:0 1px 2px #0b141a1a;color:#111b21}
.ada-landing .phone-card .card-label{font-size:7px;letter-spacing:.7px;color:#667781;font-weight:600}
.ada-landing .phone-card h3{color:#111b21;font-size:13px;font-weight:650;letter-spacing:-.15px}
.ada-landing .phone-card p{font-size:10px;line-height:1.5;color:#667781}
.ada-landing .phone-card .price{color:#111b21;font-size:25px;font-weight:700;letter-spacing:-.9px;margin:5px 0}
.ada-landing .phone-card .price small{font-size:8px;color:#667781}
.ada-landing .receipt-row{font-size:10px;color:#54656f}.ada-landing .receipt-row.total{font-size:12px;color:#111b21;border-color:#e9edef}
.ada-landing .quote-form label{font-size:10px;color:#54656f}
.ada-landing .quote-form input,.ada-landing .quote-form select{border:1px solid #d6dade;background:#f6f7f8;color:#111b21;border-radius:8px;font-size:12px;padding:7px 6px;min-height:34px;outline-offset:1px}
.ada-landing .phone-actions{padding:7px 8px;background:#f7f7f5eb;border-top:1px solid #00000008;gap:6px;max-height:132px;backdrop-filter:blur(18px)}
.ada-landing .phone-button{border:0;border-radius:10px;background:#e7edf3;color:#007aff;min-height:36px;padding:8px;font-size:11px;font-weight:550;box-shadow:inset 0 0 0 .5px #007aff10;transition:transform .14s ease,background .14s ease,filter .14s ease}
.ada-landing .phone-button.primary,.ada-landing .form-submit{background:#007aff;color:#fff;border:0;border-radius:10px;box-shadow:0 1px 2px #007aff20;font-weight:600}
.ada-landing .phone-button:active,.ada-landing .phone-button.is-pressed,.ada-landing .form-submit:active,.ada-landing .payment-confirm:active,.ada-landing .payment-confirm.is-pressed{transform:scale(.96);filter:brightness(.92)}
.ada-landing .phone-button:hover{filter:brightness(.98)}
.ada-landing .composer{gap:6px;padding:5px 8px 3px;background:#f7f7f5}
.ada-landing .composer input{border:1px solid #d4d8da;background:#fff;color:#111b21;font-size:10px;padding:8px 10px;border-radius:19px;min-height:32px}
.ada-landing .composer button{width:31px;height:31px;flex:none;border:0;border-radius:50%;background:#007aff;color:white;display:grid;place-items:center;padding:7px;font-size:0}
.ada-landing .composer button svg{width:17px;height:17px;fill:currentColor}
.ada-landing .phone-home{height:19px;background:#f7f7f5;padding:8px 0 0;position:relative;z-index:25;border:0;width:100%;line-height:0}
.ada-landing .phone-home span{display:block;width:92px;height:4px;border-radius:5px;background:#101214}
.ada-landing .phone-touch{position:absolute;pointer-events:none;z-index:100;width:34px;height:34px;border-radius:50%;margin:-17px 0 0 -17px;border:1.5px solid #007aff8c;background:#007aff16;box-shadow:0 0 0 5px #007aff08;animation:ada-touch .55s ease-out forwards}
/* A banner overlays the conversation rather than moving its content. */
.ada-landing .phone-notification{position:absolute;z-index:45;left:7px;right:7px;top:42px;display:flex;align-items:flex-start;gap:7px;padding:11px 9px;border-radius:18px;border:1px solid #ffffff9c;background:#f6f7f9ed;color:#101419;box-shadow:0 5px 20px #16211d2e;backdrop-filter:blur(24px) saturate(1.5);text-align:left;animation:ada-notify-in .45s cubic-bezier(.2,.8,.2,1)}
.ada-landing .notification-icon{width:30px;height:30px;flex:none;border-radius:8px;background:linear-gradient(#5beb76,#13be45);color:white;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #00000005}
.ada-landing .notification-icon svg{width:23px;height:23px;fill:currentColor}
.ada-landing .notification-copy{min-width:0;flex:1;font-size:11px;line-height:1.32;color:#1c2025}
.ada-landing .notification-copy strong{display:block;font-size:11px;font-weight:700;margin:0 0 2px;letter-spacing:-.15px}
.ada-landing .notification-copy p{font-size:10px;line-height:1.35;color:#3e444a;margin:0}
.ada-landing .notification-time{font-size:8px;color:#7c8288;white-space:nowrap;font-weight:400;float:right;margin-left:5px}
.ada-landing .notification-dismiss{border:0;background:#d9dde266;color:#737a83;display:grid;place-items:center;border-radius:50%;width:16px;height:16px;flex:none;padding:0;font-size:12px}
/* The payment drawer is visual only; confirmation is a deliberate second step. */
.ada-landing .payment-overlay{position:absolute;inset:0;z-index:60;background:#0b101450;display:flex;align-items:flex-end;backdrop-filter:blur(3px);animation:ada-overlay-in .25s ease-out}
.ada-landing .payment-sheet{width:100%;max-height:calc(100% - 45px);overflow-y:auto;background:#f5f5f7;border:1px solid #ffffffb3;border-bottom:0;border-radius:24px 24px 0 0;padding:8px 14px 24px;color:#1d1d1f;box-shadow:0 -10px 32px #00000018;animation:ada-sheet-in .45s cubic-bezier(.22,1,.36,1);scrollbar-width:none}
.ada-landing .payment-handle{width:30px;height:4px;border-radius:5px;background:#c7c7cc;margin:0 auto 12px}
.ada-landing .payment-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;font-weight:650;letter-spacing:-.4px;margin-bottom:18px}
.ada-landing .payment-heading svg{width:19px;height:19px}
.ada-landing .payment-merchant{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:500;color:#6e6e73;text-align:left}
.ada-landing .payment-amount{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:650;text-align:center;margin:4px 0 17px;font-variant-numeric:tabular-nums}
.ada-landing .payment-amount small{font-size:11px;letter-spacing:0;color:#6e6e73;font-weight:450}
.ada-landing .payment-method{display:flex;gap:9px;align-items:center;background:#fff;border-radius:13px;padding:11px;margin-bottom:13px;font-size:11px;color:#1d1d1f;border:1px solid #00000005}
.ada-landing .payment-method svg{width:34px;height:23px;flex:none}
.ada-landing .payment-method strong{font-size:11px;display:block;font-weight:600}
.ada-landing .payment-method small{font-size:9px;display:block;color:#6e6e73;margin-top:2px}
.ada-landing .payment-auth{min-height:103px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:8px 0 12px}
.ada-landing .face-id-mark{width:44px;height:44px;color:#007aff;position:relative;display:block}
.ada-landing .face-id-mark svg{width:100%;height:100%;display:block}
.ada-landing .face-id-scan{opacity:0;pointer-events:none;stroke-linecap:round;filter:drop-shadow(0 0 2px #007aff80)}
.ada-landing .face-id-check{display:none;color:#23a652;width:44px;height:44px}
.ada-landing .payment-auth-label{font-size:12px;font-weight:600;letter-spacing:-.15px}
.ada-landing .payment-auth-note{font-size:9px;line-height:1.4;color:#86868b;max-width:190px}
.ada-landing .payment-confirm{display:block;width:100%;border:0;border-radius:14px;background:#111113;color:#fff;min-height:41px;padding:11px 9px;font-size:12px;font-weight:600;transition:transform .14s,filter .14s}
.ada-landing .payment-cancel{display:block;border:0;background:none;color:#007aff;font-size:11px;padding:10px;margin:2px auto 0}
.ada-landing .payment-disclaimer{font-size:8px;line-height:1.4;color:#86868b;text-align:center;margin:3px auto 0;max-width:220px}
.ada-landing .payment-overlay[data-state="authenticating"] .face-id-mark{animation:ada-face-scan 1s ease-in-out infinite}
.ada-landing .payment-overlay[data-state="authenticating"] .face-id-scan{opacity:1;animation:ada-face-ring 1s ease-in-out infinite}
.ada-landing .payment-overlay[data-state="authenticating"] .payment-confirm{background:#86868b}
.ada-landing .payment-overlay[data-state="success"] .face-id-mark{display:none}
.ada-landing .payment-overlay[data-state="success"] .face-id-check{display:block;animation:ada-paid .35s cubic-bezier(.2,1.6,.4,1)}
.ada-landing .payment-overlay[data-state="success"] .payment-auth-label{color:#248a3d}
/* A completed scene rests on a lock screen; its next story arrives as a notification. */
.ada-landing .phone-lock{position:absolute;inset:0;z-index:40;padding:49px 13px 24px;display:flex;flex-direction:column;align-items:center;color:white;background:radial-gradient(ellipse at 100% 8%,#80c9ba 0,transparent 49%),radial-gradient(ellipse at 5% 91%,#0e857f 0,transparent 48%),linear-gradient(155deg,#173d45 8%,#426e68 38%,#102e38 66%,#061a28 100%);overflow:hidden;animation:ada-lock-in .45s ease-out}
.ada-landing .phone-lock::before{content:"";position:absolute;width:128%;height:72%;left:9%;top:35%;border:1px solid #c4ffef47;border-radius:48%;transform:rotate(-37deg);box-shadow:inset 15px 0 50px #94f7d632,0 0 40px #123e3e4d;pointer-events:none}
.ada-landing .phone-lock>*{position:relative;z-index:1}
.ada-landing .lock-icon{width:15px;height:18px;margin-bottom:9px;color:#ffffffe0}
.ada-landing .lock-icon svg{width:100%;height:100%}
.ada-landing .lock-date{font-size:12px;font-weight:550;letter-spacing:.05px;line-height:1.3}
.ada-landing .lock-time{font-size:67px;line-height:1.08;font-weight:550;letter-spacing:-4px;font-variant-numeric:tabular-nums;color:#e5fff7;text-shadow:0 2px 20px #123d3b22;margin-top:1px}
.ada-landing .lock-notification{width:100%;display:flex;gap:8px;align-items:flex-start;margin-top:28px;padding:12px 10px;border-radius:20px;border:1px solid #ffffff9c;background:#f5f9f5c9;color:#101419;text-align:left;box-shadow:0 5px 25px #071c2436;backdrop-filter:blur(25px) saturate(1.7);cursor:pointer;animation:ada-notify-in .5s cubic-bezier(.2,.8,.2,1)}
.ada-landing .lock-notification .notification-copy{font-size:11px}
.ada-landing .lock-notification .notification-copy p{font-size:10px}
.ada-landing .lock-hint{font-size:9px;font-weight:450;color:#effff3c9;line-height:1.4;text-align:center;margin-top:12px;max-width:210px}
.ada-landing .unlock-phone{border:0;border-radius:14px;color:white;background:#ffffff16;padding:8px 14px;font-size:10px;margin-top:14px;box-shadow:inset 0 0 0 1px #ffffff26;backdrop-filter:blur(12px)}
.ada-landing .lock-shortcuts{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 9px 7px;margin-top:auto}
.ada-landing .lock-shortcuts button,.ada-landing .lock-shortcuts>span,.ada-landing .lock-shortcut{width:35px;height:35px;border-radius:50%;background:#0a27387a;color:white;border:1px solid #ffffff12;display:grid;place-items:center;backdrop-filter:blur(16px)}
.ada-landing .lock-shortcuts svg{width:17px;height:17px}
.ada-landing .phone-screen.is-locked .statusbar,.ada-landing .phone-screen.is-locked .status-bar{z-index:50;background:transparent;color:white}
.ada-landing .phone-screen.is-locked .phone-home{z-index:50;background:transparent}
.ada-landing .phone-screen.is-locked .phone-home span{background:#f5fff9}
@keyframes ada-touch{0%{transform:scale(.55);opacity:1}100%{transform:scale(1.65);opacity:0}}
@keyframes ada-typing{0%,65%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@keyframes ada-notify-in{from{opacity:0;transform:translateY(-22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ada-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes ada-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes ada-face-scan{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.06);opacity:1}}
@keyframes ada-face-ring{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(31px);opacity:.9}}
@keyframes ada-paid{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes ada-lock-in{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
@keyframes sabri-photo-breathe{0%,100%{transform:scale(1);filter:saturate(1) brightness(1);box-shadow:0 0 14px #9ee7b829}42%{transform:scale(1.08);filter:saturate(1.08) brightness(1.06);box-shadow:0 0 0 5px #9ee7b81a,0 0 24px #9ee7b852}62%{transform:scale(1.025);filter:saturate(1.03) brightness(1.02);box-shadow:0 0 0 2px #9ee7b81f,0 0 18px #9ee7b838}}
.ada-landing .expert-img{animation:sabri-photo-breathe 3.2s ease-in-out infinite;will-change:transform,box-shadow,filter}
@media(max-width:800px){
 .ada-landing .statusbar,.ada-landing .status-bar{height:48px;font-size:12px;padding-left:24px;padding-right:20px}
 .ada-landing .dynamic-island{top:11px;width:65px;height:20px}
 .ada-landing .chat-header{min-height:55px;padding-top:6px;padding-bottom:9px;gap:8px}
 .ada-landing .chat-header strong{font-size:15px}.ada-landing .chat-header div>span{font-size:10px}
 .ada-landing .chat-avatar{width:35px;height:35px}.ada-landing .header-actions{gap:13px}
 .ada-landing .bubble{font-size:14px;padding:9px 11px 5px}.ada-landing .message-time{font-size:8px}
 .ada-landing .phone-card h3{font-size:15px}.ada-landing .phone-card p{font-size:11px}
 .ada-landing .quote-form input,.ada-landing .quote-form select,.ada-landing .composer input{font-size:16px}
 .ada-landing .phone-button,.ada-landing .form-submit{font-size:12px;min-height:40px}
 .ada-landing .phone-notification{top:48px;padding:12px}.ada-landing .notification-copy strong{font-size:12px}.ada-landing .notification-copy p{font-size:11px}
 .ada-landing .payment-sheet{padding:9px 18px 27px}.ada-landing .payment-heading{font-size:19px}.ada-landing .payment-amount{font-size:35px}
 .ada-landing .payment-method{padding:13px}.ada-landing .payment-method strong{font-size:13px}.ada-landing .payment-method small{font-size:10px}
 .ada-landing .payment-auth{min-height:120px}.ada-landing .face-id-mark,.ada-landing .face-id-check{width:51px;height:51px}
 .ada-landing .payment-confirm{min-height:46px;font-size:14px}.ada-landing .payment-cancel{font-size:13px}
 .ada-landing .phone-lock{padding-top:60px}.ada-landing .lock-date{font-size:14px}.ada-landing .lock-time{font-size:79px}
 .ada-landing .lock-notification{padding:14px 12px;margin-top:34px}.ada-landing .lock-notification .notification-copy strong{font-size:13px}.ada-landing .lock-notification .notification-copy p{font-size:12px}
 .ada-landing .notification-icon{width:33px;height:33px}.ada-landing .lock-shortcuts button,.ada-landing .lock-shortcuts>span,.ada-landing .lock-shortcut{width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){
 .ada-landing .expert-img,.ada-landing .bubble,.ada-landing .phone-card,.ada-landing .phone-notification,.ada-landing .phone-lock,.ada-landing .lock-notification,.ada-landing .payment-overlay,.ada-landing .payment-sheet,.ada-landing .face-id-mark,.ada-landing .face-id-scan,.ada-landing .face-id-check,.ada-landing .typing-dots i,.ada-landing .phone-touch{animation:none!important;transform:none}
 .ada-landing .chat-history{scroll-behavior:auto}.ada-landing .phone-button,.ada-landing .dynamic-island,.ada-landing .payment-confirm{transition:none}
}

/* Match the device overlays' semantic controls without native button chrome. */
.ada-landing .notification-open{border:0;background:transparent;color:inherit;padding:0;display:flex;align-items:flex-start;gap:7px;flex:1;min-width:0;text-align:left;font:inherit;cursor:pointer}
.ada-landing .notification-copy>span{display:block;font-size:10px;line-height:1.35;color:#3e444a}
.ada-landing .notification-copy>b{display:block;font-size:11px;font-weight:650;margin-bottom:1px}
.ada-landing .notification-copy strong .notification-time{display:inline;float:right;font-size:8px;font-weight:400;line-height:1.4;color:#737980;letter-spacing:0}
.ada-landing .payment-heading .payment-cancel{margin:0;padding:4px;font-size:11px;font-weight:400}
.ada-landing .payment-merchant img{width:32px;height:32px;flex:none;object-fit:cover;border-radius:9px;box-shadow:0 0 0 1px #00000009}
.ada-landing .payment-merchant strong{display:block;font-size:12px;font-weight:600;color:#1d1d1f;line-height:1.3}
.ada-landing .payment-merchant span{display:block;font-size:10px;color:#6e6e73;line-height:1.35;margin-top:1px}
.ada-landing .payment-method>span:first-child{display:grid;place-items:center;flex:none;width:34px;height:23px;background:linear-gradient(135deg,#171b24,#495366);color:#d7e5f7;border-radius:4px;font-size:18px;line-height:1}
.ada-landing .payment-method>span:last-child{margin-left:auto;color:#8e8e93;font-size:20px;line-height:1}
.ada-landing .dynamic-island #islandStatus{position:absolute;left:9px;top:6px;width:4px;height:4px;border-radius:50%;background:#3bdf85;opacity:0;transition:opacity .2s}
.ada-landing .dynamic-island.is-active{width:64px}
.ada-landing .dynamic-island.is-active #islandStatus{opacity:1;box-shadow:0 0 4px #3bdf8580}
@media(max-width:800px){.ada-landing .notification-copy>span{font-size:11px}.ada-landing .lock-notification .notification-copy>b{font-size:12px}.ada-landing .lock-notification .notification-copy>span{font-size:12px}.ada-landing .payment-heading .payment-cancel{font-size:12px}}

/* Camilo's story carries the sales message; highlighted words guide the scan. */
.ada-landing .story-copy h2 mark,.ada-landing .story-copy p mark{background:transparent;color:var(--accent);font:inherit;padding:0}
.ada-landing .story-copy p{font-size:19px;line-height:1.45;min-height:0;color:#d0dad3}
.ada-landing .story-copy h2{font-weight:650}
.ada-landing .story-kicker{display:block;font-size:10px;line-height:1.3;color:#9cbea8;font-weight:650;letter-spacing:1px;margin-bottom:6px}
.ada-landing .location-preview{background:#e5eddf;border:1px solid #e1e6de;border-radius:9px;overflow:hidden;margin:8px 0 6px}
.ada-landing .location-preview svg{display:block;width:100%;height:72px}
.ada-landing .location-distance{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px;line-height:1.35;color:#667781;margin-top:5px}
.ada-landing .location-distance strong{font-size:10px;color:#177f54;font-weight:600;white-space:nowrap}
@media(min-width:801px) and (max-height:740px){
 .ada-landing .story-copy p{font-size:18px;line-height:1.42;margin-top:9px}
 .ada-landing .story-kicker{font-size:9px;margin-bottom:5px}
 .ada-landing .story-copy h2{font-size:27px;line-height:1.15}
}
@media(min-width:801px) and (max-height:650px){
 .ada-landing .story-copy p{font-size:18px;line-height:1.4;margin-top:7px}
 .ada-landing .story-copy h2{font-size:24px;line-height:1.15}
 .ada-landing .story-kicker{font-size:8px;margin-bottom:4px}
}
@media(max-width:800px){.ada-landing .story-copy p{font-size:18px;line-height:1.5}.ada-landing .story-kicker{font-size:10px;margin-bottom:8px}.ada-landing .location-distance,.ada-landing .location-distance strong{font-size:11px}}

/* Keep the larger story type above the fixed footer on compact desktop heights. */
@media(min-width:801px) and (max-height:740px){
 .ada-landing .landing-layout .workspace{padding-top:8px;padding-bottom:2px}
 .ada-landing .intelligence-column{gap:8px}
 .ada-landing .intelligence-box{padding:8px 17px}
 .ada-landing .example-context{margin-bottom:6px}
 .ada-landing .box-heading{margin-bottom:5px}
 .ada-landing .story-tab{min-height:28px;padding-top:6px;padding-bottom:6px}
 .ada-landing .tour-toggle{min-height:28px;padding-top:5px;padding-bottom:5px}
 .ada-landing .story-copy p{margin-top:7px;line-height:1.4}
 .ada-landing .decision-flow{margin:8px 0;padding:6px 0}
 .ada-landing .metric strong{font-size:22px;line-height:1.25}
 .ada-landing .box-bottom{margin-top:5px}
 .ada-landing .demand-toggle{padding-top:4px;padding-bottom:4px}
 .ada-landing .secondary-nav .small-link{padding-top:5px;padding-bottom:5px}
}
@media(min-width:801px) and (max-height:650px){
 .ada-landing .landing-layout .workspace{padding-top:5px;padding-bottom:1px}
 .ada-landing .intelligence-column{gap:6px}
 .ada-landing .intelligence-box{padding:7px 12px 6px}
 .ada-landing .example-context{font-size:12px;line-height:1.4;margin-bottom:5px}
 .ada-landing .box-heading{margin-bottom:4px}
 .ada-landing .story-copy p{font-size:18px;line-height:1.35;margin-top:6px}
 .ada-landing .story-copy h2{font-size:24px;line-height:1.13}
 .ada-landing .decision-flow{margin:7px 0;padding:5px 0}
 .ada-landing .metric strong{font-size:20px;line-height:1.25}
 .ada-landing .box-bottom{margin-top:4px}
 .ada-landing .secondary-nav .small-link{font-size:9px;padding:4px 8px}
}