:root{--cyan:#22c7e8;--blue:#007cf0;--ink:#071018;--muted:#667582;--line:rgba(7,16,24,.12);--surface:#fff;--success:#087647;--danger:#aa2e2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 7% 4%,rgba(34,199,232,.22),transparent 31%),linear-gradient(145deg,#eefcff,#f7fafc 46%,#edf5fa);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{width:min(1420px,calc(100% - 34px));margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid rgba(255,255,255,.92);border-radius:22px;background:rgba(255,255,255,.74);box-shadow:0 18px 60px rgba(7,30,47,.08);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand span{width:45px;height:45px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:14px;background:linear-gradient(145deg,var(--cyan),#10a8f0);font-size:23px;font-weight:950}.brand strong{font-size:18px}.portal-link{padding:11px 16px;border:1px solid var(--line);border-radius:13px;color:var(--ink);text-decoration:none;font-weight:850}.page-shell{width:min(1420px,calc(100% - 34px));margin:24px auto 48px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);gap:24px;align-items:start}.catalogue-panel,.checkout-panel{border:1px solid rgba(255,255,255,.95);border-radius:32px;background:rgba(255,255,255,.84);box-shadow:0 30px 105px rgba(7,30,47,.1);backdrop-filter:blur(18px)}.catalogue-panel{padding:clamp(26px,4vw,50px)}.checkout-panel{position:sticky;top:20px;padding:clamp(24px,3vw,38px)}.eyebrow{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(34,199,232,.13);color:#007e9e;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.catalogue-panel>h1{max-width:820px;margin:18px 0 13px;font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-.06em}.lead{max-width:800px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}.notice{margin-top:24px;padding:15px 17px;border:1px solid rgba(0,124,240,.16);border-radius:17px;background:rgba(239,250,255,.88);color:#385664;line-height:1.5}.notice strong{color:#087f9d}.group-tabs{display:flex;gap:9px;overflow:auto;margin:30px -4px 20px;padding:4px;scrollbar-width:thin}.group-tabs button{flex:0 0 auto;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#40515e;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.group-tabs button.active{border-color:rgba(34,199,232,.48);background:#071018;color:#fff}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-card{display:flex;flex-direction:column;min-height:215px;padding:21px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(155deg,#fff,#f3fbfe);text-align:left;cursor:pointer;transition:.2s}.service-card:hover,.service-card.active{transform:translateY(-3px);border-color:rgba(0,124,240,.36);box-shadow:0 20px 45px rgba(0,124,240,.1)}.service-card.active{background:linear-gradient(145deg,#071018,#0b2636);color:#fff}.service-card small{color:#078aa9;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.service-card h3{margin:12px 0 8px;font-size:21px;line-height:1.12}.service-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.service-card.active p{color:rgba(255,255,255,.67)}.service-card footer{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:20px}.service-card footer strong{font-size:16px;color:#0086a7}.service-card.active footer strong{color:var(--cyan)}.service-card footer span{font-size:12px;font-weight:900}.loading{grid-column:1/-1;padding:45px;text-align:center;color:var(--muted)}.empty-selection{min-height:360px;display:grid;align-content:center;text-align:center}.empty-selection span{width:52px;height:52px;margin:0 auto 18px;display:grid;place-items:center;border-radius:17px;background:#071018;color:var(--cyan);font-weight:950}.empty-selection h2{margin:0 0 9px;font-size:32px}.empty-selection p{margin:0;color:var(--muted);line-height:1.6}.selected-head{display:flex;justify-content:space-between;gap:18px;padding-bottom:21px;border-bottom:1px solid var(--line)}.selected-head small{color:#078aa9;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.selected-head h2{margin:7px 0 7px;font-size:29px;line-height:1.08}.selected-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.selected-head>strong{min-width:125px;text-align:right;color:#0088aa;font-size:23px;line-height:1.2}.feature-list{display:grid;gap:8px;padding:0;margin:20px 0;list-style:none}.feature-list li{position:relative;padding-left:24px;color:#40515e;font-size:13px;line-height:1.45}.feature-list li:before{content:"✓";position:absolute;left:0;color:#008aa9;font-weight:950}.price-breakdown{display:grid;gap:7px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#f7fbfd}.price-line{display:flex;justify-content:space-between;gap:16px;color:#52636e;font-size:13px}.price-line.total{padding-top:8px;border-top:1px solid var(--line);color:var(--ink);font-size:16px;font-weight:950}form{display:grid;gap:14px;margin-top:20px}label{display:grid;gap:7px;color:#334754;font-size:12px;font-weight:850}label>span{font-weight:600;color:#88949b}input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fbfdff;color:var(--ink);font:inherit;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,199,232,.13)}.field-help{margin:-3px 0 0;color:#81909a;font-size:11px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.confirm{display:flex;align-items:flex-start;gap:9px;line-height:1.45}.confirm input{width:18px;flex:0 0 auto;margin-top:1px}.honeypot{position:absolute;left:-9999px}button#checkout-button,.primary-action,.secondary-action{display:flex;align-items:center;justify-content:center;min-height:50px;padding:13px 17px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font:inherit;font-weight:950;text-decoration:none;cursor:pointer;box-shadow:0 15px 34px rgba(0,124,240,.21)}button#checkout-button:disabled{opacity:.6;cursor:wait}.secondary-action{margin-top:10px;border:1px solid rgba(0,124,240,.22);background:#fff;color:#067f9e;box-shadow:none}.message{min-height:18px;color:var(--danger);font-size:12px;font-weight:800}.success-card{margin-top:22px;padding:22px;border:1px solid rgba(8,118,71,.18);border-radius:20px;background:#effbf5}.success-card>span{color:var(--success);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.success-card h2{margin:8px 0}.success-card p{color:#3a5b4c;line-height:1.5}.success-summary{display:grid;gap:7px;margin:15px 0;padding:13px;border-radius:14px;background:rgba(255,255,255,.7)}.beat-library{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-head h2{margin:10px 0 0;font-size:31px}.price-pill{padding:9px 12px;border-radius:999px;background:#071018;color:var(--cyan);font-size:12px;font-weight:900}.beat-card{margin-top:17px;padding:20px;border-radius:22px;background:linear-gradient(145deg,#071018,#0b2636);color:#fff}.beat-card h3{margin:0 0 6px;font-size:23px}.beat-card p{color:rgba(255,255,255,.64)}.beat-card audio{width:100%;margin:14px 0}.beat-meta{display:flex;flex-wrap:wrap;gap:8px}.beat-meta span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.09);font-size:11px}.beat-card button{margin-top:15px;padding:11px 14px;border:0;border-radius:12px;background:var(--cyan);color:#071018;font-weight:950;cursor:pointer}footer{padding:0 20px 35px;text-align:center;color:#81909a;font-size:12px}@media(max-width:1060px){.page-shell{grid-template-columns:1fr}.checkout-panel{position:static}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.topbar,.page-shell{width:min(100% - 20px,1420px)}.catalogue-panel,.checkout-panel{border-radius:24px}.catalogue-panel>h1{font-size:49px}.service-grid{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr}.selected-head{display:block}.selected-head>strong{display:block;margin-top:12px;text-align:left}.section-head{display:block}.price-pill{display:inline-flex;margin-top:12px}.portal-link{font-size:12px}} 

.direct-payment-card{margin-top:16px;padding:17px;border:1px solid rgba(0,124,240,.18);border-radius:18px;background:linear-gradient(145deg,#f5fdff,#eef8ff)}.direct-pay-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.direct-pay-head small{display:block;color:#078aa9;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.direct-pay-head strong{display:block;margin-top:4px;font-size:21px}.direct-pay-head span{font-size:10px;font-weight:900;color:#087647;background:#e7f9f0;padding:7px 9px;border-radius:999px}.direct-pay-grid{display:grid;grid-template-columns:160px 1fr;gap:15px;margin-top:15px}.qr-panel{padding:12px;border-radius:14px;background:#fff;text-align:center}.qr-panel img{display:block;width:136px;height:136px;max-width:100%;margin:auto}.qr-panel p{margin:8px 0 0;font-size:10px;line-height:1.4;color:#52636e}.payment-detail-list{display:grid;gap:7px}.payment-detail-list div{padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:#fff}.payment-detail-list small{display:block;color:#73828c;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.payment-detail-list strong{display:block;margin-top:3px;font-size:12px;word-break:break-all}.direct-pay-note{margin:13px 0 0;color:#52636e;font-size:11px;line-height:1.5}@media(max-width:520px){.direct-pay-grid{grid-template-columns:1fr}.qr-panel img{width:180px;height:180px}}