html,body{background:#fff5e8;color:#40131c}
@font-face{font-family:DM;src:url('fonts/sans-400.ttf')}@font-face{font-family:DM;src:url('fonts/sans-600.ttf');font-weight:600}@font-face{font-family:DM;src:url('fonts/sans-800.ttf');font-weight:800}@font-face{font-family:Lilita;src:url('fonts/lilita.ttf');font-display:swap}
:root{--paper:#fff5e8;--ink:#40131c;--pink:#e2c0af;--berry:#8b263b;--muted:#71584f;--line:#40131c30;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 DM,Arial,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:105px}body:before{content:'';position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}img{max-width:100%;height:auto}button,.button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--berry);outline-offset:5px}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.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{position:fixed;top:-80px;left:20px;z-index:50;padding:12px 20px;background:var(--ink);color:var(--paper)}.skip:focus{top:10px}
.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:95px}main{overflow:clip}h1,h2,h3{font-family:Lilita,DM,sans-serif;font-weight:400;letter-spacing:-.025em;line-height:1.04}h1 em,h2 em,h3 em{font:inherit;font-style:normal}h2{font-size:clamp(40px,4.3vw,66px)}h2 em{color:var(--berry)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:12px 24px;border:2px solid var(--ink);border-radius:13px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:800;box-shadow:3px 4px 0 #8b263b55;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-3px);box-shadow:4px 7px 0 #8b263b55}.button:active{transform:translate(2px,2px);box-shadow:0 1px 0 #8b263b55}.inline-link{display:inline-flex;align-items:center;gap:13px;min-height:44px;border-bottom:1px solid currentColor;font-size:13px;font-weight:600}.inline-link .icon{width:17px;height:17px}.text-button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 0;background:none;border:0;font-size:14px;font-weight:600}.play-icon{display:grid;place-items:center;width:30px;height:30px;border:2px solid currentColor;border-radius:50%;line-height:0}.play-icon .icon{width:16px;height:16px;transform:translateX(1px)!important}
.header{height:98px;display:flex;align-items:center;gap:28px;position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:31px;height:31px}.brand>span{font:42px/1 Lilita,DM,sans-serif;letter-spacing:-2px}.brand-period{color:var(--berry)}.header nav{display:flex;align-items:center;justify-content:center;gap:27px;margin-left:auto;font-size:13px;font-weight:600}.header nav a{min-height:44px;display:flex;align-items:center;gap:6px}.header nav a[aria-current]{text-decoration:underline;text-underline-offset:8px}.header nav .icon{width:14px;height:14px}.header .button{font-size:12px;min-height:44px;padding:8px 18px;white-space:nowrap}.menu-toggle{display:none}.header.is-docked{position:fixed;top:12px;left:0;right:0;height:68px;border:2px solid var(--ink);border-radius:16px;background:var(--paper);padding-inline:20px;box-shadow:3px 4px 0 #40131c20;animation:arrive .35s var(--ease)}.header.is-docked .brand>span{font-size:32px}
.hero{position:relative;min-height:700px;padding:60px 0 150px;isolation:isolate}.hero-inner{position:relative;min-height:500px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;width:51%;animation:arrive .7s var(--ease) both}h1{font-size:clamp(70px,7.3vw,112px);line-height:.99;letter-spacing:-.035em}h1 em{color:var(--berry)}.hero-description{font-size:20px;line-height:1.5;margin-top:27px;font-weight:600;max-width:430px}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.download-icon{display:flex;align-items:center}.hero-proof{display:flex;align-items:center;gap:13px;width:fit-content;font-size:12px;margin-top:28px}.hero-proof strong{font:26px/1 Lilita,DM,sans-serif;color:var(--berry)}.hero-proof .icon{width:17px;height:17px}.hero-proof:hover{text-decoration:underline;text-underline-offset:5px}.hero-illustration{position:absolute;z-index:0;width:74%;right:-10%;top:-55px;pointer-events:none;animation:arrive .9s var(--ease) .1s both}.hero-illustration img{display:block;width:100%;animation:surf 6s ease-in-out infinite;transform-origin:60% 70%}.hero.is-offscreen img{animation-play-state:paused}.wave-edge{position:absolute;left:0;right:0;bottom:-1px;height:140px;overflow:hidden;z-index:1;pointer-events:none}.wave-edge svg{display:block;height:100%;width:200%;animation:wave-drift 15s linear infinite;transform:translateX(0)}.wave-edge.wave-offscreen svg{animation-play-state:paused}.wave-edge path{stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.wave-edge path:nth-child(1){fill:#681a28}.wave-edge path:nth-child(2){fill:#a14a4b}.wave-edge path:nth-child(3){fill:var(--pink)}
.proof.section.wrap{width:100%;padding-inline:max(48px,calc((100% - 1240px)/2));background:var(--pink);position:relative;padding-top:32px}.proof-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.proof-heading>p{font-size:15px;max-width:260px}.proof h2 em{color:var(--ink)}.proof-body{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:80px;margin-top:45px}.proof-stat{display:flex;align-items:center}.record-label{display:block;font-size:10px;font-weight:800;letter-spacing:1.5px}.proof-number{display:flex;align-items:baseline;font:190px/.95 Lilita,DM,sans-serif;letter-spacing:-9px;color:var(--berry);-webkit-text-stroke:2px var(--ink);text-shadow:4px 5px 0 var(--paper);margin:18px 0}.percent-sign{font-size:.57em;letter-spacing:-3px}.proof-stat-content>p{font-size:20px;font-weight:800}.memory-chart{min-width:0}.memory-row+.memory-row{margin-top:30px}.memory-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.memory-label>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.memory-label img{width:22px;height:22px}.memory-label strong{font:32px/1 Lilita,DM,sans-serif;white-space:nowrap}.memory-label small{font:11px DM,sans-serif}.legend-dot{width:20px;height:20px;display:inline-block;border:2px solid var(--ink);border-radius:50%;position:relative}.legend-dot:after{content:'';position:absolute;inset:5px;border-radius:50%;background:var(--ink)}.memory-track{height:36px;background:#fff5e85c;border:2px solid var(--ink);border-radius:10px;overflow:hidden}.memory-fill{height:100%;width:var(--fill);transform-origin:left center;background:var(--ink);border-right:2px solid var(--ink);border-radius:7px}.tide-fill{background:var(--berry)}.memory-axis{display:flex;justify-content:space-between;font-size:10px;margin-top:10px}.proof-replay{display:inline-flex;align-items:center;gap:9px;margin-top:22px;min-height:44px;border:0;background:none;font-size:12px;font-weight:600}.proof-replay .icon{width:18px;height:18px}.proof-footnote{display:flex;justify-content:flex-end;margin-top:25px}.sample-disclosure{margin-top:20px;border-block:1px solid #40131c45}.sample-disclosure summary{display:flex;align-items:center;gap:20px;min-height:64px;cursor:pointer;font-size:13px;font-weight:600}.sample-disclosure .disclosure-icon{margin-left:auto;width:17px;height:17px}.sample-summary{font-size:11px;font-weight:400}.sample-content{padding:20px 0 25px}.sample-content p{font-size:12px;max-width:750px}.sample-content>a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:600}.sample-legend{display:flex;gap:24px;font-size:12px}.sample-legend span{display:flex;align-items:center;gap:8px}.sample-legend i{width:9px;height:9px;border-radius:50%}.sample-chart{display:block;width:100%;max-width:850px;height:auto;margin:20px 0}.sample-chart text{fill:var(--ink)}
.try-player{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px 80px;align-items:center}.try-copy{grid-column:1;grid-row:1}.try-intro>p:not(.eyebrow){font-size:16px;max-width:350px;margin-top:25px}.try-benefits{padding:0;margin:30px 0 0;list-style:none}.try-benefits li{display:flex;gap:18px;padding:19px 0;border-top:1px solid var(--line)}.try-benefits li>span{font:26px/1.2 Lilita,DM,sans-serif;color:var(--berry);min-width:30px}.try-benefits h3{font:600 15px/1.5 DM,sans-serif;letter-spacing:0}.try-benefits p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:5px}.benefit-current>span{transform:rotate(-7deg)}.benefit-current h3{color:var(--berry)}.playground{grid-column:2;grid-row:1;min-width:0}.playground-label{font-size:10px;font-weight:800;letter-spacing:1.3px;margin-bottom:15px}.sample-stage{min-height:545px;display:flex;align-items:center}.sample-player{width:100%;background:var(--paper);border:2px solid var(--ink);border-radius:17px;overflow:hidden;box-shadow:7px 8px 0 var(--pink);position:relative}.sample-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:2px solid var(--ink);background:var(--pink)}.sample-top>span{display:flex;align-items:center;gap:8px;font:28px/1 Lilita,DM,sans-serif}.sample-top img{width:23px;height:23px}.sample-player button{border:0;background:none;min-height:44px;border-radius:9px}.sample-top>button{display:flex;align-items:center;gap:8px;padding:0 12px;border:1.5px solid var(--ink);background:var(--paper);font-size:11px;font-weight:600}.sample-top>button .icon{width:18px;height:18px}.sample-player button:hover{background:#e2c0af55}.sample-expanded{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .55s var(--ease),opacity .3s}.sample-expanded>div{overflow:hidden;min-height:0}.sample-heading{padding:24px 23px 15px}.sample-heading>span{font-size:9px;letter-spacing:1.2px;font-weight:600}.sample-heading h3{font-size:32px;margin-top:9px}.sample-tracks{padding:5px 13px 20px}.sample-player .sample-track{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;min-height:70px;text-align:left;border:1.5px solid transparent;border-radius:10px}.sample-track[aria-pressed=true]{background:var(--pink);border-color:var(--ink)}.sample-track>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.sample-track strong{font-size:13px;font-weight:600}.sample-track small{font-size:10px;color:var(--muted)}.sleeve{display:grid;place-items:center;width:41px;height:41px;flex:none;border:1px solid var(--ink);border-radius:6px;position:relative;overflow:hidden;background:#ad456b}.sleeve .icon{display:none}.sleeve:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 8px,#ffddd04d 9px,transparent 10px 14px)}.sleeve-1{background:#ba7d69}.sleeve-1:before{background:radial-gradient(circle at 68% 32%,#fff5e8 0 17%,transparent 19%),linear-gradient(150deg,transparent 44%,#5b3145 45% 70%,transparent 71%)}.sleeve-2{background:#745374}.sleeve-2:before{background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 6px,#f2b8d5 7px,transparent 8px 12px)}.track-length{font-size:11px}.track-playing{display:none;width:25px;align-items:center;justify-content:center;gap:3px}.track-playing i{height:14px;width:2px;background:var(--ink);animation:eq .9s ease-in-out infinite alternate}.track-playing i:nth-child(2){height:23px;animation-delay:-.3s}.track-playing i:nth-child(3){height:9px;animation-delay:-.6s}.sample-player[data-playing=true] .sample-track[aria-pressed=true] .track-length{display:none}.sample-player[data-playing=true] .sample-track[aria-pressed=true] .track-playing{display:flex}.sample-player.is-offscreen .track-playing i{animation-play-state:paused}.sample-controls{display:flex;align-items:center;gap:8px;border-top:2px solid var(--ink);padding:13px 17px;background:#f1e2d2}.sample-now{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.sample-now strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-now>span{font-size:10px}.sample-controls button{width:44px;min-width:44px;display:grid;place-items:center}.sample-controls .icon{width:21px;height:21px}.sample-controls .sample-play{background:var(--ink);color:var(--paper);border-radius:50%}.sample-controls .sample-play:hover{background:var(--berry)}.sample-controls button[aria-expanded=true]{background:var(--pink)}.sample-timeline{height:4px;background:#dca6b6;margin:0 17px 16px;border-radius:2px}.sample-timeline>span{display:block;height:100%;width:var(--sample-progress,20%);background:var(--berry);transition:width .3s linear}.sample-player.is-mini .sample-expanded,.sample-player.is-queue-open .sample-expanded{grid-template-rows:0fr;opacity:0}.sample-player.is-mini .sample-controls{padding-block:20px}.sample-queue{padding:20px 23px;min-height:323px}.sample-queue-label{display:flex;justify-content:space-between;gap:14px;font-size:12px}.sample-queue-label span{font-size:10px}.sample-queue ol{padding:10px 0 0;margin:0;list-style:none}.sample-queue li{display:flex;align-items:center;gap:12px;min-height:65px;border-top:1px solid var(--line);font-size:13px}.sample-queue li>span{flex:1}.sample-queue li>small{font:20px Lilita,DM,sans-serif}.sample-queue li button{width:44px;display:grid;place-items:center}.sample-queue .icon{transform:rotate(180deg);width:18px;height:18px}.sample-queue button:disabled{opacity:.25}.playground-bottom{display:flex;justify-content:flex-end;margin-top:10px}.playground-bottom>button{display:flex;align-items:center;gap:8px;min-height:44px;background:none;border:0;font-size:11px}.playground-bottom .icon{width:16px;height:16px}
.native-gallery{grid-column:1/-1;border-block:1px solid var(--line);margin-top:10px}.native-gallery>summary{display:flex;align-items:center;gap:20px;min-height:76px;cursor:pointer;font-size:14px;font-weight:600}.native-gallery>summary>span{margin-left:auto;font-size:11px;font-weight:400}.native-gallery>summary .icon{width:18px;height:18px;transition:transform .3s}.native-gallery[open]>summary .icon{transform:rotate(180deg)}.showcase{padding:25px 0 35px}.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.showcase-heading h2{font-size:40px}.showcase-heading>p{font-size:13px;max-width:300px}.tabs{display:flex;gap:8px;justify-content:center;margin:30px 0 20px}.tabs button{min-height:46px;display:flex;align-items:center;gap:8px;border:1.5px solid var(--ink);padding:9px 20px;border-radius:10px;background:none;font-size:13px;font-weight:600}.tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.tabs .icon{width:18px;height:18px}.view-stage{width:min(100%,900px);margin:auto;border:2px solid var(--ink);border-radius:14px;overflow:hidden;background:#f1e2d2}.view-stage [role=tabpanel]>img{display:block;width:100%;height:auto}.view-stage [role=tabpanel]>p{padding:15px 20px;font-size:13px}.mini-stage{display:flex;align-items:center;justify-content:center;min-height:250px;padding:35px}.mini-stage img{display:block;width:100%;border-radius:8px}
.jams{background:var(--ink);color:var(--paper);position:relative;padding:90px 0 110px}.jams:before,.jams:after{content:'';position:absolute;left:-2%;width:104%;height:25px;background:var(--paper);border-radius:0 0 50% 50%}.jams:before{top:-1px}.jams:after{bottom:-1px;background:var(--pink);border-radius:50% 50% 0 0}.jams-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.jams h2{font-size:clamp(45px,4.4vw,66px)}.jams h2 em{color:var(--pink)}.jams-grid>div:first-child>p:not(.eyebrow){font-size:16px;margin-top:25px;max-width:350px}.jams .inline-link{margin-top:24px;color:var(--pink)}.jam-demo{min-width:0;border:2px solid #200b15;border-radius:16px;padding:25px;background:var(--paper);color:var(--ink);box-shadow:7px 8px 0 #8b263b}.jam-demo-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;font-weight:800;letter-spacing:1px}.demo-indicator{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:0;font-weight:400}.demo-indicator i{width:6px;height:6px;background:var(--berry);border-radius:50%}.jam-peers{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:10px;margin-top:25px}.jam-peer{min-width:0}.peer-heading{display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--line)}.peer-heading>.icon{width:24px;height:24px}.peer-heading>div{display:flex;flex-direction:column}.peer-heading strong{font-size:13px;white-space:nowrap}.peer-heading span{font-size:8px;letter-spacing:1px}.peer-track{display:flex;align-items:center;gap:8px;min-height:70px}.track-art{width:29px;height:32px;background:var(--pink);display:grid;place-items:center;border:1px solid var(--ink);border-radius:5px;flex:none}.track-art .icon{width:17px;height:17px}.peer-track>div:not(.peer-eq){min-width:0;flex:1}.peer-track strong,.peer-track [data-jam-artist]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peer-track strong{font-size:11px}.peer-track [data-jam-artist]{font-size:9px;margin-top:3px}.peer-eq{display:flex;align-items:center;gap:2px}.peer-eq i{height:10px;width:2px;background:var(--berry);animation:eq .9s infinite alternate}.peer-eq i:nth-child(2){height:18px;animation-delay:-.2s}.peer-eq i:nth-child(3){height:13px;animation-delay:-.4s}.peer-eq i:nth-child(4){height:7px;animation-delay:-.6s}.peer-timeline{height:3px;background:#e5becb;overflow:hidden}.peer-timeline>span{display:block;width:30%;height:100%;background:var(--berry);animation:jam-progress 24s linear infinite}.jam-connection{display:flex;align-items:center;justify-content:center;padding-top:43px}.transfer-line{display:none}.transfer-note{display:flex;align-items:center;justify-content:center}.transfer-note .icon{width:20px;height:20px}.jam-next{margin-top:25px;padding:17px 0;display:flex;align-items:center;gap:15px;border-block:1px solid var(--line)}.jam-next>span{font-size:8px;letter-spacing:1px;font-weight:600;white-space:nowrap}.jam-next>div{display:flex;align-items:center;gap:10px;flex:1}.queue-index{font-size:9px}.jam-next strong{font-size:12px}.shared-badge{margin-left:auto;font-size:8px;display:flex;align-items:center;gap:5px}.shared-badge .icon{width:14px;height:14px}.jam-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.jam-demo-controls button{min-height:44px;display:flex;align-items:center;gap:7px;font-size:11px;background:none;border:0;border-radius:5px}.jam-demo-controls button:hover{background:var(--pink)}.jam-demo-controls .icon{width:15px;height:15px}.jam-demo.is-paused i,.jam-demo.is-paused .peer-timeline>span,.jam-demo.demo-offscreen i,.jam-demo.demo-offscreen .peer-timeline>span,.jam-demo.demo-hidden i,.jam-demo.demo-hidden .peer-timeline>span{animation-play-state:paused}
.download.section.wrap{width:100%;padding-inline:max(48px,calc((100% - 1240px)/2));background:var(--pink);display:grid;grid-template-columns:1fr 1fr;gap:40px 80px;padding-top:60px;padding-bottom:65px}.download-title{grid-column:1;grid-row:1}.download h2{font-size:76px}.download h2 em{color:var(--ink)}.download-title .button{margin-top:28px}.download-film{display:flex;margin-top:15px}.download-title>.inline-link{margin-top:15px;font-size:12px}.download-side{grid-column:2;grid-row:1;align-self:center;min-width:0}.closing-player{margin:0;min-height:180px;display:flex;align-items:center;justify-content:center}.closing-player img{width:100%;border:2px solid var(--ink);border-radius:10px;box-shadow:5px 6px 0 #8b263b55;transform:rotate(-2deg);transition:transform .5s var(--ease)}.closing-player:hover img{transform:none}.setup-guide{margin-top:30px;border-block:1px solid #40131c40}.setup-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;cursor:pointer;font-size:15px;font-weight:600}.setup-guide>summary .icon{width:18px;height:18px}.setup{list-style:none;padding:0;margin:0}.setup li{display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--line)}.setup-icon{display:flex;align-items:start;padding-top:2px}.setup-icon .icon{width:22px;height:22px}.setup h3{font:600 14px/1.5 DM,sans-serif;letter-spacing:0}.setup p{font-size:12px;line-height:1.8;margin-top:8px}.setup a{display:flex;align-items:center;gap:10px;min-height:42px;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.setup a .icon{width:15px;height:15px}.star-callout{grid-column:1/-1;display:flex;align-items:center;gap:22px;padding-top:28px;border-top:1px solid #40131c40;margin-top:15px}.star-icon{width:48px;height:48px;stroke:var(--ink);fill:var(--paper);stroke-width:1.3;flex:none;transition:transform .5s var(--ease)}.star-callout:hover .star-icon{transform:rotate(12deg)}.star-callout>div{display:grid;grid-template-columns:1fr auto;gap:7px 35px;align-items:center;width:100%}.star-callout h3{font-size:30px}.star-callout h3 em{color:var(--berry)}.star-callout p{font-size:13px;grid-column:1}.star-callout a{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:8px 23px;border:2px solid var(--ink);background:var(--paper);border-radius:10px;font-size:13px;font-weight:600;box-shadow:3px 3px 0 var(--ink)}.star-callout a .icon{width:16px;height:16px}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.questions details{border-bottom:1px solid var(--line)}.questions summary{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:75px;cursor:pointer;font-size:15px;font-weight:600}.questions summary .icon{width:19px;height:19px;transition:transform .25s}.questions details[open] summary .icon{transform:rotate(180deg)}.questions p{padding:0 30px 25px 0;font-size:14px;color:var(--muted);line-height:1.8}summary{list-style:none}summary::-webkit-details-marker{display:none}footer.wrap{width:100%;background:var(--ink);color:var(--paper);padding:35px max(48px,calc((100% - 1240px)/2))}.footer-main{display:flex;align-items:center;gap:40px}.footer-main p{font:28px Lilita,DM,sans-serif}.footer-main>a:last-child{margin-left:auto;font-size:12px;display:flex;align-items:center;gap:9px}.footer-main .icon{width:18px;height:18px}.session-dock{display:none!important}
#demo-dialog{background:#40131cf5}#demo-dialog .cinema-top h2{font-family:Lilita,DM,sans-serif;font-style:normal}.cinema-frame{border:2px solid var(--pink);box-shadow:7px 8px 0 #8b263b}.cinema-controls button{color:var(--paper)}.cinema-eyebrow{color:var(--pink)}
@keyframes wave-drift{to{transform:translateX(-50%)}}@keyframes surf{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(9px) rotate(1deg)}}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes eq{to{transform:scaleY(.4)}}@keyframes jam-progress{from{width:10%}to{width:85%}}
@media(max-width:1100px) and (min-width:761px){.wrap{width:calc(100% - 64px)}.header nav{gap:17px;font-size:12px}.header{gap:20px}.hero-illustration{width:80%;right:-17%;top:-5px}.hero-copy{width:57%}h1{font-size:84px}.hero-description{font-size:17px}.hero .actions{gap:16px;flex-wrap:wrap}.hero .button{font-size:12px;padding-inline:17px}.hero .text-button{font-size:12px}.try-player{gap:30px 40px;grid-template-columns:.85fr 1.15fr}.sample-controls>.sleeve{display:none}.proof-body{gap:40px}.proof-number{font-size:150px}.proof.section.wrap,.download.section.wrap{padding-inline:32px}.jams-grid{gap:40px;grid-template-columns:1fr 1.2fr}.jam-demo{padding:20px}.peer-track .track-art,.shared-badge{display:none}.download.section.wrap{gap:30px 45px}.download h2{font-size:65px}.faq{gap:50px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}html{scroll-padding-top:95px}.header{height:82px;gap:13px}.brand>span{font-size:36px}.brand img{width:27px;height:27px}.header .button{margin-left:auto;font-size:11px;padding-inline:14px;gap:9px}.header .button .icon{width:18px;height:18px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:15px 20px;box-shadow:3px 4px 0 #40131c30}.header nav.open{display:flex;align-items:stretch;flex-direction:column;gap:5px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;border:1.5px solid var(--ink);border-radius:10px;background:none}.menu-toggle span{height:1.5px;width:20px;background:var(--ink)}.header.is-docked{width:calc(100% - 24px);top:8px;height:66px;padding-inline:12px;gap:10px}.header.is-docked .brand>span{font-size:31px}.header.is-docked .brand{gap:6px}.header.is-docked .button{font-size:10px;padding-inline:11px}.header.is-docked nav{top:72px}.section{padding-block:62px}h2{font-size:43px}.eyebrow{font-size:9px;margin-bottom:17px}.hero{padding:37px 0 95px;min-height:0}.hero-inner{display:block;min-height:0}.hero-copy{width:100%}h1{font-size:clamp(63px,17vw,87px);line-height:.99}.hero-description{font-size:16px;line-height:1.5;margin-top:21px}.hero .actions{margin-top:24px;gap:18px}.hero .button{font-size:11px;padding-inline:16px;gap:9px;min-height:50px}.hero .text-button{font-size:11px;gap:7px}.hero .play-icon{width:26px;height:26px}.hero-proof{font-size:10px;margin-top:24px;gap:9px}.hero-proof strong{font-size:23px}.hero-proof .icon{width:15px;height:15px}.hero-illustration{position:relative;width:122%;right:auto;top:auto;margin:-5px -11% -35px;z-index:0}.hero-illustration img{width:100%}.wave-edge{height:85px}.proof.section.wrap{padding:25px 20px 50px}.proof-heading{display:block}.proof-heading>p{font-size:13px;max-width:260px;margin-top:22px}.proof-body{display:block;margin-top:30px}.proof-number{font-size:145px;margin:12px 0}.record-label{font-size:9px}.proof-stat-content>p{font-size:18px}.memory-chart{margin-top:35px}.memory-label{gap:9px}.memory-label>span{font-size:10px;gap:6px}.memory-label strong{font-size:27px}.memory-label small{font-size:9px}.memory-track{height:31px;border-radius:8px}.memory-axis{font-size:9px}.memory-row+.memory-row{margin-top:24px}.proof-footnote{margin-top:10px}.proof-footnote .inline-link{font-size:12px}.proof-replay{margin-top:15px;font-size:11px}.sample-disclosure{margin-top:14px}.sample-disclosure summary{font-size:12px;gap:10px}.sample-summary{display:none}.sample-legend{font-size:9px;gap:13px}.sample-content p{font-size:11px}.try-player{display:flex;flex-direction:column;gap:0;align-items:stretch;padding-top:55px}.try-copy{display:contents}.try-intro{order:0}.try-intro>p:not(.eyebrow){font-size:14px;margin-top:20px}.playground{order:1;margin-top:28px}.sample-stage{height:520px;min-height:520px}.sample-player{box-shadow:4px 5px 0 var(--pink);border-radius:13px}.sample-top{padding:13px 14px}.sample-top>span{font-size:25px}.sample-top>button{font-size:10px;padding-inline:9px}.sample-heading{padding:22px 18px 13px}.sample-heading h3{font-size:30px}.sample-heading>span{font-size:8px}.sample-tracks{padding-inline:8px}.sample-player .sample-track{min-height:67px;padding:8px;gap:10px}.sample-track strong{font-size:12px}.sample-track small{font-size:10px}.sleeve{width:36px;height:36px}.sample-controls{padding:13px 10px;gap:4px}.sample-controls>.sleeve{display:none}.sample-now strong{font-size:11px}.sample-now>span{font-size:9px}.sample-controls button{width:44px;min-width:44px}.sample-queue{padding-inline:18px;min-height:310px}.sample-queue-label{font-size:12px}.sample-queue-label span{font-size:9px}.sample-queue li{font-size:12px}.try-detail{order:2;margin-top:20px}.try-benefits{margin-top:0}.try-benefits li{padding:17px 0}.try-benefits h3{font-size:14px}.try-benefits p{font-size:12px}.try-benefits li>span{font-size:23px}.native-gallery{order:3;margin-top:20px}.native-gallery>summary{font-size:12px;gap:12px;min-height:70px}.native-gallery>summary>span{display:none}.native-gallery>summary>.icon{margin-left:auto}.showcase-heading{display:block}.showcase-heading h2{font-size:34px}.showcase-heading>p{font-size:12px;margin-top:20px}.tabs{margin-top:25px}.tabs button{font-size:12px;padding-inline:15px}.view-stage [role=tabpanel]>p{font-size:12px}.mini-stage{min-height:170px;padding:20px}.jams{padding:65px 0 70px}.jams-grid{display:block}.jams h2{font-size:46px}.jams-grid>div:first-child>p:not(.eyebrow){font-size:14px;margin-top:22px}.jams .inline-link{font-size:12px;margin-top:19px}.jam-demo{margin-top:35px;padding:18px 13px 12px;box-shadow:4px 5px 0 #8b263b}.jam-demo-top{font-size:8px;letter-spacing:.7px}.demo-indicator{font-size:9px}.jam-peers{grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr);gap:7px;margin-top:23px}.peer-heading{gap:7px;padding-bottom:12px}.peer-heading>.icon{width:20px;height:20px}.peer-heading strong{font-size:11px}.peer-heading span{font-size:7px}.peer-track .track-art{display:none}.peer-track{min-height:65px;gap:5px}.peer-track strong{font-size:10px}.peer-track [data-jam-artist]{font-size:8px}.peer-eq{gap:2px}.peer-eq i{width:2px}.jam-connection{padding-top:40px}.transfer-note .icon{width:17px;height:17px}.shared-badge{display:none}.jam-next{margin-top:20px;gap:10px}.jam-next strong{font-size:11px}.jam-demo-controls button{font-size:10px;gap:6px}.download.section.wrap{display:flex;flex-direction:column;padding:45px 20px 40px;gap:0}.download h2{font-size:60px}.download-title .button{margin-top:25px;font-size:13px}.download-film{font-size:12px}.download-title>.inline-link{font-size:11px}.download-side{margin-top:30px}.closing-player{min-height:135px}.closing-player img{box-shadow:3px 4px 0 #8b263b55}.setup-guide{margin-top:15px}.setup-guide>summary{font-size:14px}.setup p{font-size:12px}.setup-icon .icon{width:20px;height:20px}.star-callout{margin-top:30px;padding-top:25px;gap:16px}.star-icon{width:38px;height:38px;align-self:start;margin-top:4px}.star-callout>div{display:block}.star-callout h3{font-size:27px}.star-callout p{font-size:12px;margin-top:10px}.star-callout a{width:fit-content;font-size:12px;min-height:46px;margin-top:20px;padding-inline:16px}.faq{display:block;padding-block:50px}.faq h2{font-size:43px}.questions{margin-top:25px}.questions summary{font-size:13px;min-height:70px}.questions p{font-size:12px;padding-right:10px}.footer-main{gap:20px;flex-wrap:wrap}.footer-main .brand>span{font-size:40px}.footer-main p{font-size:23px}.footer-main>a:last-child{width:100%;margin:0;font-size:11px}footer.wrap{padding:30px 20px}.cinema-top{left:20px;right:20px;top:20px}}
@media(max-width:350px){.hero .actions{gap:12px}.hero .button{font-size:10px;padding-inline:12px}.hero .text-button{font-size:10px}.hero .play-icon{width:24px;height:24px}.brand>span{font-size:32px}.header .brand{gap:6px}.hero-description{font-size:15px}.hero-proof{font-size:9px}.memory-label>span{font-size:9px}.memory-label img,.legend-dot{width:17px;height:17px}.memory-label strong{font-size:24px}.peer-eq{display:none}.jam-demo-controls button{font-size:9px}.peer-heading>.icon{width:18px;height:18px}.sample-queue-label span{max-width:100px;text-align:right}.star-callout h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-illustration img,.closing-player img{transform:none!important}.memory-fill{transform:none!important}}

/* Quiet waves carry the illustration through the rest of the page. */
.proof{padding-bottom:110px!important}.chapter-wave{height:56px}.chapter-wave path:not(:last-child){display:none}.chapter-wave path:last-child{fill:var(--paper)}.jams .wave-top{top:-1px;bottom:auto;transform:rotate(180deg)}.jams .wave-bottom path:last-child{fill:var(--pink)}.jams:before,.jams:after{display:none}.jam-connection svg{width:31px;height:23px;fill:none;stroke:var(--berry);stroke-width:1.8;stroke-linecap:round}.hero-illustration{width:72%;right:-9%}
@media(max-width:760px){.hero-illustration{width:122%;right:auto}.proof{padding-bottom:80px!important}.chapter-wave{height:42px}}
.chapter-wave svg{clip-path:inset(2px 0)}
@media(max-width:350px){.hero .actions{flex-direction:column;align-items:flex-start;gap:10px}.hero .button{white-space:nowrap;padding-inline:18px;font-size:11px}.hero .text-button{font-size:12px;white-space:nowrap}}

/* App-first product tour: one stage, three useful views. */
.try-player{grid-template-columns:.78fr 1.22fr;column-gap:68px;align-items:center}
.try-benefits{margin-top:27px}.try-benefits li{padding:15px 0;gap:15px;transition:border-color .25s}
.try-benefits li>span{min-width:25px;padding-top:11px;transform:none}.try-benefits li>span .icon{width:24px;height:24px;stroke-width:1.7}
.try-benefits h3 button{display:flex;align-items:center;gap:10px;text-align:left;font:600 15px/1.4 DM,sans-serif;border:0;background:none;padding:0;min-height:44px;width:100%;border-radius:4px}
.feature-arrow{width:13px;height:13px;opacity:0;transform:translateX(-4px);transition:transform .2s,opacity .2s}
.try-benefits h3 button:hover .feature-arrow,.try-benefits h3 button:focus-visible .feature-arrow,.benefit-current .feature-arrow{opacity:1;transform:none}
.try-benefits p{margin-top:0;font-size:13px;line-height:1.7}.benefit-current{border-top-color:var(--berry)!important}
.playground{position:relative}.playground:before{content:'';position:absolute;right:12px;top:-26px;width:19px;height:23px;pointer-events:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg viewBox='0 0 24 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2Q14 12 22 14Q14 16 12 26Q10 16 2 14Q10 12 12 2Z' fill='%23e2c0af' stroke='%2340131c' stroke-width='1.6'/%3E%3C/svg%3E");transform:rotate(8deg);transition:transform .4s var(--ease)}
.playground:hover:before{transform:rotate(30deg) scale(1.1)}
.playground-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;font-size:9px;letter-spacing:1.1px}
.live-detail{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:0;font-weight:400;white-space:nowrap}.live-detail i{height:5px;width:5px;border-radius:50%;background:var(--berry)}
.app-viewer{border:0;margin:0;grid-column:auto}.app-viewer .showcase{padding:0}.app-viewer .tabs{justify-content:flex-start;gap:7px;margin:0 0 17px}
.app-viewer .tabs button{padding:8px 14px;font-size:11px;gap:7px;border-radius:10px;min-height:44px;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
.app-viewer .tabs button:hover{transform:translateY(-2px)}.app-viewer .tabs button .icon{width:17px;height:17px}
.app-viewer .view-stage{height:555px;width:100%;max-width:none;border:0;overflow:visible;background:none;margin:0}
.app-viewer [role=tabpanel]{height:100%;animation:tour-in .4s var(--ease)}
.app-viewer #view-home,.app-viewer #view-mini{display:flex;flex-direction:column;justify-content:center}
.app-zoom{display:block;width:100%;padding:0;text-align:left;border:0;background:none;border-radius:12px;cursor:zoom-in;color:var(--ink)}
.app-zoom>img{display:block;width:100%;max-height:480px;object-fit:contain;border:2px solid var(--ink);border-radius:12px;box-shadow:5px 6px 0 var(--pink);background:#11151a;transition:transform .45s var(--ease),box-shadow .45s}
.app-zoom:hover>img{transform:translateY(-3px);box-shadow:5px 9px 0 var(--pink)}
.zoom-hint{display:flex;align-items:center;justify-content:flex-end;gap:6px;font:10px DM,sans-serif;min-height:32px;padding:8px 3px 0}.zoom-hint .icon{width:13px;height:13px}
.app-viewer .view-stage [role=tabpanel]>p{font-size:12px;padding:7px 0 0;color:var(--muted)}
.app-viewer .mini-stage{padding:0;min-height:0;display:block}.app-viewer .mini-stage img{border:2px solid var(--ink)}
.app-viewer #view-controls{display:flex;flex-direction:column}.app-viewer .sample-stage{flex:1;min-height:0;height:auto}.app-viewer .playground-bottom{margin-top:5px;flex:none;height:44px}.app-viewer .sample-queue{min-height:315px}
.app-details{display:flex;align-items:center;gap:24px;padding-top:15px;margin-top:8px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.app-details>span{display:flex;align-items:center;gap:7px}.app-details .icon{width:15px;height:15px}
/* Independent wave speeds feel like water rather than a sliding border. */
.wave-edge svg{animation:none}.wave-edge path{transform-box:view-box;animation:wave-layer 19s linear infinite}
.wave-edge path:nth-child(2){animation-duration:15s;animation-delay:-5s}.wave-edge path:nth-child(3){animation-duration:24s;animation-delay:-12s}
.wave-edge.wave-offscreen svg path{animation-play-state:paused}.surf-depth{transform:translate3d(var(--depth-x,0px),var(--depth-y,0px),0);transition:transform .65s var(--ease)}
.image-open{overflow:hidden}
#app-image-dialog:not([open]){display:none}#app-image-dialog[open]{display:flex;flex-direction:column;position:fixed;inset:0;margin:auto;width:min(1240px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto;padding:22px;border:2px solid var(--ink);border-radius:17px;background:var(--paper);box-shadow:8px 9px 0 #8b263b66;color:var(--ink)}
#app-image-dialog::backdrop{background:#300e16d9;backdrop-filter:blur(7px)}.app-image-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px;flex:none}.app-image-top h2{font-size:26px}.app-image-top button{display:grid;place-items:center;min-width:44px;height:44px;padding:0;border:1.5px solid var(--ink);border-radius:10px;background:var(--pink)}
#app-image-dialog>img{display:block;align-self:center;width:auto;max-width:100%;max-height:calc(100dvh - 215px);object-fit:contain;border:1px solid var(--ink);border-radius:9px;min-height:0}
#app-image-dialog>p{font-size:12px;margin-top:15px;color:var(--muted);flex:none}
@keyframes wave-layer{to{transform:translateX(-50%)}}@keyframes tour-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:1100px) and (min-width:761px){.try-player{gap:35px;grid-template-columns:.85fr 1.15fr}.try-copy h2{font-size:47px}.try-intro>p:not(.eyebrow){font-size:14px}.try-benefits p{font-size:12px}.try-benefits h3 button{font-size:13px}.app-viewer .tabs button{font-size:10px;padding-inline:9px;gap:5px}.app-viewer .tabs .icon{width:15px;height:15px}.app-viewer .view-stage{height:500px}.app-zoom>img{max-height:420px}.app-details{gap:17px;font-size:9px}.app-details .icon{width:13px;height:13px}.playground-label{font-size:8px}.live-detail{font-size:9px}.app-viewer .sample-heading{padding:20px 18px 11px}.app-viewer .sample-heading h3{font-size:28px}.app-viewer .sample-tracks{padding-bottom:13px}.app-viewer .sample-track{min-height:62px}.app-viewer .sample-queue{min-height:280px}}
@media(max-width:760px){.try-intro>p:not(.eyebrow){max-width:335px;font-size:14px}.app-viewer .tabs{gap:5px}.app-viewer .tabs button{padding:8px 9px;font-size:10px;gap:5px;flex:1;justify-content:center}.app-viewer .tabs button .icon{width:15px;height:15px}.playground-label{font-size:8px;letter-spacing:.6px;margin-bottom:15px}.live-detail{font-size:9px;gap:5px}.app-viewer .view-stage{height:430px}.app-viewer [role=tabpanel]>p{font-size:11px!important;line-height:1.6}.app-zoom>img{max-height:360px;border-radius:9px;box-shadow:3px 4px 0 var(--pink)}.app-viewer .sample-heading{display:none}.app-viewer .sample-top{padding:12px 13px}.app-viewer .sample-tracks{padding-top:13px;padding-bottom:13px}.app-viewer .sample-track{min-height:62px}.app-viewer .sample-controls{padding-block:12px}.app-viewer .sample-timeline{margin-bottom:13px}.app-viewer .sample-queue{min-height:212px;padding-top:15px;padding-bottom:12px}.app-viewer .sample-queue li{min-height:62px}.app-viewer .sample-queue-label span{max-width:90px;text-align:right}.app-details{gap:20px;font-size:9px;margin-top:3px;padding-top:13px;justify-content:space-between}.app-details .icon{width:13px;height:13px}.try-detail{margin-top:25px}.try-benefits li{padding-block:14px;gap:13px}.try-benefits h3 button{font-size:14px}.try-benefits p{font-size:12px}.try-benefits li>span .icon{width:22px;height:22px}.playground:before{width:16px;height:19px;top:-20px;right:10px}.app-image-top h2{font-size:21px}#app-image-dialog[open]{width:calc(100vw - 24px);padding:14px;border-radius:12px;max-height:calc(100dvh - 32px)}#app-image-dialog>p{font-size:11px}.surf-depth{transform:none}}
@media(max-width:350px){.app-viewer .tabs button{font-size:9px;padding-inline:6px;gap:4px}.app-viewer .tabs button .icon{width:13px;height:13px}.app-details{font-size:8px;gap:10px}.playground-label{font-size:7px}.live-detail{font-size:8px}.try-benefits h3 button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.wave-edge path{animation:none!important;transform:none!important}.surf-depth{transform:none!important;transition:none!important}.app-viewer [role=tabpanel]{animation:none!important}.app-zoom>img{transform:none!important}}

/* Wine red, warm paper, and space for the product. */
:root{--paper:#fff5e8;--ink:#40131c;--berry:#8b263b;--pink:#e2c0af;--muted:#71584f;--line:#40131c30}
.wave-edge path:nth-child(1){fill:#591421}.wave-edge path:nth-child(2){fill:#9a3c44}.hero>.wave-edge path:nth-child(3){fill:#781f30}
.proof.section.wrap{background:#781f30;color:var(--paper)}.proof h2 em{color:#e9c6af}.proof-heading>p{color:#f2d9c6}.proof-number{color:#fff0d9;-webkit-text-stroke-color:#40131c;text-shadow:4px 5px 0 #40131c}
.proof .memory-track{background:#541423;border-color:#f4d8bd}.proof .chrome-fill{background:#ead8c3;border-color:#ead8c3}.proof .tide-fill{background:#bf7968;border-color:#f4d8bd}.proof .legend-dot{border-color:#f4d8bd}.proof .legend-dot:after{background:#f4d8bd}.proof .sample-disclosure{border-color:#f4d8bd55}.proof .sample-chart text{fill:#fff0d9}.proof .sample-content>a{color:#fff0d9}
.download.section.wrap{background:#681b2a;color:var(--paper)}.download h2 em{color:#e9c6af}.download-title>.button{background:var(--paper);color:#40131c;border-color:#40131c;box-shadow:4px 5px 0 #300a14}.download .setup-guide,.download .setup li,.download .star-callout{border-color:#f4d8bd44}.download .star-icon{fill:#e9c6af;stroke:#40131c}.download .star-callout h3 em{color:#e9c6af}.download .star-callout a{color:#40131c;background:#fff5e8}.download .closing-player img{border-color:#40131c;box-shadow:5px 6px 0 #350c16}.jams .wave-bottom path:last-child{fill:#681b2a}.jams{background:#40131c}.jams .jam-demo{box-shadow:6px 7px 0 #7b2b3d}.jams h2 em{color:#e9c6af}.jams .inline-link{color:#e9c6af}
.sample-top{background:#ead4bf}.sample-track[aria-pressed=true]{background:#ead4bf}.sample-controls{background:#f1e2d2}.sample-timeline{background:#d1afa0}.proof .sample-disclosure summary .icon{color:#fff5e8}
.app-zoom>img{box-shadow:5px 6px 0 #8b263b30}.app-zoom:hover>img{box-shadow:5px 9px 0 #8b263b30}.playground:before{opacity:.85}.hero-proof strong{color:#8b263b}
.proof:focus-visible,.download:focus-visible{outline-color:#fff5e8}.proof button:focus-visible,.proof a:focus-visible,.proof summary:focus-visible,.download button:focus-visible,.download a:focus-visible,.download summary:focus-visible{outline-color:#fff5e8}

/* A grounded mascot on the raised, rolling water. */
.hero{padding-bottom:125px;min-height:700px}.hero>.wave-edge{height:240px;z-index:1}.hero>.wave-edge svg{width:100%}.hero>.wave-edge path{animation:none!important;transform:none!important}
.hero-illustration.standing{position:absolute;width:340px;left:76%;top:var(--disc-foot-y,590px);right:auto;bottom:auto;margin:0;z-index:3;animation:none;transform:translate(-50%,-100%) rotate(var(--disc-tilt,0deg));transform-origin:50% 100%;pointer-events:none}
.hero-illustration.standing .surf-depth{transform:none;transition:none}.hero-illustration.standing img{width:100%;display:block;animation:none;transform:none}
.brand img{width:37px;height:34px}.header .brand>span{letter-spacing:-1.3px}.header.is-docked .brand img{width:31px;height:29px}.sample-top img{width:25px;height:23px}
@media(max-width:1100px) and (min-width:761px){.hero-illustration.standing{width:280px;left:77%}.hero-copy{width:58%}}
@media(max-width:760px){.hero{padding-bottom:365px;min-height:0}.hero>.wave-edge{height:195px}.hero-illustration.standing{width:200px;left:71%;top:var(--disc-foot-y,600px)}.hero-inner{min-height:0}.brand img{width:31px;height:29px}.header.is-docked .brand img{width:28px;height:26px}}
@media(max-width:350px){.hero{padding-bottom:340px}.hero-illustration.standing{width:175px;left:70%}.hero>.wave-edge{height:180px}}

/* One illustrated support moment, integrated with the download chapter. */
.download .star-callout{position:relative;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:15px;box-shadow:5px 6px 0 #350c16;display:grid;grid-template-columns:84px minmax(0,1fr);gap:25px;margin-top:28px;padding:25px 30px}
.download .star-callout .star-icon{width:84px;height:84px;fill:none;stroke:none;align-self:center;filter:none;transform:rotate(-5deg);transition:transform .5s var(--ease)}
.download .star-callout:hover .star-icon{transform:rotate(3deg)}
.download .star-callout>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 35px;align-items:center}
.download .star-callout h3{font-size:32px;line-height:1.05}.download .star-callout h3 em{display:block;color:var(--berry);margin-top:3px}
.download .star-callout p{font-size:12px;line-height:1.6;color:var(--muted);grid-column:1}
.download .star-callout a{grid-column:2;grid-row:1/3;min-height:50px;padding:12px 24px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);box-shadow:3px 4px 0 #8b263b30;gap:18px;transition:transform .2s,box-shadow .2s}
.download .star-callout a:hover{transform:translateY(-2px);box-shadow:4px 6px 0 #8b263b30}.download .star-callout a .icon{width:19px;height:19px;stroke-width:1.6;transition:fill .2s}.download .star-callout a:hover .icon{fill:#ead4bf}
.download .star-callout a:focus-visible{outline-color:var(--berry)}
@media(max-width:760px){.download .star-callout{grid-template-columns:57px minmax(0,1fr);gap:15px;padding:22px 18px;margin-top:30px;border-radius:12px;box-shadow:3px 4px 0 #350c16}.download .star-callout .star-icon{width:57px;height:57px;align-self:start;margin-top:4px}.download .star-callout>div{display:block}.download .star-callout h3{font-size:27px}.download .star-callout p{font-size:12px;margin-top:12px}.download .star-callout a{margin-top:20px;min-height:47px;font-size:12px;padding:10px 17px;gap:13px}}
@media(max-width:350px){.download .star-callout{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:20px 13px}.download .star-callout .star-icon{width:44px;height:44px}.download .star-callout h3{font-size:25px}.download .star-callout a{font-size:11px;padding-inline:13px;gap:10px}}

.hero-inner{align-items:flex-start}.hero-copy{padding-top:18px}
@media(max-width:760px){.hero-copy{padding-top:0}.hero{padding-bottom:330px}.download-title{order:0}.download-side{order:1}.download .star-callout{order:2}}
@media(max-width:350px){.hero{padding-bottom:315px}}
@media(min-width:351px) and (max-width:760px){.hero{padding-bottom:355px}}

/* A proper wave face and curling lip rise into the open right-hand space. */
.hero>.wave-edge{height:620px;overflow:hidden}.hero>.wave-edge svg{overflow:hidden}
.hero>.wave-edge .foam-outline{fill:none;stroke:#40131c;stroke-width:17;stroke-linecap:round;stroke-linejoin:round}
.hero>.wave-edge .crest-foam{fill:none;stroke:#fff0d9;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}
.hero>.wave-edge .water-current{fill:none;stroke:#c78774;stroke-width:3;stroke-linecap:round;stroke-dasharray:70 145;opacity:.7}
.hero>.wave-edge .crest-spray{fill:#fff0d9;stroke:#40131c;stroke-width:1.2}
.hero-illustration.standing.surfing{left:var(--disc-anchor-x,69%);width:320px;z-index:3;transform:translate(-50%,-100%) rotate(var(--disc-tilt,0deg))}
.hero-illustration.standing img.rider-board{position:absolute;width:126%;max-width:none;height:auto;left:-13%;bottom:calc(var(--board-scale,1)*-45px);z-index:-1;animation:none;transform:none}
.hero-copy{width:48%}.brand img{width:116px;height:54px;object-fit:contain}.header.is-docked .brand img{width:94px;height:47px}.footer-main .brand img{width:110px;height:54px}.sample-top>span>img{width:83px;height:40px}
@media(max-width:1100px) and (min-width:761px){.hero>.wave-edge{height:520px}.hero-copy{width:54%}.hero-illustration.standing.surfing{width:230px;left:var(--disc-anchor-x,79%)}.brand img{width:100px;height:50px}}
@media(max-width:760px){.hero-copy{width:100%}.hero>.wave-edge{height:330px}.hero-illustration.standing.surfing{width:175px;left:var(--disc-anchor-x,66%)}.brand img{width:96px;height:48px}.header.is-docked .brand img{width:85px;height:43px}.hero{padding-bottom:365px}}
@media(max-width:350px){.hero>.wave-edge{height:295px}.hero-illustration.standing.surfing{width:150px}.brand img{width:83px;height:43px}.header.is-docked .brand img{width:77px;height:40px}.hero{padding-bottom:335px}}
@media(min-width:1101px) and (max-width:1350px){.hero-illustration.standing.surfing{width:280px}}
.hero>.wave-edge .crest-foam{stroke-dasharray:90 4 34 3}

/* Illustrated water replaces the rejected flat SVG band. */
.hero>.wave-edge.illustrated-ocean{background:linear-gradient(180deg,transparent 78%,#781f30 100%);overflow:hidden;isolation:isolate}
.hero>.wave-edge .ocean-scene{display:block;position:absolute;bottom:0;left:var(--ocean-left,0px);width:var(--ocean-width,100%);height:100%;overflow:visible;animation:none}
.hero>.wave-edge .ocean-current{fill:none!important;stroke:#fff0d9;stroke-width:2.3;stroke-dasharray:38 190;stroke-linecap:round;opacity:.3}
.hero>.wave-edge .flow-flecks{fill:#fff0d9;stroke:none}
.hero-illustration.standing.surfing .rider-wake{position:absolute;left:-13%;width:126%;height:auto;bottom:calc(var(--board-scale,1)*-35px);overflow:visible;z-index:2;pointer-events:none}
.rider-wake .wake-water{fill:#781f30;fill-opacity:.82;stroke:none}.rider-wake .wake-foam{fill:none;stroke:#fff0d9;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:30 6 12 5;stroke-dashoffset:var(--wake-phase,0px)}
.rider-wake .wake-trail{fill:none;stroke:#fff0d9;stroke-width:1.8;stroke-linecap:round;opacity:.7}
.brand{gap:9px}.header .brand .brand-symbol{width:43px;height:42px}.header .brand .brand-word{width:93px;height:44px}.header.is-docked .brand .brand-symbol{width:34px;height:34px}.header.is-docked .brand .brand-word{width:78px;height:38px}
.footer-main .brand .brand-symbol{width:39px;height:38px}.footer-main .brand .brand-word{width:90px;height:43px}
@media(max-width:1100px) and (min-width:761px){.hero-illustration.standing.surfing{width:220px}}
@media(max-width:760px){.hero{padding-bottom:310px}.header .brand{gap:6px}.header .brand .brand-symbol{width:34px;height:34px}.header .brand .brand-word{width:72px;height:36px}.header.is-docked .brand .brand-symbol{width:30px;height:30px}.header.is-docked .brand .brand-word{width:67px;height:34px}.hero-illustration.standing.surfing{width:170px}}
@media(max-width:350px){.hero{padding-bottom:265px}.header .brand .brand-symbol{width:29px;height:29px}.header .brand .brand-word{width:62px;height:32px}.header.is-docked .brand .brand-symbol{width:27px;height:27px}.header.is-docked .brand .brand-word{width:58px;height:31px}.hero-illustration.standing.surfing{width:145px}}

/* A quiet tail wake: no opaque water patch or marching stripe beneath the board. */
.rider-wake .wake-trail{stroke:#fff0d9;stroke-width:2;stroke-linecap:round;opacity:var(--wake-opacity,.55)}
.rider-wake .wake-spray{stroke-width:1.5;opacity:.55}