@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Syne:wght@600;700;800&display=swap');:root{--ink:#0d0e0d;--cream:#f3f0e6;--acid:#cdfc3e;--dim:#9a9c91;--line:#ffffff24}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:DM Sans,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);position:relative;z-index:3}
.brand{font:800 23px Syne,sans-serif;letter-spacing:-1px}
.brand span{color:var(--acid);font-size:12px;letter-spacing:1px}
nav{display:flex;gap:25px;align-items:center;font-size:14px}
nav button{color:var(--cream);border:0;background:none;cursor:pointer}
nav b{display:inline-grid;place-items:center;background:var(--acid);color:var(--ink);border-radius:50%;min-width:19px;height:19px;font-size:11px;margin-left:5px}
.hero{min-height:640px;padding:116px 7% 90px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,#4c692d 0,transparent 20%),linear-gradient(130deg,#151912,#0d0e0d 65%)}
.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700;color:var(--acid);margin:0 0 19px}
.hero h1,.section h2,.licenses h2,.dashboard h1{font:800 clamp(64px,10.5vw,157px)/.84 Syne,sans-serif;letter-spacing:-.08em;margin:0;position:relative;z-index:1}
.hero h1 i{font-style:normal;color:var(--acid)}
.intro{max-width:375px;font-size:18px;line-height:1.65;color:#d0d1c8;position:relative;z-index:1;margin:33px 0}
.cta{display:inline-block;border:0;background:var(--acid);color:var(--ink);padding:15px 23px;font-weight:700;cursor:pointer}
.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.7}
.orb.one{width:420px;height:420px;right:8%;top:8%;background:radial-gradient(circle,#baf639 0 3%,#3f6324 26%,transparent 68%)}
.orb.two{width:300px;height:300px;right:24%;bottom:-23%;background:#3a5924}
.section,.licenses{padding:110px 7%}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}
.section h2,.licenses h2{font-size:clamp(48px,7.5vw,100px)}
select{background:#181a16;color:var(--cream);border:1px solid var(--line);padding:13px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.beat{border:1px solid var(--line);padding:10px;background:#151613}
.cover{aspect-ratio:1;display:flex;align-items:end;justify-content:space-between;padding:13px;background:#272b20}
.cover span{font-size:11px;letter-spacing:1px}
.cover button{width:38px;height:38px;border-radius:50%;border:0;background:var(--acid);cursor:pointer}
.c1{background:linear-gradient(145deg,#241728,#6d3486)}
.c2{background:linear-gradient(145deg,#573b12,#1a1310)}
.c3{background:linear-gradient(145deg,#11302d,#16443b)}
.beat-info{display:flex;justify-content:space-between;gap:8px;margin:15px 0}
.beat h3{margin:0;font:700 18px Syne}
.beat p{margin:5px 0 0;color:var(--dim);font-size:12px}
.beat-info strong{color:var(--acid);font-size:14px}
.add{border:1px solid var(--line);background:transparent;color:var(--cream);width:100%;padding:12px;cursor:pointer}
.add:hover{border-color:var(--acid);color:var(--acid)}
.licenses{background:var(--cream);color:var(--ink)}
.licenses .eyebrow{color:#536e11}
.license-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px}
.license-grid article{border-top:1px solid #111;padding-top:16px}
.license-grid span{font:700 14px Syne}
.license-grid h3{font:700 26px Syne;margin:37px 0 13px}
.license-grid p{line-height:1.65;max-width:300px}
footer{padding:31px 7%;display:flex;gap:23px;justify-content:space-between;color:var(--dim);font-size:13px}
#veil{opacity:0;pointer-events:none;position:fixed;inset:0;background:#000b;z-index:4;transition:.2s}
#veil.show{opacity:1;pointer-events:auto}
#cart{position:fixed;right:0;top:0;z-index:5;width:min(460px,100%);height:100svh;background:#151613;padding:90px 30px 30px;transform:translateX(105%);transition:.3s;overflow:auto}
#cart.show{transform:none}
.close{position:absolute;right:20px;top:20px;background:none;border:0;color:var(--cream);font-size:30px;cursor:pointer}
.line{display:grid;grid-template-columns:1fr auto 25px;gap:8px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.line small{display:block;color:var(--dim);margin-top:4px}
.line button{border:0;background:none;color:var(--cream);font-size:20px;cursor:pointer}
.empty{color:var(--dim)}
.cart-total{display:flex;justify-content:space-between;padding:21px 0;font-size:18px}
.cart-total strong{color:var(--acid)}
form label{display:block;margin:13px 0;font-size:12px;color:var(--dim)}
input{display:block;width:100%;margin-top:6px;padding:12px;background:#20221d;border:1px solid var(--line);color:white}
.form .cta{margin-top:12px;width:100%}
#message,#feedback{line-height:1.5;color:var(--acid)}
.dashboard{padding:80px 7%}
.dashboard h1{font-size:clamp(48px,8vw,100px);margin-bottom:50px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:55px}
.stats div{background:#171914;padding:25px}
.stats span{display:block;color:var(--dim);font-size:13px}
.stats b{font:700 35px Syne;display:block;margin-top:12px}
.admin-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;margin-bottom:65px}
.admin h2{font:700 30px Syne}
.order{border-bottom:1px solid var(--line);padding:16px 0}
.order p{color:var(--dim);line-height:1.5;font-size:13px}
.order select{float:right;margin-top:-32px;padding:7px;font-size:12px}
.admin-beats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.admin-beats div{background:#171914;padding:17px}
.admin-beats span{display:block;color:var(--dim);font-size:12px;margin-top:6px}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-grid{grid-template-columns:1fr}
.hero{min-height:580px}
.license-grid{grid-template-columns:1fr;gap:10px;margin-top:38px}
}
@media(max-width:480px){header{padding:0 5%}
nav{gap:13px}
.hero,.section,.licenses{padding-left:5%;padding-right:5%}
.grid{gap:8px}
.cover{padding:9px}
.beat{padding:7px}
.beat-info{display:block}
.beat-info strong{display:block;margin-top:9px}
.license-grid h3{margin:20px 0 9px}
footer{padding:26px 5%;flex-wrap:wrap}
.stats{grid-template-columns:1fr}
.admin-beats{grid-template-columns:1fr}
.dashboard{padding:55px 5%}
}

/* Layout fluido: desktop, tablet e celular. */
html{scroll-padding-top:82px;overflow-x:clip}
img,svg{max-width:100%}
button,a,input,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--acid);outline-offset:3px}
.catalog-empty{grid-column:1/-1;margin:0;padding:34px;border:1px dashed var(--line);color:var(--dim);line-height:1.6}
.secondary{width:100%;margin-top:10px;padding:12px;border:1px solid var(--line);color:var(--cream);background:transparent;cursor:pointer}
.manage-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}
.manage-head>span,.muted{color:var(--dim);font-size:13px;line-height:1.5}
.manage-card{display:flex;align-items:center;justify-content:space-between;gap:16px}
.manage-card b,.manage-card span,.manage-card small{display:block}
.manage-card small{margin-top:8px;color:var(--acid);font-size:11px}
.manage-card button,.order-link{border:1px solid var(--line);background:transparent;color:var(--cream);padding:9px 11px;cursor:pointer}
.order{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}
.order-link{text-align:left;border:0;padding:0}
.order-link p{margin:5px 0 0}
.order select{float:none;margin:0}
dialog{width:min(620px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:34px;background:#171914;color:var(--cream);border:1px solid var(--line)}
dialog::backdrop{background:#000c}
.license-box{margin-top:24px;padding:20px;border:1px solid var(--line);background:#20221d}
.license-box .cta{margin-top:12px}
.license-box p{line-height:1.6}
.form input,.form select{min-height:44px}
.cover button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:600px}.section,.licenses{padding:85px 6%}.dashboard{padding:60px 6%}}
@media(max-width:760px){header{height:72px;padding:0 5%;gap:12px}.brand{font-size:19px;white-space:nowrap}.brand span{display:block;font-size:9px;line-height:1.1;letter-spacing:.7px}nav{gap:13px;font-size:12px;white-space:nowrap}nav b{min-width:18px;height:18px;font-size:10px;margin-left:3px}.hero{min-height:min(700px,100svh);padding:105px 6% 66px}.hero h1{font-size:clamp(55px,16vw,92px);letter-spacing:-.075em}.intro{max-width:320px;font-size:16px;margin:27px 0}.orb.one{width:270px;height:270px;right:-20%;top:12%}.orb.two{width:210px;height:210px;right:18%;bottom:-12%}.section,.licenses{padding:70px 5%}.section-head{display:block;margin-bottom:30px}.section-head select{width:100%;margin-top:22px;min-height:46px}.section h2,.licenses h2{font-size:clamp(43px,14vw,72px);word-break:normal}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.beat{padding:8px}.cover{padding:10px}.beat h3{font-size:16px;overflow-wrap:anywhere}.beat-info{display:block;margin:12px 0}.beat-info strong{display:block;margin-top:8px}.license-grid{margin-top:36px}.license-grid h3{font-size:23px;margin:20px 0 10px}footer{padding:28px 5%;gap:14px;flex-wrap:wrap}.dashboard{padding:45px 5%}.dashboard h1{margin-bottom:35px}.stats{grid-template-columns:1fr;gap:10px;margin-bottom:42px}.stats div{padding:20px}.stats b{font-size:30px}.admin-grid{gap:42px;margin-bottom:45px}.manage-head{display:block}.manage-head>span{display:block;margin-top:8px}.manage-card{align-items:flex-start;flex-direction:column}.manage-card>div:last-child{display:flex;gap:8px;width:100%}.manage-card button{flex:1}.order{grid-template-columns:1fr auto;gap:9px}.order select{grid-column:1/-1;width:100%;min-height:42px}.order strong{white-space:nowrap}.form label{font-size:13px}.form input,.form select{font-size:16px}.catalog-empty{padding:26px 20px}.cta{min-height:48px;text-align:center}.close{min-width:44px;min-height:44px;right:8px;top:8px}dialog{width:calc(100% - 20px);padding:45px 20px 22px}.license-box{padding:16px}#cart{width:100%;padding:78px 20px 24px;visibility:hidden;transition:transform .3s,visibility 0s linear .3s}#cart.show{visibility:visible;transition-delay:0s}.line{grid-template-columns:minmax(0,1fr) auto 38px}.line button{min-width:38px;min-height:38px}.cart-total{font-size:17px}.cart-total+form label{font-size:13px}}
@media(max-width:380px){nav a[href="#licencas"]{display:none}.brand{font-size:18px}.hero{padding-left:5%;padding-right:5%}.grid{grid-template-columns:1fr}.section h2,.licenses h2{font-size:clamp(42px,15vw,60px)}}