:root{--bg:#0d0710;--card:#170c1c;--ink:#f8ece0;--mute:#b9a3b5;--line:#33203b;--coral:#e0708a;--at:#f0b45a;--orange:#e07a00;--amber:#f0b45a;--on:#1a0b1f;--grad:linear-gradient(90deg,#c25a9b,#e0708a,#e07a00,#f0b45a);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#fffdfb;--card:#f7ebde;--ink:#24102b;--mute:#6a5670;--line:#e8d9ca;--coral:#a93a4f;--at:#a93a4f;--grad:linear-gradient(90deg,#4b1450,#a93a4f,#e07a00,#f0b45a)}}
:root[data-theme="light"]{--bg:#fffdfb;--card:#f7ebde;--ink:#24102b;--mute:#6a5670;--line:#e8d9ca;--coral:#a93a4f;--at:#a93a4f;--grad:linear-gradient(90deg,#4b1450,#a93a4f,#e07a00,#f0b45a)}
html{height:100%;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 70px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:400 17px/1.65 Figtree,system-ui,sans-serif}
h1,h2,h3{font-family:'Bricolage Grotesque',Figtree,system-ui,sans-serif;line-height:1.08;margin:0;letter-spacing:-.02em}
a{color:inherit}[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px;flex-wrap:wrap}
.plate{background:#fffdfb;border-radius:10px;padding:3px 10px;display:block}.plate img{display:block;height:34px;width:auto}
nav{display:flex;gap:22px;font-size:15px;font-weight:500}nav a{text-decoration:none;color:var(--mute)}nav a:hover{color:var(--ink)}
.menu{display:none;background:none;border:1.5px solid var(--line);color:var(--ink);border-radius:999px;padding:7px 16px;font:600 14px Figtree,sans-serif;cursor:pointer}
.hero{padding:64px 0 36px;text-align:center}
.eyebrow{margin:0;color:var(--at);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.hero h1{font-size:clamp(34px,6.4vw,66px);font-weight:800;max-width:14em;margin:18px auto 0}
.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{max-width:36em;margin:20px auto 0;color:var(--mute);font-size:19px}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;padding:12px 24px;border-radius:999px;font:600 16px Figtree,sans-serif;text-decoration:none;border:2px solid var(--ink);background:none;color:var(--ink);cursor:pointer}
.btn.main{background:var(--orange);border-color:var(--orange);color:var(--on)}.btn.main:hover{background:var(--amber);border-color:var(--amber)}
.wave{display:flex;align-items:center;justify-content:center;gap:5px;height:110px;margin:42px auto 0;max-width:900px;padding:0 22px}
.wave i{flex:1;max-width:9px;border-radius:9px;background:var(--grad);background-size:900px 100%;height:var(--h);animation:beat 2.4s ease-in-out infinite;animation-delay:var(--d)}
@keyframes beat{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.35)}}
@media (prefers-reduced-motion:reduce){.wave i{animation:none}html{scroll-behavior:auto}}
section{padding:72px 0}section.alt{background:var(--card)}
h2{font-size:clamp(28px,4.6vw,44px);font-weight:700}h3{font-size:22px}
.lead{max-width:36em;color:var(--mute);margin:12px 0 0}
.lics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.lic{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px}
.lic .price{font:800 34px 'Bricolage Grotesque',sans-serif}.lic .price small{font:500 14px Figtree,sans-serif;color:var(--mute)}
.lic ul{margin:0;padding:0;list-style:none;font-size:15px;flex:1}.lic li{padding:5px 0 5px 22px;position:relative}
.lic li::before{content:"";position:absolute;left:2px;top:13px;width:10px;height:6px;border-left:2px solid var(--at);border-bottom:2px solid var(--at);transform:rotate(-45deg)}
.lic .row{display:grid;gap:8px}.lic .btn{text-align:center;padding:10px 12px;font-size:15px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.tab{padding:9px 18px;border-radius:999px;border:1.5px solid var(--line);background:none;color:var(--ink);font:600 15px Figtree,sans-serif;cursor:pointer}
.tab[aria-selected="true"]{background:var(--orange);border-color:var(--orange);color:var(--on)}
.panel{margin-top:22px;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:28px;display:grid;grid-template-columns:1fr 1.4fr;gap:20px 40px}
.panel .price{font:800 44px 'Bricolage Grotesque',sans-serif}.panel .price small{font:500 16px Figtree,sans-serif;color:var(--mute)}
.panel ul{margin:0 0 14px;padding-left:20px}.panel p{margin:6px 0;color:var(--mute)}.panel b{color:var(--ink)}
.two{display:grid;grid-template-columns:1fr 1.5fr;gap:48px}
details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}
summary{cursor:pointer;padding:17px 34px 17px 0;font-weight:600;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:13px;font-size:24px;color:var(--at);transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 18px;color:var(--mute)}
.info{display:grid;grid-template-columns:90px 1fr;gap:10px 16px;margin:28px 0 0}.info dt{font-weight:600;color:var(--mute)}.info dd{margin:0;overflow-wrap:anywhere}
form{display:grid;gap:16px}label{display:grid;gap:6px;font-weight:600;font-size:15px}
input,select,textarea{font:400 16px Figtree,sans-serif;background:var(--card);color:var(--ink);border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;width:100%}
form .btn{justify-self:start}.note{margin:0;color:var(--mute);font-size:15px}
.beats{margin-top:30px;border-top:1px solid var(--line)}
.beat{display:grid;grid-template-columns:48px 1fr auto;gap:6px 16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.play{width:44px;height:44px;border-radius:50%;border:0;background:var(--orange);color:var(--on);font-size:16px;cursor:pointer}
.beat small{color:var(--mute)}.beat .btn{padding:8px 16px;font-size:14px}
footer{padding:28px 0;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
dialog{width:min(680px,calc(100% - 24px));max-height:calc(100% - 40px);border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--ink);padding:0;overflow:auto}
dialog::backdrop{background:rgba(5,2,8,.7)}
.dhead{display:flex;justify-content:space-between;gap:12px;padding:24px 24px 8px;position:sticky;top:0;background:var(--bg);z-index:1}.dhead p{margin:4px 0 0;color:var(--at);font-weight:600}
.x{background:none;border:0;color:var(--ink);font-size:32px;line-height:1;cursor:pointer;height:40px;width:40px}
#dbody{padding:0 24px}#dbody h4{margin:18px 0 6px;font:700 17px 'Bricolage Grotesque',sans-serif}#dbody ul{margin:0;padding-left:20px;color:var(--mute)}
.dfoot{padding:20px 24px 24px}
@media (max-width:860px){.lics{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.menu{display:block}nav{display:none;width:100%;flex-direction:column;gap:0;padding-bottom:10px}nav.open{display:flex}nav a{padding:11px 0;border-top:1px solid var(--line)}
.two,.panel{grid-template-columns:1fr;gap:24px}.lics{grid-template-columns:1fr}section{padding:54px 0}.wave{height:84px;gap:3px}.beat{grid-template-columns:44px 1fr}.beat .btn{grid-column:2;justify-self:start}}
.btn svg{width:18px;height:18px;vertical-align:-3px;margin-right:8px}