/* The website's notch. The native demo and thirteen-widget section keep their own styles. */
html{scroll-padding-top:90px}
.site-header{position:fixed;inset:0 0 auto;height:auto;z-index:40;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
.site-header .nav{--notch-surface:#080809;position:relative;width:min(790px,calc(100% - 64px));min-height:66px;padding:0 24px 3px;background:var(--notch-surface);color:#f5f5f7;border-radius:0 0 27px 27px;pointer-events:auto;box-shadow:0 9px 28px #0000001a;transition:width .5s cubic-bezier(.22,1,.36,1),min-height .5s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.site-header .nav:before,.site-header .nav:after{content:"";position:absolute;top:0;width:15px;height:15px;pointer-events:none}
.site-header .nav:before{right:100%;background:radial-gradient(circle at 0 100%,transparent 14.8px,var(--notch-surface) 15px)}
.site-header .nav:after{left:100%;background:radial-gradient(circle at 100% 100%,transparent 14.8px,var(--notch-surface) 15px)}
.site-header .brand{font-size:18px;letter-spacing:-.5px;gap:8px;white-space:nowrap}
.site-header .brand img{width:27px;height:27px}
.site-header .nav-links{display:flex;gap:23px;margin:0 24px 0 auto;font-size:12px;color:#a7a7ae}
.site-header .nav-links a{padding:12px 0;transition:color .2s;position:relative}
.site-header .nav-links a:hover,.site-header .nav-links a[aria-current="location"]{color:#fff}
.site-header .nav-links a:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;left:calc(50% - 1.5px);bottom:3px;opacity:0;transition:opacity .2s}
.site-header .nav-links a[aria-current="location"]:after{opacity:1}
.site-header .nav-download{background:#f5f5f7;color:#161618;min-height:34px;font-size:11px;padding:8px 14px;gap:7px;white-space:nowrap}
.site-header .nav-download:hover{background:#fff;box-shadow:0 2px 15px #ffffff26;transform:translateY(-1px)}
.nav-progress{position:absolute;bottom:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,#6b9cff,#e1bcfa);opacity:.65;transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.site-header.is-scrolled .nav{width:min(732px,calc(100% - 64px));min-height:57px;box-shadow:0 10px 30px #00000026}
.nav-toggle{display:none}
.hero{padding-top:132px;background:radial-gradient(ellipse 750px 360px at 50% 300px,#f3f5ff60,transparent),linear-gradient(#fff 75%,#fafafd)}
.hero-copy{position:relative;z-index:1}
.hero-copy h1{font-size:clamp(54px,6.35vw,88px);letter-spacing:-4.7px}
.hero-copy .release-pill{background:#fff;box-shadow:0 3px 15px #14144005;border-color:#e9e9ee}
.hero-actions .button{box-shadow:0 5px 20px #0071e320}
.hero-actions .button:hover{box-shadow:0 9px 28px #0071e330}
.hero-copy>*{animation:hero-arrive .85s cubic-bezier(.22,1,.36,1) both}
.hero-copy .release-pill{animation-delay:.05s}.hero-copy h1{animation-delay:.13s}.hero-description{animation-delay:.21s}.hero-actions{animation-delay:.29s}.compatibility{animation-delay:.37s}
@keyframes hero-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.features{background:#f5f5f7;padding-top:115px;padding-bottom:110px}
.features .section-heading{max-width:750px;margin-bottom:50px}
.features h2{font-size:clamp(36px,4.3vw,57px)}
.feature-grid{gap:24px}
.feature-card{border-radius:30px;box-shadow:0 2px 3px #00000002;min-height:590px}
.feature-card .card-copy{padding:42px 42px 0}
.feature-card .inline-link{font-size:13px;margin-top:20px;gap:9px}
.feature-card .inline-link span{display:inline-block;transition:transform .3s}
.feature-card .inline-link:hover span{transform:translate(2px,-2px)}
.card-music{grid-column:1/-1;min-height:450px;background:radial-gradient(ellipse at 77% 55%,#3d2a23,#181516 52%,#141315);color:#f7f5f3;display:grid;grid-template-columns:1fr 1.08fr;align-items:center}
.card-music .card-copy{padding:54px 0 58px 52px}
.card-music .card-label{color:#c7a48a}.card-music h3{font-size:44px;letter-spacing:-1.7px}
.card-music .card-copy p{color:#b3abad;max-width:355px;font-size:15px;line-height:1.6}
.card-music .inline-link{color:#ffd0aa}
.music-art{height:410px;margin:0;overflow:visible;position:relative}
.album-stack{position:absolute;inset:47px 0 auto;height:240px;display:grid;place-items:center;perspective:1000px}
.album-stack img{position:absolute;width:218px;height:218px;object-fit:cover;border-radius:10px;box-shadow:0 18px 35px #0006;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.album-front{z-index:2;transform:rotate(-5deg)}
.album-left{transform:translate(-110px,12px) rotate(-17deg) scale(.86);opacity:.85}
.album-right{transform:translate(110px,12px) rotate(13deg) scale(.86);opacity:.85}
.card-music:hover .album-left{transform:translate(-130px,7px) rotate(-20deg) scale(.89)}
.card-music:hover .album-right{transform:translate(130px,7px) rotate(18deg) scale(.89)}
.card-music:hover .album-front{transform:translateY(-9px) rotate(-2deg)}
.music-art-player{position:absolute;bottom:53px;left:50%;transform:translateX(-50%);width:345px;display:flex;align-items:center;gap:12px;background:#292427;border:1px solid #ffffff12;border-radius:16px;padding:13px 15px;box-shadow:0 15px 40px #0003;z-index:3}
.music-art-player img{border-radius:7px}.music-art-player b{font-size:13px;font-weight:600}.music-art-player small{display:block;font-size:10px;color:#b4aaae;margin-top:4px}.music-art-player .equalizer{margin-left:auto;margin-right:13px}.music-art-player .equalizer b{background:#eab28d;width:2px}.music-art-player>i svg{width:16px;height:16px}
.music-art-caption{position:absolute;bottom:21px;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#ac9593}
.card-shelf{background:linear-gradient(140deg,#edf4fe,#e4edfc)}
.shelf-art{height:285px;margin-top:30px}
.landscape{background:url('/assets/wallpaper-1280.webp') center/cover}.landscape:before,.landscape:after{display:none}
.card-shelf .floating-file{transition:transform .7s cubic-bezier(.22,1,.36,1)}
.card-shelf:hover .file-image{transform:translate(-7px,-12px) rotate(-16deg)}
.card-shelf:hover .file-pdf{transform:translate(10px,-9px) rotate(14deg)}
.card-shelf .shelf-tray{box-shadow:0 8px 30px #334d8410;border:1px solid #fff;transition:transform .5s,box-shadow .5s}
.card-shelf:hover .shelf-tray{transform:translateY(3px);box-shadow:0 8px 30px #334d8420}
.card-focus{background:linear-gradient(150deg,#f4effb,#ede8f7)}
.focus-art{height:280px;margin-top:27px;gap:28px}
.focus-orbit{position:relative;box-shadow:0 0 0 15px #ddd2f01c,0 0 0 30px #ddd2f01a}
.focus-orbit:before{content:"";position:absolute;inset:-13px;border:1px solid #b69bd82e;border-radius:50%;animation:focus-breathe 5s ease-in-out infinite}
@keyframes focus-breathe{0%,100%{transform:scale(.96);opacity:.4}50%{transform:scale(1.08);opacity:1}}
.card-clipboard{grid-column:1/-1;min-height:380px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;background:linear-gradient(110deg,#fff 45%,#f9fafc)}
.card-clipboard .card-copy{padding:50px 0 55px 52px}.card-clipboard h3{font-size:40px}
.card-clipboard .clipboard-art{height:auto;padding:25px 40px;margin:0;transform:rotate(-2deg)}
.card-clipboard .clip-search{background:#eceef2;padding:17px;border:1px solid #e5e7ec}
.card-clipboard .clip-row{padding:18px 12px;background:#fff;margin:8px 0;border:1px solid #eeeef2;border-radius:12px;box-shadow:0 6px 20px #15253f04;transition:transform .5s}
.card-clipboard .clip-row b{font-size:11px}.card-clipboard .clip-row div>span{font-size:9px}
.card-clipboard:hover .clip-row:nth-child(2){transform:translateX(-8px)}.card-clipboard:hover .clip-row:nth-child(3){transform:translateX(8px)}
.new-release{margin-top:78px}.new-release-heading{margin-bottom:35px}
.release-grid{gap:18px}.release-grid article{padding:25px 21px 28px;background:#fff;border:1px solid #eaeaee;border-radius:20px;transition:transform .3s,box-shadow .3s}.release-grid article:hover{transform:translateY(-4px);box-shadow:0 10px 25px #1a254508}.release-grid article>i{color:#6078aa;background:#f2f5fb;padding:10px;border-radius:12px;margin-bottom:12px}.release-grid h4{line-height:1.3}
.screens-section{background:#fafafa;padding-top:115px;padding-bottom:105px}
.screenshot-stage{width:100%;min-height:410px;padding:0 62px 100px;border-radius:28px;background:linear-gradient(#17203725,#29323f10),url('/assets/wallpaper-1280.webp') center 52%/cover;box-shadow:inset 0 0 0 1px #00000010,0 18px 45px #23385212}
.screenshot-stage img{box-shadow:0 20px 35px #0005;border-radius:0 0 26px 26px;aspect-ratio:auto}
.shot-glow{display:none}.shot-desktop-label{position:absolute;top:0;left:0;right:0;height:28px;padding:8px 17px;color:#fff;font-size:8px;display:flex;justify-content:space-between;background:#00000015}
.screenshot-controls{width:max-content;max-width:100%;margin:32px auto 17px;gap:3px;background:#eaeaee;border-radius:30px;padding:5px}
.screenshot-controls button{min-height:38px;padding:10px 22px;border:0;border-radius:25px;font-size:12px;transition:color .25s,background .25s,box-shadow .25s}
.screenshot-controls button[aria-pressed=true]{background:#fff;color:#1d1d1f;box-shadow:0 2px 7px #0000000b}.screenshot-controls button:hover{color:#1d1d1f}
.extras-grid{gap:30px;margin-top:70px}.extras-grid article{border-top:1px solid #dedee6;padding-top:26px}.extras-grid article>i{color:#536377}
.privacy-section{padding:105px 0}.privacy-inner{gap:75px}.privacy-visual{min-height:385px}.privacy-halo{width:365px;height:365px;background:radial-gradient(circle,#edf3f7,transparent 69%)}
.privacy-halo:before{inset:17px;border-color:#dce7ee}.privacy-halo:after{inset:52px;border-color:#dce7ee}
.privacy-visual:before{content:"";position:absolute;inset:50%;margin:-88px;width:176px;height:176px;border:1px solid #fff;border-radius:43px;transform:rotate(-8deg);background:linear-gradient(145deg,#fff,#edf2f5);box-shadow:0 15px 40px #31507014}
.privacy-visual>i{position:relative;transform:rotate(-8deg);color:#5e819b}.privacy-visual>i svg{width:90px;height:90px;stroke-width:1.3}
.download-section{position:relative;overflow:hidden;background:radial-gradient(ellipse 560px 380px at 50% 16%,#263d62 0%,#172339 48%,#0d1320 100%);color:#fff;padding-top:96px;padding-bottom:90px}
.download-section>.wrap{position:relative}.download-notch{position:absolute;top:-96px;left:50%;transform:translateX(-50%);width:210px;height:29px;background:#050609;border-radius:0 0 17px 17px;box-shadow:0 7px 35px #0004}.download-notch>span{position:absolute;right:21px;top:9px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#355977,#101827)}
.download-icon{filter:drop-shadow(0 13px 24px #0006);transition:transform .6s cubic-bezier(.22,1,.36,1)}.download-section:hover .download-icon{transform:translateY(-5px) rotate(-4deg)}
.download-section .eyebrow{color:#92abc9}.download-section h2{font-size:clamp(47px,5.5vw,73px);letter-spacing:-3.2px}.download-section h2+p{color:#b0bbcc}
.download-section .button{background:#f5f5f7;color:#172031;box-shadow:0 5px 25px #0002}.download-section .button:hover{background:white;box-shadow:0 10px 35px #0004}
.download-meta,.download-platform{color:#a0aebf}.download-section .install-callout{background:#ffffff06;border:1px solid #ffffff12;color:#a6b2c3}.install-callout strong{color:#d1d9e5}.download-section .install-callout a{color:#a2cafd}.download-section .source-link{color:#b9cce5}.download-section .source-link:hover{color:#fff}
.faq-section{padding-top:110px;padding-bottom:115px}.faq-wrap{grid-template-columns:.85fr 1.3fr;gap:85px}.faq-list summary{padding:24px 0;font-weight:550}.faq-list summary i{display:grid;place-items:center;background:#f0f0f4;border-radius:50%;width:28px;height:28px;flex-shrink:0}.faq-list summary:hover{color:#0066cc}
footer{background:#f7f7f9;padding-top:42px}.footer-top{padding-bottom:32px}
/* CSS loops only run while the relevant artwork is visible. */
.card-music .equalizer b,.focus-orbit:before{animation-play-state:paused}
.card-music.motion-visible .equalizer b,.card-focus.motion-visible .focus-orbit:before{animation-play-state:running}
@media(min-width:701px) and (max-width:1000px){
 .site-header .nav{width:calc(100% - 56px);padding-inline:21px}.site-header .nav-links{gap:20px;margin-inline:20px}.site-header .nav .brand{font-size:17px}
 .hero{padding-top:128px}.hero-copy h1{letter-spacing:-3.8px}
 .card-music .card-copy{padding:38px 0 42px 34px}.card-music h3{font-size:35px}.card-music .card-copy p{font-size:14px;max-width:295px}.music-art{height:360px}.album-stack{top:45px}.album-stack img{width:170px;height:170px}.album-left{transform:translate(-72px,10px) rotate(-17deg) scale(.86)}.album-right{transform:translate(72px,10px) rotate(13deg) scale(.86)}.card-music:hover .album-left{transform:translate(-81px,0) rotate(-20deg) scale(.86)}.card-music:hover .album-right{transform:translate(81px,0) rotate(18deg) scale(.86)}.music-art-player{width:265px;bottom:52px}.music-art-caption{bottom:22px;font-size:7px}
 .feature-card .card-copy{padding-inline:32px}.card-clipboard .card-copy{padding-block:42px}.card-clipboard h3{font-size:34px}.card-clipboard .clipboard-art{padding-inline:20px}.screenshot-stage{min-height:330px;padding-inline:40px}.privacy-inner{gap:40px}.privacy-halo{width:310px;height:310px}.release-grid{grid-template-columns:1fr 1fr;gap:18px}
}
@media(max-width:700px){
 .site-header .nav,.site-header.is-scrolled .nav{width:calc(100% - 36px);min-height:59px;padding:0 16px 3px;border-radius:0 0 23px 23px;display:grid;grid-template-columns:1fr auto auto;column-gap:14px;align-content:start}
 .site-header .brand{font-size:16px;min-height:56px}.site-header .brand img{width:25px;height:25px}.site-header .nav-download{font-size:10px;padding:8px 12px;min-height:32px;gap:7px}.site-header .nav-download svg{width:12px;height:12px}
 .nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:#252529;width:30px;height:30px;border-radius:50%;padding:0}.nav-toggle span{display:block;width:12px;height:1px;background:#ddd;transition:transform .25s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
 .site-header .nav-links{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;max-height:0;overflow:hidden;visibility:hidden;opacity:0;gap:0 20px;transition:max-height .4s cubic-bezier(.22,1,.36,1),opacity .2s,visibility .4s,padding .4s}
 .site-header.menu-open .nav-links{max-height:150px;visibility:visible;opacity:1;padding:5px 4px 18px}.site-header .nav-links a{padding:12px 5px;min-height:40px;font-size:13px}.site-header .nav-links a:after{left:auto;right:5px;bottom:19px}.site-header .nav-links a:focus-visible{outline-offset:-2px}.nav-progress{left:24px;right:24px}
 .hero{padding-top:111px}.hero-copy h1{font-size:clamp(38px,7.8vw,55px);letter-spacing:-2.5px}.hero-description{font-size:16px}
 .features{padding-block:68px}.features .section-heading{margin-bottom:33px}.features h2{font-size:36px}.feature-grid{gap:20px}.feature-card{border-radius:25px;min-height:570px}.feature-card .card-copy{padding:33px 28px 0}.card-music{grid-column:auto;display:block;min-height:640px}.card-music h3{font-size:35px}.card-music .card-copy p{font-size:14px;max-width:450px}.music-art{height:355px}.album-stack{top:29px;height:220px}.album-stack img{width:178px;height:178px}.album-left{transform:translate(-80px,12px) rotate(-17deg) scale(.83)}.album-right{transform:translate(80px,12px) rotate(13deg) scale(.83)}.card-music:hover .album-left{transform:translate(-87px,8px) rotate(-20deg) scale(.83)}.card-music:hover .album-right{transform:translate(87px,8px) rotate(18deg) scale(.83)}.music-art-player{width:calc(100% - 64px);max-width:340px;bottom:52px}.music-art-caption{bottom:25px;font-size:7px;letter-spacing:1.5px}
 .card-clipboard{grid-column:auto;display:block;min-height:565px}.card-clipboard h3{font-size:34px}.card-clipboard .clipboard-art{padding:30px 25px 28px}.card-clipboard .clip-row b{font-size:10px}.card-clipboard .clip-row{padding:14px 9px}.shelf-art{height:265px}.focus-art{height:280px;margin-top:25px}.new-release{margin-top:52px}.new-release-heading{margin-bottom:25px}.release-grid{gap:12px}.release-grid article{padding:21px 17px;border-radius:17px}.release-grid h4{font-size:14px}.release-grid p{font-size:12px}
 .screens-section{padding-block:70px}.screenshot-stage{min-height:190px;padding:0 17px 64px;border-radius:18px}.screenshot-stage img{border-radius:0 0 12px 12px}.shot-desktop-label{font-size:5px;padding:5px 7px;height:18px}.screenshot-controls{margin-top:24px}.screenshot-controls button{padding:9px 17px;font-size:11px;min-height:36px}.extras-grid{gap:27px;margin-top:46px}.extras-grid article{padding:24px 0 0 43px}.extras-grid article>i{top:24px}
 .privacy-section{padding:32px 0 70px}.privacy-inner{gap:15px}.privacy-visual{min-height:270px}.privacy-halo{width:280px;height:280px}.privacy-visual:before{margin:-70px;width:140px;height:140px;border-radius:33px}.privacy-visual>i svg{width:74px;height:74px}
 .download-section{padding:82px 0 65px}.download-notch{top:-82px;width:155px;height:24px}.download-notch>span{top:7px}.download-section h2{font-size:49px;letter-spacing:-2.3px}.download-section .install-callout{font-size:11px}.faq-section{padding-block:70px}.faq-wrap{grid-template-columns:1fr;gap:34px}.faq-list summary{font-size:14px;padding:21px 0}footer{padding-top:32px}
}
@media(max-width:365px){.site-header .nav{column-gap:9px;padding-inline:12px}.site-header .brand{font-size:15px;gap:5px}.site-header .brand img{width:22px;height:22px}.site-header .nav-download{padding-inline:9px;font-size:9px}.hero-copy h1{font-size:36px;letter-spacing:-2.1px}.feature-card .card-copy{padding-inline:23px}.card-music h3{font-size:32px}.album-stack img{width:155px;height:155px}.album-left{transform:translate(-65px,12px) rotate(-17deg) scale(.8)}.album-right{transform:translate(65px,12px) rotate(13deg) scale(.8)}.music-art-player{width:calc(100% - 36px)}.release-grid article{padding:19px 13px}.features h2{font-size:33px}.screenshot-controls button{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.hero-copy>*{animation:none}.card-music:hover .album-front,.card-music:hover .album-left,.card-music:hover .album-right,.card-shelf:hover .floating-file,.card-clipboard:hover .clip-row{transition:none}.site-header .nav{transition:none}}
/* Hero kicker: names the product inside the h1, the way the social card does. */
#hero-title .hero-kicker{display:block;margin-bottom:14px;font-size:17px;font-weight:600;letter-spacing:-.2px;line-height:1.4;color:#6e6e73}
@media (max-width:700px){#hero-title .hero-kicker{font-size:13px;margin-bottom:10px}}
/* Links from the home page into the feature pages. */
.tour-learn{display:block;margin-top:13px;font-size:13px;color:#0066cc}
.tour-learn:hover{text-decoration:underline;text-underline-offset:3px}
.extras-grid h3 a{color:inherit}
.extras-grid h3 a:hover{color:#0066cc}
.wn-all a{color:inherit;text-decoration:underline;text-underline-offset:2px}