.back-link { justify-self: end; font: 11px var(--mono); border-bottom: 1px solid currentColor; padding-bottom: 5px; }
.collection { min-height: calc(100vh - 88px); padding: 85px clamp(24px, 7vw, 110px) 55px; }
.collection h1 { margin: 50px 0 65px; font-size: clamp(62px, 10vw, 150px); }
.collection h1 em { color: var(--ink); }
.collection-intro { margin-left: 42%; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
.collection-intro p { font-size: 18px; line-height: 1.55; margin: 0; }
.format-list { display: grid; grid-template-columns: 1fr 1fr; font: 9px var(--mono); text-transform: uppercase; }
.format-list span { padding: 12px 0; border-top: 1px solid currentColor; }
.coming-soon { margin-top: 100px; padding: 50px; min-height: 330px; background: var(--ink); color: var(--paper); display: flex; justify-content: space-between; align-items: end; }
.coming-soon h2 { font-size: clamp(38px, 5vw, 72px); line-height: .98; letter-spacing: -.05em; margin: 25px 0 0; }
.tiny { font: 9px var(--mono); }
.coming-soon a { background: var(--paper); color: var(--ink); border-radius: 99px; padding: 16px 20px; font-size: 11px; font-weight: 700; }
.coming-soon a span { margin-left: 30px; }
.native-page { background: var(--acid); }.native-page .eyebrow span { background: var(--orange); }
.hdx-page { background: var(--orange); }.hdx-page .eyebrow span { background: var(--acid); }
@media (max-width: 700px) { .collection-intro { margin-left: 0; grid-template-columns: 1fr; }.coming-soon { padding: 30px; flex-direction: column; align-items: flex-start; gap: 50px; }.collection { padding-top: 60px; } }

/* Native product catalogue */
.catalog-page { background: var(--paper); }
.catalog-page .site-header { background: var(--acid); }
.collection-name { font: 9px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.catalog-hero { background: var(--acid); padding: 90px clamp(24px, 7vw, 110px) 105px; }
.catalog-hero h1 { margin: 55px 0 70px; font-size: clamp(74px, 12vw, 175px); line-height: .78; }
.catalog-hero h1 em { color: var(--ink); }
.catalog-lead { margin-left: 42%; display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; align-items: start; }
.catalog-lead > p { font-size: clamp(17px, 1.5vw, 22px); line-height: 1.55; margin: 0; }
.catalog { padding: 110px clamp(20px, 5vw, 76px) 80px; background: var(--ink); color: var(--paper); }
.catalog-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 55px; }
.catalog-toolbar h2 { margin: 16px 0 0; font-size: clamp(44px, 5vw, 72px); line-height: 1; letter-spacing: -.06em; }
.filters { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.filter { border: 1px solid #4b4b45; background: transparent; color: var(--paper); padding: 10px 14px; border-radius: 99px; font: 9px var(--mono); text-transform: uppercase; cursor: pointer; transition: .2s; }
.filter:hover, .filter.is-active { background: var(--acid); color: var(--ink); border-color: var(--acid); }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.product-card { color: var(--ink); min-height: 610px; padding: 20px; display: flex; flex-direction: column; transition: transform .25s, opacity .25s; overflow: hidden; }
.product-card:hover { transform: translateY(-5px); }
.product-card[hidden] { display: none; }
.product-card.acid { background: var(--acid); }.product-card.coral { background: #ff745b; }.product-card.blue { background: #82aaff; }
.product-card.ink { background: #292a26; color: var(--paper); }.product-card.paper { background: #e6e1d4; }.product-card.violet { background: #a993ff; }
.product-card.teal { background: #73d9c0; }.product-card.amber { background: #ffbd45; }.product-card.red { background: #e8513a; }
.product-card.cyan { background: #77d7ec; }.product-card.pink { background: #f29cc2; }.product-card.lime { background: #b8e85f; }
.product-meta, .product-foot { display: flex; justify-content: space-between; align-items: center; font: 8px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.product-visual { height: 235px; position: relative; margin: 22px -20px 10px; overflow: hidden; }
.product-copy { margin-top: auto; }
.product-type { font: 8px var(--mono); text-transform: uppercase; letter-spacing: .09em; }
.product-copy h3 { font-size: clamp(35px, 3.4vw, 54px); line-height: .9; letter-spacing: -.06em; margin: 13px 0 20px; }
.product-copy p { font-size: 11px; line-height: 1.55; max-width: 90%; min-height: 52px; }
.product-foot { border-top: 1px solid currentColor; padding-top: 13px; margin-top: 22px; }
.status-pill { border: 1px solid currentColor; border-radius: 99px; padding: 6px 8px; }

.eq-visual svg, .tremolo-visual svg { position: absolute; width: 100%; height: 100px; top: 65px; }
.eq-visual path, .tremolo-visual path { fill: none; stroke: currentColor; stroke-width: 2; vector-effect: non-scaling-stroke; }
.eq-visual i { width: 9px; height: 9px; border-radius: 50%; background: currentColor; position: absolute; z-index: 2; top: 105px; }
.eq-visual i:nth-child(1){left:12%}.eq-visual i:nth-child(2){left:28%;top:81px}.eq-visual i:nth-child(3){left:47%;top:119px}.eq-visual i:nth-child(4){left:68%;top:70px}.eq-visual i:nth-child(5){left:88%;top:102px}
.meter { position:absolute; width:62%; height:125px; border:2px solid currentColor; border-radius:150px 150px 15px 15px; left:19%; top:20px; overflow:hidden; background:rgba(255,255,255,.18)}
.meter::before { content:""; position:absolute; width:120%; height:120%; border-radius:50%; border:1px solid currentColor; left:-10%; top:55%; }.meter span { position:absolute; width:2px; height:75px; background:currentColor; left:50%; bottom:-7px; transform-origin:bottom; transform:rotate(28deg)}
.mini-knob { position:absolute; width:62px; height:62px; border-radius:50%; background:var(--ink); bottom:15px }.mini-knob.left{left:18%}.mini-knob.right{right:18%}
.big-dial { width:175px; height:175px; border-radius:50%; background:var(--ink); color:var(--blue); display:grid; place-items:center; margin:15px auto; box-shadow:10px 12px rgba(18,18,15,.15)}.big-dial b{font-size:62px;letter-spacing:-6px}.button-row{display:flex;justify-content:center;gap:9px}.button-row i{width:22px;height:9px;background:var(--ink)}
.bus-wave { position:absolute;left:0;right:0;top:40px;height:70px;background:repeating-linear-gradient(90deg,transparent 0 7px,currentColor 8px 9px,transparent 10px 13px);clip-path:polygon(0 48%,10% 42%,15% 5%,21% 88%,26% 31%,34% 58%,42% 20%,49% 78%,56% 35%,64% 66%,72% 12%,78% 90%,84% 40%,91% 57%,100% 48%,100% 54%,0 54%)}
.fader-row{display:flex;gap:12px;justify-content:center;position:absolute;bottom:25px;left:0;right:0}.fader-row i{height:84px;width:8px;background:#555;border-radius:6px;position:relative}.fader-row i::after{content:"";position:absolute;width:18px;height:7px;left:-5px;top:var(--p,40%);background:var(--acid)}.fader-row i:nth-child(2n)::after{top:65%}.fader-row i:nth-child(3n)::after{top:22%}
.delay-visual>span { position:absolute;font:700 100px/1 var(--sans);letter-spacing:-8px;left:10%;top:35px}.echo-lines{position:absolute;right:8%;top:55px;display:flex;gap:11px;align-items:center}.echo-lines i{width:4px;height:100px;background:currentColor;opacity:.25}.echo-lines i:nth-child(1){height:150px;opacity:1}.echo-lines i:nth-child(2){height:115px;opacity:.7}.echo-lines i:nth-child(3){height:80px;opacity:.45}.echo-lines i:nth-child(4){height:45px}
.halo,.room{position:absolute;border:1px solid currentColor;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.halo.h1{width:90px;height:90px}.halo.h2{width:155px;height:155px}.halo.h3{width:230px;height:230px}.shimmer-visual b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:50px}
.room{border-radius:12px;transform:translate(-50%,-50%) rotate(45deg)}.room.r1{width:72px;height:72px}.room.r2{width:135px;height:135px}.room.r3{width:205px;height:205px}.reverb-visual b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:50px Georgia}
.digital-visual>span{position:absolute;left:10%;top:25px;font:600 13px var(--mono)}.digital-visual small{position:absolute;right:10%;bottom:30px;font:9px var(--mono)}.pixel-tail{position:absolute;left:10%;right:10%;top:70px;height:90px;display:flex;align-items:center;gap:8px}.pixel-tail i{height:100%;flex:1;background:currentColor}.pixel-tail i:nth-child(2){height:78%;opacity:.85}.pixel-tail i:nth-child(3){height:61%;opacity:.68}.pixel-tail i:nth-child(4){height:46%;opacity:.52}.pixel-tail i:nth-child(5){height:30%;opacity:.37}.pixel-tail i:nth-child(6){height:16%;opacity:.2}
.rack-screen{position:absolute;left:8%;right:8%;top:22px;height:110px;background:var(--ink);color:#f18e6e;padding:20px;font:10px var(--mono);box-shadow:inset 0 0 18px #000}.rack-screen b{font-size:29px}.rack-visual>div{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:22px}.rack-visual i,.pedal-knobs i{display:block;width:54px;height:54px;border-radius:50%;background:var(--ink)}
.pedal-knobs{display:flex;justify-content:center;gap:18px;margin-top:22px}.pedal-visual>span{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);width:140px;height:100px;background:var(--ink);color:var(--cyan,#77d7ec);display:grid;place-items:center;text-align:center;font:700 38px/1 var(--sans)}.pedal-visual small{font:7px var(--mono);letter-spacing:.1em}
.bands{height:160px;display:flex;gap:7px;align-items:end;padding:15px 9%}.bands i{flex:1;background:var(--ink);height:35%}.bands i:nth-child(2){height:65%}.bands i:nth-child(3){height:95%}.bands i:nth-child(4){height:78%}.bands i:nth-child(5){height:50%}.master-visual>span{position:absolute;right:10%;bottom:16px;font:700 32px var(--sans)}
.tremolo-visual span{position:absolute;right:8%;bottom:18px;font:8px var(--mono)}
.platform-note { font:8px var(--mono); color:#8c8b84; margin-top:22px; }
.catalog-cta { margin: 20px; min-height: 520px; background: var(--blue); padding: 80px clamp(25px, 7vw, 100px); position: relative; }
.catalog-cta .eyebrow span { background: var(--ink); }.catalog-cta h2{font-size:clamp(55px,8vw,120px);line-height:.88;letter-spacing:-.07em;margin:70px 0 0}.catalog-cta a{position:absolute;right:8%;bottom:80px;border:1px solid var(--ink);border-radius:99px;padding:15px 20px;font-size:11px;font-weight:700}.catalog-cta a span{margin-left:30px}

@media (max-width: 1000px) { .product-grid { grid-template-columns: repeat(2, 1fr); }.catalog-lead{margin-left:25%} }
@media (max-width: 700px) {
  .collection-name{display:none}.catalog-hero{padding-top:65px}.catalog-hero h1{margin:45px 0 60px}.catalog-lead{margin-left:0;grid-template-columns:1fr;gap:38px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start}.product-grid{grid-template-columns:1fr}.product-card{min-height:590px}.product-copy h3{font-size:50px}.catalog-cta{min-height:500px}.catalog-cta a{left:25px;right:auto;bottom:50px}
}

/* About */
.about-page { background: var(--paper); }
.about-page .site-header { background: var(--paper); }
.about-hero { padding: 95px clamp(24px, 7vw, 110px) 120px; }
.about-hero h1 { font-size: clamp(70px, 11vw, 165px); line-height: .82; margin: 60px 0 75px; }
.about-hero h1 em { color: var(--orange); }
.about-standfirst { width: 52%; margin: 0 0 0 auto; font-size: clamp(22px, 2.5vw, 37px); line-height: 1.35; letter-spacing: -.035em; }
.founder-story { background: var(--ink); color: var(--paper); padding: 120px clamp(24px, 9vw, 150px); display: grid; grid-template-columns: .65fr 1.35fr; gap: 9vw; }
.founder-story aside { display: flex; flex-direction: column; justify-content: space-between; }
.founder-stamp { width: 180px; height: 180px; border: 1px solid #57574f; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.founder-stamp b { color: var(--acid); font-size: 48px; letter-spacing: -.08em; }.founder-stamp small { font: 7px/1.5 var(--mono); color: #92928a; margin-top: 9px; }
.founder-portrait { margin:60px 0 0; width:min(320px,100%); }.founder-portrait img { display:block; width:100%; aspect-ratio:1; object-fit:cover; border:1px solid #3c485b; border-radius:14px; filter:saturate(.78) contrast(1.04); }.founder-portrait figcaption { margin-top:14px; font:7px/1.6 var(--mono); letter-spacing:.08em; color:#7e8a9c; }
.story-copy { max-width: 790px; }.story-copy p { font-size: clamp(17px, 1.7vw, 23px); line-height: 1.7; color: #b9b8b0; }
.story-copy .story-lead { color: var(--paper); font-size: clamp(30px, 4vw, 58px); line-height: 1.17; letter-spacing: -.045em; margin-top: 0; }
.experience-story { padding:125px clamp(24px,8vw,125px); display:grid; grid-template-columns:.9fr 1.1fr; gap:10vw; background:#0c0f16; }.experience-heading h2 { font-size:clamp(48px,6.5vw,94px); line-height:.93; letter-spacing:-.065em; margin:48px 0 0; }.experience-heading h2 em { color:#5bdac1; font-family:Georgia,serif; font-weight:400; }.experience-heading .eyebrow span { background:#5bdac1; }.experience-copy { max-width:720px; }.experience-copy p { color:#919daf; font-size:clamp(16px,1.5vw,21px); line-height:1.75; }.experience-copy .experience-lead { color:#e0e6ef; font-size:clamp(27px,3vw,44px); line-height:1.3; letter-spacing:-.04em; margin-top:0; }
.two-formats { padding: 125px clamp(24px, 6vw, 95px); }
.format-intro { display: grid; grid-template-columns: 1fr 1.4fr; align-items: start; gap: 50px; margin-bottom: 80px; }.format-intro h2 { font-size: clamp(54px, 7.5vw, 110px); line-height: .88; letter-spacing: -.07em; margin: 0; }
.format-reasons { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.reason { min-height: 620px; padding: 28px 32px 38px; display: flex; flex-direction: column; color: var(--ink); }.native-reason { background: var(--acid); }.dsp-reason { background: var(--orange); }
.reason-number { font: 9px var(--mono); }.reason .format-pill { align-self: flex-end; margin-top: -18px; font-size: 9px; }.reason h3 { font-size: clamp(45px, 5vw, 76px); line-height: .92; letter-spacing: -.06em; margin: auto 0 35px; }.reason p { font-size: 14px; line-height: 1.7; max-width: 520px; border-top: 1px solid currentColor; padding-top: 20px; }
.beliefs { background: var(--blue); padding: 120px clamp(24px, 8vw, 125px); display: grid; grid-template-columns: 1fr 1fr; gap: 10vw; }.beliefs-title h2 { font-size: clamp(48px, 6vw, 88px); line-height: .92; letter-spacing: -.06em; margin: 30px 0 0; }.belief-list article { display: grid; grid-template-columns: 45px 1fr; border-top: 1px solid var(--ink); padding: 24px 0 32px; }.belief-list article > span { font: 9px var(--mono); }.belief-list h3 { font-size: 24px; margin: 0; }.belief-list p { grid-column: 2; margin: 13px 0 0; font-size: 12px; line-height: 1.65; max-width: 390px; }
.founder-quote { padding: 145px clamp(24px, 10vw, 165px); }.founder-quote p { font: 400 clamp(40px, 6.5vw, 95px)/1.08 Georgia,serif; letter-spacing: -.055em; margin: 0; }.founder-quote span { display: block; margin-top: 48px; font: 9px var(--mono); text-transform: uppercase; }
.about-cta { margin: 20px; padding: 90px clamp(24px, 7vw, 100px); min-height: 540px; background: var(--acid); }.about-cta h2 { font-size: clamp(50px, 7vw, 105px); line-height: .9; letter-spacing: -.07em; margin: 70px 0; }.about-cta > div { display: flex; gap: 12px; justify-content: flex-end; }.about-cta a { border: 1px solid var(--ink); border-radius: 99px; padding: 15px 20px; font: 600 11px var(--sans); }.about-cta a span { margin-left: 24px; }
@media (max-width: 750px) { .about-hero{padding-top:65px}.about-standfirst{width:100%}.founder-story{grid-template-columns:1fr;gap:70px}.founder-story aside{gap:50px}.format-intro,.format-reasons,.beliefs{grid-template-columns:1fr}.reason{min-height:520px}.about-cta>div{justify-content:flex-start;flex-direction:column}.about-cta a{width:fit-content}.founder-quote{padding-top:100px;padding-bottom:100px} }
@media (max-width:750px) { .experience-story{grid-template-columns:1fr;gap:65px;padding-top:90px;padding-bottom:90px}.founder-portrait{margin-top:20px} }

/* Dark UI alignment with the actual plugins */
.native-page, .catalog-page, .about-page, .hdx-page { background: #0c0f16; color: #e0e6ef; }
.catalog-page .site-header, .about-page .site-header { background: #0c0f16; }
.free-promise { padding:95px clamp(24px,7vw,110px); display:grid; grid-template-columns:1fr 1fr; gap:9vw; background:#10151e; border-bottom:1px solid #293344; }.free-promise h2 { font-size:clamp(45px,5.8vw,82px); line-height:.94; letter-spacing:-.06em; margin:28px 0 0; }.free-promise .tiny { color:#5bdac1; }.free-copy p { color:#a6b1c0; font-size:15px; line-height:1.7; margin:0 0 18px; }.support-button { margin-top:18px; border:1px solid #5bdac1; border-radius:99px; background:transparent; color:#5bdac1; padding:14px 18px; font:600 11px var(--sans); cursor:pointer; }.support-button span { margin-left:28px; }
.catalog-hero { background: radial-gradient(circle at 78% 32%, rgba(91,218,193,.11), transparent 28%), #0c0f16; border-bottom: 1px solid #293344; }
.catalog-hero .eyebrow span { background: #5bdac1; }.catalog-hero h1 em { color: #5bdac1; }.catalog-lead { color: #aab5c4; }.format-list span { border-color: #344052; }
.catalog { background: #090c12; color:#e0e6ef; }.filter { border-color: #3a4659; color: #aeb9c8; }.filter:hover, .filter.is-active { background: #5bdac1; border-color: #5bdac1; color: #08110f; }
.product-card { --card-accent: #5bdac1; background: #141923 !important; color: #e0e6ef !important; border: 1px solid #303b4d; border-top: 3px solid var(--card-accent); border-radius: 12px; box-shadow: inset 0 1px rgba(255,255,255,.025); }
.product-card.acid { --card-accent:#53d9ff; }.product-card.coral { --card-accent:#ff6b8a; }.product-card.blue { --card-accent:#6fa8ff; }.product-card.ink { --card-accent:#5bdac1; }.product-card.paper { --card-accent:#ffbd4a; }.product-card.violet { --card-accent:#b69cff; }.product-card.teal { --card-accent:#54e6ad; }.product-card.amber { --card-accent:#ffd166; }.product-card.red { --card-accent:#ff9f5a; }.product-card.cyan { --card-accent:#53d9ff; }.product-card.pink { --card-accent:#ff6b8a; }.product-card.lime { --card-accent:#8ea1b8; }
.product-meta, .product-type { color: #7f8b9e; }.product-copy h3 { color: var(--card-accent); }.product-copy p { color: #a7b2c1; }.product-visual { color: var(--card-accent); background: linear-gradient(180deg, rgba(255,255,255,.015), rgba(0,0,0,.12)); }.product-foot { border-color: #354154; color: #8d99aa; }.status-pill { color: var(--card-accent); border-color: var(--card-accent); }.mini-knob,.big-dial,.rack-screen,.rack-visual i,.pedal-knobs i,.bands i { background: #090c12; }.big-dial { color: var(--card-accent); border: 1px solid #3a4658; }.pedal-visual>span { background: #090c12; color: var(--card-accent); }.platform-note { color:#667286; }
.catalog-cta { background: radial-gradient(circle at 80% 25%, rgba(83,217,255,.12), transparent 26%), #141923; border: 1px solid #303b4d; border-radius: 14px; }.catalog-cta .eyebrow span { background:#53d9ff; }.catalog-cta a { border-color:#4a586d; color:#53d9ff; }
.about-hero { background: radial-gradient(circle at 82% 35%, rgba(255,107,138,.08), transparent 30%), #0c0f16; }.about-hero h1 em { color:#5bdac1; }.about-standfirst { color:#aeb9c7; }
.founder-story { background:#090c12; color:#e0e6ef; border-top:1px solid #293344; border-bottom:1px solid #293344; }.founder-stamp { border-color:#3c485b; }.founder-stamp b { color:#5bdac1; }.story-copy .story-lead { color:#e0e6ef; }.story-copy p { color:#8e9aac; }
.two-formats { background:#0f131c; }.native-reason,.dsp-reason { background:#141923; color:#e0e6ef; border:1px solid #303b4d; border-radius:14px; }.native-reason { border-top:3px solid #5bdac1; }.dsp-reason { border-top:3px solid #ff6b8a; }.native-reason h3 { color:#5bdac1; }.dsp-reason h3 { color:#ff6b8a; }.reason p { color:#a5b0bf; border-color:#354154; }
.beliefs { background:#111722; border-top:1px solid #2c3748; }.belief-list article { border-color:#344052; }.belief-list article>span { color:#5bdac1; }.belief-list p { color:#9ba7b7; }
.founder-quote { background:#0c0f16; }.founder-quote p { color:#e0e6ef; }.founder-quote span { color:#5bdac1; }
.about-cta { background:radial-gradient(circle at 80% 25%,rgba(91,218,193,.12),transparent 30%),#141923; border:1px solid #303b4d; border-radius:14px; }.about-cta .eyebrow span { background:#5bdac1; }.about-cta a { border-color:#465267; }.about-cta a:first-child { color:#5bdac1; }.about-cta a:last-child { color:#ff6b8a; }
.hdx-page { background:#0c0f16; }.hdx-page .eyebrow span { background:#ff6b8a; }.hdx-page .collection h1 em { color:#ff6b8a; }.hdx-page .coming-soon { background:#141923; color:#e0e6ef; border:1px solid #313b4d; }.hdx-page .coming-soon a { background:#ff6b8a; color:#10080b; }
.donation-dialog { width:min(560px,calc(100% - 30px)); color:#e0e6ef; background:#141923; border:1px solid #3a4659; border-top:3px solid #5bdac1; border-radius:16px; padding:45px; box-shadow:0 35px 100px rgba(0,0,0,.65); }.donation-dialog::backdrop { background:rgba(4,6,10,.78); backdrop-filter:blur(7px); }.donation-dialog .dialog-close { position:absolute; top:14px; right:16px; width:34px; height:34px; border:1px solid #3b475a; border-radius:50%; background:#1b2230; color:#9da8b7; font-size:20px; cursor:pointer; }.donation-icon { width:58px; height:58px; display:grid; place-items:center; border-radius:50%; background:#202938; color:#5bdac1; border:1px solid #3c485b; font-weight:800; margin-bottom:30px; }.donation-dialog .eyebrow span { background:#5bdac1; }.donation-dialog h2 { font-size:clamp(42px,5vw,66px); line-height:.92; letter-spacing:-.06em; margin:28px 0; }.donation-dialog>p:not(.eyebrow) { color:#a6b1c0; line-height:1.65; font-size:14px; }.paypal-button { margin-top:28px; display:flex; justify-content:space-between; align-items:center; border-radius:8px; background:#5bdac1; color:#08110f; padding:16px 18px; font-size:12px; font-weight:700; }.paypal-button strong { font-size:18px; margin-left:auto; margin-right:14px; }.maybe-later { width:100%; border:0; background:transparent; color:#8d99aa; font:9px var(--mono); padding:17px 0; cursor:pointer; }.donation-dialog small { display:block; border-top:1px solid #303b4d; padding-top:15px; color:#606c7f; font:7px/1.5 var(--mono); }
.donation-amounts { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:25px; }.donation-amounts button { border:1px solid #3b475a; border-radius:8px; background:#1b2230; color:#aeb9c8; padding:13px 8px; font:600 14px var(--sans); cursor:pointer; transition:.2s; }.donation-amounts button:hover,.donation-amounts button.is-selected { color:#08110f; background:#5bdac1; border-color:#5bdac1; }.donation-amounts button.is-selected { box-shadow:0 0 0 2px #141923,0 0 0 3px #5bdac1; }

/* Product guides */
.product-card { position:relative; }.product-card-link { position:absolute; inset:0; z-index:4; border-radius:inherit; }.product-card-link:focus-visible { outline:2px solid var(--card-accent); outline-offset:-6px; }
.front-end-visual { display:flex; align-items:center; justify-content:center; gap:28px; }.input-bars { width:38%; display:grid; gap:18px; }.input-bars i { display:block; height:18px; border-radius:4px; background:linear-gradient(90deg,var(--card-accent) 0 68%,#263142 68%); }.phase-symbol { font:500 38px var(--sans); }.front-dial { width:92px; height:92px; border-radius:50%; background:#090c12; border:8px solid #2c3747; position:relative; }.front-dial::after { content:""; position:absolute; width:2px; height:34px; background:var(--card-accent); left:50%; top:12px; transform:rotate(34deg); transform-origin:bottom; }
.plugin-detail-page { --product-accent:#5bdac1; background:#0c0f16; color:#e0e6ef; }.plugin-detail-page .site-header { background:#0c0f16; }.detail-hero { padding:100px clamp(24px,7vw,110px) 110px; background:radial-gradient(circle at 80% 32%,color-mix(in srgb,var(--product-accent) 12%,transparent),transparent 28%),#0c0f16; border-bottom:1px solid #293344; }.detail-hero .eyebrow>span:first-child { background:var(--product-accent); }.detail-hero h1 { font-size:clamp(68px,11vw,160px); line-height:.82; margin:58px 0 0; color:var(--product-accent); }.detail-intro { margin:75px 0 0 42%; display:grid; grid-template-columns:1.2fr 1fr; gap:60px; align-items:start; }.detail-intro>p { font-size:clamp(21px,2.4vw,35px); line-height:1.35; letter-spacing:-.035em; margin:0; }.detail-formats { display:grid; grid-template-columns:1fr 1fr; font:8px var(--mono); text-transform:uppercase; }.detail-formats span { padding:12px 0; border-top:1px solid #344052; }
.detail-overview { padding:90px clamp(24px,7vw,110px); background:#090c12; }.detail-panel { max-width:1200px; min-height:260px; margin:0 auto; padding:35px; border:1px solid #303b4d; border-top:3px solid var(--product-accent); border-radius:12px; background:#141923; }.detail-panel>p { max-width:1000px; font-size:clamp(22px,2.5vw,37px); line-height:1.42; letter-spacing:-.035em; color:#c8d0dc; }
.quick-start { padding:120px clamp(24px,8vw,125px); display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; }.quick-heading .eyebrow span { background:var(--product-accent); }.quick-heading h2 { font-size:clamp(52px,7vw,100px); line-height:.88; letter-spacing:-.07em; margin:45px 0 0; }.quick-start ol { list-style:none; padding:0; margin:0; counter-reset:steps; }.quick-start li { counter-increment:steps; display:grid; grid-template-columns:55px 1fr; gap:15px; border-top:1px solid #344052; padding:22px 0; font-size:14px; line-height:1.55; color:#aab5c4; }.quick-start li::before { content:counter(steps,decimal-leading-zero); color:var(--product-accent); font:9px var(--mono); padding-top:5px; }
.detail-tip { margin:20px; padding:80px clamp(30px,8vw,120px); min-height:360px; background:radial-gradient(circle at 85% 25%,color-mix(in srgb,var(--product-accent) 12%,transparent),transparent 30%),#141923; border:1px solid #303b4d; border-radius:14px; }.detail-tip p { max-width:1000px; font:400 clamp(35px,5vw,72px)/1.15 Georgia,serif; letter-spacing:-.045em; margin:45px 0 0; }.product-navigation { padding:70px clamp(24px,7vw,110px); display:grid; grid-template-columns:1fr auto 1fr; gap:30px; border-bottom:1px solid #273142; font:9px var(--mono); text-transform:uppercase; }.product-navigation a { color:#94a0b1; }.product-navigation a:first-child { justify-self:start; }.product-navigation a:nth-child(2) { color:var(--product-accent); }.product-navigation a:last-child { justify-self:end; text-align:right; }.dsp-note { margin:25px clamp(24px,7vw,110px) 70px; color:#626e81; font:8px/1.5 var(--mono); }
@media(max-width:750px){.detail-hero{padding-top:65px}.detail-intro{margin-left:0;grid-template-columns:1fr;gap:38px}.detail-overview,.quick-start{grid-template-columns:1fr}.quick-start{gap:70px}.detail-panel{min-height:auto}.product-navigation{grid-template-columns:1fr 1fr}.product-navigation a:nth-child(2){display:none}.detail-tip{padding:55px 25px}.control-tags{margin-top:38px}}
@media(max-width:750px){.free-promise{grid-template-columns:1fr;gap:50px;padding-top:75px;padding-bottom:75px}.donation-dialog{padding:36px 24px 28px}}

/* Direct screenshots from the current plugin builds */
.plugin-screenshot-section { padding:95px clamp(20px,6vw,95px) 110px; background:#090c12; border-bottom:1px solid #263143; }
.screenshot-heading { max-width:1200px; margin:0 auto 35px; display:grid; grid-template-columns:1fr 1fr; gap:22px 70px; align-items:end; }
.screenshot-heading .eyebrow { grid-column:1 / -1; margin:0; }
.screenshot-heading .eyebrow span { background:var(--product-accent); }
.screenshot-heading h2 { margin:0; color:var(--product-accent); font-size:clamp(42px,6vw,82px); line-height:.92; letter-spacing:-.06em; }
.screenshot-heading>p:last-child { margin:0; color:#8490a2; font-size:13px; line-height:1.65; max-width:430px; }
.plugin-screenshot-frame { max-width:1200px; margin:0 auto; padding:14px; background:#111722; border:1px solid #354154; border-radius:18px; box-shadow:0 35px 75px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.04); }
.plugin-screenshot-frame img { display:block; width:100%; height:auto; border-radius:9px; background:#080b10; }
.plugin-screenshot-frame figcaption { padding:13px 3px 1px; color:#697588; font:8px/1.5 var(--mono); text-transform:uppercase; letter-spacing:.08em; }
@media(max-width:750px){.plugin-screenshot-section{padding:65px 10px 75px}.screenshot-heading{grid-template-columns:1fr;padding:0 10px}.screenshot-heading .eyebrow{grid-column:auto}.plugin-screenshot-frame{padding:7px;border-radius:12px}.plugin-screenshot-frame img{border-radius:7px}}

/* Animated plugin interface previews */
.live-demo { padding:90px clamp(20px,6vw,95px) 105px; background:#090c12; border-bottom:1px solid #263143; }.demo-toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; font:8px var(--mono); color:#788599; letter-spacing:.09em; }.demo-toolbar>div { display:flex; align-items:center; gap:10px; }.demo-light { width:7px; height:7px; border-radius:50%; background:var(--product-accent); box-shadow:0 0 10px var(--product-accent); animation:demoBlink 1.8s ease-in-out infinite; }.demo-toolbar button { border:1px solid #3b475a; border-radius:99px; background:#161c26; color:#aeb8c7; padding:8px 12px; font:8px var(--mono); cursor:pointer; }.demo-shell { max-width:1200px; margin:0 auto; padding:24px 26px 18px; background:linear-gradient(145deg,#181e29,#0c1017 70%); border:1px solid #354154; border-radius:18px; box-shadow:0 35px 75px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.04); }.demo-titlebar,.demo-footer { display:flex; justify-content:space-between; align-items:center; font:8px var(--mono); color:#788599; letter-spacing:.08em; }.demo-titlebar strong { color:#e0e6ef; font-size:13px; }.demo-stage { min-height:430px; margin:20px 0; border:1px solid #2d3849; border-radius:12px; overflow:hidden; background:radial-gradient(circle at 50% 0,rgba(255,255,255,.035),transparent 45%),#0d1119; }.demo-footer { padding-top:2px; }.demo-brand { width:30px; height:30px; display:grid; place-items:center; border:1px solid #3a4658; border-radius:50%; color:var(--product-accent); }.demo-caption { max-width:1200px; margin:14px auto 0; font:8px var(--mono); color:#5f6a7c; }.demo-layout { min-height:430px; padding:30px; display:flex; flex-direction:column; }.demo-screen,.gr-display,.echo-display,.tail-display,.lfo-display,.band-display,.input-meter { flex:1; min-height:245px; position:relative; overflow:hidden; background:#0a0e15; border:1px solid #293547; border-radius:9px; box-shadow:inset 0 0 28px rgba(0,0,0,.5); }
.demo-knobs { height:112px; display:flex; align-items:end; justify-content:space-around; gap:12px; padding-top:22px; }.demo-knobs>div { display:flex; flex-direction:column; align-items:center; gap:9px; min-width:62px; }.demo-knobs i,.web-knob { width:58px; height:58px; border-radius:50%; display:block; position:relative; background:radial-gradient(circle at 40% 34%,#303948,#111720 68%); border:5px solid #293445; }.demo-knobs i::after,.web-knob i { content:""; position:absolute; left:calc(50% - 1px); top:5px; width:2px; height:19px; background:var(--product-accent); transform-origin:1px 24px; transform:rotate(var(--turn)); box-shadow:0 0 5px var(--product-accent); }.demo-knobs span,.web-knob span { font:7px var(--mono); color:#7e8a9d; }
.eq-screen svg,.tail-display svg,.lfo-display svg { position:absolute; inset:0; width:100%; height:100%; }.eq-grid-line { fill:none; stroke:#273243; stroke-width:1; vector-effect:non-scaling-stroke; }.eq-curve { fill:none; stroke:var(--product-accent); stroke-width:3; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 5px var(--product-accent)); }.rta-bars { position:absolute; inset:12px 12px 28px; display:flex; gap:4px; align-items:end; opacity:.72; }.rta-bars i { flex:1; height:calc(18% + (var(--i) % 9) * 7%); background:linear-gradient(to top,color-mix(in srgb,var(--product-accent) 58%,transparent),color-mix(in srgb,var(--product-accent) 8%,transparent)); border-top:1px solid color-mix(in srgb,var(--product-accent) 75%,transparent); animation:rtaDance calc(.75s + (var(--i) % 5)*.11s) ease-in-out infinite alternate; transform-origin:bottom; }.eq-nodes i { position:absolute; width:10px; height:10px; border-radius:50%; border:2px solid #0b1017; background:var(--product-accent); top:var(--y,50%); }.eq-nodes i:nth-child(1){left:8%;top:64%}.eq-nodes i:nth-child(2){left:22%;top:41%}.eq-nodes i:nth-child(3){left:37%;top:56%}.eq-nodes i:nth-child(4){left:52%;top:22%}.eq-nodes i:nth-child(5){left:67%;top:67%}.eq-nodes i:nth-child(6){left:82%;top:54%}.eq-nodes i:nth-child(7){left:94%;top:50%}.screen-label { position:absolute; left:12px; bottom:8px; font:7px var(--mono); color:#5e6a7c; }.screen-label.right{left:auto;right:12px}
.gr-display { padding:32px; }.gr-header { display:flex; justify-content:space-between; align-items:end; font:9px var(--mono); color:#8793a5; }.gr-header b { font:500 30px var(--sans); color:#e0e6ef; }.gr-track { height:28px; margin-top:27px; border-radius:5px; background:#202939; overflow:hidden; }.gr-track i { display:block; height:100%; width:62%; background:linear-gradient(90deg,var(--product-accent),#ffd166,#ff6b8a); animation:gainReduction 1.6s cubic-bezier(.4,0,.2,1) infinite alternate; }.signal-trace { position:absolute; left:32px; right:32px; bottom:30px; height:85px; display:flex; align-items:center; gap:5px; }.signal-trace i { flex:1; height:calc(15% + (var(--i) % 7)*12%); background:var(--product-accent); opacity:.45; animation:meterDance calc(.55s + (var(--i)%4)*.13s) ease-in-out infinite alternate; }.gr-number { display:inline-block; animation:grNumber 1.6s ease-in-out infinite alternate; }
.echo-display { display:flex; align-items:center; padding:0 7%; gap:8%; }.echo-display>i,.source-pulse { width:18px; height:150px; border-radius:9px; background:var(--product-accent); opacity:calc(1 - var(--i)*.13); transform:scaleY(calc(1 - var(--i)*.12)); animation:echoPulse 2.4s ease-out infinite; animation-delay:calc(var(--i)*.17s); }.source-pulse { --i:0; width:6px; opacity:1; }.time-readout { position:absolute; right:6%; top:25px; color:var(--product-accent); font:600 45px var(--sans); }.time-readout small{font:9px var(--mono)}
.tail-curve { fill:none; stroke:var(--product-accent); stroke-width:2.5; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 6px var(--product-accent)); stroke-dasharray:1000; animation:tailDraw 3s linear infinite; }.reflection-pulses { position:absolute; inset:20px; display:flex; gap:9px; align-items:center; }.reflection-pulses i { width:3px; height:calc(16% + (9 - var(--i))*8%); background:var(--product-accent); opacity:calc(.1 + (9 - var(--i))*.07); animation:reflection 1.8s ease-out infinite; animation-delay:calc(var(--i)*.09s); }.shimmer-orbit { position:absolute; right:17%; top:20%; font-size:55px; color:var(--product-accent); animation:shimmer 2.2s ease-in-out infinite; }
.lfo-shadow,.lfo-line { fill:none; vector-effect:non-scaling-stroke; }.lfo-shadow { stroke:#263142; stroke-width:18; }.lfo-line { stroke:var(--product-accent); stroke-width:4; filter:drop-shadow(0 0 7px var(--product-accent)); stroke-dasharray:1000; animation:lfoTravel 2.2s linear infinite; }.rate-led { position:absolute; right:22px; top:20px; width:13px; height:13px; background:var(--product-accent); border-radius:50%; box-shadow:0 0 14px var(--product-accent); animation:rateLed .75s step-end infinite; }.mode-switch { display:flex; align-self:center; border:1px solid #344052; border-radius:99px; overflow:hidden; margin-top:8px; }.mode-switch span{padding:8px 18px;font:7px var(--mono);color:#697588}.mode-switch .active{background:var(--product-accent);color:#08110f}
.band-display { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; padding:22px; }.band-display>div { display:flex; flex-direction:column; align-items:center; gap:9px; font:7px var(--mono); color:#7b879a; }.band-level { width:100%; flex:1; border-radius:4px; background:linear-gradient(to top,var(--product-accent) 0 58%,#202a39 58%); transform-origin:bottom; animation:bandWork calc(.9s + var(--i)*.14s) ease-in-out infinite alternate; }.band-gr { color:var(--product-accent); }.limiter-row { height:42px; display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; font:8px var(--mono); margin-top:12px; }.limiter-row>div { height:9px; border-radius:5px; background:#242d3c; overflow:hidden; }.limiter-row i { display:block; width:84%; height:100%; background:linear-gradient(90deg,var(--product-accent),#ffd166,#ff6b8a); animation:limiter 1s ease-in-out infinite alternate; }.limiter-row b { color:#ff6b8a; }
.input-meter { padding:35px; display:grid; gap:32px; align-content:center; }.input-meter>div { display:grid; grid-template-columns:25px 1fr 45px; align-items:center; gap:16px; font:9px var(--mono); color:#7e8a9c; }.input-meter i { height:25px; border-radius:4px; background:#222c3a; overflow:hidden; }.input-meter b { display:block; height:100%; width:78%; background:linear-gradient(90deg,var(--product-accent),#ffd166 86%,#ff6b8a); animation:inputLevel 1.1s ease-in-out infinite alternate; }.input-meter>div:nth-child(2) b { animation-delay:-.45s; }.frontend-controls { display:flex; align-items:center; justify-content:center; gap:28px; padding-top:25px; }.frontend-controls button { height:50px; padding:0 24px; border:1px solid #3b4759; border-radius:7px; background:#1b2330; color:#8793a5; font:10px var(--mono); }.web-knob { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; margin-bottom:10px; }.web-knob span { position:absolute; bottom:-22px; color:#e0e6ef; }
.live-demo.is-paused .demo-stage *,.live-demo.is-paused .demo-light { animation-play-state:paused !important; }.live-demo.is-paused .demo-light { opacity:.35; box-shadow:none; }
@keyframes demoBlink{50%{opacity:.4}}@keyframes rtaDance{to{transform:scaleY(.32);opacity:.42}}@keyframes gainReduction{0%{width:25%}35%{width:78%}65%{width:52%}100%{width:68%}}@keyframes meterDance{to{transform:scaleY(.28)}}@keyframes grNumber{from{opacity:.65}to{opacity:1}}@keyframes echoPulse{0%,18%{filter:brightness(1.8);box-shadow:0 0 18px var(--product-accent)}55%,100%{filter:brightness(.7);box-shadow:none}}@keyframes tailDraw{0%{stroke-dashoffset:1000;opacity:.2}45%{opacity:1}100%{stroke-dashoffset:-1000;opacity:.25}}@keyframes reflection{0%,15%{transform:scaleY(.25);opacity:.1}38%{transform:scaleY(1);opacity:.9}100%{transform:scaleY(.35);opacity:.15}}@keyframes shimmer{50%{transform:rotate(90deg) scale(1.25);opacity:.45}}@keyframes lfoTravel{to{stroke-dashoffset:-1000}}@keyframes rateLed{50%{opacity:.2;box-shadow:none}}@keyframes bandWork{to{transform:scaleY(.5);filter:brightness(.7)}}@keyframes limiter{to{width:96%}}@keyframes inputLevel{0%{width:32%}35%{width:84%}58%{width:57%}100%{width:73%}}
@media(max-width:750px){.live-demo{padding:60px 10px 75px}.demo-toolbar{padding:0 10px}.demo-toolbar>div:first-child span:last-child{display:none}.demo-shell{padding:16px 12px 13px;border-radius:12px}.demo-stage,.demo-layout{min-height:390px}.demo-layout{padding:15px}.demo-screen,.gr-display,.echo-display,.tail-display,.lfo-display,.band-display,.input-meter{min-height:220px}.demo-knobs{height:125px;gap:5px;overflow:hidden}.demo-knobs>div{min-width:42px}.demo-knobs i{width:44px;height:44px}.demo-knobs i::after{height:14px;transform-origin:1px 19px}.demo-knobs span{font-size:6px}.band-display{gap:4px;padding:12px}.gr-display{padding:20px}.signal-trace{left:20px;right:20px}.frontend-controls{gap:10px}.frontend-controls button{padding:0 12px}.input-meter{padding:20px}}