@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b100f;--panel:#121916;--ink:#f2f5eb;--muted:#a3ada6;--accent:#bcf6ca;--line:#ffffff1c;--font:'Manrope','DM Sans',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait}svg{display:block}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;z-index:99;background:var(--accent);color:var(--bg);padding:12px}.skip:focus{top:12px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand-mark{width:39px;height:39px;border:1px solid #baf6ca55;border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:30px;font-family:Georgia,serif;line-height:1}.brand-name{font-family:'DM Sans',var(--font);font-size:20px;letter-spacing:-.7px;font-weight:700}.brand-name small{font-size:10px;letter-spacing:1px;vertical-align:top;margin-left:4px;color:var(--accent)}.desktop-nav{display:flex;gap:31px;color:#b8c1b8;font-size:12px}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--accent)}.nav-cta{font-size:12px;border:1px solid #ffffff35;border-radius:7px;padding:13px 17px;display:flex;align-items:center;gap:22px}.nav-cta:hover{background:#ffffff0c}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);width:44px;height:44px;border-radius:6px;font-size:21px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--accent)}.dot{height:6px;width:6px;flex:none;display:inline-block;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #bcf6ca65}.hero{display:grid;grid-template-columns:1.08fr 1fr;position:relative;min-height:658px;align-items:center;gap:16px;padding:58px 0 48px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1.09;letter-spacing:-4px;font-weight:500;margin:26px 0 25px;white-space:nowrap}.hero h1 em,.section-title em,.closing h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent);letter-spacing:-3px}.hero-description{color:var(--muted);font-size:15px;line-height:1.85;max-width:390px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);color:#112719;border:1px solid transparent;padding:17px 23px;border-radius:7px;font-size:12px;font-weight:800;transition:transform .2s,background .2s;min-height:50px}.button:hover{transform:translateY(-2px);background:#d8ffdf}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.text-button{border:0;background:none;color:var(--ink);font-size:12px;padding:13px 0;display:inline-flex;align-items:center;gap:10px}.play-outline{border:1px solid #ffffff45;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:9px}.hero-note{font-size:10px;color:#8c998e;margin-top:18px;display:flex;gap:9px;align-items:center}.hero-art{height:520px;position:relative;min-width:0}.hero-art:before{content:'';position:absolute;inset:12% 1%;border-radius:50%;background:radial-gradient(ellipse,#9eeec412,transparent 66%);pointer-events:none}.orbit{position:absolute;inset:13% 1%;border:1px solid #c9ebd314;border-radius:50%;transform:rotate(-24deg);pointer-events:none}.orbit.two{inset:20% -8%;transform:rotate(28deg);border-color:#c9ebd309}.orbit:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);left:12%;top:13%}.art-grid{position:absolute;inset:10% 8%;opacity:.23;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse,black,transparent 69%)}.clef-stage{position:absolute;inset:0;contain:layout paint;touch-action:pan-y}.clef-stage canvas,.clef-fallback{position:absolute;width:100%;height:100%;inset:0}.clef-stage canvas{opacity:0}.webgl-ready canvas{opacity:1}.webgl-ready .clef-fallback{visibility:hidden}.clef-fallback{filter:drop-shadow(12px 18px 10px #0008);transform:rotate(-9deg)}.art-label{position:absolute;color:#7f9486;font-family:'DM Sans',sans-serif;letter-spacing:2px;font-size:9px;pointer-events:none}.art-label.top{top:43px;left:10%}.art-label.bottom{right:2%;bottom:48px}.art-label.side{right:-8px;top:47%;writing-mode:vertical-rl;font-size:8px}.floating-tag{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 17px;left:5%;bottom:85px;border:1px solid #ffffff17;background:#132019e8;border-radius:9px;transform:rotate(-5deg);box-shadow:0 14px 32px #0003;font-size:11px}.floating-tag i{font-style:normal;color:var(--accent);font-size:22px}.floating-tag small{display:block;color:#8b9e90;font-size:9px;margin-top:4px}.genre-selector{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.genre-label{font-size:9px;letter-spacing:1.8px;color:#899b8e;flex-shrink:0}.genre-buttons{display:flex;gap:9px;flex-wrap:wrap}.genre{border:1px solid transparent;background:transparent;color:#8f9c93;font-size:12px;border-radius:30px;padding:9px 18px;min-height:38px}.genre:hover{color:var(--ink)}.genre[aria-pressed=true]{color:var(--accent);background:#bcf6ca0c;border-color:#bcf6ca35}.genre-arrow{font-size:20px;color:var(--accent)}.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px;gap:20px}.section-title{font-size:clamp(30px,3.1vw,43px);font-weight:500;line-height:1.2;letter-spacing:-1.8px;margin:14px 0 0}.section-title em{letter-spacing:-1.5px}.section-link{font-size:11px;display:flex;gap:24px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.track{min-width:0}.cover{height:240px;border-radius:8px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:25px}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#0006);pointer-events:none}.cover-number{position:absolute;top:18px;left:20px;font-size:10px;color:#ffffffa8;letter-spacing:1.3px;z-index:1}.cover-badge{position:absolute;right:17px;top:17px;color:#fff9;font-size:9px;border:1px solid #ffffff30;border-radius:30px;padding:5px 9px;z-index:1}.cover-word{font-family:Georgia,serif;font-size:35px;line-height:.95;letter-spacing:-1.2px;position:relative;z-index:1;color:#fff}.cover-one{background:#344a3a}.cover-two{background:#513b46}.cover-three{background:#3c4358}.cover-four{background:#4b4130}.cover-five{background:#354b50}.cover-art{position:absolute;inset:0;overflow:hidden}.cover-art.rings:before,.cover-art.rings:after{content:'';position:absolute;width:230px;height:230px;right:-15px;top:-75px;border-radius:50%;border:24px solid #cdf6b7;box-shadow:0 0 0 17px #4d6851,0 0 0 20px #bad6a64d,0 0 0 40px #bad6a61c;transform:rotate(-30deg) scaleX(.7)}.cover-art.rings:after{width:180px;height:180px;right:45px;top:20px;border-width:1px;box-shadow:none;opacity:.35}.cover-art.flower{background:repeating-conic-gradient(from 20deg at 78% 40%,#d3adbd33 0deg 11deg,transparent 11deg 25deg);mask-image:radial-gradient(ellipse at 80% 30%,black,transparent 80%)}.cover-art.wave{background:repeating-radial-gradient(ellipse at 80% -40%,transparent 0 13px,#a3bbec70 14px 15px,transparent 16px 29px);transform:rotate(-15deg) scale(1.2)}.track-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:17px;gap:12px}.track h3{font-size:13px;margin:0 0 6px;font-weight:600}.track p{font-size:10px;color:var(--muted);margin:0}.track-play{flex-shrink:0;width:40px;height:40px;border:1px solid #ffffff26;border-radius:50%;color:var(--ink);background:transparent;display:grid;place-items:center;font-size:13px}.track-play:hover,.track-play[aria-pressed=true]{background:var(--accent);color:#112719;border-color:var(--accent)}.track.is-playing .cover-art{animation:cover-breathe 7s ease-in-out infinite alternate}.how-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:45px}.step{position:relative}.step-number{font-family:'DM Sans',sans-serif;font-size:11px;color:var(--accent);border:1px solid #baf6ca38;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin-bottom:24px}.step h3{font-size:19px;font-weight:500;margin:0 0 13px;letter-spacing:-.5px}.step p{font-size:12px;color:var(--muted);line-height:1.85;max-width:290px}.step:not(:last-child):after{content:'↗';position:absolute;right:0;top:7px;color:#6c7a6d}.idea-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.idea-copy>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:350px;margin:22px 0}.idea-card{background:#161f19;border:1px solid #ffffff16;border-radius:12px;padding:28px;transform:rotate(2deg);box-shadow:0 24px 80px #0002}.idea-card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#8fa494}.idea-card blockquote{font-family:Georgia,serif;font-size:27px;line-height:1.45;color:#e5f2df;margin:27px 0}.idea-card-bottom{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:18px}.idea-chip{border:1px solid #ffffff24;border-radius:20px;padding:6px 10px;font-size:9px;color:#bdcebe}.mini-wave{display:flex;gap:3px;height:24px;align-items:center;margin-left:auto}.mini-wave span{width:2px;height:var(--h);background:var(--accent);border-radius:2px}.faq{max-width:810px;margin:auto}.faq .section-heading{justify-content:center;text-align:center;margin-bottom:40px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--accent);font-size:20px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);line-height:1.85;max-width:690px;margin:18px 0 0}.closing{text-align:center;padding:78px 20px;margin:45px 0 70px;border:1px solid #bcf6ca20;border-radius:12px;background:radial-gradient(ellipse at 50% 120%,#a3d09c19,transparent 65%),#111914}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(36px,4.5vw,60px);font-weight:500;letter-spacing:-2.5px;line-height:1.15;margin:21px 0 29px}.closing p{font-size:11px;color:var(--muted);margin-top:17px}.site-footer{border-top:1px solid var(--line);padding:34px 0 95px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.3px;color:#78877c;margin-top:32px}.sound-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:20;width:min(580px,calc(100% - 28px));padding:13px 18px;background:#1b2823f5;border:1px solid #bbf2c43b;border-radius:12px;box-shadow:0 5px 40px #0008;display:flex;align-items:center;gap:14px;backdrop-filter:blur(15px)}.sound-bar[hidden]{display:none}.sound-info{min-width:0;flex:1}.sound-title{font-size:11px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-bar input{width:100%;accent-color:var(--accent);height:4px;display:block;cursor:pointer}.sound-close{border:none;background:none;color:var(--muted);font-size:21px;min-width:32px;min-height:36px}.sound-time{color:var(--muted);font-size:10px;min-width:33px}.status-message{font-size:12px;color:var(--accent);min-height:18px}.page-hero{padding:78px 0 50px;max-width:760px}.page-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.1;letter-spacing:-2.5px;font-weight:500;margin:20px 0}.page-hero p{color:var(--muted);line-height:1.8;font-size:14px;max-width:530px}.portfolio-grid{row-gap:42px;padding-bottom:70px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{border:1px solid var(--line);border-radius:10px;padding:32px;position:relative}.price-card.featured{background:#17271d;border-color:#bcf6ca60}.price-card .eyebrow{font-size:9px}.price-card h2{font-size:40px;font-weight:500;letter-spacing:-2px;margin:28px 0 5px}.price-card h2 small{font-size:15px;letter-spacing:0;margin-left:7px}.price-card p{font-size:12px;color:var(--muted);line-height:1.8}.price-card .price{font-family:'DM Sans',sans-serif;font-size:44px;margin:25px 0}.price-card .price small{font-size:19px;margin-left:6px}.price-card ul{list-style:none;padding:20px 0;margin:0 0 20px;border-top:1px solid var(--line);font-size:12px;line-height:2.4;color:#bacbbb}.price-card li:before{content:'✓';color:var(--accent);margin-right:10px}.price-card .button{width:100%}.notice{font-size:12px;line-height:1.8;color:var(--muted);border-left:2px solid var(--accent);padding-left:20px;margin:30px 0 70px;max-width:800px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:90px}.contact-card{padding:34px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.contact-card h2{font-size:23px;font-weight:500;margin:25px 0 16px}.contact-card p{font-size:13px;color:var(--muted);line-height:1.8}.contact-card a:not(.button){color:var(--accent);overflow-wrap:anywhere}.contact-card .button{margin-top:15px}.no-js-note{color:var(--muted);font-size:12px;padding:14px}.legal-note{font-size:11px;color:var(--muted)}
.hero-art{overflow:hidden}
@keyframes cover-breathe{to{transform:scale(1.08) rotate(3deg)}}
@media(min-width:1500px){.hero{min-height:720px}.hero-art{height:590px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:20px}.hero h1{font-size:56px;letter-spacing:-3px}.hero-art{height:470px}.hero{min-height:590px}.genre{padding-inline:12px}.idea-section{gap:45px}.cover{height:215px}.hero-actions{gap:15px}.button{padding-inline:19px}.price-card{padding:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:78px;gap:15px}.brand-name{font-size:19px}.brand-mark{width:34px;height:34px;font-size:26px}.nav-cta{display:none}.menu-toggle{display:block}.desktop-nav{display:none;position:absolute;top:77px;left:0;right:0;background:#121b16;z-index:30;padding:25px 24px;border-bottom:1px solid var(--line);flex-direction:column;font-size:15px;gap:4px}.desktop-nav a{padding:12px 0}.desktop-nav.is-open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;padding:38px 0 15px;gap:0;min-height:auto}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero h1{font-size:clamp(42px,10.9vw,67px);letter-spacing:-2.4px;margin:22px 0 19px}.hero h1 em{letter-spacing:-2px}.hero-description{font-size:13px;max-width:340px;line-height:1.8}.hero-actions{gap:19px;margin-top:24px}.button{font-size:11px;padding:16px 18px;gap:17px}.text-button{font-size:11px}.hero-note{font-size:9px;margin-top:15px}.hero-art{height:340px;margin-top:8px;margin-bottom:-8px}.art-label.top{top:27px;left:5%}.art-label.side{right:0}.art-label.bottom{bottom:30px}.floating-tag{left:4%;bottom:47px;font-size:10px;padding:10px 13px}.genre-selector{display:block;padding:18px 0}.genre-label{margin-bottom:12px;display:block}.genre-buttons{flex-wrap:nowrap;overflow:auto;margin-inline:-4px;gap:3px;scrollbar-width:none}.genre{padding:9px 13px;font-size:11px;flex-shrink:0}.genre-arrow{display:none}.section{padding:56px 0}.section-heading{margin-bottom:25px;gap:12px}.section-title{font-size:30px;letter-spacing:-1.2px}.section-title em{letter-spacing:-1px}.section-link{font-size:10px;gap:12px;white-space:nowrap}.track-grid{grid-template-columns:1fr;gap:30px}.cover{height:280px}.cover-word{font-size:39px}.cover-art.rings:before{right:15px;top:-25px;width:270px;height:270px}.track h3{font-size:14px}.track p{font-size:11px}.track-play{width:44px;height:44px}.steps{grid-template-columns:1fr;gap:27px;margin-top:32px}.step{padding-left:52px}.step-number{position:absolute;left:0;top:0}.step h3{font-size:18px;margin-top:2px}.step p{max-width:none;font-size:12px;margin-bottom:0}.step:not(:last-child):after{display:none}.idea-section{grid-template-columns:1fr;gap:30px}.idea-copy>p{max-width:100%;font-size:13px}.idea-card{padding:25px;transform:rotate(1deg);margin:0 5px}.idea-card blockquote{font-size:26px}.faq summary{font-size:13px;line-height:1.6}.faq details p{font-size:12px}.closing{padding:50px 16px;margin:15px 0 45px}.closing h2{font-size:37px;letter-spacing:-1.6px}.closing h2 em{letter-spacing:-1.7px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:22px}.footer-links{gap:17px;font-size:10px;line-height:1.8}.footer-bottom{gap:10px;font-size:9px;margin-top:24px}.site-footer{padding-top:29px}.page-hero{padding:47px 0 32px}.page-hero h1{font-size:44px}.page-hero p{font-size:13px}.price-grid,.contact-grid{grid-template-columns:1fr}.price-card{padding:30px}.contact-grid{padding-bottom:45px}.sound-bar{padding:10px 12px;gap:10px}.sound-bar .track-play{height:36px;width:36px}.sound-time{font-size:9px}.notice{margin-bottom:40px}}
@media(min-width:500px) and (max-width:760px){.track-grid{grid-template-columns:repeat(2,1fr)}.cover{height:230px}.hero-art{height:400px}.hero-description{max-width:420px}}
@media(max-width:380px){.hero-actions{flex-wrap:wrap;gap:8px}.hero-actions .button{width:100%;white-space:nowrap}.hero-actions .text-button{justify-content:center;width:100%}.hero-note{justify-content:center}.section-heading{align-items:flex-start;flex-direction:column}.genre{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.clef-stage canvas{display:none}.clef-stage .clef-fallback{visibility:visible!important}}

.credit-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:stretch;margin-bottom:40px}.credit-main{padding:48px;background:#17271d;border:1px solid #bcf6ca55;border-radius:12px;display:flex;flex-direction:column;justify-content:center}.credit-amount{font-size:112px;line-height:1.1;letter-spacing:-6px;font-weight:500;margin:25px 0 15px;color:var(--accent)}.credit-amount span{display:block;font-size:24px;letter-spacing:-.5px;color:var(--ink)}.credit-main p,.credit-rules p{font-size:13px;line-height:1.8;color:var(--muted)}.credit-main .button{margin-top:25px;align-self:flex-start}.credit-rules{display:grid;gap:25px}.credit-rules article{border-bottom:1px solid var(--line);padding:10px 0 20px}.credit-rules h2{font-size:27px;letter-spacing:-.8px;font-weight:500;margin:15px 0 7px}.credit-rules p{margin:0}@media(max-width:760px){.credit-layout{grid-template-columns:1fr;gap:25px}.credit-main{padding:30px}.credit-amount{font-size:92px}.credit-main .button{width:100%;font-size:10px;padding-inline:12px;gap:12px}.credit-rules h2{font-size:24px}}