:root{font-family:Arial,Helvetica,sans-serif;color:#171917;background:#f3f4ee;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#151714;color:white;padding:24px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:5px solid #ffdc43}.brand{color:#ffdc43;text-decoration:none;font-size:36px;font-weight:950;letter-spacing:-2px;line-height:.85}.brand span{display:block;font-size:10px;letter-spacing:5px;color:white;margin-top:8px}.tag{font-size:12px;letter-spacing:2px}main{max-width:1120px;margin:auto;padding:45px 24px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px}h1{font-size:clamp(36px,5vw,60px);line-height:1.04;letter-spacing:-2px;margin:12px 0 18px}h1 em{font-style:normal}.intro p{max-width:540px;color:#565a50;line-height:1.6;margin-bottom:30px}.workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}form{background:white;border:1px solid #dfe2d6;padding:30px;border-radius:12px}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 24px}.step{font-size:13px;display:inline-flex;background:#edf0e5;width:30px;height:30px;align-items:center;justify-content:center;margin-right:9px;border-radius:50%}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:14px;font-weight:700;display:block}label>span:not(.check span){color:#6b705f;font-weight:400}input:not([type=checkbox]):not([type=range]),select{width:100%;min-width:0;font:inherit;font-size:16px;color:#171917;background:#fafbf7;border:1px solid #c6cbba;border-radius:6px;padding:14px 10px;margin-top:8px;min-height:50px}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:3px solid #7c8910;outline-offset:3px}.block{margin-top:24px}.hint{font-size:14px;color:#606653;line-height:1.55;margin:12px 0 24px}.rangeheading{display:flex;justify-content:space-between;align-items:center;gap:10px}.rangeheading output{font-weight:900;font-size:28px}input[type=range]{width:100%;accent-color:#485100;margin:20px 0 12px;height:24px}.rangeends{display:flex;justify-content:space-between;font-size:13px;color:#606653}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-weight:400}.check input{width:19px;height:19px;flex-shrink:0;accent-color:#343d00}button{width:100%;border:0;background:#ffdc43;color:#171917;padding:18px 14px;font-size:16px;font-weight:800;border-radius:6px;cursor:pointer}button:hover{background:#ffe76d}.result{background:#ffdc43;border-radius:12px;padding:36px;position:sticky;top:24px;overflow-wrap:anywhere}.number{font-size:clamp(60px,7vw,90px);font-weight:900;letter-spacing:-4px;line-height:1.1;margin-top:40px}.unit{font-size:18px;margin:4px 0 30px}.resultcopy{font-size:16px;line-height:1.6}.resultline{height:1px;background:#bf9e20;margin:30px 0}h3{font-size:21px;line-height:1.3}.privacy{font-size:13px;line-height:1.5;margin-top:40px;border-top:1px solid #bf9e20;padding-top:20px}.metrics{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #bf9e20;padding:18px 0;font-size:14px}.metrics strong{font-size:18px}.next{padding:35px 0 10px;max-width:800px}.next p,details p{line-height:1.7;color:#525848}details{border-top:1px solid #c6cbba;padding:20px 0;font-size:14px}summary{cursor:pointer;font-weight:700;font-size:16px}a{color:inherit}footer{border-top:1px solid #c6cbba;max-width:1072px;margin:0 auto;padding:28px 24px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px}@media(max-width:700px){header{padding:22px 24px}.tag{font-size:10px;letter-spacing:1px;max-width:130px;text-align:right;line-height:1.6}main{padding-top:30px}.workspace{grid-template-columns:1fr}form,.result{padding:24px}.result{position:static}.fields{gap:16px}.number{font-size:76px}.intro p{margin-bottom:25px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

/* NEON Fitness brand */
:root{background:#080808;color:#f5f5f2}
header{background:#000;border-bottom:1px solid #393322;padding:14px max(6vw,24px)}
.brand{display:block;line-height:0;flex-shrink:0}.brand img{width:100px;height:100px;object-fit:contain}
.tag{color:#ffdc43;font-weight:800;line-height:1.6}
main{padding-top:32px}.intro{border-left:4px solid #ffdc43;padding-left:22px;margin-bottom:32px}.intro .eyebrow{color:#ffdc43}h1{font-weight:900;letter-spacing:-2px}h1 em{color:#ffdc43}.intro p{color:#b8b8b2;margin-bottom:0}
form{background:#141414;border:1px solid #343434;border-radius:8px;box-shadow:0 15px 45px #0004}
.step{background:#ffdc43;color:#111;border-radius:3px;font-weight:900}
label>span:not(.check span){color:#b4b4af}
input:not([type=checkbox]):not([type=range]),select{background:#222;color:#f5f5f2;border-color:#555;color-scheme:dark;border-radius:4px}
input::placeholder{color:#969691}.hint,.rangeends{color:#bcbcb6}.rangeheading output{color:#ffdc43}input[type=range],.check input{accent-color:#ffdc43}
input:focus,select:focus,button:focus-visible,summary:focus-visible{outline-color:#ffdc43}
button{border-radius:4px;font-weight:900}.result{color:#111;border-radius:8px;border-top:6px solid #fff2ab;box-shadow:0 15px 45px #0004}.result .eyebrow{color:#34301b}.number{font-weight:950}.resultcopy{color:#28250f}.privacy{color:#494018}
.next{border-top:1px solid #343434;margin-top:34px;padding-top:28px}.next h2{color:#ffdc43}.next p,details p{color:#bcbcb6}details{border-color:#343434}details a{color:#ffdc43}footer{border-color:#343434;color:#bbb;align-items:center}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{object-fit:contain}.footer-brand strong{color:#ffdc43;font-size:12px}
@media(max-width:700px){header{padding:12px 24px}.brand img{width:84px;height:84px}.intro{padding-left:16px}h1{font-size:38px;letter-spacing:-1.5px}main{padding-top:26px}.tag{max-width:165px}footer{gap:14px}.footer-brand{gap:8px}footer>span{max-width:100px;text-align:right;line-height:1.6}}
/* Keep the circular logo; hide stray artwork outside its outer ring. */
.brand img,.footer-brand img{background:#000;border-radius:50%;clip-path:circle(46% at 50% 50%)}

.activity-guide{margin:18px 0 28px;padding:20px;background:#1c1c1c;border-left:3px solid #ffdc43;border-radius:4px}.activity-guide h3{font-size:16px;margin:0 0 16px;color:#ffdc43}.activity-guide dl{margin:0}.activity-guide dt{font-size:14px;font-weight:700;color:#f5f5f2;margin-top:14px}.activity-guide dd{font-size:14px;line-height:1.6;margin:4px 0 0;color:#c4c4be}.activity-guide p{font-size:14px;line-height:1.6;color:#c4c4be;margin:16px 0 0}.activity-guide strong{color:#f5f5f2}

.activity-label{display:block;font-size:14px;font-weight:700;margin-top:24px}.activity-picker{margin:8px 0 0;padding:0;border:1px solid #555;background:#222;border-radius:4px}.activity-picker summary{padding:14px 12px;min-height:64px;display:flex;align-items:center;gap:12px;list-style:none}.activity-picker summary::-webkit-details-marker{display:none}.activity-picker summary:after{content:'+';margin-left:auto;font-size:23px;color:#ffdc43}.activity-picker[open] summary:after{content:'−'}.activity-picker strong{display:block;font-size:16px;color:#f5f5f2}.activity-picker span span{display:block;margin-top:5px;color:#c4c4be;font-size:14px;font-weight:400;line-height:1.5}.activity-picker fieldset{border:0;border-top:1px solid #555;padding:6px 0;margin:0;min-width:0}.activity-option{display:flex;gap:12px;align-items:center;padding:14px 12px;cursor:pointer}.activity-option:hover{background:#303030}.activity-option input{width:18px!important;min-height:18px!important;height:18px;margin:0!important;padding:0!important;flex-shrink:0;accent-color:#ffdc43}.activity-guide{padding:0 16px;margin:12px 0 28px}.activity-guide>summary{font-size:14px;color:#ffdc43;padding:16px 0;min-height:48px}.activity-guide[open]{padding-bottom:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#activity[hidden]{display:none}
