:root{--red:#d80000;--red-bright:#f20d0d;--black:#060606;--ink:#111;--paper:#f4f1eb;--muted:#a8a8a8;--line:#ffffff29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:#fff;margin:0;font-family:DM Sans,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#060606e0;justify-content:space-between;align-items:center;height:84px;padding:0 5vw;display:flex;position:sticky;top:0}.brand-button{background:0 0;border:0;width:168px;padding:0}.brand-button img{width:100%;height:auto;display:block}.site-header nav{align-items:center;gap:32px;display:flex}.site-header a{color:#d5d5d5;font-size:14px;text-decoration:none}.nav-cta{color:#fff;background:var(--red);border:0;padding:13px 20px;font-weight:700}.hero{grid-template-columns:1.05fr .95fr;align-items:center;min-height:calc(100vh - 84px);padding:70px 8vw 80px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 75% 48%,#d8000033,#0000 30%),linear-gradient(115deg,#090909 48%,#130000 100%);position:absolute;inset:0}.hero-noise{opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-copy{z-index:2;max-width:700px;position:relative}.eyebrow{letter-spacing:.2em;color:#bdbdbd;font-size:12px;font-weight:700}.eyebrow i{background:var(--red);vertical-align:middle;width:28px;height:2px;margin-right:10px;display:inline-block}.hero h1{letter-spacing:-.07em;text-transform:uppercase;margin:30px 0;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(62px,7vw,112px);line-height:.86}.hero h1 em{color:var(--red-bright);text-transform:none;letter-spacing:-.045em;font-family:Playfair Display,Georgia,serif;font-weight:700}.hero-copy>p{color:#c6c6c6;max-width:570px;font-size:clamp(17px,1.6vw,21px);line-height:1.6}.primary-button{background:var(--red);color:#fff;border:0;justify-content:space-between;align-items:center;gap:36px;padding:18px 24px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.primary-button:hover{background:var(--red-bright);transform:translateY(-2px)}.primary-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.hero .primary-button{min-width:218px;margin-top:18px}.microcopy{color:#777;margin-top:14px;font-size:12px;display:block}.hero-art{z-index:1;place-items:center;min-height:560px;display:grid;position:relative}.vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#171717 0 2px,#0a0a0a 4px 7px);border-radius:50%;width:min(34vw,470px);animation:24s linear infinite slowspin;position:relative;box-shadow:0 30px 100px #000000b3,0 0 120px #d8000024}.vinyl:before{content:"";aspect-ratio:1;background:var(--red);width:39%;box-shadow:inset 0 0 0 5px #090909, inset 0 0 0 8px var(--red);border-radius:50%;position:absolute;top:30.5%;left:30.5%}.vinyl-label{z-index:2;font-family:Archivo Black;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes slowspin{to{transform:rotate(360deg)}}.sound-lines{justify-content:center;align-items:center;gap:8px;height:90px;display:flex;position:absolute;inset:auto 0 12%}.sound-lines span{background:var(--red);width:5px;min-height:12px;box-shadow:0 0 18px #ff000059}.art-caption{writing-mode:vertical-rl;letter-spacing:.35em;color:#666;font-size:10px;position:absolute;top:16%;right:0}.choice-section{background:var(--paper);color:var(--ink);padding:110px 8vw 125px}.section-heading{align-items:flex-start;gap:28px;margin-bottom:52px;display:flex}.section-number{color:var(--red);border-top:2px solid var(--red);padding-top:8px;font-size:13px;font-weight:700}.section-heading h2{text-transform:uppercase;letter-spacing:-.055em;margin:10px 0 0;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(36px,5vw,65px);line-height:.95}.choice-section .eyebrow{color:#727272}.path-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.path-card{min-height:430px;color:var(--ink);text-align:left;background:0 0;border:1px solid #c8c3ba;flex-direction:column;justify-content:space-between;padding:38px;transition:transform .25s,color .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.path-card:before{content:"";background:var(--red);transition:inset .35s;position:absolute;inset:100% 0 0}.artist-card:before{background:var(--ink)}.path-card:hover{color:#fff;border-color:#0000;transform:translateY(-7px)}.path-card:hover:before{inset:0}.path-card>*{z-index:1;position:relative}.path-index{color:#888;font-size:12px;position:absolute;top:24px;right:28px}.path-icon{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:62px;height:62px;font-size:26px;transition:background .25s;display:grid}.artist-card .path-icon{background:var(--red)}.path-card:hover .path-icon{color:var(--red);background:#fff}.card-kicker{color:var(--red);letter-spacing:.16em;font-size:11px;font-weight:700}.path-card:hover .card-kicker{color:#fff}.path-card h3{text-transform:uppercase;letter-spacing:-.04em;max-width:500px;margin:14px 0 17px;font-family:Archivo Black;font-size:clamp(30px,3.2vw,46px);line-height:.95}.path-card p{color:#666;max-width:500px;font-size:16px;line-height:1.6;transition:color .25s}.path-card:hover p{color:#ddd}.card-footer{border-top:1px solid;justify-content:space-between;padding-top:20px;font-size:14px;display:flex}.how-section{padding:110px 8vw 130px}.light-heading h2{color:#fff}.steps-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.step-card{border-right:1px solid var(--line);min-height:240px;padding:38px 28px 10px 0}.step-card:not(:first-child){padding-left:28px}.step-card span{color:var(--red);font-size:12px;font-weight:700}.step-card h3{margin:54px 0 12px;font-size:22px}.step-card p{color:#8f8f8f;font-size:14px;line-height:1.6}.manifesto{text-align:center;background:var(--red);padding:130px 20px 150px}.manifesto p{text-transform:uppercase;letter-spacing:.2em;font-size:11px}.manifesto h2{text-transform:uppercase;letter-spacing:-.055em;margin:25px auto 0;font-family:Archivo Black;font-size:clamp(44px,6.8vw,95px);line-height:.98}.manifesto em{text-transform:none;color:var(--black);font-family:Playfair Display}.creator{background:var(--paper);min-height:90vh;color:var(--ink);padding:46px 8vw 110px}.creator-top{color:#777;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto 22px;font-size:13px;font-weight:600;display:flex}.back-link{color:var(--ink);background:0 0;border:0;padding:8px 0}.progress-track{background:#d7d2ca;max-width:1120px;height:3px;margin:auto}.progress-track span{background:var(--red);height:100%;transition:width .4s;display:block}.form-panel{max-width:900px;margin:70px auto 0}.step-label{color:var(--red);letter-spacing:.2em;font-size:11px;font-weight:700}.form-panel h1,.checkout-copy h1,.lyrics-heading h1{text-transform:uppercase;letter-spacing:-.055em;margin:14px 0 18px;font-family:Archivo Black;font-size:clamp(42px,5.4vw,76px);line-height:.95}.form-intro,.checkout-copy>p{color:#6a6a6a;max-width:650px;font-size:17px;line-height:1.6}.option-grid{gap:12px;margin-top:40px;display:grid}.occasions-grid{grid-template-columns:1fr 1fr}.option-card{min-height:132px;color:var(--ink);text-align:left;background:#fff;border:1px solid #d4d0c9;padding:24px 56px 22px 24px;position:relative}.option-card.selected{border:2px solid var(--red);background:snow}.option-card strong{margin-bottom:8px;font-size:18px;display:block}.option-card small{color:#777;line-height:1.45}.option-card i{background:#eee;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid;position:absolute;top:20px;right:20px}.option-card.selected i{background:var(--red);color:#fff}.field-row{grid-template-columns:1fr 1fr;gap:18px;margin-top:36px;display:grid}.top-gap{margin-top:24px}label,legend{font-size:13px;font-weight:700}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #cfcac2;border-radius:0;outline:none;margin-top:9px;padding:15px 16px}input:focus,textarea:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}fieldset{border:0;margin:34px 0 0;padding:0}.pill-group{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.pill-group button{color:#444;background:#fff;border:1px solid #cfcac2;padding:11px 18px}.pill-group button.selected{border-color:var(--red);background:var(--red);color:#fff}.form-next{min-width:190px;margin:46px 0 0 auto}.textarea-label{margin-top:38px;display:block}.textarea-label textarea{resize:vertical;line-height:1.55}.textarea-label>small{text-align:right;color:#8a8a8a;margin-top:5px;font-weight:400;display:block}.package-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.package-grid button{min-height:128px;color:var(--ink);text-align:left;background:#fff;border:1px solid #cfcac2;grid-template-columns:1fr auto;padding:22px;display:grid}.package-grid button.selected{border:2px solid var(--red)}.package-grid span{font-weight:700}.package-grid strong{color:var(--red);font-size:24px}.package-grid small{color:#777;grid-column:1/-1}.checkout-layout{grid-template-columns:1fr 350px;align-items:start;gap:70px;max-width:1040px;margin:70px auto 0;display:grid}.order-summary{border-top:1px solid #cfcac2;margin-top:38px}.order-summary>div{border-bottom:1px solid #cfcac2;justify-content:space-between;gap:20px;padding:17px 0;display:flex}.order-summary span{color:#777}.order-summary strong{text-align:right}.included-note{background:#e8e3dc;flex-direction:column;gap:4px;margin-top:24px;padding:18px;font-size:13px;display:flex}.included-note span{color:#777}.payment-card{background:var(--ink);color:#fff;padding:34px;position:sticky;top:120px}.payment-card>span{letter-spacing:.18em;color:#999;font-size:11px}.payment-card>strong{letter-spacing:-.05em;margin-top:8px;font-family:Archivo Black;font-size:64px;display:block}.payment-card>small{color:#777}.secure-line{border-top:1px solid var(--line);color:#aaa;margin-top:28px;padding-top:20px;font-size:12px}.secure-line:first-letter{color:#38b66c}.payment-button{gap:8px;width:100%;margin-top:20px;padding-inline:17px}.demo-note{color:#777;margin:15px 0 0;font-size:11px;line-height:1.45}.error-message{color:#f77;font-size:12px;line-height:1.4}.lyrics-layout{grid-template-columns:1fr 320px;align-items:start;gap:58px;max-width:1120px;margin:60px auto 0;display:grid}.lyrics-heading{grid-column:1/-1}.lyrics-heading p{color:#666;font-family:Playfair Display;font-size:22px;font-style:italic}.success-badge{background:var(--red);color:#fff;letter-spacing:.16em;padding:8px 11px;font-size:10px;font-weight:700;display:inline-block}.lyrics-sheet{background:#fff;padding:48px 55px;box-shadow:0 18px 60px #00000014}.lyrics-sheet>div{margin-bottom:30px}.lyrics-sheet span{color:var(--red);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.lyrics-sheet textarea{resize:vertical;box-shadow:none;border:0;border-left:2px solid #eee;margin-top:10px;padding:2px 0 2px 18px;font-size:16px;line-height:1.75}.production-card{background:var(--ink);color:#fff;padding:30px;position:sticky;top:120px}.production-card>span{color:var(--red);letter-spacing:.18em;font-size:10px;font-weight:700}.production-card>p{color:#bbb;font-size:14px;line-height:1.6}.production-card .primary-button,.production-card .secondary-button{width:100%;margin-top:14px}.secondary-button{color:#fff;background:0 0;border:1px solid #555;padding:14px}.production-card small{color:#777;margin-top:18px;line-height:1.45;display:block}.correction-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.correction-form label{color:#fff;display:block}.correction-form textarea{color:#fff;resize:vertical;background:#1d1d1d;border-color:#484848;margin-top:9px;line-height:1.5}.correction-submit{width:100%;color:var(--ink);background:#fff;border:0;margin-top:10px;padding:13px;font-weight:700}.correction-submit:disabled{opacity:.4;cursor:not-allowed}.decision-confirmation{background:#ffffff0f;border:1px solid #fff3;margin-top:22px;padding:20px}.decision-confirmation strong{color:#fff}.decision-confirmation p{color:#bbb;margin:8px 0 0;font-size:13px;line-height:1.5}.success-message{color:#8ee0ad!important;font-size:12px!important}footer{border-top:1px solid var(--line);color:#777;grid-template-columns:180px 1fr auto;align-items:center;gap:30px;padding:55px 8vw;font-size:12px;display:grid}footer img{width:150px;height:auto}footer p{text-align:center;color:#aaa}@media (max-width:900px){.site-header{height:70px}.site-header nav a{display:none}.brand-button{width:145px}.hero{grid-template-columns:1fr;min-height:auto;padding:80px 7vw 65px}.hero-art{min-height:380px;margin-top:20px}.vinyl{width:min(72vw,380px)}.path-grid,.checkout-layout,.lyrics-layout{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr 1fr}.payment-card,.production-card{position:static}.lyrics-heading{grid-column:1}}@media (max-width:600px){.site-header{padding:0 18px}.nav-cta{padding:10px 13px;font-size:12px}.hero h1{font-size:56px}.hero-copy>p{font-size:16px}.hero-art{min-height:330px}.choice-section,.how-section,.creator{padding-left:20px;padding-right:20px}.choice-section,.how-section{padding-top:80px;padding-bottom:90px}.section-heading{gap:16px}.path-card{min-height:390px;padding:28px}.steps-grid{grid-template-columns:1fr}.step-card,.step-card:not(:first-child){border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:28px 0}.step-card h3{margin-top:22px}.manifesto{padding:90px 20px 105px}.creator{padding-top:30px}.creator-top>span{font-size:10px}.form-panel,.checkout-layout{margin-top:50px}.form-panel h1,.checkout-copy h1,.lyrics-heading h1{font-size:42px}.occasions-grid,.field-row,.package-grid{grid-template-columns:1fr}.form-next{width:100%}.lyrics-sheet{padding:32px 22px}footer{text-align:center;grid-template-columns:1fr}footer img{margin:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
