:root{--bg:#faf9f6;--ink:#24263d;--muted:#78798b;--purple:#5854da;--line:#e8e6e1;--lavender:#eeecfc;--peach:#fae9df;--mint:#e4f0e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Manrope','IBM Plex Sans Thai',sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button,a,summary{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--purple)}h1,h2,h3,p{margin:0}button{border:0}section{scroll-margin-top:25px}.section-wrap{max-width:1160px;margin-inline:auto}.header{height:94px;max-width:1320px;padding:0 52px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:800;letter-spacing:-1.3px}.brand-dot{color:var(--purple);margin-left:-7px}.header nav{display:flex;gap:34px;font-size:13px;color:#666676}.header nav a:hover,.inline-link:hover{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:14px 25px;border-radius:9px;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.small{min-height:42px;padding:10px 18px;font-size:12px}.dark{background:var(--ink);color:white}.primary{background:var(--purple);color:white;box-shadow:0 5px 15px #5854da15}.primary:hover{background:#4743c3}.text-button{background:transparent}.white{background:white;color:var(--purple)}.secondary{background:var(--lavender);color:var(--purple)}.hero{text-align:center;padding-top:65px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--purple)}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid #dedbea;border-radius:30px;background:#ffffff66}.status-dot,.green-dot,.tiny-dot{width:6px;height:6px;display:inline-block;background:var(--purple);border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(48px,6.1vw,78px);line-height:1.35;font-weight:600;letter-spacing:-3px;margin:25px 0 22px}.hero-name{color:var(--purple);font-family:'Manrope',sans-serif;font-weight:700;position:relative;white-space:nowrap}.hero-name svg{position:absolute;left:0;bottom:-9px;width:100%;height:17px;fill:none;stroke:#c6bef0;stroke-width:4;stroke-linecap:round}.hero-description{color:#777786;font-size:16px;line-height:1.9}.hero-actions{display:flex;justify-content:center;gap:13px;margin:28px 0 14px}.play-outline{font-size:24px;line-height:1}.system-note{font-size:10px;color:#8b8b99}.product-stage{position:relative;margin-top:65px;text-align:left}.product-stage:before{content:'';position:absolute;inset:20px -35px 15px;background:radial-gradient(ellipse,#e6e0f1 0%,transparent 72%);z-index:-1}.app-window{background:white;border:1px solid #dfdde6;border-radius:12px;overflow:hidden;box-shadow:0 26px 65px #37315112,0 3px 8px #37315106}.window-bar{height:40px;background:#f7f7fa;border-bottom:1px solid #ecebf2;display:flex;align-items:center;gap:22px;padding:0 16px;font-size:10px;color:#838492}.window-dots{display:flex;gap:6px}.window-dots i{width:8px;height:8px;background:#f18e88;border-radius:50%}.window-dots i:nth-child(2){background:#eac06a}.window-dots i:nth-child(3){background:#8dc7a0}.window-divider{margin:0 9px;color:#c3c2cd}.sample-label{margin-left:auto;font-size:9px}.app-body{display:grid;grid-template-columns:180px minmax(0,1fr) 265px;min-height:440px}.app-sidebar{background:#f7f7fb;padding:25px 14px 15px;display:flex;flex-direction:column;border-right:1px solid #ecebf3}.mini-brand{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:800;letter-spacing:-.5px;margin:0 8px 23px}.mock-new{background:var(--purple);color:white;text-align:center;border-radius:6px;padding:10px;font-size:11px;margin-bottom:18px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 9px;font-size:10px;color:#7a7b8d}.sidebar-item small{margin-left:auto;font-size:9px}.sidebar-item.selected{background:#ebe9fb;color:var(--purple);border-radius:6px}.sidebar-heading{font-size:9px;color:#a5a4b2;margin:24px 9px 7px}.sidebar-bottom{margin-top:auto;padding-top:35px;display:flex;align-items:center;gap:9px;font-size:10px}.sidebar-bottom small{display:block;font-size:8px;color:#999;margin-top:3px}.avatar{display:inline-flex;width:27px;height:27px;border-radius:8px;background:#e9e9ef;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.meeting-panel{padding:25px 25px 0;min-width:0;display:flex;flex-direction:column}.meeting-meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#9695a3}.tag{display:inline-block;padding:4px 7px;background:#f0eefc;color:var(--purple);font-size:9px;border-radius:4px}.meeting-panel h2{font-size:20px;margin:13px 0 6px;font-weight:600;letter-spacing:-.5px}.meeting-caption{font-size:9px;color:#9998a6}.meeting-caption span{margin:0 6px}.tabs{display:flex;border-bottom:1px solid #eeeef3;margin-top:23px;gap:24px}.tabs button{background:none;padding:10px 0;color:#9493a5;font-size:10px;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--purple);border-color:var(--purple)}.transcript{padding:17px 0 4px}.speech{display:flex;gap:10px;margin-bottom:17px;padding:0 6px}.speaker{font-size:10px;font-weight:600;margin-bottom:4px}.speaker time{font-size:8px;color:#aaa9b7;font-weight:400;margin-left:10px}.speech p{font-size:10px;line-height:1.8;color:#757587}.lavender{background:var(--lavender);color:var(--purple)}.peach{background:var(--peach);color:#b87c61}.mint{background:var(--mint);color:#648e79}.highlighted{background:#f8f7fd;padding:10px 6px;border-radius:6px;margin-top:-6px}.audio-strip{display:flex;align-items:center;gap:11px;border-top:1px solid #efedf4;padding:13px 0;margin-top:auto;font-size:8px;color:#9998a5}.audio-icon{border-radius:50%;background:#ebe9fc;color:var(--purple);width:25px;height:25px;display:grid;place-items:center;font-size:14px}.waveform{display:flex;align-items:center;justify-content:space-between;gap:2px;flex:1;height:22px}.waveform i{width:2px;background:#d9d5ed;border-radius:4px}.waveform i:nth-child(-n+20){background:#8f88d9}.assistant-panel{background:#fbfafd;border-left:1px solid #efedf5;padding:23px 18px 15px;display:flex;flex-direction:column}.assistant-heading{font-size:11px;display:flex;justify-content:space-between;align-items:center}.tiny-dot{background:#a7c7b2;width:5px;height:5px}.assistant-icon{width:32px;height:32px;background:var(--lavender);display:grid;place-items:center;color:var(--purple);border-radius:9px;margin-top:25px;font-size:21px}.assistant-panel h3{font-size:13px;margin:13px 0 6px}.assistant-panel>p{font-size:9px;color:#92909f;margin-bottom:18px}.summary-card{display:flex;gap:9px;margin:0 0 18px;font-size:10px}.summary-card>span{color:#aaa3d9;font-size:9px;line-height:1.8}.summary-card strong{font-weight:500}.summary-card p{font-size:9px;color:#91909e;line-height:1.8;margin-top:4px}.todo-card{background:#f0eef8;padding:12px;border-radius:7px;font-size:9px}.todo-card>span{font-weight:600}.todo-card p{margin-top:9px;color:#7c798e}.todo-card small{float:right;color:#a29bb9;font-size:8px}.mock-input{border:1px solid #e7e3f0;background:white;border-radius:6px;padding:10px;margin-top:auto;color:#aba7b9;font-size:9px;display:flex;justify-content:space-between}.mock-input span{color:var(--purple)}.stage-note{position:absolute;font-size:12px;font-style:italic;color:#9b8fb8;left:-15px;top:-45px;transform:rotate(-7deg)}.stage-note svg{position:absolute;width:65px;height:40px;left:145px;top:0;fill:none;stroke:#b9acd2;stroke-width:1.5}.stage-foot{display:flex;justify-content:space-between;margin-top:17px;padding:0 4px;font-size:9px;color:#9e9aa9}.stage-foot>span:first-child{color:#7c7a89;display:flex;gap:7px;align-items:center}.green-dot{background:#8ba791;width:5px;height:5px}.features{padding-top:112px}.features h2,.how h2,.privacy h2,.faq h2{font-size:36px;line-height:1.5;font-weight:500;letter-spacing:-1px;margin-top:15px}.muted{color:#a09eac}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px}.feature-grid article{padding:0 35px;border-right:1px solid var(--line)}.feature-grid article:first-child{padding-left:0}.feature-grid article:last-child{border:0}.feature-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;font-size:26px;margin-bottom:22px}.feature-grid h3{font-weight:500;font-size:17px;margin-bottom:12px}.feature-grid p{font-size:14px;line-height:1.9;color:#888593}.feature-caption{display:block;font-size:8px;font-weight:600;letter-spacing:1.6px;color:#aaa6b3;margin-top:26px}.how{display:grid;grid-template-columns:1.1fr 1fr;gap:105px;align-items:center;padding-top:130px;padding-bottom:110px}.demo-art{height:440px;background:#edeaf4;border-radius:16px;position:relative;padding:32px;overflow:hidden}.demo-label{font-size:9px;letter-spacing:2px;color:#8a80a5;display:flex;align-items:center;gap:8px}.demo-sheet{background:white;position:absolute;left:44px;right:-15px;top:105px;transform:rotate(-5deg);padding:23px;border-radius:12px;box-shadow:0 20px 45px #7b6a9c13}.sheet-top{display:flex;align-items:center;gap:9px;font-size:12px}.sheet-top>span:last-child{margin-left:auto;color:#bbb}.recording-visual{display:flex;align-items:center;justify-content:space-between;height:65px;margin:23px 0;gap:5px}.recording-visual span{height:30px;width:7px;background:#b7aee6;border-radius:6px}.recording-visual span:nth-child(3n){height:55px}.recording-visual span:nth-child(3n+1){height:15px}.recording-visual span:nth-child(4n){height:38px}.sheet-line{height:7px;width:90%;background:#efedf4;border-radius:4px;margin-top:13px}.sheet-line.short{width:65%}.sheet-result{margin-top:25px;background:#f5f3fb;border-radius:6px;padding:12px;font-size:10px;color:#8e83b9}.demo-play{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);border:7px solid #ffffff9c;background:var(--purple);color:white;border-radius:50%;width:78px;height:78px;box-shadow:0 5px 25px #5143bc2b;font-size:23px;transition:scale .2s}.demo-play:hover{scale:1.08}.demo-play span{margin-left:4px}.demo-art-footer{position:absolute;bottom:27px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:12px;color:#746a8a}.steps-content h2{margin-bottom:28px}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:20px;margin:0 0 23px}.steps li>span{color:#b4accb;font-size:12px;letter-spacing:1px;padding-top:3px}.steps h3{font-size:16px;font-weight:500;margin-bottom:5px}.steps p{font-size:13px;color:#95909f;line-height:1.9}.inline-link{background:none;padding:0;font-size:12px;color:var(--purple);display:flex;align-items:center;gap:28px}.privacy{background:#efedf6;border:1px solid #e8e3f0;border-radius:16px;display:grid;grid-template-columns:38% 62%;align-items:center;padding:51px 60px}.privacy h2{font-size:31px;margin:10px 0 14px}.privacy p{font-size:13px;line-height:1.9;color:#878092}.privacy-note{font-size:10px;color:#a09aa9;line-height:1.8;margin-top:15px}.privacy-art{height:230px;position:relative;display:grid;place-items:center;margin-right:45px}.lock-tile{background:linear-gradient(140deg,#b8aceb,#8271c4);width:113px;height:125px;display:grid;place-items:center;border-radius:28px;transform:rotate(-10deg);box-shadow:8px 13px 0 #d5cbed,0 25px 40px #8a6ac726;border:2px solid #d0c6ef}.lock-tile svg{width:54px;height:54px;stroke:white;fill:none;stroke-width:3.5}.orbit{position:absolute;border:1px solid #ddd6ea;border-radius:50%;width:225px;height:225px}.orbit-two{width:175px;height:175px}.privacy-spark{position:absolute;top:20px;right:20px;color:#9e8ac8;font-size:33px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:75px;padding:110px 0}.faq h2{font-size:30px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:22px 0}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#a6a0b4;font-size:17px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:#918c9b;line-height:1.9;padding:0 20px 22px 0}.download{text-align:center;background:#514bc5;border-radius:17px;position:relative;overflow:hidden;padding:62px 25px;color:white}.download .section-kicker{color:#bdb8f0;font-size:8px}.download h2{font-size:43px;line-height:1.5;font-weight:500;letter-spacing:-1px;margin:16px 0}.download p{font-size:13px;color:#c6c2ef;margin:0 0 25px}.download-note{font-size:9px;color:#b6afe7;margin-top:15px}.download-decoration{position:absolute;left:55px;top:55px;font-size:240px;font-weight:400;color:#635cd0;transform:rotate(12deg);pointer-events:none}.download>*:not(.download-decoration){position:relative}.footer{display:flex;align-items:center;gap:25px;padding:40px 0}.footer .brand{font-size:23px}.footer>span{font-size:11px;color:#95909d;border-left:1px solid var(--line);padding-left:25px}.footer small{margin-left:auto;font-size:10px;color:#a09aa7}.footer>a:last-child{font-size:10px;color:#96909e}.summary-main{font-size:12px;padding:25px 6px;line-height:1.9;min-height:267px}.summary-main h3{font-size:17px;margin:15px 0 10px}.summary-main h4{margin-bottom:5px}dialog{border:1px solid #e6e1ee;border-radius:20px;padding:45px;max-width:620px;width:calc(100% - 36px);color:var(--ink);background:var(--bg);box-shadow:0 30px 100px #28223c33;text-align:center}dialog::backdrop{background:#26233d77;backdrop-filter:blur(7px)}dialog h2{font-size:28px;margin:20px 0 13px}dialog p{font-size:14px;line-height:1.9;color:#86818f;margin-bottom:25px}.close-dialog{position:absolute;right:17px;top:12px;font-size:26px;background:none;color:#999}.tour-visual{padding:30px;background:var(--lavender);border-radius:12px;margin:20px 0;color:var(--purple);font-size:18px;line-height:2}.tour-visual strong{display:block;font-size:32px}.tour-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-controls .button{font-size:12px;min-height:44px;padding:10px 15px}#demo-count{font-size:12px;color:#999}dialog>small{font-size:10px;color:#999;display:block;margin-top:20px}.skip{position:fixed;top:-100px;left:15px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1500px){.hero{padding-top:80px}.product-stage{margin-top:80px}}@media(max-width:1250px){.section-wrap{margin-inline:50px}.app-body{grid-template-columns:160px minmax(0,1fr) 230px}.meeting-panel{padding-inline:18px}.how{gap:65px}.feature-grid article{padding-inline:23px}.feature-grid h3{font-size:15px}}@media(max-width:1000px){.header{padding-inline:30px}.section-wrap{margin-inline:30px}.header nav{gap:20px;font-size:11px}.app-body{grid-template-columns:145px minmax(0,1fr)}.assistant-panel{display:none}.meeting-panel h2{font-size:21px}.speech p{font-size:12px}.speech{margin-bottom:18px}.speaker{font-size:11px}.app-body{min-height:450px}.how{gap:40px}.demo-art{height:410px}.privacy{padding:40px 30px}.privacy-art{margin-right:20px}.feature-grid p{font-size:12px}.features h2,.how h2{font-size:31px}.faq{gap:40px}}@media(max-width:700px){.header{height:76px;padding:0 22px;gap:15px}.header nav{display:none}.brand{font-size:24px}.header .button.small{font-size:11px;min-height:38px}.section-wrap{margin-inline:22px}.hero{padding-top:44px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:48px;letter-spacing:-2px;margin-top:24px}.hero-description{font-size:13px;line-height:1.95}.hero-actions{gap:5px;margin-top:24px;flex-wrap:wrap}.hero-actions .button{font-size:12px;padding:12px 15px;min-height:48px}.system-note{font-size:9px}.product-stage{margin-top:48px}.app-body{display:block;min-height:0}.app-sidebar{display:none}.window-bar{padding:0 10px;gap:13px;height:32px;font-size:8px}.sample-label{display:none}.meeting-panel{padding:18px 15px 0}.meeting-panel h2{font-size:18px}.meeting-caption{font-size:8px}.meeting-meta{font-size:7px}.tabs{margin-top:16px;gap:23px}.tabs button{font-size:10px}.speech p{font-size:11px}.speech{gap:8px;margin-bottom:16px}.speaker{font-size:9px}.transcript{padding-top:17px}.stage-note{font-size:9px;left:5px;top:-29px}.stage-note svg{left:108px;width:45px;height:25px}.stage-foot{gap:10px;font-size:7px;line-height:1.6}.features{padding-top:70px}.section-kicker{font-size:8px;letter-spacing:1.5px}.features h2,.how h2{font-size:29px;line-height:1.5}.feature-grid{grid-template-columns:1fr;margin-top:32px;gap:27px}.feature-grid article,.feature-grid article:first-child{padding:0 0 24px 64px;border-right:0;border-bottom:1px solid var(--line);position:relative}.feature-icon{position:absolute;left:0;top:2px;width:42px;height:42px;border-radius:11px}.feature-grid h3{font-size:16px;margin-bottom:7px}.feature-grid p{font-size:13px}.feature-caption{margin-top:13px;font-size:7px}.how{grid-template-columns:1fr;gap:36px;padding-top:60px;padding-bottom:65px}.demo-art{height:350px;padding:25px}.demo-sheet{top:78px;left:28px}.demo-art-footer{left:25px;right:25px;bottom:22px;font-size:11px}.steps-content h2 br{display:none}.steps-content h2{font-size:27px;margin-bottom:25px}.steps li{gap:20px;margin-bottom:23px}.steps p br{display:none}.steps h3{font-size:16px}.steps p{font-size:13px}.privacy{grid-template-columns:1fr;padding:25px 24px 32px}.privacy-art{height:180px;margin:0 0 25px}.orbit{height:180px;width:180px}.orbit-two{height:140px;width:140px}.lock-tile{height:100px;width:92px;border-radius:22px}.lock-tile svg{width:43px}.privacy-spark{right:calc(50% - 100px);font-size:26px;top:0}.privacy h2{font-size:26px}.privacy p{font-size:12px}.privacy-note{font-size:9px}.faq{grid-template-columns:1fr;gap:15px;padding:64px 0}.faq h2{font-size:27px}.faq summary{font-size:13px;padding:20px 0}.faq details p{font-size:12px}.download{padding:45px 20px}.download h2{font-size:32px}.download p{font-size:11px}.download .section-kicker{font-size:6px;letter-spacing:1.4px}.download-decoration{font-size:170px;left:-60px;top:90px}.download .button{font-size:12px;min-height:49px}.footer{flex-wrap:wrap;gap:17px;padding:30px 0}.footer .brand{font-size:22px}.footer>span{padding-left:17px;font-size:10px}.footer small{margin-left:0;width:55%;font-size:9px}.footer>a:last-child{margin-left:auto;font-size:9px}.desktop{display:none}dialog{padding:37px 23px 26px}dialog h2{font-size:23px}dialog p{font-size:13px}.tour-visual{font-size:14px;padding:24px 10px}.tour-visual strong{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:700px){.product-stage:before{inset:20px 0 15px}.hero-description{color:#726d7d}}
/* Product photography and video */
.product-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.product-caption{font-size:12px;color:#777180}.screenshot-button{display:block;width:100%;padding:0;border:1px solid #dedbe8;border-radius:13px;background:#f3f4f8;overflow:hidden;box-shadow:0 20px 60px #37315114;cursor:zoom-in}.screenshot-button img{display:block;width:100%;height:auto}.real-demo{padding:0;height:auto;min-height:340px;display:flex;align-items:center;background:#e8e6f2}.real-demo>img{display:block;width:100%;height:auto;transform:scale(1.03);opacity:.88}.real-demo .demo-art-footer{bottom:0;left:0;right:0;padding:20px 25px;background:#efedf8f5;font-size:11px}.video-dialog{max-width:1100px;padding:30px}.video-dialog h2{margin:12px 0 22px;font-size:25px}.video-dialog video{display:block;width:100%;max-height:70vh;border-radius:9px;background:#171626}.video-dialog p{margin:15px 0 0;font-size:12px}.gallery-dialog{max-width:1400px;width:calc(100% - 30px);padding:35px 10px 10px}.gallery-dialog img{width:100%;height:auto;display:block;border-radius:7px}.button[aria-disabled=true]{cursor:default;box-shadow:none}.button[aria-disabled=true]:hover{transform:none}@media(max-width:700px){.product-caption{font-size:9px}.product-toolbar .inline-link{font-size:10px;gap:8px}.real-demo{min-height:260px}.video-dialog{padding:38px 12px 17px}.video-dialog h2{font-size:20px}.video-dialog p{font-size:10px}.stage-foot{font-size:8px;flex-wrap:wrap}}
.video-dialog video{width:min(100%,calc(65vh * 1.48148));max-height:65vh;height:auto;margin-inline:auto}
.hero-actions{flex-wrap:wrap}.platform-separator{margin:0 9px;color:#b6b0bd}.platform-downloads{display:flex;justify-content:center;gap:20px}.platform-downloads .button{min-width:240px}@media(max-width:700px){.hero-actions{display:grid;grid-template-columns:1fr;max-width:310px;margin-inline:auto}.hero-actions .button{width:100%}.platform-separator{display:block;font-size:0;height:5px}.platform-downloads{flex-direction:column;align-items:center;gap:25px}.platform-downloads>div{width:100%;max-width:310px}.platform-downloads .button{width:100%;min-width:0}}
