:root{--bg:#0b0c0d;--bg2:#151719;--surface:#202123;--text:#eee6d9;--soft:#b5afa7;--muted:#A6A39B;--gold:#c6aa79;--gold2:#998361;--stroke:rgba(198,170,121,.19);--serif:'Inter',Arial,sans-serif;--sans:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img,svg{max-width:100%}::selection{background:var(--gold);color:#121212}.wrap{max-width:1320px;padding:0 55px;margin:0 auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;padding:10px 20px;background:var(--gold);color:#141414}.skip-link:focus{top:10px}.site-grain{pointer-events:none;position:fixed;inset:0;z-index:120;opacity:.095;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.site-header{position:fixed;z-index:80;width:100%;top:0;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(12,13,14,.68);backdrop-filter:blur(23px);-webkit-backdrop-filter:blur(23px)}.nav-shell{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:500;letter-spacing:.025em;font-size:19px}.brand img{border-radius:50%}.brand em{font:italic 22px var(--serif);color:var(--gold);margin-left:1px}.nav-links{display:flex;align-items:center;gap:34px;margin-left:auto}.nav-links a{font-size:12px;letter-spacing:.06em;color:#b5b2ab;transition:color .2s}.nav-links a:hover{color:#fff}.nav-cta{font-size:11px;letter-spacing:.09em;padding:14px 19px;border:1px solid rgba(198,170,121,.45);color:var(--gold);white-space:nowrap}.nav-cta span{margin-left:12px}.menu-toggle{display:none;background:none;border:0;width:36px;height:36px;flex-direction:column;justify-content:center;gap:7px}.menu-toggle span{width:28px;height:1px;background:var(--gold);display:block;transition:transform .2s}.hero{position:relative;min-height:850px;padding-top:85px;overflow:hidden;background:radial-gradient(ellipse 55% 64% at 78% 49%,#25211c 0%,#121314 57%,#0b0c0d 96%)}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0c0d 0%,transparent 67%);opacity:.7}.hero-glow{position:absolute;right:-13%;top:17%;width:73%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(175,130,62,.16),transparent 60%);filter:blur(30px)}.hero-inner{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;min-height:720px;position:relative;z-index:2}.hero-copy{padding:100px 0 95px;position:relative;z-index:2}.eyebrow,.section-label,.micro-label{font-size:10px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 31px}.eyebrow-stroke,.small-line{width:26px;height:1px;display:inline-block;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif)}h1{font-size:clamp(84px,8.1vw,137px);line-height:.88;letter-spacing:-.027em;margin:0 0 35px;white-space:nowrap}h1 i,h2 i,h3 i,.statement em{font-family:var(--serif);font-style:italic;color:var(--gold);font-weight:400}.gold-dot{color:var(--gold)}.hero-desc{max-width:430px;font-size:18px;line-height:1.75;color:#e7e0d5}.hero-subdesc{color:var(--muted);font-size:13px;line-height:1.8;max-width:420px;margin:0 0 33px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.btn{padding:17px 24px;display:inline-flex;gap:34px;align-items:center;justify-content:space-between;transition:background .2s,transform .2s;min-height:51px;font-size:12px;letter-spacing:.04em}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#11120f;font-weight:700}.btn-gold:hover{background:#dec399}.text-action{display:inline-flex;align-items:center;gap:11px;font-size:12px;color:var(--text)}.play-ring{border:1px solid var(--gold2);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:9px;color:var(--gold)}.hero-micro{margin-top:35px;font-size:10px;color:#88837a;letter-spacing:.03em}.thin-star{color:var(--gold);margin-right:8px}.hero-art{height:680px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-plate{position:relative;width:min(37vw,560px);height:min(37vw,560px);transform:rotate(-15deg) perspective(900px) rotateX(6deg);filter:drop-shadow(18px 26px 40px #000)}.hero-handpan{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 27% 19%,#726043 1%,#39342b 19%,#272825 39%,#131617 67%,#090b0c 95%);box-shadow:inset 0 0 5px #d7b57788,inset -30px -35px 62px #000c,inset 18px 20px 54px #86745235,0 0 0 2px #806b48,0 0 0 10px #181715,0 0 0 12px #6d5b4088,0 0 0 16px #0a0b0b}.hero-handpan::after{content:"";inset:5%;position:absolute;border:1px solid rgba(208,179,122,.19);border-radius:50%}.handpan-shadow{position:absolute;inset:9%;border-radius:50%;border:1px solid #84785d2d;box-shadow:inset 30px 20px 34px #201e1990}.hp-inner-ring{position:absolute;inset:27%;border-radius:50%;border:1px solid #8a785447}.hp-ding{position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle at 38% 29%,#857356,#524939 31%,#171d1d 76%);border:2px solid #b49d6a9c;box-shadow:0 0 0 10px #141a1a,0 0 0 12px #806b4d,10px 18px 24px #0008,inset 9px 12px 17px #d2b17d20}.hp-ding span{display:block;position:absolute;inset:24%;border:2px solid #bb9c6b75;border-radius:50%;box-shadow:inset 5px 5px 8px #dfbc7b21}.hp-note{position:absolute;width:19%;height:15%;border-radius:47%/45%;background:radial-gradient(ellipse at 35% 20%,#867658 0%,#51483a 18%,#262823 55%,#101313 88%);border:2px solid #b09a6970;box-shadow:inset 0 0 0 5px #1517175e,4px 9px 12px #080a0ab0}.hp-note-1{top:8%;left:39%;transform:rotate(3deg)}.hp-note-2{top:18%;right:14%;transform:rotate(52deg)}.hp-note-3{top:44%;right:5%;transform:rotate(90deg)}.hp-note-4{bottom:17%;right:16%;transform:rotate(-52deg)}.hp-note-5{bottom:8%;left:41%;transform:rotate(8deg)}.hp-note-6{bottom:18%;left:13%;transform:rotate(42deg)}.hp-note-7{top:43%;left:5%;transform:rotate(90deg)}.hp-note-8{top:18%;left:14%;transform:rotate(-52deg)}.hero-orbit{position:absolute;border:1px solid #a68d5930;border-radius:50%;width:630px;height:630px;animation:breath 6s ease-in-out infinite}.orbit-two{width:745px;height:745px;opacity:.45;animation-delay:-3s}@keyframes breath{0%,100%{opacity:.35;transform:scale(.985)}50%{opacity:.75;transform:scale(1.025)}}.hero-art-label{position:absolute;font-size:9px;line-height:1.9;letter-spacing:.16em;color:#afa38d}.hero-art-label-left{left:4%;bottom:19%}.hero-art-label-right{right:1%;top:16%;text-align:right}.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding-top:17px;padding-bottom:28px;border-top:1px solid rgba(255,255,255,.08);font-size:9px;color:#797a77;letter-spacing:.18em}.scroll-indicator span{color:var(--gold);margin-left:17px}.statement-section{background:#171819;border-top:1px solid #232526;border-bottom:1px solid #292826}.statement-inner{padding-top:124px;padding-bottom:115px;display:grid;grid-template-columns:185px 1fr;gap:30px}.statement-inner>.section-label{grid-row:span 2;padding-top:12px}.section-label span{margin:0 5px;color:#6f6b62}.statement{font-family:var(--serif);font-size:clamp(38px,4.4vw,70px);line-height:1.12;max-width:880px;letter-spacing:-.02em;margin:0}.statement-detail{display:flex;gap:22px;align-items:flex-start;max-width:410px;margin-top:15px}.statement-detail p{font-size:13px;line-height:1.9;color:var(--muted)}.statement-detail .small-line{flex-shrink:0;margin-top:11px}.section-pad{padding-top:145px;padding-bottom:145px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:66px}.section-heading h2,.soundscape-copy h2,.studio-copy h2,.faq-intro h2,.download-inner h2{font-size:clamp(50px,6vw,91px);line-height:.98;letter-spacing:-.02em;margin:18px 0 0}.heading-side{max-width:300px;font-size:13px;line-height:1.95;color:var(--soft);padding-bottom:6px;margin:0}.experience-section{background:#0c0e0f}.demo-panel{border:1px solid rgba(198,170,121,.22);background:#141617;overflow:hidden}.demo-topline{display:flex;justify-content:space-between;border-bottom:1px solid rgba(198,170,121,.14);font-size:9px;letter-spacing:.16em;color:#8f8c83;padding:19px 26px}.live-dot{display:inline-block;height:6px;width:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #c6aa7988;margin-right:8px}.demo-columns{display:grid;grid-template-columns:1.12fr 1fr}.demo-instrument-column{padding:34px 38px 30px;background:radial-gradient(ellipse at 50% 50%,#25221c 0%,#151719 48%,#111314 85%);border-right:1px solid #ffffff12}.demo-controls-column{padding:66px 52px 48px}.instrument-intro h3,.demo-controls-column h3{font:normal 37px/1.04 var(--serif);letter-spacing:-.015em;margin:16px 0}.instrument-intro h3 i,.demo-controls-column h3 i{color:var(--gold);font-weight:normal}.instrument-intro p:not(.micro-label),.demo-text{font-size:13px;line-height:1.9;color:var(--muted);max-width:340px}.instrument-stage{display:grid;place-items:center;position:relative;max-width:470px;margin:5px auto 0}.instrument-ring{position:absolute;border:1px solid #b69a5f20;border-radius:50%;width:91%;aspect-ratio:1}.instrument-ring-2{width:108%}.interactive-handpan{position:relative;width:100%;max-width:475px;filter:drop-shadow(8px 28px 35px #0009);overflow:visible}.hit-zone{cursor:pointer;outline:0;transform-origin:center;transition:filter .2s}.hit-zone ellipse:first-child{fill:url(#panField);stroke:rgba(195,165,112,.58);stroke-width:2.3;transition:stroke .18s,filter .18s}.hit-zone text{text-anchor:middle;fill:#a99b83;font:12px var(--sans);letter-spacing:.08em;pointer-events:none}.hit-zone:hover ellipse:first-child,.hit-zone.active ellipse:first-child{stroke:#e5c58a;filter:drop-shadow(0 0 10px #d9ad62aa)}.hit-zone.active text{fill:#f2d79e}.hit-zone:focus-visible ellipse:first-child{stroke:#fff;stroke-width:5}.ding-zone ellipse:first-child{fill:url(#panDing);stroke:#b49b6c}.ding-zone .ding-center{fill:none;stroke:#cbb07785;stroke-width:2;pointer-events:none}.ding-zone text{font-size:28px}.tone-status{text-align:center;color:var(--gold);font-size:11px;letter-spacing:.12em;margin:7px 0 19px}.footnote{font-size:10px;line-height:1.8;color:#777873}.instrument-note{max-width:380px;margin:0 auto;text-align:center}.demo-controls-column .micro-label{margin-bottom:24px}.demo-controls-column h3{font-size:49px;margin-bottom:22px}.demo-text{margin-bottom:33px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #63563b;margin:0 0 37px}.mode-switch button{background:transparent;color:#a99f8b;border:0;min-height:48px;font-size:11px;letter-spacing:.07em}.mode-switch button.active{background:#c6aa79;color:#101213;font-weight:700}.sound-detail{border:1px solid #ffffff17;padding:22px;background:#101213}.wave-label,.wave-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.13em;color:#777a78}.gold-text{color:var(--gold)}.waveform{display:flex;align-items:center;justify-content:space-between;gap:2px;height:91px;padding:15px 0}.waveform i{display:block;flex:1;min-width:1px;border-radius:2px;background:#a58d63;opacity:.6}.waveform[data-mode="reference"] i{background:#d4b57e;opacity:.9}.wave-bottom{font-size:10px;letter-spacing:0;color:#8d8a83}.listen-btn{display:flex;align-items:center;gap:14px;width:100%;margin-top:19px;padding:16px 19px;color:#111;background:var(--gold);border:0;text-align:left;font-size:12px;font-weight:700}.listen-btn>span:last-child{margin-left:auto}.listen-play-icon{font-size:10px}.listen-btn:hover{background:#e4c791}.disclosure{display:flex;gap:9px;margin:22px 0 0;font-size:11px;line-height:1.85;color:#92908a}.disclosure>span{color:var(--gold);font-size:17px}.post-demo-line{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;align-items:center;padding:32px 0;color:#777970;font-size:9px;letter-spacing:.17em}.post-demo-line span:last-child{font-size:20px;color:var(--gold)}.workflow-section{background:#161718}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c5b08c33}.workflow-steps{padding-right:9%;align-self:center}.workflow-item{display:grid;grid-template-columns:50px 1fr 24px;gap:17px;padding:30px 0;border-bottom:1px solid #ffffff16;align-items:start}.step-number{font:italic 22px var(--serif);color:var(--gold)}.workflow-item h3{font:normal 36px/1.1 var(--serif);margin-bottom:14px}.workflow-item p{font-size:13px;line-height:1.9;color:var(--muted);max-width:320px;margin:0}.step-arrow{font-size:20px;color:var(--gold2)}.workflow-visual{position:relative;min-height:650px;display:grid;justify-items:center;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 53% 50%,#44382a 0%,#262321 36%,#161718 72%)}.phone-halo{position:absolute;inset:13%;border:1px solid #a98d6040;border-radius:50%}.phone-halo::after{content:"";position:absolute;inset:13%;border:1px solid #a98d6030;border-radius:50%}.phone-shell{height:530px;width:245px;position:relative;overflow:hidden;border-radius:39px;padding:8px;background:linear-gradient(140deg,#77716a,#272626 18%,#0d0d0e 48%,#777168 84%,#171719);box-shadow:14px 28px 42px #0009,0 0 0 2px #100f0f;transform:rotate(8deg)}.phone-shell img{height:100%;width:100%;object-fit:cover;object-position:top center;border-radius:31px}.phone-island{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:72px;height:19px;background:#050505;border-radius:24px;z-index:2}.phone-overline{position:absolute;bottom:30px;font-size:9px;letter-spacing:.24em;color:#afa79b}.preset-section{background:#0e1011}.preset-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 29px}.preset-filter{display:flex;gap:8px;flex-wrap:wrap}.preset-filter button{font-size:11px;letter-spacing:.03em;background:none;border:1px solid #ffffff22;padding:12px 17px;color:#a7a59e}.preset-filter button.active{color:#101010;border-color:var(--gold);background:var(--gold)}.preset-filter button span{font-size:9px;opacity:.7;margin-left:6px}.preset-side-text{font-size:9px;letter-spacing:.17em;color:#777b77}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.preset-card{background:#191b1c;border:1px solid #ffffff0f;overflow:hidden;min-width:0;transition:transform .2s,border-color .2s}.preset-card:hover{transform:translateY(-4px);border-color:#c5a97b54}.preset-card[hidden]{display:none}.featured-preset{grid-column:span 2;grid-row:span 2}.preset-art{height:212px;position:relative;overflow:hidden;background:#1d1e1e}.featured-preset .preset-art{height:330px}.art-tag{position:absolute;left:19px;bottom:18px;font-size:9px;letter-spacing:.17em;color:#d9c7a7;background:#1011107e;padding:10px 12px}.subdued-tag{font-size:8px}.studio-art{background:radial-gradient(circle at 49% 52%,#6d5d46 0%,#37332a 18%,#151819 60%,#0b0d0e 100%)}.art-dial{position:absolute;border:1px solid #c3a67590;border-radius:50%;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 35px #ad8e4c20,0 0 40px #9d815d15}.dial-2{width:215px;height:215px}.dial-3{width:115px;height:115px;background:radial-gradient(circle at 30% 20%,#b99b64,#3f3a2f 48%,#121617 100%)}.natural-art{background:radial-gradient(circle at 52% 58%,#7d7966,#313932 27%,#111615 73%)}.organic-ring{position:absolute;width:190px;height:190px;top:45px;left:calc(50% - 95px);border:1px solid #d0cb9d91;border-radius:50%;box-shadow:0 0 0 19px #b9a67819,0 0 0 40px #b9a6780b}.warm-art{background:radial-gradient(ellipse at 50% 83%,#a77737 0%,#6b4025 23%,#261f1c 61%,#101112 100%)}.warm-disk{position:absolute;width:220px;height:220px;bottom:-115px;left:calc(50% - 110px);border-radius:50%;background:radial-gradient(circle at 30% 25%,#cfaa6b,#5c3822 69%,#191717);box-shadow:0 0 90px #9c6d3575}.cinematic-art{background:radial-gradient(ellipse at 50% 60%,#6b615b 0%,#353d42 29%,#111719 78%)}.cinema-ring{position:absolute;width:200px;height:200px;border:1px solid #b1bbb788;border-radius:50%;left:calc(50% - 100px);top:16px}.r2{width:150px;height:150px;left:calc(50% - 75px);top:41px}.r3{width:92px;height:92px;left:calc(50% - 46px);top:70px}.outdoor-art{background-position:center 51%;background-size:cover}.enchanted-art{background:radial-gradient(circle at 52% 55%,#6b805d 0%,#34463a 25%,#131d1a 60%,#0b1212 100%)}.enchanted-ring{position:absolute;border:1px solid #afbe8b8a;width:152px;height:152px;border-radius:50%;left:calc(50% - 76px);top:30px;box-shadow:0 0 25px #bed59f6b,inset 0 0 30px #99af7570}.enchanted-spark{position:absolute;color:#c5dda2}.enchanted-spark.one{top:33px;left:24%;font-size:24px}.enchanted-spark.two{top:74px;right:21%;font-size:30px}.enchanted-spark.three{bottom:35px;left:33%;font-size:18px}.moonlit-art{background:linear-gradient(180deg,#10171c 0%,#344257 67%,#141f2b 70%,#0e131a 100%)}.moon-shape{position:absolute;width:125px;height:125px;left:calc(50% - 62px);top:27px;background:radial-gradient(circle at 34% 27%,#f0dfbd,#b6bdc0 62%,#828f9f);border-radius:50%;box-shadow:0 0 60px #9ca9c257}.moon-reflection{position:absolute;left:30%;right:30%;bottom:-40px;height:115px;background:linear-gradient(180deg,#bcc5d555,transparent);filter:blur(10px);transform:skewX(12deg)}.temple-art{background:radial-gradient(ellipse at bottom,#755435 0%,#423125 26%,#191a1a 75%,#121214 100%)}.temple-arch{position:absolute;bottom:-80px;height:280px;width:210px;left:calc(50% - 105px);border:1px solid #dfc18e8a;border-radius:120px 120px 0 0;box-shadow:0 0 30px #d99e5140}.arch-2{width:150px;height:230px;left:calc(50% - 75px);bottom:-80px}.arch-3{width:90px;height:170px;left:calc(50% - 45px);bottom:-80px;background:linear-gradient(180deg,#b68d5036,transparent)}.preset-card-bottom{padding:21px 22px 24px;display:flex;align-items:end;gap:8px;justify-content:space-between}.featured-preset .preset-card-bottom{padding:30px}.card-index{font-size:9px;letter-spacing:.13em;color:var(--gold2)}.preset-card h3{font:normal 31px var(--serif);margin:10px 0 8px}.featured-preset h3{font-size:49px}.tiny-star{font:normal 19px var(--sans);color:var(--gold)}.preset-card p{font-size:12px;line-height:1.75;color:#92918b;margin:0}.preset-sample{height:45px;width:45px;flex:0 0 auto;border:1px solid var(--gold);border-radius:50%;background:transparent;color:var(--gold);font-size:12px}.preset-sample:hover{background:var(--gold);color:#171717}.sample-pending{font-size:8px;color:#6f726f;letter-spacing:.08em;white-space:nowrap;align-self:end;padding-bottom:2px}.preset-disclaimer{color:#71736f;font-size:11px;margin:22px 0 0;line-height:1.7}.soundscape-section{position:relative;overflow:hidden;background:#171a18}.soundscape-light{position:absolute;right:-8%;top:-20%;width:70%;height:130%;background:radial-gradient(ellipse,#303a2c 0%,#20251e 28%,transparent 66%);pointer-events:none}.soundscape-layout{display:grid;grid-template-columns:1fr .9fr;gap:11%;align-items:center;position:relative}.soundscape-copy h2{margin-bottom:27px}.soundscape-copy p:not(.section-label){font-size:13px;line-height:2;color:#989b94;max-width:430px}.soundscape-copy .body-large,.studio-copy .body-large{font:italic 28px/1.25 var(--serif);color:#e8ddc9!important;margin:0 0 20px}.soundscape-categories{display:flex;gap:24px;margin-top:39px;flex-wrap:wrap;color:var(--gold);font-size:11px}.soundscape-console{padding:34px 32px 37px;border:1px solid #b6a07844;background:rgba(15,18,17,.75);box-shadow:25px 30px 65px #0004}.console-top{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.1em;color:#777c78}.console-top .micro-label{margin:0}.soundscape-console h3{font:normal 43px var(--serif);margin:31px 0 9px}.soundscape-console h3 i{color:var(--gold)}.console-sub{font-size:11px;line-height:1.8;color:#7f837d;margin-bottom:32px}.mixer-track{padding:18px 0;border-top:1px solid #ffffff16}.mixer-track-title{display:flex;align-items:center;gap:15px;margin-bottom:12px}.track-symbol{display:grid;place-items:center;color:var(--gold);font-size:19px;border:1px solid #bca37555;width:34px;height:34px}.mixer-track strong{display:block;font-size:12px;font-weight:500}.mixer-track small{color:#777d76;font-size:10px;display:block;margin-top:2px}.track-value{font-size:10px;color:#aaa394;margin-left:auto}.mixer-track input{width:100%;height:3px;accent-color:var(--gold);cursor:pointer}.missing-track{opacity:.52}.missing-track input{cursor:not-allowed}.mixer-play{width:100%;padding:17px;border:1px solid #bca37577;background:transparent;color:#e6d7b8;font-size:12px;display:flex;gap:13px;justify-content:center;align-items:center;margin-top:19px}.mixer-play:hover{background:#c6aa7917}.studio-spotlight{background:#0b0c0d}.studio-grid{display:grid;grid-template-columns:.85fr 1fr;gap:12%;align-items:center}.studio-photo{height:660px;overflow:hidden;position:relative;background:#2a2722}.studio-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08) brightness(.75)}.studio-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1118,transparent 50%)}.studio-photo-text{position:absolute;z-index:1;bottom:24px;left:26px;right:26px;display:flex;justify-content:space-between;color:#d9c9ac;font-size:9px;letter-spacing:.1em}.studio-number{font:italic 105px var(--serif);color:#7c684b;display:block;margin:25px 0 -28px}.studio-copy h2{font-size:clamp(55px,5vw,79px);margin-bottom:25px}.studio-copy p:not(.section-label):not(.body-large):not(.footnote){font-size:13px;line-height:2;color:#a0a09a;max-width:470px}.studio-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);margin:38px 0 26px}.studio-features>div{padding:21px 8px 20px 0}.studio-features>div:not(:last-child){border-right:1px solid var(--stroke)}.studio-features span{display:block;color:var(--gold);font-size:10px;margin-bottom:13px}.studio-features strong{display:block;font:normal 24px var(--serif);margin-bottom:7px}.studio-features small{font-size:10px;color:#7f7d75;line-height:1.6;display:block}.app-section{background:#17191a}.app-layout{display:grid;grid-template-columns:.75fr 1fr;gap:11%;align-items:center}.app-shot{position:relative;min-height:615px;display:grid;justify-items:center;align-items:center;background:radial-gradient(ellipse at center,#4c4338 0%,#252628 40%,#17191a 72%)}.phone-shell-big{transform:rotate(-5deg);height:585px;width:273px}.app-shot>span{position:absolute;bottom:15px;color:#8f8b82;font-size:9px;letter-spacing:.16em}.app-features{display:grid;gap:0}.app-features article{display:grid;grid-template-columns:54px 1fr;gap:21px;border-bottom:1px solid #ffffff21;padding:26px 0}.app-features article:first-child{border-top:1px solid #ffffff21}.feature-symbol{color:var(--gold);font:normal 28px var(--serif)}.app-features h3{font:normal 28px var(--serif);margin:0 0 10px}.app-features p{font-size:12px;line-height:1.9;color:#92938e;margin:0}.download-section{background:radial-gradient(ellipse at 50% 50%,#2d2924 0%,#17191a 37%,#0e0f10 85%);position:relative;overflow:hidden}.download-orbit{position:absolute;width:750px;height:750px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #c4a5751f;border-radius:50%;box-shadow:0 0 0 110px #bb996610,0 0 0 220px #bb996607}.download-inner{position:relative;z-index:1;text-align:center;display:flex;align-items:center;flex-direction:column}.small-star{font-size:33px;color:var(--gold);margin:14px 0 7px}.download-inner h2{font-size:clamp(60px,7vw,110px);margin-bottom:26px}.download-inner>p:not(.section-label):not(.small-star):not(.download-micro){font-size:15px;line-height:1.8;color:#aaa69e;max-width:580px}.download-badges{display:flex;gap:15px;margin:28px 0;flex-wrap:wrap;justify-content:center}.store-coming,.store-link{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #806f57;padding:16px 22px;min-width:220px;color:#d5c7af;font-size:15px}.store-coming{opacity:.65}.store-coming small{font-size:9px;letter-spacing:.08em;color:#8e877c}.store-link{background:var(--gold);color:#111;font-weight:600}.store-link:hover{background:#e3c998}.download-micro{font-size:9px!important;letter-spacing:.18em;color:#9a9389!important;margin-top:11px!important}.download-micro span{margin:0 13px;color:var(--gold)}.faq-section{background:#121415}.faq-layout{display:grid;grid-template-columns:.77fr 1fr;gap:13%}.faq-intro p:not(.section-label){color:#999a93;max-width:300px;font-size:13px;line-height:1.8;margin-top:25px}.faq-list details{border-bottom:1px solid #ffffff21}.faq-list details:first-child{border-top:1px solid #ffffff21}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;list-style:none;padding:23px 0;font-size:13px;color:#e3ddd4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--gold);font-size:22px;font-weight:300;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.9;color:#989992;max-width:520px;padding:0 0 25px;margin:0}.footer{padding:75px 0 26px;background:#080909;border-top:1px solid #ffffff1a}.footer-main{display:flex;justify-content:space-between;gap:80px;padding-bottom:86px}.footer-brand{font-size:24px}.footer-brand em{font-size:29px}.footer-main>div:first-child p{font:italic 22px/1.45 var(--serif);color:#9b968d;margin:28px 0 0}.footer-nav{display:flex;gap:105px}.footer-nav>div{display:flex;flex-direction:column;gap:18px}.footer-nav span{color:var(--gold);font-size:9px;letter-spacing:.19em;margin-bottom:10px}.footer-nav a{font-size:12px;color:#9d9c95}.footer-nav a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff18;padding-top:23px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;line-height:1.8;color:#737570}.footer-bottom a{color:var(--gold);white-space:nowrap}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,18px);background:#d0b586;color:#171817;font-size:12px;padding:12px 20px;z-index:150;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(460px,90vw);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.js-motion .reveal.visible{opacity:1;transform:none}.fade-in{animation:riseIn .85s both}.hero-art.fade-in{animation-delay:.18s}@keyframes riseIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1120px){.wrap{padding:0 34px}.hero{min-height:760px}.hero-inner{min-height:650px}.hero-art{height:600px}.hero-plate{width:43vw;height:43vw}.hero-copy h1{font-size:clamp(68px,8.1vw,105px)}.hero-orbit{width:530px;height:530px}.orbit-two{width:610px;height:610px}.demo-controls-column{padding:48px 31px}.demo-instrument-column{padding:32px 26px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-preset{grid-column:span 2;grid-row:span 1}.featured-preset .preset-art{height:212px}.soundscape-layout{gap:6%}.studio-grid{gap:7%}.faq-layout{gap:7%}}
@media(max-width:800px){.wrap{padding:0 25px}.nav-shell{min-height:73px}.nav-links{display:none;position:absolute;top:73px;left:0;right:0;padding:26px;background:#121415;flex-direction:column;align-items:start;gap:23px;border-bottom:1px solid #ffffff28}.nav-links.open{display:flex}.menu-toggle{display:flex;order:3}.nav-cta{margin-left:auto}.site-header{background:rgba(11,12,13,.92)}.hero{padding-top:73px;min-height:0}.hero-inner{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:82px 0 35px;width:100%}.hero-copy h1{font-size:clamp(72px,12vw,110px)}.hero-art{width:100%;height:500px}.hero-plate{width:min(62vw,440px);height:min(62vw,440px)}.hero-orbit{width:470px;height:470px}.orbit-two{width:560px;height:560px}.hero-art-label-left{left:7%;bottom:11%}.hero-art-label-right{right:5%;top:12%}.hero-bottom{padding:20px 25px 25px}.statement-inner{grid-template-columns:1fr;padding-top:88px;padding-bottom:83px;gap:14px}.statement-inner>.section-label{grid-row:auto}.statement{font-size:clamp(43px,7vw,65px)}.section-pad{padding:95px 0}.section-heading{display:block;margin-bottom:43px}.heading-side{margin-top:25px;max-width:470px}.demo-columns{grid-template-columns:1fr}.demo-instrument-column{border-right:0;border-bottom:1px solid #ffffff18}.demo-controls-column{padding:42px 35px 40px}.demo-topline span:last-child{display:none}.workflow-grid,.soundscape-layout,.studio-grid,.app-layout,.faq-layout{grid-template-columns:1fr}.workflow-steps{padding-right:0}.workflow-visual{min-height:520px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-preset{grid-column:span 2}.soundscape-layout{gap:55px}.studio-grid{gap:45px}.studio-photo{height:600px;max-width:570px}.app-layout{gap:25px}.app-shot{min-height:610px}.faq-layout{gap:30px}.footer-nav{gap:60px}}
@media(max-width:530px){.wrap{padding:0 20px}.site-header .brand{font-size:16px}.site-header .brand em{font-size:18px}.site-header .brand img{width:32px;height:32px}.nav-shell{gap:13px}.nav-cta{font-size:10px;padding:12px 10px}.nav-cta span{margin-left:2px}.menu-toggle{width:29px}.menu-toggle span{width:24px}.hero{background:radial-gradient(ellipse 95% 40% at 50% 68%,#2a251c 0%,#111313 75%,#0b0c0d 100%)}.hero-inner{padding:0 22px}.hero-copy{padding:67px 0 10px}.hero-copy h1{font-size:clamp(61px,15vw,84px);line-height:.95;margin-bottom:27px}.hero-desc{font-size:16px;line-height:1.6}.hero-subdesc{font-size:12px;line-height:1.75;margin-bottom:25px}.hero-actions{gap:18px}.btn{padding:15px;gap:16px}.hero-micro{line-height:1.8;margin-top:26px}.hero-art{height:370px;overflow:hidden}.hero-plate{width:290px;height:290px}.hero-orbit{width:350px;height:350px}.orbit-two{width:440px;height:440px}.hero-art-label{font-size:7px}.hero-art-label-left{left:1%;bottom:9%}.hero-art-label-right{right:1%;top:10%}.hero-bottom{padding:15px 20px 22px;font-size:8px}.hero-bottom>span:first-child{max-width:170px}.scroll-indicator{font-size:8px}.section-pad{padding:75px 0}.section-heading h2,.soundscape-copy h2,.studio-copy h2,.faq-intro h2{font-size:clamp(47px,12vw,64px)}.statement-inner{padding-top:75px;padding-bottom:70px}.statement{font-size:44px}.demo-topline{padding:15px}.demo-instrument-column{padding:28px 12px 31px}.instrument-intro{padding:0 12px}.instrument-intro h3{font-size:34px}.instrument-stage{max-width:420px}.demo-controls-column{padding:36px 20px}.demo-controls-column h3{font-size:42px}.mode-switch button{font-size:10px}.preset-head{display:block}.preset-side-text{display:none}.preset-filter{margin-bottom:20px}.preset-filter button{padding:10px;font-size:10px}.preset-grid{gap:12px}.preset-art{height:145px}.featured-preset .preset-art{height:210px}.preset-card-bottom,.featured-preset .preset-card-bottom{padding:17px 13px;gap:7px}.preset-card h3{font-size:24px}.featured-preset h3{font-size:40px}.preset-card p{font-size:11px}.card-index{font-size:8px}.sample-pending{font-size:7px}.art-dial{width:210px;height:210px}.dial-2{width:150px;height:150px}.dial-3{width:80px;height:80px}.soundscape-console{padding:27px 22px}.soundscape-console h3{font-size:39px}.studio-photo{height:480px}.studio-number{font-size:70px}.studio-features strong{font-size:22px}.app-shot{min-height:560px}.phone-shell-big{height:510px;width:235px}.footer-main{flex-direction:column;gap:42px;padding-bottom:60px}.footer-nav{justify-content:space-between;gap:32px}.footer-bottom{flex-wrap:wrap}.download-inner h2{font-size:clamp(55px,12vw,74px)}.download-micro{line-height:2}.download-micro span{margin:0 5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-motion .reveal{opacity:1;transform:none}}

/* ==========================================================================
   Fluid responsive layer
   Type, spacing and visuals scale with BOTH viewport width and height so each
   section stays readable and, where its content allows, fits on one screen.
   This layer intentionally comes last and overrides the fixed sizes above.
   ========================================================================== */
:root{
  --nav-h:clamp(60px,9.5vh,85px);
  --fs-micro:clamp(11px,9.9px + .16vw,13px);
  --fs-small:clamp(12.5px,11.4px + .19vw,15px);
  --fs-ui:clamp(13.5px,12.4px + .2vw,16px);
  --fs-body:clamp(15px,13.7px + .23vw,18px);
  --fs-lead:clamp(17px,15px + .36vw,22px);
  --h1:clamp(40px,min(8.1vw,11vh),137px);
  --h2:clamp(34px,min(6vw,9.5vh),91px);
  --h2-narrow:clamp(32px,min(3.7vw,7.6vh),66px);
  --pad-y:clamp(56px,min(7.5vw,11vh),145px);
  --plate:min(37vw,60vh,560px);
  --feat-art:330px;
}
html{scroll-padding-top:calc(var(--nav-h) + 4px);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:var(--fs-body)}
.wrap{max-width:clamp(1320px,76vw,1560px)}
.eyebrow,.section-label,.micro-label{font-size:var(--fs-micro)}

/* Header */
.nav-shell{min-height:var(--nav-h)}
.nav-links{gap:clamp(18px,2.2vw,38px)}
.nav-links a{font-size:clamp(13px,11.6px + .2vw,15.5px)}
.nav-links a,.hero-subdesc{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400}
.nav-cta{font-size:var(--fs-small)}

/* Hero: fills the first screen, never taller than it needs to be */
.hero{min-height:clamp(460px,100vh,1080px);min-height:clamp(460px,100svh,1080px);padding-top:var(--nav-h);display:flex;flex-direction:column}
.hero-inner{flex:1 1 auto;min-height:0;width:100%}
.hero-copy{padding:clamp(16px,3.2vh,100px) 0}
.eyebrow{margin-bottom:clamp(10px,2.6vh,31px)}
.hero-copy h1{font-size:var(--h1);margin-bottom:clamp(12px,3vh,35px)}
.hero-desc{font-size:var(--fs-lead);line-height:1.55;max-width:26em;margin-bottom:clamp(8px,1.6vh,16px)}
.hero-subdesc{font-size:var(--fs-body);line-height:1.65;max-width:30em;margin-bottom:clamp(14px,2.8vh,33px)}
.btn,.text-action{font-size:var(--fs-ui)}
.hero-micro{font-size:var(--fs-small);margin:clamp(12px,2.6vh,35px) 0 0;color:#9a958b}
.hero-art{height:auto;min-height:calc(var(--plate)*1.2);align-self:stretch}
.hero-plate{width:var(--plate);height:var(--plate)}
.hero-orbit{width:calc(var(--plate)*1.125);height:calc(var(--plate)*1.125)}
.orbit-two{width:calc(var(--plate)*1.33);height:calc(var(--plate)*1.33)}
.hero-art-label{font-size:var(--fs-micro)}
.hero-bottom{width:100%;font-size:var(--fs-micro);color:#8d8e8a;gap:16px;padding-top:clamp(9px,1.8vh,17px);padding-bottom:clamp(11px,2.6vh,28px)}
.scroll-indicator{font-size:inherit;white-space:nowrap}

/* Statement */
.statement-inner{padding-top:var(--pad-y);padding-bottom:calc(var(--pad-y)*.92)}
.statement{font-size:clamp(30px,min(4.4vw,7.6vh),70px)}
.statement-detail{max-width:32em}
.statement-detail p{font-size:var(--fs-body);line-height:1.8}

/* Shared section rhythm */
.section-pad{padding-top:var(--pad-y);padding-bottom:var(--pad-y)}
.section-heading{margin-bottom:clamp(28px,min(4vw,6vh),66px)}
.section-heading h2,.download-inner h2{font-size:var(--h2)}
.soundscape-copy h2,.faq-intro h2{font-size:var(--h2-narrow)}
.studio-copy h2{font-size:clamp(34px,min(4.6vw,8vh),76px);margin-bottom:clamp(12px,2.4vh,25px)}
.download-inner h2{font-size:clamp(36px,min(7vw,11vh),110px);margin-bottom:clamp(14px,2.6vh,26px)}
.section-heading>div:first-child{flex:0 0 auto}
.heading-side{font-size:var(--fs-body);line-height:1.8;max-width:24em;flex:0 1 24em;min-width:0}

/* Experience / demo */
.demo-topline{font-size:var(--fs-micro);padding:clamp(11px,1.9vh,19px) clamp(15px,1.8vw,26px)}
.demo-instrument-column{padding:clamp(18px,3.2vh,34px) clamp(14px,2.6vw,38px) clamp(18px,3vh,30px)}
.demo-controls-column{padding:clamp(26px,5.5vh,66px) clamp(20px,3.4vw,52px) clamp(26px,4.6vh,48px)}
.instrument-intro h3{font-size:clamp(26px,min(2.7vw,4.4vh),37px);margin:clamp(8px,1.6vh,16px) 0}
.demo-controls-column h3{font-size:clamp(30px,min(3.4vw,5.6vh),49px);margin-bottom:clamp(12px,2.2vh,22px)}
.demo-controls-column .micro-label{margin-bottom:clamp(12px,2.2vh,24px)}
.instrument-intro p:not(.micro-label),.demo-text{font-size:var(--fs-body);line-height:1.75;max-width:26em}
.demo-text{margin-bottom:clamp(16px,3.2vh,33px)}
.instrument-stage{max-width:min(470px,max(270px,41vh))}
.tone-status{font-size:var(--fs-small);margin:clamp(4px,.8vh,7px) 0 clamp(9px,2vh,19px)}
.footnote{font-size:var(--fs-small);line-height:1.65;color:#8f908a}
.instrument-note{max-width:34em}
.mode-switch{margin-bottom:clamp(16px,3.6vh,37px)}
.mode-switch button{font-size:var(--fs-ui)}
.wave-label{font-size:var(--fs-micro);color:#8e918e}
.wave-bottom{font-size:var(--fs-small);flex-wrap:wrap}
.waveform{height:clamp(54px,9vh,91px)}
.listen-btn{font-size:var(--fs-ui)}
.disclosure{display:block;position:relative;padding-left:1.9em;font-size:var(--fs-small);line-height:1.7;margin-top:clamp(12px,2.2vh,22px)}
.disclosure>span{position:absolute;left:0;top:-.2em}
.post-demo-line{font-size:var(--fs-micro);color:#8b8d85;padding:clamp(18px,3vh,32px) 0}

/* How it works */
.workflow-item{padding:clamp(16px,3.2vh,30px) 0}
.workflow-item h3{font-size:clamp(25px,min(2.5vw,4.3vh),36px);margin-bottom:clamp(7px,1.4vh,14px)}
.workflow-item p{font-size:var(--fs-body);line-height:1.75;max-width:24em}
.workflow-visual{min-height:clamp(400px,70vh,650px)}
.phone-shell{height:clamp(330px,57vh,530px);width:auto;aspect-ratio:245/530}
.phone-overline{font-size:var(--fs-micro);bottom:clamp(12px,3vh,30px)}

/* Presets */
.preset-filter button{font-size:var(--fs-small);padding:clamp(9px,.8vw,12px) clamp(11px,1.1vw,17px)}
.preset-filter button span{font-size:.82em}
.preset-side-text{font-size:var(--fs-micro);color:#8b8f8b}
.art-tag,.subdued-tag,.card-index{font-size:var(--fs-micro)}
.art-tag{max-width:calc(100% - 38px)}
.featured-preset{display:flex;flex-direction:column}
.featured-preset .preset-art{flex:1 1 auto;height:auto;min-height:var(--feat-art)}
.preset-card-bottom{flex-direction:column;align-items:flex-start}
.featured-preset .preset-card-bottom{flex-direction:row;align-items:flex-end}
.preset-card h3{font-size:clamp(21px,14px + 1.1vw,31px)}
.featured-preset h3{font-size:clamp(30px,20px + 1.9vw,49px)}
.preset-card p{font-size:var(--fs-ui);line-height:1.65;color:#a09f98}
.sample-pending{font-size:var(--fs-micro);color:#8a8c86}
.preset-disclaimer{font-size:var(--fs-small);color:#8c8e88}

/* Soundscapes */
.soundscape-copy h2{margin-bottom:clamp(14px,2.6vh,27px)}
.soundscape-copy p:not(.section-label){font-size:var(--fs-body);line-height:1.8;max-width:30em}
.soundscape-copy p.body-large,.studio-copy p.body-large{font-size:clamp(20px,15px + .7vw,28px);line-height:1.3;margin-bottom:clamp(12px,2vh,20px)}
.soundscape-categories{font-size:var(--fs-ui);margin-top:clamp(18px,3.6vh,39px)}
.soundscape-console{padding:clamp(18px,3.4vh,34px) clamp(18px,2.2vw,32px) clamp(20px,3.6vh,37px)}
.console-top{font-size:var(--fs-micro);color:#8b908c;flex-wrap:wrap}
.soundscape-console h3{font-size:clamp(28px,min(3vw,5vh),43px);margin:clamp(12px,2.8vh,31px) 0 9px}
.console-sub{font-size:var(--fs-small);line-height:1.7;color:#8f938d;margin-bottom:clamp(12px,2.8vh,32px)}
.mixer-track{padding:clamp(9px,1.7vh,18px) 0}
.mixer-track-title{margin-bottom:clamp(6px,1.2vh,12px)}
.mixer-track strong{font-size:var(--fs-ui)}
.mixer-track small{font-size:var(--fs-small);color:#8d938c}
.track-value{font-size:var(--fs-small)}
.mixer-play{font-size:var(--fs-ui);padding:clamp(12px,1.8vh,17px);margin-top:clamp(10px,1.9vh,19px)}

/* Studio spotlight */
.studio-photo{height:clamp(360px,74vh,660px)}
.studio-photo img{object-position:center 94%;filter:none}
.studio-photo-text{font-size:var(--fs-micro);gap:12px}
.studio-number{font-size:clamp(56px,min(6.5vw,11vh),105px);margin:clamp(6px,2vh,25px) 0 -.27em}
.studio-copy p:not(.section-label):not(.body-large):not(.footnote){font-size:var(--fs-body);line-height:1.8;max-width:32em}
.studio-features{margin:clamp(16px,3.4vh,38px) 0 clamp(14px,2.4vh,26px)}
.studio-features>div{padding:clamp(11px,2vh,21px) 10px clamp(11px,2vh,20px) 0}
.studio-features>div:not(:first-child){padding-left:clamp(10px,1.2vw,18px)}
.studio-features span{font-size:var(--fs-micro);margin-bottom:clamp(6px,1.2vh,13px)}
.studio-features strong{font-size:clamp(19px,15px + .5vw,24px)}
.studio-features small{font-size:var(--fs-small);color:#96948c}

/* App */
.app-shot{min-height:clamp(400px,72vh,615px)}
.phone-shell-big{height:clamp(350px,63vh,585px);width:auto;aspect-ratio:273/585}
.app-shot>span{font-size:var(--fs-micro);bottom:clamp(6px,1.6vh,15px)}
.app-features article{padding:clamp(14px,2.6vh,26px) 0;grid-template-columns:clamp(34px,3.4vw,54px) 1fr;gap:clamp(12px,1.4vw,21px)}
.app-features h3{font-size:clamp(21px,15px + .7vw,28px)}
.app-features p{font-size:var(--fs-body);line-height:1.75}

/* Download */
.download-orbit{width:min(750px,86vh);height:min(750px,86vh)}
.small-star{font-size:clamp(22px,3.4vh,33px);margin:clamp(6px,1.4vh,14px) 0 7px}
.download-inner>p:not(.section-label):not(.small-star):not(.download-micro){font-size:var(--fs-lead);line-height:1.7;max-width:34em}
.download-badges{margin:clamp(16px,2.8vh,28px) 0}
.store-coming,.store-link{font-size:var(--fs-body)}
.store-coming small{font-size:var(--fs-micro)}
.download-micro{font-size:var(--fs-micro)!important}

/* FAQ */
.faq-intro p:not(.section-label){font-size:var(--fs-body);max-width:22em;margin-top:clamp(12px,2.4vh,25px)}
.faq-list summary{font-size:clamp(15.5px,14px + .3vw,19px);padding:clamp(14px,2.4vh,23px) 0}
.faq-list details p{font-size:var(--fs-body);line-height:1.75;max-width:38em}

/* Footer */
.footer{padding-top:clamp(42px,7vh,75px)}
.footer-main{padding-bottom:clamp(38px,8vh,86px);gap:clamp(32px,5vw,80px)}
.footer-main>div:first-child p{font-size:clamp(18px,15px + .4vw,22px)}
.footer-nav{gap:clamp(30px,6vw,105px)}
.footer-nav span{font-size:var(--fs-micro)}
.footer-nav a{font-size:var(--fs-ui)}
.footer-bottom{font-size:var(--fs-small);color:#8a8c86;flex-wrap:wrap}
.toast{font-size:var(--fs-ui)}

@media(max-width:1120px){
  :root{--plate:min(42vw,60vh,520px);--feat-art:212px}
}
/* Menu collapses before the links can crowd the logo */
@media(max-width:960px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;margin-left:0;padding:24px 34px 28px;background:#121415;flex-direction:column;align-items:start;gap:22px;border-bottom:1px solid #ffffff28;max-height:calc(100vh - var(--nav-h));overflow:auto}
  .nav-links.open{display:flex}
  .nav-links a{font-size:17px;padding:4px 0}
  .menu-toggle{display:flex;order:3}
  .nav-cta{margin-left:auto}
  .site-header{background:rgba(11,12,13,.94)}
}
@media(max-width:800px){
  :root{--nav-h:clamp(56px,9.5vh,73px);--h1:clamp(40px,min(12vw,19vh),104px);--h2:clamp(32px,9.4vw,64px);--h2-narrow:clamp(32px,9.4vw,64px);--pad-y:clamp(54px,11vw,95px);--plate:min(62vw,440px)}
  .nav-links{padding-left:25px;padding-right:25px}
  .hero{min-height:0}
  .hero-copy{padding:clamp(34px,9vw,82px) 0 clamp(10px,4vw,35px)}
  .hero-art{min-height:0;height:calc(var(--plate)*1.26)}
  .hero-bottom{padding-left:25px;padding-right:25px}
  .statement{font-size:clamp(30px,7vw,60px)}
  .studio-copy h2{font-size:var(--h2)}
  .download-inner h2{font-size:clamp(34px,8.4vw,64px)}
  .instrument-intro h3{font-size:clamp(27px,6.2vw,37px)}
  .demo-controls-column h3{font-size:clamp(30px,7.6vw,46px)}
  .workflow-item h3{font-size:clamp(26px,6vw,36px)}
  .soundscape-console h3{font-size:clamp(29px,7.2vw,43px)}
  .instrument-stage{max-width:min(440px,max(270px,62vh))}
  .workflow-visual{min-height:clamp(380px,62vh,520px)}
  .studio-photo{height:clamp(320px,62vh,600px)}
  .heading-side,.instrument-intro p:not(.micro-label),.demo-text,.workflow-item p{max-width:34em}
}
@media(max-width:530px){
  :root{--h1:clamp(38px,min(15.5vw,19vh),84px);--plate:min(78vw,300px);--feat-art:200px}
  .nav-links{padding-left:20px;padding-right:20px}
  .nav-cta{padding:11px 10px}
  .hero-bottom{padding-left:20px;padding-right:20px;align-items:flex-end}
  .hero-bottom>span:first-child{max-width:none}
  .art-tag{left:12px;bottom:12px;max-width:calc(100% - 24px);letter-spacing:.1em;padding:7px 9px}
  .preset-card-bottom{flex-direction:column;align-items:flex-start}
  .featured-preset .preset-card-bottom{flex-direction:row;align-items:flex-end}
  .studio-photo-text{left:16px;right:16px;bottom:16px}
  .store-coming,.store-link{min-width:0;width:100%}
  .download-badges{width:100%}
  .footer-bottom{gap:8px 20px}
}
@media(max-width:380px){
  .nav-cta span{display:none}
  .nav-shell{gap:10px}
  .preset-grid{gap:10px}
  .studio-features small{font-size:12px}
}

/* Video */
.video-panel{max-width:1180px;margin-inline:auto}
.video-frame{position:relative;aspect-ratio:16/9;background:#0c0e0f}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
/* Whole section (heading + player) fits one screen below the sticky nav */
.video-section{padding-top:clamp(28px,5vh,64px);padding-bottom:clamp(28px,5vh,64px)}
.video-section .section-heading{margin-bottom:clamp(16px,3vh,36px)}
.video-section .section-heading h2{font-size:clamp(32px,min(4.6vw,7.5vh),72px);margin-top:10px}
.video-panel{max-width:min(1180px,max(300px,calc((100svh - var(--nav-h) - clamp(230px,34vh,330px))*16/9)))}
.video-poster{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;overflow:hidden}
.video-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,opacity .3s ease;opacity:.86}
.video-poster:hover img,.video-poster:focus-visible img{transform:scale(1.02);opacity:1}
.video-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0c0e0fcc,transparent 45%);pointer-events:none}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:grid;place-items:center;width:clamp(58px,7vw,92px);aspect-ratio:1;border-radius:50%;border:1px solid var(--gold);background:#101213cc;color:var(--gold);font-size:clamp(17px,2vw,26px);padding-left:.18em;transition:background .25s ease,color .25s ease}
.video-poster:hover .video-play,.video-poster:focus-visible .video-play{background:var(--gold);color:#101213}
.video-caption{position:absolute;left:clamp(14px,2vw,26px);bottom:clamp(12px,1.8vw,22px);z-index:1;font-size:var(--fs-small);letter-spacing:.08em;color:#e9e4d8}
@media(max-width:800px){.video-section .section-heading{margin-bottom:20px}.video-panel{max-width:max(280px,calc((100svh - var(--nav-h) - 290px)*16/9))}}

/* Section headings and their subheadings: Playfair Display 400; everything else stays Inter */
:root{--display:'Playfair Display',Georgia,'Times New Roman',serif}
h1,h2,h1 i,h2 i,.statement,.statement em,
.hero-desc,.heading-side,.soundscape-copy .body-large,.studio-copy .body-large,
.download-inner>p:not(.section-label):not(.small-star):not(.download-micro),
.faq-intro p:not(.section-label){font-family:var(--display);font-weight:400}