:root{--bg:#101014;--panel:#19191f;--white:#f5f3fb;--muted:#a6a4b2;--accent:#afa2ff;--purple:#8c75ed;--line:#ffffff16;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white);background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b7a5ff;outline-offset:6px}button{background:none;border:0}p{font-size:1rem;line-height:1.7;color:var(--muted);margin:0}.wrap{width:min(1180px,calc(100% - 96px));margin:auto}.nav{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:750;letter-spacing:-1px}.brand img{border-radius:11px}.brand-dot{color:var(--accent)}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav>a{color:#c4c2ce;transition:color .2s}nav>a:hover{color:white}.nav-download{background:#ffffff09;border:1px solid var(--line);padding:12px 19px;border-radius:10px}.nav-download span{margin-left:14px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;padding-top:67px;padding-bottom:80px;align-items:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.7px;color:var(--muted);line-height:1.6}.tiny-mark{font-size:19px;color:var(--accent);margin-right:8px}h1{font-size:clamp(52px,5.9vw,81px);letter-spacing:-4px;line-height:1.035;font-weight:600;margin:26px 0}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent);letter-spacing:-.045em}h1 em{font-size:1.045em}.hero-description{font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:flex-start;gap:18px;margin-top:31px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:10px;font-size:14px;font-weight:650;min-height:50px;padding:14px 20px;transition:transform .2s,background .2s;line-height:1.4}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#171123;box-shadow:0 4px 20px #afa2ff14}.primary:hover{background:#c4b9ff}.secondary{background:#f4f2f9;color:#201d28}.secondary:hover{background:white}.platform{font-size:16px}.text-link{align-self:center;font-size:14px;color:#cdc8df;line-height:1.5;text-decoration:underline;text-underline-offset:5px}.fine-print{font-size:12px;margin-top:16px;color:#817e8e}.hero-visual{position:relative;padding:40px 0 14px 18px}.demo-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#7b788e;letter-spacing:1.4px;margin-bottom:15px}.desktop-demo{position:relative;min-height:315px;overflow:hidden;border-radius:13px;border:1px solid #af9be529;background:radial-gradient(ellipse at 75% 95%,#2f234b,transparent 65%),linear-gradient(140deg,#343045,#242232 65%);box-shadow:0 30px 100px #0006;isolation:isolate}.menubar{height:30px;background:#0002;padding:8px 15px;font-size:10px;display:flex;justify-content:space-between;gap:12px;color:#ddd7ea}.menubar-right{font-size:9px}.notch-peek{position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;height:30px;background:#08080b;border-radius:0 0 15px 15px}.demo-content{position:relative;width:87%;margin:0 auto;background:#09090d;border-radius:0 0 20px 20px;box-shadow:0 18px 40px #0005;padding:8px 20px 24px}.demo-toolbar{height:36px;display:flex;align-items:center;gap:11px;color:#e6e1f4;font-size:10px}.demo-home{color:var(--accent);font-size:18px}.muted{color:#76717f}.demo-tools{margin-left:auto;font-size:14px;color:#aaa4b9}.demo-panel{min-height:130px;display:flex;align-items:center;gap:16px;animation:appear .3s}.demo-album{width:90px;height:90px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,#bc9ca2,#604865);display:grid;place-content:center;font-family:Georgia,serif;font-size:45px;color:#efe0d5;box-shadow:inset 0 0 40px #ffffff15}.demo-info{flex:1;min-width:0}.demo-info strong{font-size:16px;font-weight:600;display:block}.demo-info p{font-size:12px;margin-top:5px}.demo-playback{font-size:22px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:26px;color:#c8c1d8}.demo-info .time-track{height:3px;border-radius:4px;background:#4e465c;margin-top:15px}.time-track:before{content:"";display:block;background:#b9accf;width:42%;height:100%;border-radius:4px}.desktop-label{margin-top:37px;text-align:center;color:#cfc5e3;font-size:12px}.spark{margin-right:8px;color:#baa3e8}.demo-selector{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px}.demo-selector button{border:1px solid transparent;border-radius:25px;padding:10px 12px;font-size:12px;color:#93909f;transition:.2s}.demo-selector button[aria-selected=true]{background:#afa2ff12;border-color:#afa2ff30;color:#d7cdfc}.demo-note{text-align:center;font-size:12px;margin-top:12px;color:#777485}.visual-stamp{position:absolute;bottom:-48px;right:8px;transform:rotate(-7deg);font-size:12px;font-weight:600;letter-spacing:2px;line-height:1.7;color:#777384}.visual-stamp em{font-size:19px;color:#b5a5dc}.compat-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 0;margin-bottom:110px}.compat-strip>span{font-size:12px;line-height:1.6;color:#7e7a8b}.compat-strip strong{color:#b5b1c3;font-weight:500}.compat-strip>div{font-size:14px;color:#b3afbf;display:flex;align-items:center;gap:12px}.strip-symbol{font-size:21px;color:#d0c6e8}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:37px;gap:30px}h2{font-size:clamp(38px,4vw,53px);line-height:1.1;letter-spacing:-2px;font-weight:550;margin:15px 0 0}.section-heading p{padding-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature{background:#19191f;border:1px solid var(--line);border-radius:18px;padding:29px 31px;position:relative;overflow:hidden;min-height:290px}.feature-number{font-size:11px;letter-spacing:1.8px;color:#9792a6}.feature h3{font-size:24px;font-weight:550;letter-spacing:-.7px;margin:23px 0 10px}.feature p{max-width:420px;font-size:15px;line-height:1.7}.music-feature{background:radial-gradient(ellipse at 90% 0%,#37213c55,transparent 65%),#19191f}.files-feature{background:radial-gradient(ellipse at 90% 0%,#273c5155,transparent 65%),#19191f}.calls-feature{background:radial-gradient(ellipse at 90% 0%,#263f3655,transparent 65%),#19191f}.mini-player{display:flex;gap:13px;align-items:center;margin-top:30px}.cover-art{width:53px;height:53px;border-radius:10px;background:#80596f;display:grid;place-content:center;font-size:29px;color:#ebccde}.mini-player strong,.mini-call strong{display:block;font-size:14px;font-weight:550}.mini-player span:not(.play-circle),.mini-call div span{display:block;font-size:12px;color:#a19aa8;margin-top:6px}.play-circle{margin-left:auto;font-size:17px;background:#ffffff10;border-radius:50%;width:36px;height:36px;display:grid;place-content:center}.file-chips{display:flex;gap:12px;margin-top:34px;min-height:49px;align-items:center;flex-wrap:wrap}.file-chips span{font-size:12px;background:#9dc9f312;color:#c0d7e4;border:1px solid #9dc9f322;padding:12px 13px;border-radius:8px;transform:rotate(-3deg)}.file-chips span+span{transform:rotate(3deg)}.mini-call{display:flex;align-items:center;gap:13px;margin-top:29px;min-height:54px}.call-icon{display:grid;place-content:center;background:#8fc5a318;color:#a8d8b8;border-radius:50%;width:47px;height:47px;font-size:27px}.answer-pill{margin-left:auto;background:#98c5a7;color:#172b21;padding:9px 18px;border-radius:30px;font-size:12px;font-weight:600}.feature-footnote{display:block;color:#8a8796;font-size:12px;margin-top:12px}.tool-tiles{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.tool-tiles>span{font-size:24px;line-height:1.3;color:#b3a0e5;background:#ffffff05;border-radius:8px;padding:7px;min-width:64px;text-align:center}.tool-tiles small{display:block;font-size:10px;color:#a69cb9;margin-top:4px}.setup{margin-top:112px;padding:79px 0;background:#15151a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setup-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center}.setup h2{font-size:41px}.setup-heading p{margin-top:23px;max-width:370px;font-size:15px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:21px;padding:23px 0;border-bottom:1px solid var(--line)}.steps li:last-child{border-bottom:0}.steps li>span{font-size:13px;color:#a692df;margin-top:3px}.steps h3{font-size:18px;font-weight:550;margin:0 0 9px;letter-spacing:-.3px}.steps p{font-size:14px}.downloads{padding-top:100px}.download-heading{text-align:center}.download-heading h2{font-size:60px}.download-heading p{max-width:460px;margin:20px auto 35px}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:920px;margin:auto}.download-card{padding:31px;background:#1b1b24;border:1px solid #b09aff32;border-radius:18px}.android-card{background:#19191f;border-color:var(--line)}.download-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.os-symbol{font-size:35px;color:#c4b3ef}.version{font-size:11px;letter-spacing:1.1px;color:#aaa1bc}.download-card h3{font-size:24px;font-weight:550;letter-spacing:-.6px;margin:24px 0 10px}.download-card>p{font-size:14px}.full{width:100%;justify-content:space-between;margin-top:25px}.download-card .download-note{font-size:12px;line-height:1.7;margin-top:18px;color:#96909f}.testing-note{display:flex;gap:13px;max-width:800px;margin:24px auto 0;background:#ffffff03;border-radius:10px;padding:18px 22px}.testing-note>span{color:#bcabdd;font-size:22px}.testing-note p{font-size:12px;line-height:1.75}.testing-note strong{color:#c3bdcc;font-weight:600}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin-top:110px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;font-size:16px;line-height:1.6;display:flex;justify-content:space-between;gap:18px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:#8e879d;font-size:22px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:14px;padding:15px 28px 0 0}.inline-link{font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:14px 0 0;color:#c9b8ef}.closing{text-align:center;padding:105px 0 95px}.closing img{border-radius:17px}.closing h2{font-size:49px;margin:22px 0 28px}footer{border-top:1px solid var(--line);min-height:102px;display:flex;align-items:center;gap:28px;font-size:12px;color:#8f899c}.footer-brand{font-size:23px;color:#ebe6f5;gap:0}footer>span:last-child{margin-left:auto}footer button{font-size:12px;padding:0;color:#bcb0d1;text-decoration:underline;text-underline-offset:4px}dialog{width:min(650px,calc(100% - 32px));max-height:85vh;border:1px solid #ffffff26;border-radius:20px;background:#1b1923;color:var(--white);padding:32px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#07060cbf;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-top button{font-size:29px;line-height:1;width:35px;height:35px}dialog h2{margin-bottom:22px;font-size:42px}dialog h3{font-size:17px;margin-top:26px;margin-bottom:9px}dialog p{font-size:14px}.skip{position:fixed;top:-100px;left:15px;padding:12px;background:white;color:black;z-index:10}.skip:focus{top:10px}@keyframes appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1250px){.hero-actions{flex-wrap:nowrap}.text-link{max-width:150px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:18px;padding-top:35px}.hero-visual{padding-left:0}h1{letter-spacing:-2.8px}.hero-actions{gap:18px}.demo-content{padding-left:14px;padding-right:14px}.demo-album{width:70px;height:70px}.demo-info strong{font-size:14px}.desktop-demo{min-height:290px}.compat-strip{gap:15px}.compat-strip>div{font-size:12px;gap:7px}.setup-inner{gap:50px}.feature{padding:25px}.faq{gap:45px}footer{flex-wrap:wrap;gap:18px;padding-top:24px;padding-bottom:24px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.nav{height:83px}.brand{font-size:24px}.brand img{width:32px;height:32px}nav{gap:10px}nav>a:not(.nav-download){display:none}.nav-download{font-size:12px;padding:10px 12px}.hero{grid-template-columns:1fr;padding-top:31px;padding-bottom:45px;gap:17px}.hero-copy{text-align:center}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:clamp(53px,11vw,72px);letter-spacing:-2.7px;margin:21px 0}.hero-description{font-size:17px}.hero-actions{justify-content:center;align-items:center;flex-direction:column;gap:17px;margin-top:24px}.hero-visual{padding:34px 0 0;width:min(490px,100%);margin:auto}.demo-caption{font-size:9px;letter-spacing:.8px}.desktop-demo{min-height:285px}.demo-note{font-size:11px}.visual-stamp{display:none}.compat-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:65px;padding:24px 0}.compat-strip>span{display:none}.compat-strip>div{font-size:13px;justify-content:center}.section-heading{display:block;margin-bottom:26px}.section-heading p{margin-top:20px;font-size:14px}h2{font-size:42px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature{min-height:265px;padding:25px}.feature h3{font-size:23px}.setup{margin-top:60px;padding:51px 0}.setup-inner{grid-template-columns:1fr;gap:20px}.setup h2{font-size:38px}.steps li{padding:21px 0}.downloads{padding-top:64px}.download-heading h2{font-size:49px}.download-heading p{font-size:15px}.download-grid{grid-template-columns:1fr;gap:15px}.download-card{padding:26px}.testing-note{padding:16px}.faq{grid-template-columns:1fr;gap:30px;margin-top:65px}.faq h2{font-size:41px}.faq-list summary{font-size:15px}.closing{padding:65px 0 55px}.closing h2{font-size:42px}footer{justify-content:center;text-align:center;column-gap:20px}footer>span:last-child{margin-left:0}footer>span:nth-child(2){width:100%}dialog{padding:25px}.demo-selector button{font-size:12px;padding:9px 10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}/* Hands-on product previews */
.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}
#playground{scroll-margin-top:40px}.demo-content{min-height:230px;transition:min-height .25s}.desktop-demo{min-height:340px}.desktop-label{margin-top:27px}.demo-panel{min-height:155px}.demo-selector button{font-size:13px}.demo-hint{text-align:center;color:#c2b4e4;font-size:13px;margin-top:13px;line-height:1.65}.demo-note{font-size:12px;margin-top:5px}.demo-playback button{min-width:35px;min-height:35px;border-radius:50%;font-size:25px;line-height:1;color:#e8e1f5;transition:background .2s,transform .2s}.demo-playback button:hover{background:#ffffff16;transform:scale(1.07)}#play-button{font-size:19px;background:#ffffff0a}.demo-seek{display:block;width:100%;height:18px;accent-color:var(--accent);cursor:pointer;margin:9px 0 0}.demo-times{display:flex;justify-content:space-between;font-size:10px;color:#928b9e}.demo-call-actions{display:flex;gap:9px;margin-top:16px}.demo-call-actions button,.demo-small-button{font-size:13px;line-height:1.4;font-weight:550;border-radius:30px;padding:9px 17px;min-height:36px}.demo-answer{background:#99c9ae;color:#17281e}.demo-decline{background:#d8787820;color:#f2acac}.demo-small-button{background:#afa2ff1c;color:#d9ccff;border:1px solid #afa2ff30}.demo-small-button:hover{background:#afa2ff30}.demo-call-time{font-variant-numeric:tabular-nums;font-size:24px!important;color:#bfc7dc!important;margin-top:10px!important}.demo-drop{border:1px dashed #afa2ff3b;background:#afa2ff07;border-radius:10px;padding:15px 10px;margin-top:12px;text-align:center;transition:background .2s,border-color .2s}.demo-drop>span{font-size:23px;line-height:1;color:#c1adee}.demo-drop p{font-size:13px;line-height:1.5}.demo-drop small{font-size:10px;color:#918799}.demo-drop button{margin-top:10px;font-size:12px;padding:7px 12px;min-height:32px}.demo-drop.dragging{border-color:#c8b6ff;background:#afa2ff20}.demo-files{margin-top:10px;display:flex;flex-direction:column;gap:5px}.demo-file{display:flex;align-items:center;justify-content:space-between;border-radius:6px;background:#ffffff07;padding:4px 10px;font-size:12px;gap:8px;min-width:0}.demo-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-file button{color:#aaa2b6;font-size:19px;flex-shrink:0;min-width:28px;min-height:28px}.demo-caption-text{font-size:10px!important;color:#91869f;margin-top:8px!important}.demo-files .demo-info{width:100%}.demo-message{width:100%;padding:4px 0}.message-top{display:flex;gap:8px;align-items:center;margin-bottom:12px;color:#c0b6d0;font-size:12px}.message-app{display:grid;place-content:center;width:24px;height:24px;border-radius:6px;background:#8d759c33;color:#d1b9e1}.message-top small{color:#7d728b;font-size:11px}.message-top button{margin-left:auto;font-size:20px;width:30px;height:30px}.demo-message>strong{font-size:16px}.demo-message>p{font-size:13px;margin:5px 0 12px}.demo-reply{display:flex;gap:7px;margin-top:13px;align-items:center}.demo-reply input{min-width:0;flex:1;border:1px solid #ffffff23;background:#ffffff09;border-radius:7px;color:white;padding:9px;font:inherit;font-size:12px;outline-offset:3px}.demo-reply button{font-size:12px;background:var(--accent);color:#23182e;font-weight:600;padding:9px 12px;border-radius:7px;min-height:36px}.demo-sent{font-size:12px!important;color:#bbd7bc!important;margin:11px 0!important;overflow-wrap:anywhere}.demo-empty{text-align:center}.demo-empty>span{display:block;color:#a2d7bb;font-size:30px;margin-bottom:10px}.demo-empty button{margin-top:14px}.feature-try{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:14px;padding:15px 0 0;margin-top:20px;width:100%;color:#c0b0ea;text-align:left}.feature-try:hover{color:#e8ddff}.feature-try>span{font-size:18px}.feature{transition:border-color .2s,transform .2s}.feature:hover{border-color:#afa2ff40}.setup-tour{background:#1b1923;border:1px solid #afa2ff25;border-radius:17px;padding:25px;min-width:0}.tour-tabs{display:flex;gap:8px;justify-content:space-between}.tour-tabs button{font-size:14px;padding:10px 12px;border-radius:8px;color:#92889f;flex:1;white-space:nowrap}.tour-tabs button span{font-size:11px;margin-right:6px;color:#80718f}.tour-tabs button[aria-pressed=true]{background:#afa2ff17;color:#e3d8fd}.tour-tabs button[aria-pressed=true] span{color:var(--accent)}.tour-progress{height:2px;border-radius:5px;background:#ffffff09;margin-top:15px}.tour-progress span{display:block;height:100%;background:var(--accent);transition:width .3s}.tour-content{padding:25px 3px 20px;min-height:285px}.tour-icon{font-size:26px;color:#c6b2ed;margin-bottom:12px}.tour-content h3{font-size:21px;font-weight:550;letter-spacing:-.5px;margin:0 0 12px}.tour-content>p{font-size:15px}.tour-content .tour-detail{font-size:12px;margin-top:15px;color:#93859f}.tour-download{display:inline-flex;gap:16px;align-items:center;font-size:14px;color:#cab7fa;margin-top:17px;padding-bottom:3px;border-bottom:1px solid #cab7fa30}.tour-navigation{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-top:17px;gap:15px}.tour-navigation button{font-size:14px;color:#d0bee9;border-radius:7px;padding:9px 12px}.tour-navigation button:last-child{background:#afa2ff17}.tour-navigation button:disabled{opacity:.3;cursor:default}.tour-navigation>span{font-size:12px;color:#867b91}.download-selector{display:flex;gap:4px;justify-content:center;align-items:center;width:fit-content;max-width:100%;padding:5px;border:1px solid var(--line);background:#ffffff03;border-radius:12px;margin:0 auto 14px;flex-wrap:wrap}.download-selector button{font-size:14px;line-height:1.4;border-radius:8px;color:#918a9f;padding:11px 16px;min-height:42px}.download-selector button[aria-pressed=true]{color:#e4dafa;background:#afa2ff19;box-shadow:0 2px 10px #0002}.platform-help{text-align:center;font-size:14px;max-width:650px;margin:0 auto 25px;min-height:48px}.download-card{transition:border-color .2s,box-shadow .2s}.download-card.download-selected{border-color:#afa2ff70;box-shadow:0 0 30px #afa2ff07}.checksum-link{text-align:center;margin:20px 0 0;font-size:12px}.checksum-link a{color:#a496c0;text-decoration:underline;text-underline-offset:4px}.visual-stamp{bottom:-65px}.hero{padding-bottom:100px}@media(max-width:1000px){.tour-tabs button{padding:10px 7px}.setup-inner{gap:35px}.demo-selector{gap:3px}.demo-selector button{padding:9px}}@media(max-width:720px){.hero{padding-bottom:40px}.desktop-demo{min-height:350px}.demo-content{min-height:248px;padding-left:16px;padding-right:16px}.demo-selector{gap:2px}.demo-selector button{font-size:12px;padding:9px 10px}.demo-hint{font-size:13px;padding:0 8px}.hero-visual{padding-top:30px}.demo-note{font-size:11px}.setup-tour{padding:20px}.tour-content{min-height:305px}.tour-tabs button{font-size:14px}.download-selector{width:100%;gap:3px}.download-selector button{font-size:13px;padding:10px 9px}.platform-help{font-size:14px;min-height:70px;padding:0 6px}.demo-call-actions button{min-height:42px}.demo-playback button{min-width:40px;min-height:40px}.demo-reply input{font-size:16px}.demo-reply button{min-height:42px}.demo-message>p{font-size:14px}}@media(max-width:380px){.demo-selector button{padding:9px 7px;font-size:11px}.download-selector button{font-size:12px;padding:10px 8px}.tour-tabs button{padding:9px 5px}.tour-tabs button span{margin-right:3px}}

/* ── Polish pass: one icon set, a real notch in the hero ───────────────────── */
.ic{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex-shrink:0}
.button .ic,.nav-download .ic,.tour-download .ic{width:16px;height:16px}
.nav-download{display:inline-flex;align-items:center;gap:10px}.nav-download .ic{margin:0}
.tiny-mark .ic{width:15px;height:15px;vertical-align:-2px}
.spark .ic{width:13px;height:13px;vertical-align:-2px}
.demo-selector button{display:inline-flex;align-items:center;gap:7px}.demo-selector .ic{width:14px;height:14px}
.strip-symbol .ic{width:20px;height:20px;display:block}
.cover-art{color:#ebccde}.cover-art .ic{width:24px;height:24px}
.play-circle .ic{width:14px;height:14px}
.feature-try{display:flex;align-items:center;justify-content:space-between}.feature-try .ic{width:17px;height:17px}
.file-chips span{display:inline-flex;align-items:center;gap:8px}.file-chips .ic{width:14px;height:14px}
.call-icon .ic{width:20px;height:20px}
.tool-tiles>span .ic{width:22px;height:22px;display:block;margin:4px auto 0}
.os-symbol .ic{width:30px;height:30px;display:block}
.testing-note>span .ic{width:20px;height:20px}
.tour-icon .ic{width:26px;height:26px}
.demo-playback button{display:grid;place-content:center;width:34px;height:34px;border-radius:50%;transition:background .2s}
.demo-playback button:hover{background:#ffffff12}.demo-playback .ic{width:18px;height:18px}
.demo-playback #play-button .ic{width:22px;height:22px}
.message-app .ic,.demo-sent .ic,.demo-empty>span .ic{width:16px;height:16px}
.demo-drop>span .ic{width:22px;height:22px}

/* The hero: a MacBook screen edge whose notch has grown into the panel. */
.desktop-demo{min-height:340px;border-radius:20px 20px 12px 12px;border:9px solid #050507;border-bottom-width:0;
  background:radial-gradient(ellipse at 18% 85%,#6b4fd8aa,transparent 55%),radial-gradient(ellipse at 85% 70%,#d0559488,transparent 50%),
  radial-gradient(ellipse at 60% 10%,#3a6fd855,transparent 55%),linear-gradient(160deg,#241c3d,#14111f);
  box-shadow:0 0 0 1px #ffffff14,0 40px 120px #000a,0 0 80px #7b5cff22}
.menubar{position:relative;height:26px;padding:0 14px;align-items:center;background:#0d0b1666;backdrop-filter:blur(20px);font-size:11px;color:#efeaf9}
.menubar-left{display:flex;gap:14px;align-items:center}.menubar-left span{opacity:.75}
.menubar-right{display:flex;gap:11px;align-items:center;font-size:11px}.menubar-right .ic{width:15px;height:15px}
.notch-peek{display:none}
.demo-content{position:relative;z-index:2;width:74%;margin:-26px auto 0;background:#000;border-radius:0 0 26px 26px;padding:0 22px 22px;
  box-shadow:0 22px 50px #0009;animation:notch-open 1s cubic-bezier(.2,.9,.25,1.08) .35s backwards}
/* "backwards": the clip only applies while opening, so it never crops the shadow afterwards. */
.demo-content:before,.demo-content:after{content:"";position:absolute;top:0;width:14px;height:14px}
.demo-content:before{left:-14px;background:radial-gradient(circle at 0 100%,transparent 13.5px,#000 14px)}
.demo-content:after{right:-14px;background:radial-gradient(circle at 100% 100%,transparent 13.5px,#000 14px)}
@keyframes notch-open{
  from{clip-path:inset(0 calc(50% - 46px) calc(100% - 26px) calc(50% - 46px) round 0 0 10px 10px)}
  to{clip-path:inset(0 -16px 0 -16px round 0 0 26px 26px)}}
.demo-toolbar{height:26px;gap:4px;color:#ffffff88}
.demo-toolbar .tb{display:grid;place-content:center;width:24px;height:20px;border-radius:10px}
.demo-toolbar .tb .ic{width:12px;height:12px}
.demo-toolbar .tb.on{background:#ffffff22;color:#fff}
.tb-battery{display:inline-flex;align-items:center;gap:2px;margin-left:4px;font-size:10px;font-weight:600;color:#5fd38a}
.tb-battery .ic{width:10px;height:10px}
.tb-gap{flex:1;min-width:70px}
.desktop-label{margin-top:28px}

/* Setup: fill the left column with what matters. */
.setup-points{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.setup-points li{display:flex;align-items:center;gap:11px;font-size:15px;color:#cfcadb}
.setup-points .ic{width:18px;height:18px;color:var(--accent);padding:3px;border-radius:50%;background:#afa2ff1a;box-sizing:content-box}

@media(max-width:720px){
  .desktop-demo{min-height:300px;border-width:6px}
  .demo-content{width:88%;padding:0 14px 18px}
  .menubar-left span{display:none}
  .tb-gap{min-width:40px}
}