@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#121310;--panel:#1c1d19;--line:#34362d;--lime:#dcfa75;--muted:#a5a69c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#f5f3eb;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:800;font-size:30px;letter-spacing:-1.8px}.logo span{font-size:13px;vertical-align:top;margin-left:5px}nav{display:flex;gap:38px;font-size:13px}nav span{color:var(--lime);margin-left:14px}.header-note,.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.header-note{color:var(--muted)}.hero{position:relative;min-height:690px;height:calc(100vh - 94px);max-height:920px;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,7,.88),rgba(8,10,7,.28)),linear-gradient(0deg,#10120e,transparent 40%),url('https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?auto=format&fit=crop&w=2400&q=85') center 47%/cover}.hero-content{position:relative;padding:78px 8%;z-index:1}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:12px}.eyebrow{color:var(--lime)}h1{font-size:clamp(65px,7.6vw,116px);line-height:1.04;letter-spacing:-6px;margin:38px 0 24px;font-weight:500}em{font-style:normal;color:var(--lime)}.intro{color:#d2d4cb;line-height:1.9;font-size:16px;margin-bottom:35px}.button{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:19px 24px;border:0;border-radius:4px;font-size:13px;font-weight:800;min-height:56px}.lime{color:#181c0e;background:var(--lime)}.lime:hover{background:#e9ffa5}.hero .button{width:310px}.button span{font-size:23px;line-height:16px}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;line-height:1.7;letter-spacing:1.5px;color:#c4c8bb}.hero-bottom>span:last-child{text-align:right}.round{font-size:22px;border:1px solid #7b8069;border-radius:50%;padding:11px 18px}.vertical{position:absolute;right:30px;top:40%;writing-mode:vertical-rl;letter-spacing:4px;font-size:9px}.ticker{background:var(--lime);color:#202814;white-space:nowrap;overflow:hidden;padding:19px 0;font-size:19px;font-weight:800;letter-spacing:3px;text-align:center}.experience{padding:105px 8%;display:grid;grid-template-columns:1fr 1fr;gap:20px 80px;border-bottom:1px solid var(--line)}.experience>.eyebrow{grid-column:1/-1}h2{font-size:clamp(38px,4.3vw,65px);line-height:1.13;letter-spacing:-2.5px;font-weight:500;margin:12px 0 30px}.experience>div{max-width:440px;color:var(--muted);line-height:1.9;font-size:14px}.text-link{color:var(--lime);display:inline-block;margin-top:10px;font-weight:700}.planner{padding:95px 6% 85px}.planner-heading{display:flex;justify-content:space-between;align-items:end;margin:0 2% 45px}.planner-heading>p{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:35px}form{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px}.form-section{padding:32px 0;border-top:1px solid var(--line)}h3{font-size:20px;font-weight:600;letter-spacing:-.6px;margin:0 0 26px}h3>span{color:var(--lime);font-size:11px;margin-right:16px;letter-spacing:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:23px}label{display:block;font-size:11px;color:#d5d7cd;font-weight:600}input:not([type=range]),textarea,select{display:block;width:100%;padding:14px 13px;border:1px solid #3d3f35;background:#1b1d18;border-radius:4px;color:#f2f3e9;margin-top:9px;font-size:12px;color-scheme:dark}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#777b6e}input:focus,textarea:focus,select:focus{border-color:var(--lime)}.section-head{display:flex;justify-content:space-between;align-items:baseline}.section-head>span{font-size:10px;color:var(--lime)}.muted{color:var(--muted);font-size:12px;line-height:1.8}.filters{display:flex;gap:8px;margin:25px 0 20px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);color:#aaad9f;padding:8px 15px;border-radius:30px;font-size:10px}.filters button.active{background:var(--lime);border-color:var(--lime);color:#171b10}.genres{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.genre{position:relative;border:1px solid #3c3e34;border-radius:5px;padding:18px 12px;background:#1b1d18;display:flex;flex-direction:column;min-height:90px;cursor:pointer}.genre input{position:absolute;opacity:0;width:1px!important;height:1px}.genre:focus-within{outline:2px solid var(--lime);outline-offset:3px}.genre:has(input:checked){border-color:var(--lime);background:#242c18}.genre .icon{font-size:19px;color:#aeb59a;margin-bottom:11px}.genre .name{font-size:12px}.genre .tick{position:absolute;right:11px;top:12px;border:1px solid #5b604e;border-radius:50%;height:16px;width:16px;text-align:center;font-size:10px;line-height:14px}.genre:has(input:checked) .tick{background:var(--lime);color:#171b10;border-color:var(--lime)}.genre small{font-weight:400;font-size:9px;color:#888f7b;margin-top:4px}.energy{margin-top:30px}.energy output{float:right;color:var(--lime)}input[type=range]{width:100%;accent-color:var(--lime);margin:23px 0 8px}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);font-weight:400}.form-section>label+label{margin-top:24px}.summary{position:sticky;top:30px;align-self:start;border:1px solid var(--line);background:#1a1c17;padding:28px;border-radius:7px}.summary .eyebrow{font-size:8px;letter-spacing:1.4px}.record{width:175px;height:175px;border-radius:50%;margin:32px auto;background:repeating-radial-gradient(circle,#20221d 0 2px,#303329 3px,#1a1b17 4px);display:grid;place-items:center;transform:rotate(-14deg)}.record>div{width:72px;height:72px;background:var(--lime);color:#1a2110;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:25px;font-weight:800}.record span{font-size:6px;letter-spacing:1px}.summary h3{font-size:29px;line-height:1.2}.selected{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.selected button{background:#29331a;color:var(--lime);border:1px solid #4b5b2d;border-radius:20px;padding:6px 9px;font-size:9px}.summary-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;margin-top:22px;font-size:10px}.summary-row>span{color:var(--muted);letter-spacing:1px}.summary .button{width:100%;font-size:11px;padding:17px}.fine{font-size:9px;line-height:1.8;color:#8e9481}.error{color:#ffc0a5;font-size:12px}.closing{border-top:1px solid var(--line);padding:75px 8%;background:#1b1e15}.closing>p{font-size:9px;letter-spacing:2px;color:var(--muted)}.closing h2{font-size:clamp(55px,8vw,110px);margin-bottom:0;letter-spacing:-5px}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center}footer>span,footer>a:last-child{font-size:9px;color:var(--muted);letter-spacing:1px}dialog{background:#1c1f17;color:#f4f3e9;border:1px solid #5b6444;border-radius:10px;padding:40px;max-width:620px;width:92%;max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:38px}#close{float:right;background:none;border:0;color:white;font-size:26px}pre{white-space:pre-wrap;font:12px/1.9 Manrope,Arial;color:#c7ccbc;max-height:38vh;overflow:auto}.dialog-actions{display:flex;gap:12px}.outline{background:transparent;border:1px solid var(--line);color:white}@media(max-width:900px){.header-note{display:none}form{grid-template-columns:1fr 270px;gap:25px}.genres{grid-template-columns:1fr 1fr}.planner{padding:65px 5%}.hero-content{padding:80px 7%}.experience{gap:20px 35px}.summary{padding:20px}}@media(max-width:650px){header{height:76px}.logo{font-size:25px}nav{gap:20px;font-size:10px}.hero{height:760px;max-height:calc(100svh - 76px);min-height:650px}.hero-content{padding:70px 6%}h1{font-size:65px;letter-spacing:-3px}.hero-photo{background-position:center,center,62% center}.hero .button{width:280px}.vertical{display:none}.hero-bottom{font-size:7px}.ticker{font-size:14px}.experience{padding:65px 6%;grid-template-columns:1fr}.experience>.eyebrow{grid-column:auto}.experience h2{margin-bottom:0}.planner-heading{display:block}.planner-heading>p{margin-bottom:0}form{grid-template-columns:1fr}.fields{gap:18px 12px}.genres{grid-template-columns:1fr 1fr}.summary{position:relative;top:0}.record{width:140px;height:140px;float:right;margin:10px 0 15px 10px}.summary h3{margin-top:30px}.summary-row{clear:both}footer{flex-wrap:wrap;gap:25px}footer>span{display:none}.closing{padding:55px 6%}.closing h2{letter-spacing:-3px}dialog{padding:25px}.dialog-actions .button{padding:14px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}