<!doctype html>
<html lang="ro"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#101011"><meta name="description" content="Blind Label — descoperă muzica înainte să descoperi artistul.">
<title>Blind Label — Feel it first.</title>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root{--bg:#101011;--surface:#1c1b1d;--ink:#f4f0e9;--muted:#a5a09d;--orange:#ff6543;--line:#343133}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "DM Sans",sans-serif}
button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #ffa486;outline-offset:4px}
h1,h2,h3,.logo,.display{font-family:"Space Grotesk",sans-serif;letter-spacing:-.065em;line-height:1.04}
h1{font-size:clamp(4.2rem,11.5vw,10.5rem);margin:22px 0}h2{font-size:clamp(3rem,7vw,6.6rem);margin:0 0 30px}h3{font-size:1.65rem;letter-spacing:-.045em}
p{color:#c5bfbb} .orange{color:var(--orange)}.container{width:min(1250px,calc(100% - 56px));margin:auto}
.top{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.logo{font-size:1.55rem;font-weight:700}.logo i{color:var(--orange);font-style:normal}.topnav{display:flex;align-items:center;gap:30px;font-size:.84rem}
.topnav a:not(.navcta){color:#b9b2af}.navcta,.primary{border:1px solid var(--orange);background:var(--orange);color:#181211;border-radius:100px;padding:13px 21px;font-weight:700}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--orange)}
.hero{padding:92px 0 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}
.hero h1{font-size:clamp(5rem,10vw,10rem)}.hero .sub{max-width:510px;font-size:clamp(1.1rem,1.65vw,1.45rem);line-height:1.5;margin:0 0 32px}
.hero-art{position:relative;min-height:620px;border-radius:5px 100px 5px 5px;overflow:hidden;background:#271c1b}
.art-svg{display:block;width:100%;height:100%;position:absolute;inset:0}
.art-caption{position:absolute;left:27px;bottom:24px;font-size:.69rem;letter-spacing:.17em;color:#e9b8a2}
.orbit{position:absolute;right:24px;top:24px;width:105px;height:105px;border:1px solid #ffb18a88;border-radius:50%;display:grid;place-items:center;font-size:.7rem;text-align:center;line-height:1.3;transform:rotate(15deg);letter-spacing:.08em}
.marquee{border-block:1px solid var(--line);overflow:hidden;padding:17px 0;color:#ddd5d0;white-space:nowrap;font:700 clamp(.9rem,2vw,1.3rem) "Space Grotesk";letter-spacing:.1em}
.marquee span{color:var(--orange);padding:0 32px}.section{padding:130px 0;border-bottom:1px solid var(--line)}
.sectionhead{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.sectionhead p{font-size:1.25rem;max-width:550px}
.statement{font:600 clamp(2rem,4.8vw,5rem)/1.16 "Space Grotesk";letter-spacing:-.055em;max-width:1100px;margin:60px 0 0}
.experience{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.experience-copy>p{font-size:1.23rem;max-width:440px}
.step{border-top:1px solid var(--line);padding:18px 0;display:flex;gap:26px;max-width:440px;color:#ded8d3}.step b{color:var(--orange);font-size:.82rem}.step span{font-size:.98rem}
.phone-wrap{padding:45px 20px;background:radial-gradient(circle at 50% 42%,#4d2924,transparent 57%);display:grid;place-items:center}
.phone{width:min(390px,100%);padding:18px;border:1px solid #514749;border-radius:38px;background:#171619;box-shadow:0 40px 80px #000a, inset 0 1px #6c535044}
.phone-top{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 17px}.phone-top .logo{font-size:1.35rem}.pill{border:1px solid #555053;border-radius:100px;padding:5px 12px;font-size:.7rem;letter-spacing:.08em;color:#c6c0c2}
.album{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#271c1b}
.album svg{width:100%;height:100%;display:block}
.track{text-align:center;color:#aaa3a7;letter-spacing:.16em;font-size:.68rem;margin:22px 0 6px}
.question{text-align:center;font:700 1.7rem "Space Grotesk";letter-spacing:-.04em}
.progress{height:3px;background:#454045;margin:20px 4px;border-radius:10px;overflow:hidden}.progress:before{content:"";display:block;width:59%;height:100%;background:var(--orange)}
.controls{display:flex;justify-content:center;align-items:center;gap:26px;padding:4px 0 14px}.circle{display:grid;place-items:center;width:53px;height:53px;border:1px solid #6b6368;border-radius:50%;background:none;color:#e7dfe2;font-size:1.3rem}.heart{width:66px;height:66px;border:none;background:#f4efed;color:#1c191a;font-size:1.8rem}.heart.liked{background:var(--orange)}
.reveal{border-top:1px solid #3a3539;padding:16px 8px 3px;text-align:center;min-height:67px;font-size:.86rem;color:#aaa2a6}
.reveal strong{color:var(--orange)}.micro{color:#928a8b;font-size:.78rem;margin-top:15px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}
.feature{border:1px solid var(--line);border-radius:8px;min-height:345px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:#1a191a}
.feature .n{font:700 4rem "Space Grotesk";letter-spacing:-.08em;color:var(--orange)}.feature h3{margin:0 0 12px}.feature p{margin:0;font-size:.96rem}
.fullbleed{padding:0;position:relative;min-height:520px;overflow:hidden;background:radial-gradient(ellipse at 64% 48%,#ff7841 0,#9e392b 20%,#301b1d 53%,#171315 75%);display:flex;align-items:center}
.fullbleed:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#100e10 0%,transparent 85%);pointer-events:none}
.fullbleed svg{position:absolute;right:0;bottom:0;width:62%;height:100%}
.fullbleed .container{position:relative;z-index:1}.fullbleed h2{max-width:700px}
.rows{margin-top:50px}.ecosystem{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:70px 1fr 1.3fr;gap:24px;align-items:baseline}.ecosystem .idx{color:var(--orange);font-weight:700}.ecosystem h3{margin:0}.ecosystem p{margin:0}
.dark-panel{background:#201d1d;padding:50px;border:1px solid #433b39;border-radius:12px}.business{display:grid;grid-template-columns:1fr 1fr;gap:60px}.business ul{padding-left:20px;color:#c5bfbb;line-height:2}
.final{padding:150px 0}.final .display{font-size:clamp(3.7rem,9.2vw,9rem);font-weight:700;max-width:1000px}
footer{border-top:1px solid var(--line);padding:30px 0 60px;display:flex;justify-content:space-between;align-items:center;color:#9d9491;font-size:.82rem}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:60px 0 35px}.hero-art{min-height:460px}.section{padding:88px 0}.sectionhead,.experience,.business{grid-template-columns:1fr;gap:35px}.feature-grid{grid-template-columns:1fr}.feature{min-height:220px}.fullbleed{min-height:430px}.fullbleed svg{width:100%;opacity:.55}.ecosystem{grid-template-columns:40px 1fr}.ecosystem p{grid-column:2}.topnav a:not(.navcta){display:none}}
@media(max-width:560px){.container{width:calc(100% - 38px)}.top{height:70px}.hero{padding-top:55px}.hero h1{font-size:clamp(4.4rem,19vw,6.5rem)}.hero-art{min-height:400px;border-top-right-radius:65px}.hero .sub{font-size:1.1rem}.section{padding:75px 0}.sectionhead p{font-size:1.05rem}.statement{font-size:2.2rem}.phone-wrap{padding:15px 0}.fullbleed h2{font-size:3.4rem}.dark-panel{padding:26px}footer{align-items:flex-start;gap:15px;flex-direction:column}}
@media(prefers-reduced-motion:no-preference){.hero-art{animation:appear .9s ease both}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}}
@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}a.navcta,.primary{display:none}.section{break-inside:avoid}}
/* Continuous, evenly spaced, seamless marquee */
.marquee{padding:0;overflow:hidden;white-space:nowrap;position:relative}
.marquee-track{display:flex;width:max-content;animation:marquee-scroll 28s linear infinite;will-change:transform}
.marquee-set{display:flex;align-items:center;flex:0 0 auto;min-width:max-content;padding:19px 0;gap:clamp(18px,3vw,48px)}
.marquee-item{padding:0!important;color:#d6e9f0!important;letter-spacing:.15em;flex:0 0 auto}
.marquee-separator{padding:0!important;color:#77f8d2!important;flex:0 0 auto}
.marquee-set{padding-right:clamp(18px,3vw,48px)}
@keyframes marquee-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee{overflow-x:auto}}
/* Mobile presentation: one complete screen per view, including browser safe areas. */
.mobile-deck{display:none}
@media(max-width:700px){
html{scroll-snap-type:y mandatory;scroll-padding-top:0;overflow-x:hidden}
body{overflow-x:hidden}
body>.top,body>main,body>footer{display:none!important}
.mobile-deck{display:block}
.mslide{height:100vh;height:100svh;min-height:0;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,2svh,22px);padding:calc(env(safe-area-inset-top) + 48px) 23px calc(env(safe-area-inset-bottom) + 65px);overflow:hidden;border-bottom:1px solid #213b45;background:radial-gradient(circle at 85% 18%,#11343b,#080d15 55%)}
.mslide:nth-child(even){background:radial-gradient(circle at 12% 75%,#10333a,#080d15 60%)}
.mhead{position:absolute;top:calc(env(safe-area-inset-top) + 14px);left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;color:#d5fff5;font-size:11px;letter-spacing:.12em}
.mhead .logo{font-size:22px;letter-spacing:-.08em}
.mhead .counter{color:#78b5b6}
.mslide .eyebrow{font-size:10px;letter-spacing:.16em;color:#7cf6d4}
.mslide h1,.mslide h2{font-size:clamp(39px,11.5vw,65px);line-height:1.02;letter-spacing:-.065em;margin:0;overflow-wrap:normal}
.mslide p{font-size:clamp(13px,3.75vw,17px);line-height:1.48;margin:0;max-width:470px}
.mslide .accent{color:#7cf6d4}
.mvisual{height:min(32svh,275px);width:100%;position:relative;overflow:hidden;border-radius:17px;border:1px solid #315b62;background:radial-gradient(circle at 52% 35%,#2eaaa0,#0c1825 65%)}
.mvisual svg{width:100%;height:100%;display:block}
.mnext{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 16px);left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.13em;color:#79aeb3}
.mnext a{border:1px solid #447b81;color:#b7fff0;border-radius:100px;padding:7px 16px;font-size:14px}
.mcard{padding:clamp(17px,3svh,27px);border:1px solid #33545b;border-radius:18px;background:linear-gradient(145deg,#112a34,#0b141f)}
.mcard .num{font:700 clamp(43px,9svh,75px) 'Space Grotesk';color:#80f6d7;line-height:1}
.mcard h3{font-size:clamp(22px,6vw,32px);margin:12px 0}
.mcard p{font-size:clamp(13px,3.65vw,16px)}
.mslide .phone-wrap{background:none;padding:0;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mslide .phone{width:min(100%,315px);max-height:100%;padding:clamp(9px,1.8svh,16px);border-radius:23px;display:flex;flex-direction:column;gap:0;overflow:hidden}
.mslide .phone-top{padding-bottom:clamp(5px,1svh,10px)}
.mslide .phone-top .logo{font-size:20px}
.mslide .album{width:min(100%,24svh);aspect-ratio:1;align-self:center;flex-shrink:1;min-height:65px}
.mslide .mode-row{font-size:9px;margin:5px 0}
.mslide .wave{height:clamp(15px,3.5svh,30px);margin:2px 0}
.mslide .wave span{max-height:100%}
.mslide .track{margin:4px 0 2px;font-size:10px}
.mslide .question{font-size:clamp(16px,3svh,23px)}
.mslide .progress{margin:7px 4px}
.mslide .controls{padding:2px 0;gap:20px}
.mslide .circle{height:clamp(34px,5svh,46px);width:clamp(34px,5svh,46px)}
.mslide .heart{height:clamp(42px,6svh,55px);width:clamp(42px,6svh,55px)}
.mslide .reveal{min-height:0;padding:6px 0 0;font-size:11px}
.mline{height:2px;width:70px;background:#83f8dc}
}
@media(max-width:700px) and (max-height:650px){.mslide{padding-top:calc(env(safe-area-inset-top) + 42px);padding-bottom:calc(env(safe-area-inset-bottom) + 48px);gap:7px}.mslide h1,.mslide h2{font-size:clamp(33px,9vw,45px)}.mslide p{font-size:12px}.mvisual{height:25svh}.mcard{padding:12px}.mcard .num{font-size:36px}.mcard h3{margin:4px 0;font-size:20px}.mslide .album{width:min(100%,18svh)}.mslide .wave{display:none}.mslide .mode-row{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
</style>
<style>
:root{--bg:#07090e;--surface:#0f1620;--ink:#edf7ff;--muted:#899ba9;--orange:#77f8d2;--line:#203140}
html{background:#07090e}body{background:radial-gradient(ellipse 65% 18% at 92% 4%,#0a394a88,transparent 75%),#07090e;color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.10;background-image:linear-gradient(#61e6d222 1px,transparent 1px),linear-gradient(90deg,#61e6d222 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.logo i,.orange{color:#77f8d2}.eyebrow{color:#77f8d2;letter-spacing:.26em}.navcta,.primary{background:#77f8d2;border-color:#77f8d2;color:#031b1c;box-shadow:0 0 25px #77f8d233}.top{border-bottom-color:#234350}.topnav a:not(.navcta){color:#b2c5d0}
.hero{min-height:770px;gap:6%}.hero h1{font-size:clamp(4.3rem,8.8vw,9rem);letter-spacing:-.09em;line-height:.98}.hero-art{border:1px solid #40817c;box-shadow:0 0 100px #2df7c91a, inset 0 0 40px #69f4c21c;border-radius:22px;transform:perspective(1100px) rotateY(-5deg)}.hero-art:after{content:"AUDIO / LIVE SIGNAL";position:absolute;right:24px;bottom:24px;color:#b6fbea;font:600 10px 'DM Sans';letter-spacing:.2em}.orbit{border-color:#77f8d2;color:#77f8d2}.art-caption{color:#9ef9e6}.hero-art svg{filter:hue-rotate(139deg) saturate(.75)}
.marquee{background:#0d1820;color:#d6e9f0}.marquee span{color:#77f8d2}.section{border-color:#223643}.statement{font-size:clamp(2rem,4.5vw,4.7rem)}.phone-wrap{background:radial-gradient(circle at 50% 42%,#144c52,transparent 60%)}.phone{border-radius:35px;background:linear-gradient(155deg,#172a35,#080d16);border:1px solid #46706f;box-shadow:0 30px 110px #000b,0 0 65px #5ff6d21a;padding:20px}.phone-top{padding-bottom:22px}.pill{color:#a5f5e2;border-color:#3c7777;background:#102b34}.album{border:1px solid #34605f;box-shadow:0 0 35px #4cebd422}.album svg{filter:hue-rotate(138deg) saturate(.75)}.track{color:#91b4bf}.progress{background:#28414b;height:4px}.progress:before{background:#77f8d2;box-shadow:0 0 10px #77f8d2}.circle{color:#dcf6f0;border-color:#4e6d76}.heart{color:#05191a;background:#77f8d2;box-shadow:0 0 35px #77f8d244}.heart.liked{background:#e2fff6;box-shadow:0 0 50px #77f8d288}.reveal strong{color:#77f8d2}.feature{background:linear-gradient(145deg,#111f2a,#0b111b);border-color:#284453;border-radius:18px}.feature .n{color:#77f8d2}.fullbleed{background:radial-gradient(ellipse at 65% 45%,#1e8a84 0,#164d5c 26%,#0a1725 65%,#080c15 90%)}.fullbleed svg{opacity:.55}.fullbleed .eyebrow{color:#abffee!important}.fullbleed h2 span{color:#a7ffe4!important}.ecosystem .idx{color:#77f8d2}.dark-panel{background:linear-gradient(130deg,#122b35,#0c1520);border-color:#2c5157;border-radius:20px}.final{background:radial-gradient(ellipse 55% 55% at 50% 50%,#174b5144,transparent)}
.hero-art:before{content:"";position:absolute;inset:10px;border:1px solid #76fbd333;border-radius:14px;z-index:2;pointer-events:none}
.wave{height:58px;display:flex;align-items:center;justify-content:center;gap:4px;margin:16px 0 2px}.wave span{display:block;width:3px;height:var(--h);background:linear-gradient(#9effe8,#347d91);border-radius:9px;animation:pulse 1.5s ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes pulse{to{height:8px;opacity:.5}}@media(prefers-reduced-motion:reduce){.wave span{animation:none}}
.mode-row{display:flex;justify-content:space-between;align-items:center;font:700 10px 'DM Sans';letter-spacing:.18em;color:#7ebcb9;margin:18px 4px 8px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#77f8d2;box-shadow:0 0 12px #77f8d2;margin-right:7px}
@media(max-width:900px){.hero{min-height:0}.hero-art{transform:none}}@media(max-width:560px){.hero h1{font-size:clamp(4rem,16vw,6rem)}.hero-art{min-height:430px}.wave{height:44px}}
/* Mobile presentation: one complete screen per view, including browser safe areas. */
.mobile-deck{display:none}
@media(max-width:700px){
html{scroll-snap-type:y mandatory;scroll-padding-top:0;overflow-x:hidden}
body{overflow-x:hidden}
body>.top,body>main,body>footer{display:none!important}
.mobile-deck{display:block}
.mslide{height:100vh;height:100svh;min-height:0;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,2svh,22px);padding:calc(env(safe-area-inset-top) + 48px) 23px calc(env(safe-area-inset-bottom) + 65px);overflow:hidden;border-bottom:1px solid #213b45;background:radial-gradient(circle at 85% 18%,#11343b,#080d15 55%)}
.mslide:nth-child(even){background:radial-gradient(circle at 12% 75%,#10333a,#080d15 60%)}
.mhead{position:absolute;top:calc(env(safe-area-inset-top) + 14px);left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;color:#d5fff5;font-size:11px;letter-spacing:.12em}
.mhead .logo{font-size:22px;letter-spacing:-.08em}
.mhead .counter{color:#78b5b6}
.mslide .eyebrow{font-size:10px;letter-spacing:.16em;color:#7cf6d4}
.mslide h1,.mslide h2{font-size:clamp(39px,11.5vw,65px);line-height:1.02;letter-spacing:-.065em;margin:0;overflow-wrap:normal}
.mslide p{font-size:clamp(13px,3.75vw,17px);line-height:1.48;margin:0;max-width:470px}
.mslide .accent{color:#7cf6d4}
.mvisual{height:min(32svh,275px);width:100%;position:relative;overflow:hidden;border-radius:17px;border:1px solid #315b62;background:radial-gradient(circle at 52% 35%,#2eaaa0,#0c1825 65%)}
.mvisual svg{width:100%;height:100%;display:block}
.mnext{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 16px);left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.13em;color:#79aeb3}
.mnext a{border:1px solid #447b81;color:#b7fff0;border-radius:100px;padding:7px 16px;font-size:14px}
.mcard{padding:clamp(17px,3svh,27px);border:1px solid #33545b;border-radius:18px;background:linear-gradient(145deg,#112a34,#0b141f)}
.mcard .num{font:700 clamp(43px,9svh,75px) 'Space Grotesk';color:#80f6d7;line-height:1}
.mcard h3{font-size:clamp(22px,6vw,32px);margin:12px 0}
.mcard p{font-size:clamp(13px,3.65vw,16px)}
.mslide .phone-wrap{background:none;padding:0;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mslide .phone{width:min(100%,315px);max-height:100%;padding:clamp(9px,1.8svh,16px);border-radius:23px;display:flex;flex-direction:column;gap:0;overflow:hidden}
.mslide .phone-top{padding-bottom:clamp(5px,1svh,10px)}
.mslide .phone-top .logo{font-size:20px}
.mslide .album{width:min(100%,24svh);aspect-ratio:1;align-self:center;flex-shrink:1;min-height:65px}
.mslide .mode-row{font-size:9px;margin:5px 0}
.mslide .wave{height:clamp(15px,3.5svh,30px);margin:2px 0}
.mslide .wave span{max-height:100%}
.mslide .track{margin:4px 0 2px;font-size:10px}
.mslide .question{font-size:clamp(16px,3svh,23px)}
.mslide .progress{margin:7px 4px}
.mslide .controls{padding:2px 0;gap:20px}
.mslide .circle{height:clamp(34px,5svh,46px);width:clamp(34px,5svh,46px)}
.mslide .heart{height:clamp(42px,6svh,55px);width:clamp(42px,6svh,55px)}
.mslide .reveal{min-height:0;padding:6px 0 0;font-size:11px}
.mline{height:2px;width:70px;background:#83f8dc}
}
@media(max-width:700px) and (max-height:650px){.mslide{padding-top:calc(env(safe-area-inset-top) + 42px);padding-bottom:calc(env(safe-area-inset-bottom) + 48px);gap:7px}.mslide h1,.mslide h2{font-size:clamp(33px,9vw,45px)}.mslide p{font-size:12px}.mvisual{height:25svh}.mcard{padding:12px}.mcard .num{font-size:36px}.mcard h3{margin:4px 0;font-size:20px}.mslide .album{width:min(100%,18svh)}.mslide .wave{display:none}.mslide .mode-row{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
</style><style id="chromatic-redesign">
/* Chromatic editorial redesign: alternating light surfaces rather than an all-black deck. */
:root{--bg:#f0f4f5;--ink:#14212a;--line:#cbd8dc;--orange:#006f76}
html,body{background:#eaf1f2!important;color:#15242d!important}
.top{background:#eaf1f2;border-color:#c2d4d8}.top .logo,.topnav a:not(.navcta){color:#19313b!important}
.hero{background:linear-gradient(135deg,#eaf4f5 0%,#d4f5ed 55%,#e5ebff 100%);border-radius:0 0 36px 36px}.hero h1,.section h2,.section h3,.statement,.final .display{color:#162731!important}.hero .sub,.section p,.section li{color:#465e69!important}
.hero-art{box-shadow:0 24px 80px #1a586b35;border:5px solid #fff}
.marquee{background:#006d78!important;color:#fff!important}.marquee span{color:#b9fff1!important}
.section{background:#f4f7f7;border-bottom:1px solid #d4e2e5}.section:nth-of-type(even){background:#e5f2f2}.section .eyebrow,.eyebrow,.orange{color:#007e85!important}
.feature{background:#fff!important;border:1px solid #c9dfe0!important;box-shadow:0 14px 30px #184c5a0c}.feature .n{color:#007e85!important}
.experience{background:linear-gradient(125deg,#e3f3f2,#f1f3fa)}
.phone-wrap{background:radial-gradient(circle,#8fe6d3 0%,transparent 65%)!important}.phone{background:linear-gradient(145deg,#112a37,#101c2c)!important;color:#fff!important}
.phone p,.phone h3,.phone .question,.phone .logo{color:#fff!important}
.fullbleed{background:radial-gradient(ellipse at 65% 42%,#55d6cb,#076579 45%,#142c53 85%)!important}
.fullbleed h2,.fullbleed .eyebrow{color:#fff!important}.fullbleed h2 span{color:#c5fff2!important}
.dark-panel{background:#fff!important;border:1px solid #b8d7d9!important}.dark-panel h3{color:#14323a!important}
.final{background:linear-gradient(130deg,#c4f3e7,#d8e9ff)!important}
@media(max-width:700px){
html,body{background:#eaf1f2!important}
.mslide{color:#162936!important;background:radial-gradient(circle at 82% 14%,#a1e8df 0%,#e8f5f5 46%,#dceaf9 100%)!important;border-bottom:1px solid #bbd8dc!important}
.mslide:nth-child(3n + 2){background:radial-gradient(circle at 8% 68%,#a9c5f5,#f0f5fa 60%)!important}
.mslide:nth-child(3n){background:radial-gradient(circle at 92% 55%,#b3e8d0,#edf5e8 65%)!important}
.mslide h1,.mslide h2,.mslide p,.mslide .mhead,.mslide .mhead .logo{color:#16313d!important}
.mslide .eyebrow,.mslide .accent{color:#006f78!important}.mslide .mhead .counter,.mslide .mnext{color:#376b76!important}
.mslide .mnext a{color:#075e66!important;border-color:#63a8af!important;background:#ffffffa8}
.mslide .mvisual{border:2px solid #fff;box-shadow:0 20px 45px #1e6d822e;background:radial-gradient(circle,#66d5ce,#12667b 65%)}
.mslide .mcard{background:#ffffffd9!important;border:1px solid #bad6da!important;box-shadow:0 14px 36px #2b697016}
.mslide .mcard h3,.mslide .mcard p{color:#17323b!important}.mslide .mcard .num{color:#007d86!important}
.mslide .phone{background:linear-gradient(145deg,#122d3d,#0a1a2a)!important;color:#fff!important}
.mslide .phone p,.mslide .phone .question,.mslide .phone .logo{color:#fff!important}
.mslide .phone .eyebrow{color:#9df8e3!important}
}
</style></head><body>
<header class="container top"><a class="logo" href="#">blind<i>.</i>label</a><nav class="topnav"><a href="#idea">Concept</a><a href="#experience">Experience</a><a href="#ecosystem">Ecosystem</a><a class="navcta" href="#experience">Explore</a></nav></header>
<main>
<section class="container hero"><div><div class="eyebrow">BLIND LABEL / DISCOVERY PROTOCOL 001</div><h1>Sound<br><span class="orange">before</span><br>status.</h1><p class="sub">Un univers audio în care muzica vorbește prima. Identitatea artistului se deblochează printr-un singur LIKE.</p><a class="primary" href="#idea">Explorează conceptul</a></div>
<div class="hero-art"><svg class="art-svg" viewBox="0 0 500 620" preserveAspectRatio="xMidYMid slice" aria-label="Ilustrație originală: artist anonim în lumina reflectoarelor" role="img">
<defs><radialGradient id="glow"><stop stop-color="#f88d50"/><stop offset=".45" stop-color="#a44230"/><stop offset="1" stop-color="#191519"/></radialGradient><linearGradient id="beam" x1="0" x2=".5" y1="0" y2="1"><stop stop-color="#ffb675" stop-opacity=".82"/><stop offset="1" stop-color="#fb5d36" stop-opacity=".1"/></linearGradient><filter id="blur"><feGaussianBlur stdDeviation="17"/></filter></defs>
<rect width="500" height="620" fill="url(#glow)"/><path d="M285 -40 340 -40 490 620 20 620Z" fill="url(#beam)" filter="url(#blur)"/><ellipse cx="240" cy="612" rx="220" ry="44" fill="#0d0e10"/>
<path d="M270 295 C215 290 210 330 212 370 L195 620 347 620 320 369 C316 326 303 300 270 295" fill="#0c0d10"/>
<ellipse cx="267" cy="280" rx="39" ry="48" fill="#0c0d10"/><path d="M218 250 Q268 210 313 253 L326 265 Q270 253 204 268Z" fill="#0c0d10"/>
<path d="M220 358 Q177 383 139 342" stroke="#0c0d10" stroke-width="26" stroke-linecap="round" fill="none"/><path d="M139 342 L107 323" stroke="#0c0d10" stroke-width="14" stroke-linecap="round"/><path d="M102 326 L83 315" stroke="#171316" stroke-width="8" stroke-linecap="round"/><path d="M110 326 L85 615" stroke="#141216" stroke-width="4"/><path d="M60 615 L113 615" stroke="#141216" stroke-width="4"/>
</svg><div class="orbit">PLAY<br>UNKNOWN</div><div class="art-caption">BLIND LABEL / NO PRECONCEPTIONS</div></div></section>
<div class="marquee" aria-label="Blind Label — Pure discovery — Music first — Artist second"><div class="marquee-track" aria-hidden="true"><div class="marquee-set"><span class="marquee-item">BLIND LABEL</span><span class="marquee-separator">/</span><span class="marquee-item">PURE DISCOVERY</span><span class="marquee-separator">/</span><span class="marquee-item">MUSIC FIRST</span><span class="marquee-separator">/</span><span class="marquee-item">ARTIST SECOND</span><span class="marquee-separator">/</span></div><div class="marquee-set"><span class="marquee-item">BLIND LABEL</span><span class="marquee-separator">/</span><span class="marquee-item">PURE DISCOVERY</span><span class="marquee-separator">/</span><span class="marquee-item">MUSIC FIRST</span><span class="marquee-separator">/</span><span class="marquee-item">ARTIST SECOND</span><span class="marquee-separator">/</span></div></div></div>
<section id="idea" class="container section"><div class="eyebrow">01 / THE IDEA</div><div class="sectionhead"><h2>Forget<br>the name<span class="orange">.</span></h2><p>O platformă în care artiștii independenți își publică muzica, iar ascultătorii o descoperă fără să vadă numele, imaginea, urmăritorii sau popularitatea artistului.</p></div><div class="statement">Piesa trebuie să te convingă.<br><span class="orange">Nu numele de pe copertă.</span></div></section>
<section id="experience" class="container section experience"><div class="experience-copy"><div class="eyebrow">02 / THE EXPERIENCE</div><h2>One like.<br><span class="orange">One reveal.</span></h2><p>Identitatea nu este ascunsă pentru totdeauna. Este recompensa pentru o reacție autentică.</p><div class="step"><b>01</b><span>Asculți o piesă fără să cunoști artistul.</span></div><div class="step"><b>02</b><span>Dacă îți place, apeși LIKE.</span></div><div class="step"><b>03</b><span>Identitatea artistului devine vizibilă și poți explora muzica lui.</span></div><p class="micro">Interacționează cu playerul demonstrativ.</p></div>
<div class="phone-wrap"><div class="phone"><div class="phone-top"><span class="logo">blind<i>.</i></span><span class="pill">BLIND MODE</span></div>
<div class="album"><svg viewBox="0 0 360 360" role="img" aria-label="Copertă conceptuală cu artist anonim și reflector portocaliu"><defs><radialGradient id="albumgrad"><stop stop-color="#b35a36"/><stop offset=".45" stop-color="#49302a"/><stop offset="1" stop-color="#18191a"/></radialGradient></defs><rect width="360" height="360" fill="url(#albumgrad)"/><path d="M282 0 332 0 360 360 0 360Z" fill="#ff7846" opacity=".3"/><path d="M170 176 Q198 153 222 184 L245 360 140 360Z" fill="#111215"/><ellipse cx="197" cy="163" rx="27" ry="33" fill="#111215"/><path d="M172 145 Q196 121 222 143 L234 151 166 153Z" fill="#111215"/><path d="M164 211 105 185" stroke="#111215" stroke-width="16" stroke-linecap="round"/><path d="M104 184 92 178" stroke="#111215" stroke-width="7" stroke-linecap="round"/><path d="M93 181 72 355" stroke="#111215" stroke-width="3"/><circle cx="43" cy="255" r="1.5" fill="#fbb579"/><circle cx="311" cy="205" r="2" fill="#fbb579"/></svg></div>
<div class="mode-row"><span><span class="live-dot"></span> SIGNAL ACTIVE</span><span>128 KBPS / STEREO</span></div><div class="wave" aria-hidden="true"><span style="--h:10px;--d:-0.0s"></span><span style="--h:19px;--d:-0.11s"></span><span style="--h:32px;--d:-0.22s"></span><span style="--h:18px;--d:-0.33s"></span><span style="--h:42px;--d:-0.44s"></span><span style="--h:27px;--d:-0.55s"></span><span style="--h:15px;--d:-0.66s"></span><span style="--h:35px;--d:-0.77s"></span><span style="--h:49px;--d:-0.88s"></span><span style="--h:20px;--d:-0.99s"></span><span style="--h:37px;--d:-1.1s"></span><span style="--h:13px;--d:-1.21s"></span><span style="--h:25px;--d:-1.32s"></span><span style="--h:43px;--d:-1.43s"></span><span style="--h:16px;--d:-1.54s"></span><span style="--h:29px;--d:-1.65s"></span><span style="--h:39px;--d:-1.76s"></span><span style="--h:12px;--d:-1.87s"></span><span style="--h:21px;--d:-1.98s"></span><span style="--h:45px;--d:-2.09s"></span><span style="--h:17px;--d:-2.2s"></span><span style="--h:33px;--d:-2.31s"></span><span style="--h:14px;--d:-2.42s"></span><span style="--h:27px;--d:-2.53s"></span><span style="--h:41px;--d:-2.64s"></span><span style="--h:18px;--d:-2.75s"></span><span style="--h:12px;--d:-2.86s"></span><span style="--h:30px;--d:-2.97s"></span><span style="--h:23px;--d:-3.08s"></span><span style="--h:11px;--d:-3.19s"></span></div><div id="track" class="track">UNKNOWN ARTIST · TRACK #0042</div><div class="question">Do you feel it?</div><div class="progress"></div><div class="controls"><button id="skip" class="circle" aria-label="Următoarea piesă" style="font-size:10px;letter-spacing:.05em">NEXT</button><button id="like" class="circle heart" aria-label="Like pentru a dezvălui artistul" aria-pressed="false"><svg viewBox="0 0 24 24" width="27" height="27" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z"/></svg></button></div><div id="reveal" class="reveal" aria-live="polite">Like the track to reveal the artist.</div></div></div></section>
<section class="container section"><div class="eyebrow">03 / THE RULES</div><h2>Less hype.<br><span class="orange">More discovery.</span></h2><div class="feature-grid"><article class="feature"><div class="n">01</div><div><h3>No pay-to-win.</h3><p>Nu poți cumpăra poziții în fluxul de descoperire. Muzica primește șansa să fie ascultată.</p></div></article><article class="feature"><div class="n">02</div><div><h3>Like to unlock.</h3><p>Artistul este dezvăluit doar după apreciere. Prima impresie aparține exclusiv muzicii.</p></div></article><article class="feature"><div class="n">03</div><div><h3>Skip ≠ dislike.</h3><p>Trecerea la altă piesă nu reprezintă automat un verdict negativ despre artist.</p></div></article></div></section>
<section class="fullbleed"><svg viewBox="0 0 800 520" aria-hidden="true"><ellipse cx="530" cy="440" rx="300" ry="80" fill="#22171b"/><path d="M470 220 Q520 178 563 230 L610 520 400 520Z" fill="#171315"/><ellipse cx="518" cy="202" rx="47" ry="55" fill="#171315"/><path d="M479 285 370 238" stroke="#171315" stroke-width="35" stroke-linecap="round"/><path d="M370 238 350 220" stroke="#171315" stroke-width="15"/><path d="M348 223 300 520" stroke="#171315" stroke-width="5"/></svg><div class="container"><div class="eyebrow" style="color:#ffc1a7">BLIND LABEL / THE MANIFESTO</div><h2>You don't<br>need a name<br>to make someone<br><span style="color:#ffb193">feel something.</span></h2></div></section>
<section id="ecosystem" class="container section"><div class="eyebrow">04 / THE ECOSYSTEM</div><h2>Beyond<br>the player<span class="orange">.</span></h2><div class="rows"><div class="ecosystem"><div class="idx">01</div><h3>Discover</h3><p>Fluxuri de ascultare anonimă și recomandări care aduc în prim-plan muzica nouă.</p></div><div class="ecosystem"><div class="idx">02</div><h3>Artists</h3><p>Publicare directă, profiluri și date despre reacțiile ascultătorilor înainte de dezvăluire.</p></div><div class="ecosystem"><div class="idx">03</div><h3>Connect</h3><p>O posibilă extensie pentru colaborări între artiști, producători și organizatori.</p></div></div></section>
<section class="container section business"><div><div class="eyebrow">05 / SUSTAINABILITY</div><h2>Free to<br><span class="orange">feel.</span></h2><p>Publicarea și ascultarea de bază pot rămâne gratuite. Modelul economic nu trebuie să compromită descoperirea.</p></div><div class="dark-panel"><h3>Direcții de monetizare</h3><ul><li>Analize premium pentru artiști</li><li>Susținere directă din partea fanilor</li><li>Instrumente pentru organizatori și profesioniști</li><li>Funcționalități avansate pentru comunități</li></ul><p class="micro">Fără vânzarea pozițiilor din Blind Discovery.</p></div></section>
<section class="container section"><div class="eyebrow">06 / THE FIRST EXPERIMENT</div><h2>Build small.<br><span class="orange">Listen big.</span></h2><div class="feature-grid"><article class="feature"><div class="n">01</div><div><h3>Build</h3><p>Conturi de artist, upload audio, acorduri pentru drepturi, player anonim și mecanismul LIKE.</p></div></article><article class="feature"><div class="n">02</div><div><h3>Launch</h3><p>Un grup inițial de artiști independenți și ascultători testează experiența.</p></div></article><article class="feature"><div class="n">03</div><div><h3>Learn</h3><p>Urmărim ascultările eligibile, aprecierile, reascultările și revenirea utilizatorilor.</p></div></article></div><p class="micro" style="margin-top:28px">Drepturile tuturor titularilor trebuie autorizate pentru fiecare piesă; platforma necesită moderare și gestionarea reclamațiilor.</p></section>
<section class="container final"><div class="eyebrow">NEXT-GEN MUSIC DISCOVERY</div><div class="display">Music first.<br><span class="orange">Identity later.</span></div></section>
</main><footer class="container"><div class="logo">blind<i>.</i>label</div><span>Concept presentation · Designed for every screen</span></footer>
<script>
(function(){
const deck=document.createElement('div');deck.className='mobile-deck';deck.setAttribute('aria-label','Prezentare Blind Label, câte un ecran pe secțiune');
const slides=[
['BLIND LABEL / DISCOVERY PROTOCOL','Sound <span class="accent">before</span> status.','Muzica vorbește prima. Identitatea artistului se deblochează printr-un singur LIKE.','visual'],
['01 / THE IDEA','Forget the <span class="accent">name.</span>','O platformă în care descoperi muzica fără nume, fotografii, urmăritori sau clasamente.','line'],
['02 / BLIND DISCOVERY','One like.<br><span class="accent">One reveal.</span>','Asculți. Dacă îți place, apeși LIKE. Abia atunci descoperi artistul.','player'],
['03 / OUR PRINCIPLES','No <span class="accent">pay-to-win.</span>','Nu vindem poziții în fluxul de descoperire. Piesele primesc o șansă să fie ascultate.','card1'],
['03 / OUR PRINCIPLES','Like to <span class="accent">unlock.</span>','Nu există un buton separat de dezvăluire. Aprecierea piesei este cheia.','card2'],
['03 / OUR PRINCIPLES','Skip is not <span class="accent">dislike.</span>','Dacă treci mai departe, algoritmul învață preferințe fără să condamne artistul.','card3'],
['04 / MANIFESTO','You don’t need a name to <span class="accent">feel something.</span>','Piesa trebuie să te convingă. Nu numele de pe copertă.','visual'],
['05 / ECOSYSTEM','Beyond the <span class="accent">player.</span>','Discover: muzică anonimă. Artists: publicare și analize. Connect: colaborări și oportunități.','line'],
['06 / BUSINESS','Free to <span class="accent">feel.</span>','Publicare și ascultare gratuite. Opțiuni premium pentru artiști, susținere directă și instrumente profesionale.','line'],
['07 / FIRST EXPERIMENT','Build small.<br><span class="accent">Listen big.</span>','Un MVP cu upload, player anonim și LIKE. Testăm aprecierea, reascultarea și revenirea utilizatorilor.','line'],
['BLIND LABEL / THE FUTURE','Music first.<br><span class="accent">Identity later.</span>','Blind Label — un nou mod de a descoperi artiști independenți.','visual']
];
const art=document.querySelector('.hero-art .art-svg');
slides.forEach(([tag,title,description,kind],i)=>{
const s=document.createElement('section');s.className='mslide';s.id='screen-'+(i+1);
s.innerHTML='<div class="mhead"><span class="logo">blind<span class="accent">.</span>label</span><span class="counter">'+String(i+1).padStart(2,'0')+' / '+slides.length+'</span></div><div class="eyebrow">'+tag+'</div><h2>'+title+'</h2><p>'+description+'</p>'+(kind==='visual'?'<div class="mvisual"></div>':kind==='line'?'<div class="mline"></div>':kind.startsWith('card')?'<div class="mcard"><div class="num">'+(kind.slice(-1))+'</div><h3>'+['','No pay-to-win','Like to unlock','Skip ≠ dislike'][Number(kind.slice(-1))]+'</h3><p>'+description+'</p></div>':'<div class="phone-wrap"></div>')+'<div class="mnext"><span>SCROLL TO EXPLORE</span>'+(i<slides.length-1?'<a href="#screen-'+(i+2)+'" aria-label="Ecranul următor">NEXT ↓</a>':'<a href="#screen-1">TOP ↑</a>')+'</div>';
deck.appendChild(s);
if(kind==='visual' && art){s.querySelector('.mvisual').appendChild(art.cloneNode(true));}
});
document.body.insertBefore(deck,document.querySelector('main'));
// Move the existing interactive player so there is only one set of IDs and listeners.
const original=document.querySelector('#experience .phone-wrap');
const mobileSlot=deck.querySelector('#screen-3 .phone-wrap');
const mq=window.matchMedia('(max-width:700px)');
const originalParent=original.parentElement;
const originalNext=original.nextSibling;
function place(){if(mq.matches){mobileSlot.replaceWith(original)}else if(original.parentElement!==originalParent){originalParent.insertBefore(original,originalNext)}}
mq.addEventListener('change',place);place();
})();
</script>
<script>
(()=>{const heartOutline='<svg viewBox="0 0 24 24" width="27" height="27" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z"/></svg>';const heartFilled=heartOutline.replace('fill="none"','fill="currentColor"');let index=42,liked=false;const track=document.getElementById('track'),like=document.getElementById('like'),skip=document.getElementById('skip'),reveal=document.getElementById('reveal');like.addEventListener('click',()=>{liked=!liked;like.classList.toggle('liked',liked);like.setAttribute('aria-pressed',String(liked));like.innerHTML=liked?heartFilled:heartOutline;reveal.innerHTML=liked?'<strong>ARTIST UNLOCKED</strong><br>Demo Artist · Profil disponibil după LIKE':'Like the track to reveal the artist.'});skip.addEventListener('click',()=>{index++;liked=false;like.classList.remove('liked');like.setAttribute('aria-pressed','false');like.innerHTML=heartOutline;track.textContent='UNKNOWN ARTIST · TRACK #'+String(index).padStart(4,'0');reveal.textContent='New discovery. Like to reveal the artist.'})})();
</script></body></html>