@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap');
:root{--ink:#090909;--raised:#121212;--bone:#f2ede4;--muted:#aaa59d;--line:#33332f;--accent:#d7b982}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--bone);font-family:'Space Grotesk',Arial,sans-serif;font-size:16px}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}header,main,footer{max-width:1440px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 48px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:-.7px}nav{display:flex;gap:30px;color:var(--muted);font-size:13px}.nav-cta{font-size:13px;border:1px solid #555;padding:12px 18px;border-radius:5px}.nav-cta span{margin-left:24px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:70px 48px 62px;align-items:center}.eyebrow{font-size:11px;font-weight:500;letter-spacing:1.8px;line-height:1.8}.tiny-line{display:inline-block;width:24px;height:1px;background:var(--bone);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(54px,6.7vw,96px);line-height:.96;letter-spacing:-6px;margin:30px 0}.hero h1 span{color:#88857f}.lede{max-width:470px;color:var(--muted);line-height:1.6;font-size:17px;margin:24px 0 30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:0;padding:16px 22px;border-radius:5px;font-weight:500;font-size:14px}.light{background:var(--bone);color:var(--ink)}.button:hover{filter:brightness(.87)}.outline{border:1px solid #555;background:transparent;color:var(--bone)}.caption{font-size:11px;color:var(--muted);margin-top:16px}.broadcast{background:linear-gradient(135deg,#1d1d1d,#111 45%,#080808);border:1px solid #3a3a37;border-radius:5px;overflow:hidden;position:relative}.broadcast-top,.broadcast-foot{padding:20px 24px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px}.broadcast-top{border-bottom:1px solid var(--line);color:var(--muted)}.broadcast svg{display:block;width:100%}.broadcast-foot{border-top:1px solid var(--line);align-items:center;gap:15px}.broadcast-foot p{max-width:200px;line-height:1.6;text-align:right}.mic-bars{display:flex;gap:4px;height:30px;align-items:center}.mic-bars i{width:3px;background:var(--bone);height:12px}.mic-bars i:nth-child(2n){height:25px}.mic-bars i:nth-child(3n){height:18px}.proof{margin:0 48px;border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;color:var(--muted)}.proof>span{font-size:10px;letter-spacing:1.5px;color:var(--bone)}.studio,.mechanism,.pass-section,.closing{padding:110px 48px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}h2{font-size:clamp(35px,4vw,56px);line-height:1.05;letter-spacing:-2px;margin:15px 0}.section-head>p{max-width:370px;line-height:1.7;color:var(--muted);font-size:14px}.workspace{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #45443f;border-radius:6px;overflow:hidden}.workspace aside{background:#151513;border-right:1px solid var(--line)}.panel-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;border-bottom:1px solid var(--line);padding:23px;color:var(--muted)}.template{display:block;width:100%;border:0;border-bottom:1px solid var(--line);text-align:left;padding:30px 24px;color:var(--bone);background:transparent}.template.active{background:var(--bone);color:var(--ink)}.template small{display:block;font-size:10px;letter-spacing:1.5px;margin-bottom:17px}.template strong{display:block;font-size:23px;letter-spacing:-.8px;margin-bottom:15px}.template span{display:flex;font-size:12px;justify-content:space-between;gap:12px}.template:hover:not(.active){background:#242422}.local-note{padding:26px;color:var(--muted);font-size:11px;line-height:1.6}.editor{padding:0 26px 26px}.editor .panel-head{margin:0 -26px}.editor-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0}.editor h3{font-size:22px;margin:0;letter-spacing:-.8px}.badge{color:var(--accent);border:1px solid #756345;border-radius:3px;white-space:nowrap;font-size:9px;padding:5px 7px}.editor label{display:block;font-size:11px;margin:18px 0 10px;color:var(--muted)}output{float:right;color:var(--bone)}input[type=range]{width:100%;accent-color:var(--bone)}.segments{margin:20px 0 26px}.segment{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.segment span:first-child{color:var(--muted)}input:not([type=range]),select{width:100%;border:1px solid #4d4b46;background:#161615;padding:13px;color:var(--bone);border-radius:4px;font-size:12px}.input-line{display:flex;gap:10px}.small-button{background:var(--bone);color:var(--ink);border:0;padding:0 18px;border-radius:4px;white-space:nowrap;font-size:12px}.ideas-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.8px;margin:24px 0 12px;color:var(--muted)}.idea{width:100%;background:transparent;border:1px solid #333;color:var(--bone);display:flex;justify-content:space-between;align-items:center;text-align:left;gap:15px;padding:12px;font-size:12px;border-radius:4px;margin-bottom:8px}.idea.selected{border-color:var(--bone);background:#242422}.idea span:last-child{color:var(--accent);font-size:10px;white-space:nowrap}.credit-form{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-bottom:24px}.credit-form label:nth-of-type(2){grid-column:2;grid-row:1}.credit-form #name{grid-column:1}.feedback{font-size:12px;color:var(--accent);min-height:0;margin:8px 0}.receipt{margin-top:24px;border:1px solid #6e6048;display:flex;justify-content:space-between;gap:25px;padding:28px;background:#161512;align-items:center}.receipt[hidden]{display:none}.receipt h3{font-size:24px;margin:10px 0}.receipt p{font-size:13px}.receipt small{font-size:11px;color:var(--muted)}.receipt-actions{display:flex;flex-direction:column;gap:12px}.mechanism{border-top:1px solid var(--line)}.mechanism h2{max-width:750px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.steps article{border-top:1px solid #555;padding-top:20px}.steps article>span{font-size:11px;color:var(--muted)}.steps h3{font-size:23px;letter-spacing:-.7px;margin:35px 0 15px}.steps p{font-size:14px;line-height:1.7;color:var(--muted)}.pass-section{display:grid;grid-template-columns:1fr 1fr;gap:110px;background:var(--bone);color:var(--ink);align-items:center}.pass{background:#111;color:var(--bone);padding:30px;border-radius:9px;max-width:410px;transform:rotate(-4deg);box-shadow:15px 18px 0 #d4cfc6}.pass>p{font-size:10px;letter-spacing:2px;border-bottom:1px solid #444;padding-bottom:24px}.pass-symbol{font-size:120px;font-weight:700;line-height:1.2;letter-spacing:-16px;margin-top:20px}.pass-symbol span{font-size:70px}.pass h3{font-size:35px;line-height:1;letter-spacing:-1px}.pass small{font-size:9px;letter-spacing:1px}.pass-section>div>p:not(.eyebrow){line-height:1.7;font-size:15px}.muted{color:#65615b}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:10px 0;font-size:13px}.closing{text-align:center}.closing h2{font-size:clamp(40px,5.5vw,76px);margin:26px 0 36px}.closing .text-link{display:block;width:fit-content;margin:20px auto;color:var(--muted)}footer{padding:30px 48px;border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;justify-content:space-between}footer p,footer a,footer button{font-size:11px}footer p{color:var(--muted)}footer button{background:none;border:0;color:var(--muted)}dialog{max-width:500px;padding:45px;background:#151513;color:var(--bone);border:1px solid #555;border-radius:8px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog p{line-height:1.7;color:var(--muted);font-size:14px}dialog h2{font-size:64px}.dialog-close{position:absolute;top:15px;right:18px;background:none;color:var(--bone);border:0;font-size:27px}.intro{position:fixed;inset:0;z-index:10;background:#090909;display:flex;justify-content:center;align-items:center;overflow:hidden}.intro button{position:absolute;right:30px;top:30px;background:none;border:1px solid #555;color:var(--bone);border-radius:5px;padding:12px;font-size:12px}.intro-track{position:absolute;width:min(700px,80vw);height:180px;border-bottom:1px solid #555;display:flex;justify-content:center;gap:30px;align-items:center;animation:track 10s both}.intro-track i{font-style:normal;font-size:12px;border:1px solid #aaa;padding:32px 18px;background:#171717;animation:card 10s both}.intro-track i:nth-child(2){animation-delay:.4s}.intro-track i:nth-child(3){animation-delay:.8s}.intro-track span{position:absolute;width:3px;height:180px;background:linear-gradient(transparent,#f2ede4);bottom:0;animation:beam 10s both}.intro-copy{text-align:center;opacity:0;animation:reveal 10s both}.intro-copy p{font-size:11px;letter-spacing:3px}.intro-copy h1{font-size:clamp(40px,10vw,120px);letter-spacing:-5px;margin:20px 0}.intro-copy small{font-size:15px;color:var(--muted)}@keyframes card{0%,15%{opacity:0;transform:translateY(-80px)}35%,60%{opacity:1;transform:translateY(0)}75%,100%{opacity:0;transform:translateY(70px)}}@keyframes beam{0%,35%{opacity:0;transform:scaleY(.1)}55%{opacity:1;transform:scaleY(2)}70%,100%{opacity:0;transform:scaleY(6)}}@keyframes track{0%,60%{opacity:1}80%,100%{opacity:0}}@keyframes reveal{0%,66%{opacity:0;transform:translateY(20px)}80%,100%{opacity:1;transform:translateY(0)}}.nojs{padding:20px}@media(max-width:800px){header{padding:20px}.hero{padding:40px 20px;grid-template-columns:1fr}.hero h1{font-size:64px;letter-spacing:-4px}.hero-copy{max-width:600px}.broadcast{max-width:550px}.proof{margin:0 20px;flex-wrap:wrap;gap:12px;padding:20px 0}.proof>span{width:100%}.proof p{margin:0}.studio,.mechanism,.pass-section,.closing{padding:70px 20px}.section-head{display:block}.workspace{grid-template-columns:1fr}.workspace aside{border-right:0}.template{padding:20px}.template strong{font-size:20px}.local-note{padding:16px}.editor{padding:0 20px 20px}.editor .panel-head{margin:0 -20px}.editor-title{flex-wrap:wrap}.steps{grid-template-columns:1fr;gap:25px;margin-top:40px}.steps h3{margin-top:20px}.pass-section{grid-template-columns:1fr;gap:65px}.pass{width:90%;margin:auto}.receipt{display:block}.receipt-actions{margin-top:24px}.credit-form{grid-template-columns:1fr}.credit-form label:nth-of-type(2){grid-row:auto;grid-column:auto}.credit-form #name{grid-column:auto}footer{padding:30px 20px;flex-wrap:wrap;gap:20px}footer p{width:100%;order:3}nav a:first-child{display:none}nav{gap:0}.nav-cta{display:none}dialog{width:calc(100% - 32px);padding:30px}.intro-track{gap:10px}.intro-track i{padding:28px 12px}.intro-copy h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.intro{display:none}}

.hero-select{font-size:9px;letter-spacing:1.2px;color:var(--muted);width:210px}.hero-select select{display:block;margin-top:8px;font-size:12px;padding:9px;border-color:#555}.hero-select select:focus{outline:2px solid var(--bone)}