/* AI Group Call — the app's monochrome palette, system type and soft geometry. */
:root{--ink:#171719;--dim:#737376;--paper:#fff;--surface:#f5f5f6;--line:#e6e6e8;--font:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{display:block}img{max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:normal}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #757575;outline-offset:5px}::selection{background:#dcdcdf;color:#111}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.icon{width:22px;height:22px;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;background:#111;color:white;padding:12px 20px;z-index:100;transform:translateY(-150%);border-radius:99px}.skip-link:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#171719;color:#fff;border-radius:100px;padding:16px 25px;font-weight:600;font-size:15px;transition:transform .2s,background .2s}.button:hover{background:#38383b;transform:translateY(-2px)}.button.small{font-size:13px;padding:11px 19px;gap:16px}.button.small .icon{width:17px;height:17px}.round{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#eee;flex-shrink:0}.round .icon{width:22px;height:22px}.round.white{background:white;color:#111;box-shadow:0 2px 4px #00000004}.round.white .icon{fill:currentColor;stroke-width:1}.site-header{position:relative;z-index:20;background:#ffffffee;border-bottom:1px solid #f0f0f1}.nav{height:88px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;font-weight:650;white-space:nowrap}.brand img{border-radius:12px;flex-shrink:0}.nav-links{display:flex;gap:30px;margin-left:auto;margin-right:26px;font-size:13px;color:#646467}.nav-links a:hover{color:#111}.menu-toggle{display:none}.mobile-nav{padding:12px 24px 24px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:12px 0;font-size:16px}
.hero{padding-top:70px}.hero-copy{text-align:center;position:relative;z-index:2}.intro-pill{display:inline-flex;align-items:center;gap:9px;background:#f4f4f5;border:1px solid #ececee;border-radius:100px;padding:7px 13px;font-size:12px;font-weight:500;color:#626265}.tiny-wave{display:flex;height:16px;gap:2px;align-items:center}.tiny-wave i{width:2px;height:6px;background:#666;border-radius:5px}.tiny-wave i:nth-child(2){height:13px}.tiny-wave i:nth-child(3){height:9px}.hero h1{font-size:clamp(64px,7.2vw,94px);line-height:1.04;font-weight:750;margin:24px auto 22px;max-width:800px}.highlight{position:relative;display:inline-block;z-index:0;padding:0 .1em}.highlight:before{content:"";position:absolute;inset:3px -3px -1px;background:#ececee;border-radius:18px;transform:rotate(-5deg);z-index:-1}.hero-copy>p:not(.free-note){font-size:20px;line-height:1.55;color:#737376}.store-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:29px}.store-button{display:flex;align-items:center;justify-content:center;gap:11px;background:#18181a;color:white;border:1px solid #18181a;border-radius:100px;padding:10px 23px;text-align:left;min-width:173px;transition:transform .2s,background .2s}.store-button:hover{transform:translateY(-3px);background:#333}.store-button:nth-child(2){background:#fff;color:#171719;border-color:#ddd}.store-button:nth-child(2):hover{background:#f3f3f5}.badge-ico{width:26px;height:26px;flex-shrink:0}.badge-txt{display:flex;flex-direction:column}.badge-txt small{font-size:9px;line-height:1.3;font-weight:400}.badge-txt>span{font-size:17px;font-weight:600;line-height:1.4}.free-note{font-size:12px;color:#7b7b7e;margin-top:15px}
.experience{height:746px;position:relative;margin-top:40px;isolation:isolate;scroll-margin-top:25px}.experience:before{content:"";position:absolute;left:50%;top:111px;transform:translateX(-50%);width:100%;height:555px;border-radius:80px;background:linear-gradient(180deg,#f7f7f8,#eeeeef);z-index:-2}.demo-switch{display:flex;background:#ededee;padding:4px;border-radius:99px;width:max-content;margin:0 auto 22px;position:relative;z-index:3}.demo-switch button{background:none;border-radius:99px;padding:9px 19px;color:#727275;font-size:12px;font-weight:600;min-width:100px}.demo-switch button[aria-selected=true]{background:white;color:#161618;box-shadow:0 2px 7px #0000000d}.phone-shell{position:absolute;top:72px;left:50%;transform:translateX(-50%) rotate(0deg);width:300px;height:625px;padding:7px;border-radius:48px;background:linear-gradient(135deg,#57575a,#1d1d1f 20%,#5b5b5d 70%,#1b1b1c);box-shadow:0 32px 50px -15px #1717193b,0 0 0 1px #8a8a8d,inset 0 0 0 2px #161618;z-index:2}.phone-screen{height:100%;border-radius:40px;background:#141414;color:#f5f5f7;position:relative;overflow:hidden;padding:0 12px 30px;display:flex;flex-direction:column}.statusbar{height:48px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:12px;font-weight:650;flex-shrink:0}.island{width:89px;height:23px;position:absolute;top:10px;left:50%;transform:translateX(-50%);background:#000;border-radius:100px}.status-icons{display:flex;gap:3px}.status-icons .icon{width:16px;height:16px}.call-header{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:8px 0 16px;font-size:12px;flex-shrink:0}.call-header>.call-chevron,.call-header>span:last-child{width:28px;height:28px;background:#222;border:1px solid #333;border-radius:100px;display:flex;align-items:center;justify-content:center}.call-header .icon{width:15px;height:15px}.call-header>div{display:flex;flex-direction:column;align-items:center;gap:3px;max-width:198px}.call-header strong{font-weight:550;font-size:11.5px;text-align:center;line-height:1.3;max-width:190px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.call-header>div>span{font-size:9px;color:#8d8d91}.call-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:8px;flex:1;min-height:0}.agent-tile{position:relative;background:#252525;color:#efeff2;border-radius:22px;padding:17px 10px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:0;border:1.5px solid transparent;transition:border-color .25s,background .25s}.agent-tile:hover{background:#2f2f2f}.agent-tile.speaking{border-color:#aaa}.agent-tile>.portrait{--size:66px!important;max-width:70%;aspect-ratio:1;flex-shrink:1}.agent-tile>span:not(.portrait){align-self:flex-start;font-size:10px;color:#c9c9ce}.agent-tile .tile-wave{position:absolute;right:10px;bottom:10px;font-size:12px;font-style:normal;opacity:0;color:#e4e4e7}.agent-tile.speaking .tile-wave{opacity:1}.call-grid.eight .agent-tile{padding:8px;gap:5px;border-radius:18px}.call-grid.eight .agent-tile>.portrait{--size:46px!important}.call-grid.models .agent-tile>.portrait{--size:59px!important}.call-caption{font-size:9px;color:#9e9ea3;display:flex;align-items:center;justify-content:center;gap:6px;height:34px;flex-shrink:0}.sound-wave{display:inline-flex;align-items:center;gap:2px;height:20px}.sound-wave i{width:2px;height:5px;border-radius:5px;background:currentColor;animation:wave 1.1s ease-in-out infinite alternate}.sound-wave i:nth-child(2){height:13px;animation-delay:-.7s}.sound-wave i:nth-child(3){height:9px;animation-delay:-.3s}.sound-wave i:nth-child(4){height:6px;animation-delay:-.9s}.call-controls{display:flex;align-items:center;background:linear-gradient(160deg,#363636de,#292929);border:1px solid #474747;border-radius:99px;padding:9px 4px;flex-shrink:0;gap:2px}.call-controls button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:transparent;color:#d3d3d8;border-radius:50%;width:20%;height:44px;font-size:8px;padding:0}.call-controls button>.icon{width:18px;height:18px}.call-controls button.active>.icon{color:#fff}.call-controls button.active{background:#ffffff14}.call-controls button[aria-pressed=true][data-control=mic]{background:#ddd;color:#111}.call-controls button:hover{background:#ffffff22}.call-controls .end-call>.icon{transform:rotate(135deg);color:#fff}.home-indicator{position:absolute;width:91px;height:4px;background:white;border-radius:9px;bottom:8px;left:50%;transform:translateX(-50%)}.floating-prompt{position:absolute;left:5%;top:248px;width:300px;background:#fff;border:1px solid #e6e6e8;border-radius:28px;padding:23px;box-shadow:0 22px 55px -20px #15151c24;transform:rotate(-5deg);z-index:3}.floating-label{font-size:11px;color:#8d8d90;margin-bottom:20px}.floating-prompt>p{font-size:23px;font-weight:500;line-height:1.3}.composer-bottom{display:flex;align-items:center;gap:8px;font-size:10px;color:#808084;margin-top:30px}.composer-bottom>.round{margin-left:auto}.avatar-stack{display:flex;padding-right:2px}.avatar-stack .portrait{margin-left:-7px;box-shadow:0 0 0 2px #fff}.avatar-stack .portrait:first-child{margin-left:0}.floating-perspective{position:absolute;right:0;top:335px;width:294px;z-index:3;background:#fff;border:1px solid #e5e5e7;border-radius:24px;box-shadow:0 22px 55px -20px #15151c24;padding:21px;transform:rotate(5deg)}.speaker-heading{display:flex;gap:10px;align-items:center}.speaker-heading>div{display:flex;flex-direction:column;gap:2px}.speaker-heading strong{font-size:12px;font-weight:600}.speaker-heading>div>span{font-size:9px;color:#8d8d90}.speaker-heading>.sound-wave{margin-left:auto;color:#666}.floating-perspective>p{font-size:17px;line-height:1.5;margin-top:17px}.demo-note{position:absolute;bottom:7px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#999}.mini-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;vertical-align:middle}.phone-overlay{position:absolute;inset:auto 0 0;background:#29292b;border:1px solid #48484b;border-radius:30px 30px 40px 40px;padding:34px 21px 32px;z-index:10;max-height:84%;overflow:auto;box-shadow:0 -40px 80px #0008;animation:sheet-in .25s ease-out}.sheet-dismiss{position:absolute;right:15px;top:14px;width:26px;height:26px;background:#444;color:#ccc;display:grid;place-items:center;border-radius:50%}.sheet-dismiss .icon{width:14px;height:14px}.phone-overlay h3{font-size:19px;margin:15px 0 5px}.phone-overlay h4{font-size:13px;margin-bottom:12px}.phone-overlay p{font-size:12px;color:#bbb;line-height:1.6;margin-bottom:14px}.phone-overlay .sheet-role{font-size:11px;color:#949498;margin-bottom:17px}.phone-overlay .preview-message{border-bottom:1px solid #ffffff12;padding-block:9px}.preview-message strong{font-size:10px;display:block;margin-bottom:4px}.phone-overlay .sheet-button{display:block;width:100%;border-radius:99px;padding:11px 16px;background:#fff;color:#171717;font-size:12px;margin-top:8px;font-weight:600}.phone-shell.is-paused .sound-wave i,.phone-shell.is-paused .tile-wave{animation-play-state:paused}.phone-shell.is-paused .agent-tile.speaking{border-color:transparent}.phone-shell.is-paused .tile-wave{opacity:0}
.portrait{width:var(--size);height:var(--size);display:block;position:relative;flex-shrink:0;border-radius:50%}.portrait>.av,.portrait>.maker{width:100%!important;height:100%!important}.av{flex:none;position:relative;overflow:hidden;border-radius:999px;display:block}.av .na-body{position:absolute;bottom:0;left:0;width:100%;height:90%}.av .na-detail{position:absolute;right:-3%;top:30%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.av svg{display:block;overflow:visible}.maker{border-radius:50%;display:flex;align-items:center;justify-content:center;background:#28282c!important;color:white}.maker svg{width:56%;height:56%}.providers{padding:49px 0 65px;text-align:center;border-bottom:1px solid var(--line)}.providers>p{font-size:13px;color:#85858a;margin-bottom:25px}.providers>div{display:flex;gap:42px;align-items:center;justify-content:center;flex-wrap:wrap}.providers>div>div{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600;color:#68686c}.providers .maker{background:none!important}.providers .maker svg{width:85%;height:85%}.providers .maker path{fill:#55565c}
.section{padding-block:110px}.section h2,.conversation-section h2{font-size:clamp(36px,4.3vw,55px);font-weight:650;line-height:1.12;text-wrap:balance;margin:16px 0 22px}.eyebrow{font-size:12px;font-weight:550;color:#8a8a8f}.section-copy>p{font-size:17px;line-height:1.65;color:#77777c;max-width:420px}.setup-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.simple-steps{list-style:none;padding:0;margin:38px 0 0;display:flex;flex-direction:column;gap:24px}.simple-steps li{display:flex;gap:17px;align-items:flex-start}.simple-steps li>span{border:1px solid #e4e4e7;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;font-size:11px;color:#78787b}.simple-steps h3{font-size:15px;font-weight:600;margin:1px 0 5px}.simple-steps p{font-size:13px;color:#85858a}.setup-preview{background:#f4f4f5;border:1px solid #ececee;border-radius:36px;padding:29px 31px 17px;position:relative;max-width:490px}.setup-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#929296}.setup-top>span:last-child{display:flex;align-items:center;gap:5px}.setup-top .icon{width:17px;height:17px}.setup-top .icon:last-child{width:12px;height:12px}.setup-preview>h3{text-align:center;font-size:24px;line-height:1.2;font-weight:600;margin:31px 0 24px}.goal-composer{border-radius:24px;background:#e9e9ec;padding:20px}.goal-composer textarea{background:transparent;border:0;resize:vertical;width:100%;min-height:76px;max-height:150px;outline-offset:2px;font-size:19px;line-height:1.4;color:#333;padding:0}.goal-composer .composer-bottom{margin-top:15px}.goal-composer .avatar-stack .portrait{box-shadow:0 0 0 2px #e9e9ec}.group-picker{margin:-1px -12px 0;border-radius:27px;background:#fff;box-shadow:0 18px 35px -16px #00000025;position:relative;padding:12px 23px 21px;min-height:243px}.sheet-handle{width:33px;height:4px;border-radius:99px;background:#d5d5d9;margin:0 auto 15px}.segmented{display:flex;background:#f1f1f3;border-radius:99px;padding:3px}.segmented button{border-radius:99px;background:none;font-size:12px;font-weight:550;flex:1;padding:9px}.segmented button[aria-selected=true]{background:white;box-shadow:0 2px 5px #0000000a}.agent-count{display:flex;align-items:baseline;justify-content:center;gap:7px;margin-top:15px}.agent-count output{font-size:42px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}.agent-count>span{font-size:13px;color:#909095}.picker-avatars{display:flex;gap:5px;justify-content:center;height:50px;align-items:center;margin:5px 0 13px}.picker-avatars .portrait{width:clamp(24px,3.5vw,42px);height:clamp(24px,3.5vw,42px);animation:face-in .24s ease-out}.group-picker input[type=range]{width:100%;height:9px;appearance:none;border-radius:100px;background:linear-gradient(to right,#171719 var(--progress,66.67%),#ededee var(--progress,66.67%));cursor:pointer;margin:6px 0 4px}.group-picker input[type=range]::-webkit-slider-thumb{appearance:none;width:25px;height:25px;border:4px solid white;border-radius:50%;background:#fff;box-shadow:0 1px 7px #0005}.group-picker input[type=range]::-moz-range-thumb{width:21px;height:21px;border:3px solid white;border-radius:50%;background:white;box-shadow:0 1px 7px #0005}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#999;margin-top:8px}.setup-note{text-align:center;color:#999;font-size:9px;margin-top:21px}.model-options{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-top:15px}.model-option{display:flex;gap:9px;align-items:center;font-size:12px;padding:9px 0;cursor:pointer;border-bottom:1px solid #f1f1f2}.model-option input{margin-left:auto;accent-color:#151517;width:16px;height:16px;cursor:pointer}.picker-hint{font-size:10px;color:#999;text-align:center;margin-top:13px}
.conversation-section{background:#121214;color:#f6f6f7;padding:106px 0;overflow:hidden}.conversation-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.conversation-section h2{font-size:clamp(42px,4.6vw,61px)}.conversation-section .section-copy>p{color:#9e9ea3}.conversation-section .eyebrow{color:#85858a}.feature-lines{margin-top:34px;display:flex;flex-direction:column;gap:20px;max-width:350px;font-size:13px;color:#bcbcc2}.feature-lines>div{display:flex;gap:13px;align-items:center}.feature-lines .icon{width:18px;height:18px;flex-shrink:0;color:#c4c4ca}.chat-example{background:#222225;border:1px solid #38383d;border-radius:32px;padding:24px 25px 15px;transform:rotate(2deg);box-shadow:0 35px 65px #0004}.chat-top{border-bottom:1px solid #35353a;padding-bottom:20px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px}.chat-top>div{display:flex;align-items:center;gap:7px;color:#aaaab2}.chat-top>span{display:flex;align-items:center;gap:6px}.chat-top .icon{width:16px;height:16px}.chat-scroll{padding-top:23px}.chat-bubble.user{background:#38383d;border-radius:19px 19px 5px 19px;padding:13px;margin-left:48px}.chat-bubble>p{font-size:12px;margin-bottom:12px}.menu-preview{background:#f1eee8;border-radius:10px;padding:23px;color:#3d3830;max-width:100%}.menu-preview>span{font-size:6px;letter-spacing:1.2px;font-weight:500}.menu-preview h4{font-size:23px;line-height:1.1;font-weight:550;margin:12px 0 18px}.menu-preview>div{border-top:1px solid #d8d3cb;padding-top:7px}.menu-preview>div p{font-size:9px;display:flex;justify-content:space-between;padding-top:4px}.menu-preview b{font-weight:500}.chat-message{display:flex;gap:10px;margin-top:22px}.chat-message>div{flex:1}.chat-message strong{display:block;font-weight:550;font-size:11px}.chat-message strong>span{font-size:9px;color:#92929b;font-weight:400;margin-left:5px}.chat-message p{font-size:12px;color:#cccdd2;line-height:1.6;margin-top:5px}.chat-message>.portrait{--size:30px!important}.mock-chat-input{display:flex;justify-content:space-between;align-items:center;font-size:10px;border-radius:99px;background:#333339;padding:7px 8px 7px 15px;color:#8e8e96;margin-top:28px}.mock-chat-input>span:last-child{width:27px;height:27px;border-radius:50%;background:#e9e9eb;display:grid;place-items:center;color:#171719}.mock-chat-input .icon{width:16px;height:16px}.example-label{font-size:8px;color:#7b7b83;text-align:center;margin-top:13px}
.takeaway-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:125px;padding-bottom:125px}.takeaway-preview{border:1px solid #e5e5e8;border-radius:30px;padding:30px;box-shadow:0 24px 60px -24px #00000020;background:white;transform:rotate(-2deg)}.recap-label{font-size:11px;font-weight:500;display:flex;justify-content:space-between;color:#84848a;margin-bottom:25px}.recap-label span{font-size:9px;font-weight:400}.takeaway-preview h3{font-size:24px;font-weight:600;line-height:1.2}.recap-avatars{display:flex;gap:6px;margin-top:20px}.recap-summary{background:#f4f4f5;border-radius:20px;padding:23px;margin:26px 0}.recap-summary .eyebrow{font-size:10px}.recap-summary p{font-size:16px;line-height:1.5;margin-top:8px}.takeaway-preview h4{font-size:12px;font-weight:550;color:#666;margin-bottom:13px}.checklist{display:flex;flex-direction:column;gap:14px}.checklist label{display:flex;gap:10px;font-size:12px;line-height:1.5;cursor:pointer;align-items:flex-start}.checklist input{appearance:none;width:18px;height:18px;border-radius:50%;border:1px solid #c9c9cd;flex-shrink:0;margin:1px 0 0;display:grid;place-items:center;cursor:pointer}.checklist input:checked{background:#202022;border-color:#202022}.checklist input:checked:before{content:"✓";color:#fff;font-size:11px}.checklist input:checked+span{color:#aaa;text-decoration:line-through}.recap-footer{border-top:1px solid #eee;margin-top:28px;padding-top:17px;font-size:10px;color:#8b8b90;display:flex;align-items:center;justify-content:space-between}.recap-footer .icon{width:15px;height:15px}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:34px}.detail-pair article>.icon{color:#78787d;margin-bottom:14px}.detail-pair h3{font-size:13px;line-height:1.5;margin-bottom:9px;font-weight:600}.detail-pair p{font-size:12px;color:#8b8b91;line-height:1.7}
.use-cases-section{background:#f5f5f6}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:260px;color:#85858a;font-size:14px}.idea-links{border-top:1px solid #dedee1}.idea-links>a{display:grid;grid-template-columns:32px 1fr 240px 24px;gap:20px;align-items:center;padding:27px 0;border-bottom:1px solid #dedee1;transition:padding .2s,color .2s}.idea-links>a:hover{padding-inline:10px}.idea-index{font-size:11px;color:#9b9ba1}.idea-links h3{font-size:22px;font-weight:500}.idea-links>a>span:nth-last-child(2){font-size:12px;color:#89898f}.idea-links .icon{color:#777}.center-heading{text-align:center}.center-heading>p{font-size:16px;color:#84848a;line-height:1.65}.plans{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e4e4e7;border-radius:26px;margin-top:48px;padding:0;overflow:hidden}.plan{padding:26px 30px 30px;position:relative;border-right:1px solid #e4e4e7}.plan:last-child{border:0}.plan.featured{background:#f6f6f7}.plan-tag{font-size:10px;color:#9c9ca2;display:block;margin-bottom:22px}.plan.featured .plan-tag{background:#171719;color:white;display:inline-block;padding:4px 9px;border-radius:100px;margin-top:-4px;margin-bottom:18px}.plan h3{font-size:47px;line-height:1.1;font-weight:600}.plan h3>span{display:block;font-size:11px;color:#919198;font-weight:400;margin-top:9px}.plan>p{display:flex;align-items:baseline;gap:5px;margin-top:28px}.plan>p>strong{font-size:21px;font-weight:600}.plan>p>span{font-size:10px;color:#919198}.plan-includes{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;font-size:11px;color:#85858a;margin-top:27px}.plan-includes>span{display:flex;gap:5px;align-items:center}.plan-includes .icon{width:13px;height:13px;color:#49494e}.pricing-note{text-align:center;font-size:12px;color:#7a7a80;margin-top:30px}.pricing-action{text-align:center;margin-top:24px}.price-legal{max-width:760px;font-size:10px;text-align:center;color:#9999a0;line-height:1.7;margin:25px auto 0}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--line);padding-top:90px}.faq-section h2{font-size:45px}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:13px;border-bottom:1px solid #bbb;padding-bottom:4px}.text-link .icon{width:16px;height:16px}.faq-list details{border-bottom:1px solid #e5e5e8}.faq-list details:first-child{border-top:1px solid #e5e5e8}.faq-list summary{cursor:pointer;list-style:none;padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list .icon{width:16px;height:16px;color:#85858b;transition:transform .2s}.faq-list [open] .icon{transform:rotate(45deg)}.faq-list p{font-size:13px;line-height:1.8;color:#838389;padding:0 25px 24px 0}
.download-section{background:#151517;color:#f8f8f9;text-align:center;padding:75px 0 85px}.footer-ensemble{display:flex;align-items:center;justify-content:center;gap:14px;padding-block:20px 32px}.footer-ensemble .portrait:nth-child(1),.footer-ensemble .portrait:nth-child(8){transform:translateY(18px)}.footer-ensemble .portrait:nth-child(2),.footer-ensemble .portrait:nth-child(7){transform:translateY(9px)}.footer-ensemble .portrait:nth-child(3),.footer-ensemble .portrait:nth-child(6){transform:translateY(3px)}.download-section h2{font-size:clamp(48px,5vw,66px);font-weight:650;line-height:1.1}.download-section>.wrap>p{color:#a1a1a8;font-size:17px;margin-top:20px}.download-section .store-button{background:#fff;color:#151517;border-color:#fff}.download-section .store-button:nth-child(2){background:transparent;color:white;border-color:#595960}.download-section .store-button:hover{background:#dedee1;color:#151517}.download-section .store-button:nth-child(2):hover{background:#35353b;color:#fff}.download-note{display:block;margin-top:22px;font-size:11px;color:#86868f}.footer{padding-top:42px;padding-bottom:28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:30px}.footer-top>div{display:flex;gap:25px;font-size:12px;color:#85858b}.footer-top .brand{font-size:16px}.guides{border-block:1px solid #eee;color:#85858b;font-size:11px}.guides summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;padding:18px 0}.guides summary::-webkit-details-marker{display:none}.guides .icon{width:14px;height:14px}.guides[open] .icon{transform:rotate(45deg)}.guides>div{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:0 0 22px}.guides a:hover,.footer-top a:hover{color:#171719}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a1a1a7;margin-top:24px}.download-dialog{border:1px solid #e4e4e7;border-radius:32px;padding:46px 35px 36px;max-width:480px;width:calc(100% - 32px);text-align:center;color:#171719;box-shadow:0 40px 100px #0003}.download-dialog::backdrop{background:#0006;backdrop-filter:blur(5px)}.download-dialog>img{margin:0 auto 24px;border-radius:19px}.download-dialog h2{font-size:36px;line-height:1.15;font-weight:650}.download-dialog>p{font-size:14px;color:#8b8b91;margin-top:17px;line-height:1.7}.download-dialog .store-buttons{gap:9px}.download-dialog .store-button{padding:11px 18px;min-width:163px}.dialog-close{position:absolute;right:13px;top:13px;background:#f3f3f5;width:32px;height:32px}.dialog-close .icon{width:17px;height:17px}.site-toast{position:fixed;z-index:100;left:50%;top:24px;transform:translateX(-50%);padding:15px 22px;background:#1d1d20;color:#fff;border-radius:99px;box-shadow:0 12px 35px #0003;font-size:13px;max-width:calc(100% - 32px);text-align:center;animation:toast-in .25s ease-out}.site-toast.leaving{animation:toast-out .25s ease-in forwards}
@keyframes wave{to{transform:scaleY(.4)}}@keyframes face-in{from{opacity:0;transform:translateY(8px) scale(.85)}to{opacity:1;transform:none}}@keyframes sheet-in{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes toast-in{from{opacity:0;translate:0 -20px}to{opacity:1;translate:0 0}}@keyframes toast-out{to{opacity:0;translate:0 -40px}}
@media(min-width:1350px){.floating-prompt{left:10%}.floating-perspective{right:5%}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.floating-prompt{left:0;width:260px;padding:20px;top:265px}.floating-prompt>p{font-size:20px}.floating-perspective{right:-5px;width:246px;padding:19px}.floating-perspective>p{font-size:16px}.setup-section,.conversation-layout,.takeaway-section{gap:60px}.providers>div{gap:28px}.nav-links{margin-right:10px;gap:22px}.plan{padding:24px}.idea-links>a{grid-template-columns:25px 1fr 200px 20px;gap:15px}.idea-links h3{font-size:20px}}@media(max-width:850px){.nav{gap:20px}.nav-links{gap:18px;font-size:12px;margin-right:0}.brand{font-size:16px;gap:8px}.brand img{width:35px;height:35px;border-radius:10px}.hero{padding-top:55px}.hero h1{font-size:76px}.phone-shell{width:282px;height:600px}.floating-prompt{width:228px;left:-4px;top:265px;padding:17px;transform:rotate(-5deg) translateX(-4%)}.floating-prompt>p{font-size:18px}.floating-perspective{width:218px;right:-8px;top:375px;padding:17px;transform:rotate(5deg) translateX(4%)}.floating-perspective>p{font-size:14px}.experience{height:725px}.experience:before{height:520px;border-radius:50px}.floating-prompt .composer-bottom{gap:5px;font-size:9px}.floating-prompt .round{width:36px;height:36px}.floating-prompt .avatar-stack .portrait{--size:23px!important}.floating-perspective .speaker-heading>.sound-wave{display:none}.providers>div{gap:24px}.providers>div>div{font-size:14px}.providers .portrait{--size:24px!important}.setup-section,.takeaway-section{gap:40px}.section{padding-block:85px}.section h2{font-size:39px}.section-copy>p{font-size:15px}.setup-preview{padding:22px 23px 15px}.setup-preview>h3{font-size:22px}.goal-composer{padding:17px}.goal-composer textarea{font-size:17px}.simple-steps p{font-size:12px}.simple-steps h3{font-size:14px}.group-picker{padding-inline:18px}.range-labels{font-size:8px}.conversation-layout{gap:40px}.conversation-section{padding-block:85px}.chat-example{padding:20px 18px 13px}.chat-bubble.user{margin-left:20px}.chat-top>div{font-size:9px}.menu-preview{padding:17px}.chat-message strong>span{display:block;margin:3px 0}.takeaway-preview{padding:23px}.takeaway-preview h3{font-size:21px}.detail-pair{grid-template-columns:1fr;gap:20px}.detail-pair article{position:relative;padding-left:34px}.detail-pair article>.icon{position:absolute;left:0;top:0;width:18px;height:18px}.detail-pair h3{margin-bottom:5px}.idea-links>a{grid-template-columns:24px 1fr 20px}.idea-links>a>span:nth-last-child(2){grid-column:2;grid-row:2;font-size:11px}.idea-links .icon{grid-column:3;grid-row:1/3}.idea-links>a{gap:5px 14px;padding-block:23px}.plan{padding:23px 20px}.plan h3{font-size:40px}.plan>p>strong{font-size:19px}.plan-includes{gap:18px;font-size:10px}.faq-section{gap:45px;grid-template-columns:.8fr 1.2fr}.faq-section h2{font-size:36px}.footer-top>div{gap:17px}}
@media(max-width:680px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 40px)}.nav{height:73px;gap:13px}.nav-links{display:none}.nav>.button{margin-left:auto;padding:10px 15px;font-size:12px}.nav>.button .icon{display:none}.menu-toggle{display:flex;width:32px;height:32px;background:transparent}.menu-toggle .icon{width:21px;height:21px}.brand{font-size:14px}.brand img{width:32px;height:32px;border-radius:9px}.hero{padding-top:45px}.intro-pill{font-size:10px;padding:6px 12px}.hero h1{font-size:clamp(52px,11.7vw,75px);margin-top:24px;margin-bottom:22px;line-height:1.08}.highlight:before{border-radius:12px;inset:2px -1px -1px}.hero-copy>p:not(.free-note){font-size:16px}.store-buttons{gap:9px;margin-top:25px}.store-button{padding:10px 18px;min-width:150px;gap:9px}.badge-txt>span{font-size:15px}.badge-txt small{font-size:8px}.badge-ico{width:22px;height:22px}.free-note{font-size:10px;margin-top:16px}.experience{margin-top:33px;height:713px}.experience:before{left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);transform:none;width:auto;border-radius:0;height:535px;top:100px}.demo-switch button{padding:8px 18px;font-size:11px}.phone-shell{top:64px;width:280px;height:598px}.floating-prompt{display:none}.floating-perspective{top:478px;right:calc(50% - 163px);width:192px;transform:rotate(5deg);padding:13px;border-radius:18px;box-shadow:0 10px 30px #0002;pointer-events:none}.floating-perspective>p{font-size:12px;margin-top:8px}.floating-perspective .portrait{--size:28px!important}.speaker-heading strong{font-size:10px}.speaker-heading>div>span{font-size:8px}.demo-note{bottom:20px;font-size:9px}.providers{padding:25px 0 42px}.providers>p{font-size:11px;max-width:250px;margin-inline:auto;margin-bottom:23px}.providers>div{display:grid;grid-template-columns:repeat(3,1fr);gap:19px 15px;max-width:350px;margin:auto}.providers>div>div{font-size:13px;justify-content:center;gap:6px}.providers .portrait{--size:20px!important}.section{padding-block:70px}.setup-section,.takeaway-section,.conversation-layout{grid-template-columns:1fr;gap:40px}.section h2,.conversation-section h2{font-size:39px}.section-copy>p{font-size:15px;max-width:460px}.eyebrow{font-size:11px}.simple-steps{gap:20px;margin-top:30px}.simple-steps li>span{width:28px;height:28px}.setup-preview{width:100%;max-width:440px;margin:5px auto 0;padding:23px 25px 17px;border-radius:30px}.setup-preview>h3{font-size:24px}.goal-composer textarea{font-size:19px}.picker-avatars .portrait{width:36px;height:36px}.range-labels{font-size:8px}.group-picker{min-height:246px}.setup-note{font-size:9px}.conversation-section{padding-block:70px}.conversation-section h2{font-size:45px}.conversation-layout>.section-copy{max-width:460px}.feature-lines{font-size:12px;gap:18px;margin-top:25px}.chat-example{width:100%;max-width:430px;margin:0 auto;padding:23px 20px 15px;transform:none;border-radius:27px}.chat-bubble.user{margin-left:54px}.menu-preview{padding:23px}.chat-message strong>span{display:inline;margin-left:5px}.chat-top>div{font-size:10px}.takeaway-section>.section-copy{grid-row:1}.takeaway-preview{max-width:430px;width:100%;margin:0 auto;padding:26px;transform:none;border-radius:26px}.takeaway-preview h3{font-size:24px}.detail-pair{grid-template-columns:1fr 1fr;gap:21px;margin-top:27px}.detail-pair article{padding-left:0}.detail-pair article>.icon{position:static;width:20px;height:20px}.detail-pair p{font-size:11px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px;max-width:270px;font-size:13px}.idea-links h3{font-size:18px;line-height:1.3}.idea-links>a{padding-block:24px}.idea-links>a>span:nth-last-child(2){font-size:10px;margin-top:4px}.center-heading h2{font-size:34px}.center-heading>p{font-size:14px}.plans{grid-template-columns:repeat(2,1fr);border-radius:23px;margin-top:32px}.plan{padding:25px}.plan:nth-child(2){border-right:0}.plan:nth-child(-n+2){border-bottom:1px solid #e4e4e7}.plan h3{font-size:42px}.plan>p{margin-top:23px}.plan-tag{font-size:10px}.plan-includes{display:grid;grid-template-columns:repeat(2,max-content);gap:13px 20px;font-size:10px;justify-content:center}.pricing-note{max-width:270px;margin-inline:auto;font-size:11px}.pricing-action .button{font-size:12px;padding:14px 20px;gap:10px}.pricing-action .icon{width:17px;height:17px}.price-legal{font-size:9px}.faq-section{grid-template-columns:1fr;gap:33px}.faq-section h2{font-size:38px;margin-bottom:18px}.faq-list summary{font-size:13px;padding-block:20px}.faq-list p{font-size:12px}.footer-ensemble{gap:8px;padding-block:10px 34px}.footer-ensemble .portrait{--size:34px!important}.download-section{padding:60px 0 65px}.download-section h2{font-size:47px}.download-section>.wrap>p{font-size:15px}.download-note{font-size:9px}.footer{padding-top:29px;padding-bottom:24px}.footer-top{align-items:flex-start;flex-direction:column;gap:25px}.footer-top .brand{font-size:16px}.footer-top>div{font-size:11px;gap:22px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:10px;font-size:9px}.guides>div{grid-template-columns:1fr 1fr;font-size:10px}.download-dialog{padding:48px 22px 28px}.download-dialog .store-button{min-width:145px;padding:10px 13px}.download-dialog h2{font-size:32px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.nav{gap:8px}.nav>.button{padding:9px 11px}.brand{font-size:13px;gap:6px}.store-button{min-width:138px;padding:10px 14px}.hero h1{font-size:51px}.floating-perspective{right:calc(50% - 151px)}.picker-avatars{gap:3px}.picker-avatars .portrait{width:30px;height:30px}.detail-pair{gap:16px}.footer-ensemble{gap:6px}.footer-ensemble .portrait{--size:31px!important}.plan{padding:22px}.idea-links h3{font-size:16px}.plan-includes{gap:13px 12px}.download-dialog .store-buttons{flex-direction:column}.download-dialog .store-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.site-toast.leaving{opacity:0}.floating-prompt,.floating-perspective,.chat-example,.takeaway-preview{transform:none}}
/* Small screens keep every preview control unobstructed. */
@media(max-width:680px){.floating-perspective{display:none}}

/* October refinement: clear typography, app-proportioned previews, and idea browsing. */
:root { --dim: #38383d; --body-size: 18px; }
.hero-copy > p:not(.free-note), .free-note, .nav-links, .intro-pill,
.section-copy > p, .eyebrow, .providers > p, .providers > div > div,
.simple-steps p, .simple-steps li > span, .detail-pair p, .recap-label,
.recap-label span, .section-heading > p, .center-heading > p,
.plan-tag, .plan h3 > span, .plan > p > span, .plan-includes,
.pricing-note, .price-legal, .faq-list p, .text-link,
.footer-top > div, .guides, .footer-bottom, .download-dialog > p,
.floating-label, .speaker-heading > div > span, .demo-note,
.demo-switch button, .composer-bottom, .takeaway-preview h4, .recap-footer {
  color: var(--dim);
}
.section-copy > p, .simple-steps p, .section-heading > p { font-size: var(--body-size); line-height: 1.65; }
.simple-steps h3 { font-size: var(--body-size); line-height: 1.45; margin: 0 0 6px; }
.simple-steps li > span { width: 34px; height: 34px; font-size: 13px; }
.simple-steps { gap: 27px; }
.eyebrow { font-size: 13px; }
.section-heading > p { max-width: 320px; }
.detail-pair p { font-size: 15px; line-height: 1.65; }
.detail-pair h3 { font-size: 17px; }
.recap-label { font-size: 13px; }
.recap-label span { font-size: 11px; }
.footer-top > div, .guides { font-size: 13px; }
.footer-bottom { font-size: 12px; }
.footer-top > div { flex-wrap: wrap; }
.conversation-section .section-copy > p, .conversation-section .eyebrow,
.conversation-section .feature-lines, .download-section > .wrap > p,
.download-note { color: #dedee2; }
.feature-lines { font-size: 16px; line-height: 1.6; max-width: 450px; }
.call-header > div > span { color: #c1c1c6; }
.call-caption, .phone-overlay .sheet-role { color: #dedee2; }
.checklist input:checked + span { color: #505055; }
.phone-shell { width: 320px; height: 684px; }
.experience { height: 805px; }
.experience:before { height: 610px; }

/* A single device size across the setup, live-call and conversation previews. */
.setup-section, .conversation-layout { grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr); gap: clamp(48px, 7vw, 110px); }
.device-stage { display: flex; flex-direction: column; align-items: center; position: relative; }
.device-frame {
  width: 320px; height: 684px; flex: none; padding: 7px; border-radius: 48px;
  background: linear-gradient(135deg, #57575a, #1d1d1f 20%, #5b5b5d 70%, #1b1b1c);
  box-shadow: 0 28px 55px -20px #17171940, 0 0 0 1px #8a8a8d, inset 0 0 0 2px #161618;
  position: relative;
}
.device-screen { height: 100%; border-radius: 40px; overflow: hidden; position: relative; display: flex; flex-direction: column; }
.device-caption { margin: 26px 0 0; font-size: 12px; color: #38383d; text-align: center; line-height: 1.6; max-width: 300px; }
.setup-screen { color: #171719; background: #fff; padding-bottom: 23px; }
.device-screen .statusbar { padding-inline: 22px; }
.setup-screen .setup-top { justify-content: flex-end; height: 40px; padding: 0 19px; flex: none; color: #171719; }
.setup-screen .setup-top > span { display: flex; align-items: center; gap: 7px; }
.setup-screen .setup-top .icon { width: 19px; height: 19px; }
.setup-screen .setup-top .icon:last-child { width: 11px; height: 11px; }
.setup-home-content { display: flex; flex-direction: column; justify-content: flex-end; flex: 1; min-height: 0; padding: 10px 15px 20px; }
.setup-home-content > h3 { text-align: center; font-size: 24px; line-height: 1.25; font-weight: 650; margin-bottom: 24px; }
.preview-minutes { margin: 0 10px -23px; padding: 8px 10px 31px 13px; background: #e7e7e7; border-radius: 20px 20px 0 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.preview-minutes > span { display: flex; flex-direction: column; gap: 2px; }
.preview-minutes strong { font-size: 11px; font-weight: 600; }
.preview-minutes small { font-size: 8px; color: #3e3e43; }
.preview-minutes > a { background: #171719; color: #fff; border-radius: 99px; padding: 7px 9px; font-size: 9px; font-weight: 600; flex: none; }
.setup-screen .goal-composer { border-radius: 25px; background: #f2f2f2; padding: 17px 16px 11px; position: relative; }
.setup-screen .goal-composer textarea { font-size: 21px; line-height: 1.35; height: 146px; min-height: 146px; max-height: none; resize: none; color: #202022; display: block; }
.setup-screen .goal-composer textarea::placeholder { color: #55555b; }
.setup-screen .composer-bottom { margin-top: 6px; gap: 5px; min-height: 44px; }
.composer-group-button { display: flex; align-items: center; gap: 7px; font-size: 10px; white-space: nowrap; color: #35353a; background: transparent; min-height: 44px; padding: 0; }
.composer-group-button > .icon { width: 11px; height: 11px; margin-left: 0; }
.setup-screen .goal-composer .avatar-stack .portrait { --size: 22px !important; box-shadow: 0 0 0 2px #f2f2f2; }
.setup-screen #preview-goal { width: 44px; height: 44px; margin-left: auto; color: #171719; background: #fff; box-shadow: 0 2px 5px #00000004; flex: none; }
.setup-screen #preview-goal .icon { width: 21px; height: 21px; }
.prompt-suggestions { display: flex; gap: 6px; margin-top: 11px; overflow-x: auto; scrollbar-width: none; }
.prompt-suggestions button { background: #fff; border: 1px solid #e3e3e6; border-radius: 99px; font-size: 9px; padding: 7px 10px; white-space: nowrap; color: #38383d; }
.app-tabbar { display: flex; border: 1px solid #e1e1e4; border-radius: 99px; background: #ffffffeb; box-shadow: 0 5px 22px #00000008; margin: 0 15px; padding: 5px; flex: none; }
.app-tabbar > span { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; flex: 1; border-radius: 99px; min-height: 43px; font-size: 8px; }
.app-tabbar > span.selected { background: #eeeeef; }
.app-tabbar .icon { width: 20px; height: 20px; }
.setup-screen .home-indicator { background: #171719; z-index: 5; }
.setup-picker-overlay { position: absolute; inset: 48px 0 0; display: flex; align-items: flex-end; z-index: 4; }
.picker-scrim { position: absolute; inset: 0; background: #0005; cursor: default; }
.setup-screen .group-picker { margin: 0; border-radius: 29px 29px 0 0; width: 100%; padding: 10px 17px 37px; min-height: 310px; box-shadow: 0 -10px 30px #00000014; animation: sheet-in .25s ease-out; }
.setup-screen .sheet-handle { margin-bottom: 14px; }
.picker-title { display: flex; justify-content: space-between; align-items: center; margin: 0 0 15px; }
.picker-title h3 { font-size: 17px; font-weight: 650; }
.picker-close { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: #eeeef0; color: #343438; }
.picker-close .icon { width: 16px; height: 16px; }
.setup-screen .segmented button { font-size: 12px; padding: 8px; }
.setup-screen .agent-count output { font-size: 43px; }
.setup-screen .agent-count > span { color: #38383d; font-size: 12px; }
.setup-screen .picker-avatars { gap: 3px; margin: 7px 0 18px; }
.setup-screen .picker-avatars .portrait { --size: 30px !important; width: 30px; height: 30px; }
.setup-screen .range-labels { color: #45454a; font-size: 8px; margin-top: 10px; }
.setup-screen .model-options { grid-template-columns: 1fr; gap: 0; }
.setup-screen .model-option { padding: 8px 0; font-size: 12px; }
.setup-screen .picker-hint { color: #45454a; font-size: 11px; }

/* Conversation sits over the active call, as it does in the app. */
.chat-stage .device-caption { color: #dedee2; }
.conversation-device { box-shadow: 0 30px 60px -20px #0008, 0 0 0 1px #747478, inset 0 0 0 2px #161618; }
.conversation-screen { background: #101010; color: #f6f6f7; padding-bottom: 26px; }
.chat-call-background { padding: 0 13px; display: flex; flex-direction: column; flex: 1; min-height: 0; }
.chat-call-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; flex: 1; }
.chat-call-tile { background: #252525; border-radius: 21px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px; gap: 12px; border: 1.5px solid transparent; }
.chat-call-tile.speaking { border-color: #a5a5ac; }
.chat-call-tile > span:last-child { font-size: 11px; align-self: flex-start; }
.reopen-conversation { background: #28282c; color: #fff; border-radius: 99px; margin: 16px 0 7px; padding: 13px; display: flex; justify-content: center; align-items: center; gap: 9px; font-size: 12px; }
.reopen-conversation .icon { width: 19px; height: 19px; }
.conversation-scrim { position: absolute; inset: 48px 0 0; background: #0006; pointer-events: none; }
.conversation-sheet { position: absolute; inset: 146px 0 0; background: #242426; border-radius: 29px 29px 0 0; padding: 9px 14px 29px; display: flex; flex-direction: column; box-shadow: 0 -8px 32px #0003; }
.conversation-sheet > .sheet-handle { background: #58585e; margin-bottom: 12px; flex: none; }
.conversation-sheet-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 0 12px; flex: none; }
.conversation-sheet-header h3 { font-size: 17px; font-weight: 650; }
.conversation-sheet-header > button { font-size: 11px; color: #f6f6f7; padding: 7px 12px; border-radius: 99px; background: #39393c; }
.conversation-live { display: flex; align-items: center; gap: 7px; padding-bottom: 11px; border-bottom: 1px solid #414145; font-size: 10px; color: #e3e3e7; flex: none; }
.conversation-live .chat-time { margin-left: auto; font-variant-numeric: tabular-nums; }
.conversation-live > button { width: 27px; height: 27px; border-radius: 50%; background: #3b3b3f; display: grid; place-items: center; color: #fff; }
.conversation-live .icon { width: 12px; height: 12px; }
.conversation-live .sound-wave { height: 14px; }
.conversation-live.paused .sound-wave i { animation-play-state: paused; transform: scaleY(.3); }
.conversation-sheet .chat-scroll { flex: 1; min-height: 0; overflow-y: auto; padding: 14px 0 12px; scrollbar-width: thin; scrollbar-color: #6b6b70 transparent; overscroll-behavior: contain; }
.conversation-sheet .chat-bubble.user { padding: 10px; margin-left: 30px; border-radius: 16px 16px 4px 16px; background: #39393e; }
.conversation-sheet .chat-bubble > p { font-size: 11px; line-height: 1.45; color: #f3f3f5; margin-bottom: 8px; }
.conversation-sheet .menu-preview { padding: 14px; background: #f4f1eb; border-radius: 8px; }
.conversation-sheet .menu-preview > span { font-size: 5px; }
.conversation-sheet .menu-preview h4 { font-size: 18px; margin: 8px 0 11px; }
.conversation-sheet .menu-preview > div p { font-size: 7px; margin: 4px 0; }
.conversation-sheet .chat-message { gap: 7px; margin-top: 14px; }
.conversation-sheet .chat-message > .portrait { --size: 25px !important; }
.conversation-sheet .chat-message strong { font-size: 10px; }
.conversation-sheet .chat-message strong > span { color: #d2d2d7; font-size: 8px; margin-left: 5px; display: inline; }
.conversation-sheet .chat-message p { font-size: 11px; line-height: 1.5; color: #ececef; margin-top: 4px; }
.conversation-composer { display: flex; align-items: center; gap: 7px; background: #38383c; padding: 5px; margin-top: 8px; border-radius: 99px; flex: none; }
.conversation-composer > button { width: 30px; height: 30px; flex: none; display: grid; place-items: center; background: transparent; color: #e8e8eb; border-radius: 50%; }
.conversation-composer > button[type=submit] { background: #f7f7f9; color: #161618; }
.conversation-composer .icon { width: 17px; height: 17px; }
.conversation-composer input { width: 100%; min-width: 0; border: 0; background: none; font-size: 11px; color: #fff; padding: 5px 0; }
.conversation-composer input::placeholder { color: #d0d0d5; }
.conversation-screen .home-indicator { z-index: 2; }
.chat-closed .conversation-scrim { display: none; }
.preview-sent-message { margin-top: 14px; }
.conversation-sheet .preview-sent-message p { margin: 0; overflow-wrap: anywhere; }

/* Stacked idea cards: useful prompts, restrained colour, and a little movement. */
.use-cases-section { background: #f5f5f6; }
.ideas-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 36px; }
.idea-filters { display: flex; gap: 8px; flex-wrap: wrap; }
.idea-filters button { font-size: 14px; padding: 10px 17px; border-radius: 99px; color: #343438; border: 1px solid #d7d7db; background: transparent; white-space: nowrap; transition: background .15s, color .15s; }
.idea-filters button[aria-pressed=true] { background: #171719; color: #fff; border-color: #171719; }
.idea-filters button:hover { border-color: #171719; }
.surprise-idea { display: inline-flex; align-items: center; gap: 10px; padding: 10px 0 10px 10px; font-size: 14px; font-weight: 550; background: none; flex: none; }
.surprise-idea .icon { width: 18px; height: 18px; }
.idea-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; align-items: stretch; padding-bottom: 22px; }
.idea-card { background: #fff; color: #171719; border: 1px solid #e1e1e5; border-radius: 25px; padding: 23px; display: flex; flex-direction: column; align-items: flex-start; text-align: left; min-height: 272px; box-shadow: 0 4px 9px -6px #00000018; transition: transform .2s ease, box-shadow .2s ease, border-color .2s; }
.idea-card:nth-child(3n+2) { translate: 0 18px; }
.idea-card:hover { transform: translateY(-5px); border-color: #b9b9bf; box-shadow: 0 15px 24px -16px #0003; }
.idea-card:active { transform: translateY(-2px) scale(.99); }
.idea-card-top { display: flex; align-items: center; justify-content: space-between; width: 100%; color: #38383d; font-size: 12px; margin-bottom: 22px; }
.idea-card-arrow { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: #f1f1f3; color: #171719; }
.idea-card-arrow .icon { width: 14px; height: 14px; }
.idea-card > strong { font-size: 23px; font-weight: 600; line-height: 1.24; max-width: 250px; }
.idea-team { font-size: 14px; line-height: 1.55; color: #3f3f44; margin-top: 13px; max-width: 240px; }
.idea-card-bottom { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 15px; margin-top: auto; padding-top: 26px; font-size: 11px; color: #343438; }
.idea-avatars { display: flex; padding-left: 0; }
.idea-avatars .portrait + .portrait { margin-left: -6px; }
.idea-avatars .portrait { box-shadow: 0 0 0 2px #fff; }
.ideas-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 27px; }
.ideas-bottom > p { font-size: 13px; color: #38383d; }
.ideas-more { display: inline-flex; gap: 20px; align-items: center; padding: 13px 21px; background: #fff; border: 1px solid #d3d3d8; border-radius: 99px; font-size: 14px; font-weight: 550; }
.ideas-more > span { font-size: 20px; line-height: 1; font-weight: 400; }

/* Pricing is a first-class page; plan facts and purchase destinations are unchanged. */
.nav-links [aria-current=page] { color: #171719; font-weight: 650; }
.pricing-page-hero { padding-top: 85px; }
.pricing-page h1 { font-size: clamp(39px, 4.8vw, 66px); font-weight: 650; line-height: 1.1; margin: 23px 0 28px; }
.pricing-page .center-heading > p { font-size: var(--body-size); }
.pricing-page .plans { margin-top: 55px; }
.pricing-page .plan-tag { font-size: 12px; }
.pricing-page .plan.featured .plan-tag { color: white; }
.pricing-page .plan h3 { font-size: 50px; }
.pricing-page .plan h3 > span, .pricing-page .plan > p > span { font-size: 13px; }
.pricing-page .plan > p > strong { font-size: 25px; }
.pricing-page .plan-includes, .pricing-page .pricing-note { font-size: 14px; }
.pricing-page .pricing-note { margin-top: 35px; }
.pricing-page .price-legal { font-size: 12px; max-width: 800px; margin-top: 28px; }
.pricing-page .faq-list summary { font-size: 17px; padding-block: 24px; }
.pricing-page .faq-list p { font-size: 16px; line-height: 1.65; }
.pricing-page .faq-section .text-link { font-size: 15px; }

@media (max-width: 950px) {
  .setup-section, .conversation-layout { gap: 40px; }
  .section h2, .conversation-section h2 { font-size: 43px; }
  .idea-card { padding: 20px; }
  .idea-card > strong { font-size: 21px; }
  .idea-grid { gap: 12px; }
  .idea-team { font-size: 13px; }
  .idea-filters { gap: 6px; }
  .idea-filters button { padding: 9px 13px; font-size: 13px; }
  .idea-card-bottom { gap: 6px; font-size: 10px; }
  .idea-avatars .portrait { --size: 23px !important; }
  .pricing-page .plan { padding: 24px 20px; }
}
@media (max-width: 760px) {
  .setup-section, .conversation-layout { grid-template-columns: 1fr; gap: 45px; }
  .setup-section .section-copy, .conversation-layout .section-copy { max-width: 540px; }
  .simple-steps { gap: 23px; }
  .device-frame, .phone-shell { width: 320px; height: 684px; }
  .experience { height: 805px; }
  .experience:before { height: 610px; }
  .idea-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .idea-card:nth-child(3n+2) { translate: none; }
  .idea-card:nth-child(even) { translate: 0 18px; }
  .idea-card { min-height: 275px; }
  .ideas-toolbar { align-items: flex-start; flex-direction: column; gap: 13px; }
  .surprise-idea { padding-left: 0; }
  .section-heading > p { max-width: none; }
}
@media (max-width: 680px) {
  :root { --body-size: 16px; }
  .hero-copy > p:not(.free-note) { font-size: 18px; }
  .free-note { font-size: 12px; }
  .section h2, .conversation-section h2 { font-size: 39px; }
  .section-copy > p, .simple-steps p, .simple-steps h3, .section-heading > p { font-size: var(--body-size); }
  .section-heading > p { margin-top: 22px; }
  .eyebrow { font-size: 12px; }
  .simple-steps li > span { width: 30px; height: 30px; }
  .feature-lines { font-size: 15px; gap: 20px; }
  .detail-pair p { font-size: 14px; }
  .detail-pair h3 { font-size: 16px; }
  .detail-pair { gap: 22px; }
  .device-caption, .demo-note { font-size: 11px; }
  .device-caption { margin-top: 24px; }
  .phone-shell { top: 68px; }
  .idea-grid { gap: 12px; }
  .idea-card { padding: 17px; border-radius: 21px; min-height: 270px; }
  .idea-card-top { margin-bottom: 18px; font-size: 10px; }
  .idea-card > strong { font-size: 20px; }
  .idea-team { font-size: 12px; margin-top: 11px; }
  .idea-card-bottom { align-items: flex-start; flex-direction: column; gap: 12px; font-size: 11px; padding-top: 20px; }
  .idea-avatars .portrait { --size: 25px !important; }
  .idea-filters { gap: 6px; }
  .idea-filters button { font-size: 12px; padding: 9px 12px; }
  .ideas-bottom { align-items: flex-start; flex-direction: column; gap: 18px; }
  .ideas-more { font-size: 13px; padding: 12px 19px; }
  .pricing-page-hero { padding-top: 60px; }
  .pricing-page h1 { font-size: 40px; margin: 23px 0; }
  .pricing-page .plan h3 { font-size: 43px; }
  .pricing-page .plan > p > strong { font-size: 23px; }
  .pricing-page .plan > p > span { font-size: 11px; }
  .pricing-page .plan-includes { font-size: 12px; gap: 17px; }
  .pricing-page .pricing-note { max-width: 330px; line-height: 1.6; }
  .pricing-page .faq-list summary { font-size: 16px; }
  .pricing-page .faq-list p { font-size: 15px; }
  .footer-top > div, .guides > div, .guides { font-size: 12px; }
  .footer-bottom { font-size: 11px; }
  .download-note { font-size: 11px; }
}
@media (max-width: 370px) {
  .device-frame, .phone-shell { width: 298px; height: 650px; }
  .setup-home-content > h3 { font-size: 22px; margin-bottom: 20px; }
  .setup-screen .goal-composer textarea { height: 130px; min-height: 130px; font-size: 20px; }
  .composer-group-button { gap: 5px; font-size: 9px; }
  .setup-screen .picker-avatars .portrait { --size: 27px !important; width: 27px; height: 27px; }
  .idea-card { padding: 15px; }
  .idea-card > strong { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .idea-card:hover, .idea-card:active { transform: none; }
}