/* MixRelay product layer. CMS form and editor styles live in site.css. */
:root{--ink:#10231f;--ink-soft:#18332c;--paper:#f2f6f3;--blue:#18674e;--blue-hover:#104e3b;--blue-light:#92ecd1;--muted:#56665f;--line:#d9e3dd;--content:1200px;--radius:10px;scroll-padding-top:100px}
body{background:#fafcf9}h1,h2,h3{letter-spacing:-.035em}h2{font-weight:650}.button{border-radius:6px;min-height:48px}.text-link::after{content:none}.site-header{background:#10231ff7;border-color:#ffffff14}.site-header>.container{min-height:88px}.brand img{width:201px}.nav-links a,.nav-services>summary{color:#d5e2dc;font-weight:500}.nav-links a:hover,.nav-links a[aria-current=page]{color:#91ecd0}.nav-links .nav-cta{background:#8be5c8;color:#10231f}.nav-links .nav-cta:hover{background:#b0f3df;color:#10231f}.nav-links{gap:24px}.nav-toggle{background:#19352d;color:#eef8f2;border-color:#426054}.beta-ribbon{background:#1a362d;border-bottom:1px solid #ffffff16;color:#cde2d6;font-size:.78rem}.beta-ribbon>.container{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:42px}.beta-ribbon .container>span{font-size:.63rem;letter-spacing:.15em;font-weight:700;color:#a4bfb1}.beta-ribbon a{color:#d9f4e8;text-decoration:none}.beta-ribbon a:hover{text-decoration:underline}.hero{background:#10231f;padding:91px 0 100px;overflow:visible}.hero-grid{grid-template-columns:1fr 1.18fr;gap:52px}.hero-title{font-size:clamp(3.5rem,5.8vw,5.4rem);font-weight:600;letter-spacing:-.055em;line-height:1.02;max-width:540px;margin-bottom:27px}.hero-title span{display:block;color:#91ecd0}.hero .eyebrow{color:#b4d5c6;letter-spacing:.15em;font-size:.66rem;gap:9px}.hero .eyebrow::before{width:6px;height:6px;border-radius:50%;background:#91ecd0}.hero-intro{font-size:1.05rem;line-height:1.85;color:#b9cec2;max-width:450px}.hero-actions{align-items:center;gap:24px}.hero .button-light{background:#91ecd0;border-color:#91ecd0;color:#10231f}.hero .text-link{color:#e0eee5;font-size:.9rem}.hero .button-light:hover{background:#bcf6e4;border-color:#bcf6e4}.page-hero{background:#edf3ee;padding:58px 0 65px}.page-hero h1{font-size:clamp(2.7rem,5vw,4.65rem);font-weight:600;max-width:950px}.page-hero .hero-intro{color:#4c6559;max-width:760px}.page-hero .eyebrow{color:#24684f}.page-hero .hero-actions{margin-top:28px}.section{padding:84px 0}.section-kicker{font-size:.65rem;letter-spacing:.16em;color:#527965}.section-heading{align-items:start}.section-heading h2{font-size:clamp(2rem,3.1vw,2.7rem);max-width:650px}.section-heading .section-intro{max-width:330px;font-size:.95rem}.service-grid{gap:22px}.service-card{border:1px solid var(--line);border-radius:9px;padding:30px;background:#fff}.service-card-top .icon-badge{background:#e8f4ed;color:#24684f}.service-card h3{font-size:1.6rem;font-weight:650}.service-card .text-link{font-size:.84rem}.service-card .prose p{font-size:.95rem}.service-number{color:#738a7d}.split-layout{grid-template-columns:.9fr 1.1fr;gap:95px}.split-layout h2{font-size:clamp(2rem,3.1vw,2.8rem);max-width:430px}.prose p,.prose li{color:#52675b}.section-dark{background:#173a2e}.section-dark .prose p,.section-dark .reason p{color:#c0d4c8}.section-dark .section-kicker{color:#a2d0bb}.section-dark .reason{border-color:#ffffff2e}.reason h3{font-weight:600;font-size:1.25rem}.reason-grid{gap:45px}.section-title-line{gap:12px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 46px}.item-card{padding-top:24px}.cta-band{background:#ceebd9;color:#163d2a;padding:60px 0}.cta-inner h2{font-weight:600}.cta-inner p{color:#41644e;font-size:.95rem;max-width:650px}.cta-band .button-light{background:#173e2c;border-color:#173e2c;color:#f3fff7}.cta-band .button-light:hover{background:#225b40}.site-footer{background:#10231f;padding-top:65px;color:#a8c0b1}.footer-grid{grid-template-columns:1.5fr .9fr 1.1fr;gap:70px}.footer-brand img{width:201px}.site-footer h2{font-size:.86rem;color:#e4f1e9;letter-spacing:0;margin-bottom:18px;font-weight:650}.site-footer .footer-links+h2{margin-top:27px}.footer-brand p{max-width:320px}.site-footer a{color:#c8dfd1}.site-footer a:hover{color:#fff}.made-by{font-size:.75rem;color:#8dab9a}.contact-details .icon-badge{background:#e1eee5;color:#24684f}.form-card{box-shadow:none;border-radius:10px}.notice-success{border-color:#387b52}.footer-bottom{font-size:.72rem}.brand,.footer-brand>a{max-width:100%}
.player-illustration{margin:0;min-width:0;border:1px solid #496456;border-radius:11px;background:#15231e;box-shadow:0 28px 70px #0004;position:relative;color:#d8e7df;font-family:ui-sans-serif,system-ui,sans-serif;transform:rotate(-1deg)}.player-chrome{padding:15px 17px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #34483c;font-size:10px;letter-spacing:.08em}.player-mark{font-size:13px;font-weight:750;color:#7ae3c1}.player-mark>span{color:#e3bc73}.player-chrome small{color:#8fa69a;font-size:8px}.player-status{margin-left:auto;font-size:7px;color:#adc4b5;display:flex;align-items:center;gap:5px}.player-status i,.player-bottom i{width:5px;height:5px;background:#83dfb5;border-radius:50%;display:inline-block}.now-next{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:19px 17px 15px}.now-next>div{min-width:0}.now-next small{display:block;color:#7de3c3;font-size:8px;letter-spacing:.13em;margin-bottom:5px}.now-next>div+div small{color:#e4be7a}.now-next strong{display:block;font-size:13px;font-weight:550;margin-bottom:9px}.now-next span{color:#99b0a2;font-size:7px;letter-spacing:.08em;display:flex;justify-content:space-between}.now-next b{font-size:10px;color:#e2f0e7;font-variant-numeric:tabular-nums}.decks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 12px}.deck{background:#101c16;border:1px solid #345b48;border-radius:5px;padding:11px 9px;min-width:0;color:#73ddc2}.deck-b{border-color:#695333;color:#e9ba71}.deck-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.08em;margin-bottom:12px}.waveform{height:66px;display:flex;align-items:center;gap:2px;overflow:hidden;background:linear-gradient(transparent 49%,#ffffff15 49%,#ffffff15 51%,transparent 51%)}.waveform i{display:block;flex:1;min-width:1px;background:currentColor;opacity:.8;height:var(--wave-size,40%);border-radius:1px}.wave-0{--wave-size:10%}.wave-1{--wave-size:25%}.wave-2{--wave-size:39%}.wave-3{--wave-size:73%}.wave-4{--wave-size:52%}.wave-5{--wave-size:34%}.wave-6{--wave-size:62%}.wave-7{--wave-size:92%}.wave-8{--wave-size:80%}.wave-9{--wave-size:42%}.wave-10{--wave-size:68%}.wave-11{--wave-size:17%}.wave-12{--wave-size:55%}.wave-13{--wave-size:86%}.wave-14{--wave-size:32%}.wave-15{--wave-size:48%}.wave-timeline{display:flex;justify-content:space-between;margin-top:5px;color:#9ab1a3;font-size:6px;font-variant-numeric:tabular-nums}.deck-transport{display:flex;gap:7px;margin-top:15px;align-items:center;color:#c3d7c9;font-size:9px}.deck-transport>span:not(.beat-label){padding:4px 7px;background:#293e30;border-radius:3px}.deck-transport .transport-play{color:#8ce2bd}.beat-label{margin-left:auto;font-size:6px;color:#9db5a6}.running-header{display:flex;justify-content:space-between;padding:10px 17px;border-top:1px solid #304438;border-bottom:1px solid #304438;color:#a4baac;font-size:7px;letter-spacing:.08em}.running-row{display:grid;grid-template-columns:17px 1fr 32px 49px;align-items:center;gap:10px;padding:10px 17px;border-bottom:1px solid #2b3c31;font-size:8px;color:#99b1a1}.running-row.active{background:#244231;box-shadow:inset 2px 0 #8ce2bd}.running-row strong{color:#d8e7dd;display:block;font-size:10px;font-weight:500}.running-row small{display:block;font-size:7px;color:#9ab1a2;margin-top:3px}.track-state{font-size:6px;letter-spacing:.05em;color:#9aba9f}.active .track-state{color:#8ce2bd}.track-state.ready{color:#e6bc75}.player-bottom{padding:11px 14px;font-size:6px;color:#93b19e;letter-spacing:.04em;display:flex;justify-content:space-between;gap:10px;align-items:center}.player-bottom i{width:4px;height:4px;margin-right:4px}.player-illustration figcaption{position:absolute;left:0;right:0;top:calc(100% + 16px);text-align:center;color:#91ad9b;font-size:9px;letter-spacing:.07em}.player-illustration .waveform{user-select:none}
@media(min-width:1500px){.hero{padding-top:110px;padding-bottom:120px}}@media(max-width:1100px){.nav-links{gap:16px}.brand img{width:175px}.site-header>.container{gap:20px}.hero-grid{gap:30px}.hero-title{font-size:4rem}.hero .eyebrow{font-size:.57rem}.footer-grid{gap:35px}.container{width:calc(100% - 64px)}}@media(max-width:900px){.nav-links a{color:#173d2c}.nav-links a:hover,.nav-links a[aria-current=page]{color:#145d3d}.nav-links .nav-cta{background:#173d2c;color:#fff}.nav-toggle{display:block}.site-header>.container{min-height:76px;flex-wrap:wrap}.nav-links{background:#f3f7f1}.hero-grid{grid-template-columns:1fr}.hero-title{max-width:650px;font-size:clamp(3.5rem,8vw,5rem)}.hero-title span{display:inline}.hero-intro{max-width:580px}.hero .eyebrow{font-size:.65rem}.hero{padding:65px 0 85px}.player-illustration{width:min(580px,100%);margin:25px auto 0;transform:none}.split-layout{gap:45px}.footer-grid{grid-template-columns:1.2fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.section-heading{display:block}.section-heading .section-intro{margin-top:20px;max-width:600px}.service-grid{grid-template-columns:1fr}.service-card{padding:28px}.service-card h3{font-size:1.55rem}.service-card-top{margin-bottom:20px}.reason-grid{gap:25px}.reason h3{font-size:1.1rem}.beta-ribbon>.container{min-height:46px}.beta-ribbon .container>span{font-size:.55rem}}@media(max-width:600px){.container{width:calc(100% - 36px)}.site-header>.container{min-height:72px}.brand img{width:172px}.beta-ribbon>.container{justify-content:center;text-align:center;min-height:40px}.beta-ribbon .container>span{display:none}.beta-ribbon a{font-size:.72rem}.hero{padding:49px 0 75px}.hero-title{font-size:3.45rem;max-width:400px}.hero-title span{display:block}.hero .eyebrow{font-size:.59rem;margin-bottom:22px}.hero-intro{font-size:1rem}.hero-actions{gap:20px}.hero-actions .button{width:auto}.hero-actions .text-link{font-size:.85rem}.player-illustration{margin-top:28px}.player-chrome{padding:12px;font-size:8px}.player-status{font-size:5px}.now-next{padding:13px 12px;gap:12px}.now-next strong{font-size:10px}.now-next small{font-size:6px}.now-next span{font-size:5px}.now-next b{font-size:8px}.decks{gap:7px;padding:0 8px 8px}.deck{padding:9px 6px}.deck-label{font-size:6px}.waveform{height:50px;gap:1px}.deck-transport{gap:4px}.deck-transport>span:not(.beat-label){padding:3px 6px}.beat-label{font-size:5px}.running-row{grid-template-columns:13px 1fr 25px 37px;padding:8px 12px;gap:7px}.running-row strong{font-size:9px}.running-row small{font-size:6px}.running-row>span{font-size:7px}.running-row .track-state{font-size:5px}.player-bottom{padding:10px 12px;font-size:5px;letter-spacing:0}.player-illustration figcaption{font-size:8px}.section{padding:56px 0}.split-layout{grid-template-columns:1fr;gap:12px}.split-layout h2{margin-bottom:18px}.item-grid,.reason-grid{grid-template-columns:1fr;gap:14px}.reason{padding-top:23px}.reason h3{font-size:1.3rem}.section-heading{margin-bottom:28px}.section-heading h2,.split-layout h2{font-size:2rem}.section-kicker{font-size:.59rem}.page-hero{padding:32px 0 42px}.page-hero h1{font-size:2.85rem}.page-hero .hero-intro{font-size:1rem}.breadcrumb{font-size:.72rem;margin-bottom:26px}.cta-band{padding:43px 0}.cta-inner{gap:26px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-brand{grid-column:auto}.site-footer{padding-top:45px}.footer-bottom{gap:21px}.contact-grid{gap:35px}.contact-details a{font-size:1rem}.form-card{padding:24px}.hero .hero-actions .button{font-size:.87rem}.player-illustration{max-width:100%}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media(min-width:851px) and (max-width:900px){.nav-links{display:none;flex-direction:column;align-items:stretch;width:100%;gap:0;padding:13px 18px 24px}.nav-links.is-open{display:flex}.nav-links>a{display:block;padding:12px 0}.nav-links .nav-cta{padding:12px 18px;text-align:center;margin-top:10px}}
@media(max-width:850px){.nav-links{padding-left:18px;padding-right:18px}}
.hero-grid>div{min-width:0}
.service-number{color:#536d5f}.site-footer .made-by a{text-decoration:underline;text-underline-offset:3px}
/* Public pricing, editable through the CMS pricing-card layout. */
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pricing-card{padding:30px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.pricing-card:last-child{border:2px solid #24684f;padding:29px;background:#f1f8f2}.plan-kicker{font-size:.65rem;letter-spacing:.1em;font-weight:700;color:#24684f;margin:0 0 18px}.pricing-card h3{font-size:2rem;margin-bottom:22px}.pricing-card .prose{font-size:.94rem;width:100%}.pricing-card .prose p{margin-bottom:22px}.pricing-card .prose p:first-child{font-size:1.05rem}.pricing-card .prose ul{padding-left:20px;margin-bottom:25px}.pricing-card .prose li{margin-top:9px}.pricing-card .text-link{margin-top:auto;padding-top:10px;font-size:.9rem}
@media(max-width:1100px){.nav-toggle{display:block}.site-header>.container{flex-wrap:wrap}.nav-links{display:none;flex-direction:column;align-items:stretch;width:100%;gap:0;padding:13px 18px 24px;background:#f3f7f1}.nav-links.is-open{display:flex}.nav-links>a{display:block;padding:12px 0;color:#173d2c}.nav-links a[aria-current=page],.nav-links a:hover{color:#145d3d}.nav-links .nav-cta{padding:12px 18px;text-align:center;margin-top:10px;background:#173d2c;color:#fff}.pricing-card{padding:24px}.pricing-card:last-child{padding:23px}}
@media(max-width:850px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:28px}.pricing-card:last-child{padding:27px}}
