:root{font-family:Lato,Arial,sans-serif;color:#fff;background:#080808}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #282828;padding:19px max(25px,calc((100vw - 1130px)/2));display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:25px}.brand img{width:108px;max-height:48px}.brand span{font-size:12px;letter-spacing:2px;font-weight:900}.brand small{display:block;color:#999;font-size:9px;letter-spacing:1px;margin-top:5px}.pill{border:1px solid #454545;color:#ccc;border-radius:30px;padding:8px 12px;font-size:11px}main{max-width:1130px;margin:auto;padding:54px 25px 70px}.eyebrow{color:#c4ff00;letter-spacing:2px;font-size:11px;font-weight:900}.intro h1{font-size:clamp(42px,6vw,76px);line-height:1.04;margin:18px 0;font-weight:900}.intro em{font-style:normal;color:#c4ff00}.intro p{color:#bdbdbd;max-width:590px;font-size:17px;line-height:1.5}.steps{display:flex;gap:30px;margin:47px 0 24px;border-bottom:1px solid #333}.steps span{color:#888;padding-bottom:15px;font-size:13px}.steps .on{color:#c4ff00;border-bottom:2px solid #c4ff00}.panel{background:#131313;border:1px solid #303030;border-radius:13px;padding:30px;margin-bottom:20px}.panelhead{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}h2{font-size:25px;margin:0 0 8px}.panelhead p{color:#aaa;margin:0;font-size:13px;line-height:1.5}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}label{display:block;color:#ddd;font-size:12px;font-weight:700;letter-spacing:.2px}input,textarea,select{display:block;width:100%;background:#090909;color:white;border:1px solid #3a3a3a;border-radius:6px;margin-top:9px;padding:13px;font:14px Lato,Arial,sans-serif;outline:none}textarea{resize:vertical;line-height:1.55}input:focus,textarea:focus{border-color:#c4ff00}button{cursor:pointer;font:700 13px Lato,Arial,sans-serif;border-radius:6px;padding:12px 17px}button:disabled{opacity:.55;cursor:wait}.primary{background:#c4ff00;color:#000;border:0;margin-top:24px}.ghost{background:transparent;color:#eee;border:1px solid #555}.status{color:#c4ff00;font-size:13px;min-height:15px}.hidden{display:none}.conceptgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.concept{background:#090909;border:1px solid #393939;padding:19px;border-radius:8px}.concept .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.concept .top strong{color:#c4ff00}.concept textarea{min-height:90px}.concept .tiny{font-size:11px;color:#888}.concept label{margin-top:12px}.ranges{display:flex;gap:12px;flex-wrap:wrap}.ranges label{border:1px solid #333;border-radius:6px;padding:12px;display:flex;align-items:center;gap:7px}.ranges input{width:65px;margin:0;padding:6px}.result{border:1px solid #383838;border-radius:8px;margin-top:17px;padding:18px;background:#090909}.resultheader{display:flex;align-items:center;justify-content:space-between}.resultheader h3{margin:0;font-size:16px}.result .meta{color:#aaa;font-size:12px;margin:7px 0}.result .bad{color:#ff9a9a}.result textarea{min-height:80px}.result .cta{margin-top:12px}.actions{display:flex;gap:12px;margin-top:24px}footer{border-top:1px solid #252525;padding:25px max(25px,calc((100vw - 1130px)/2));font-size:11px;color:#888;display:flex;justify-content:space-between;gap:20px}@media(max-width:650px){header{padding:15px 20px}.pill{display:none}.brand img{width:85px}main{padding:38px 17px}.panel{padding:19px}.panelhead{flex-direction:column}.fields,.conceptgrid{grid-template-columns:1fr}.full{grid-column:auto}.steps{gap:15px}.steps span{font-size:11px}footer{flex-direction:column}}

/* V1.1 usability updates */
.intro{padding-top:38px;padding-bottom:24px}.intro h1{font-size:clamp(32px,4.3vw,56px);line-height:1.1;margin:12px 0}.intro p{font-size:17px;max-width:720px}.panel{padding:32px}.panel h2{font-size:27px}.fields label,.result label,.concept label{font-size:15px}.fields input,.fields select,.fields textarea,.concept input,.concept textarea,.result input,.result textarea{font-size:16px;line-height:1.55;padding:13px}.fields textarea{min-height:120px}.panelhead{align-items:flex-start;gap:18px}.panelhead .actions{display:flex;flex-wrap:wrap;gap:10px}.steps{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.tab{background:transparent;border:1px solid #444;color:#ddd;border-radius:8px;padding:13px 18px;font-size:16px;cursor:pointer}.tab.on{background:#c5ff00;color:#090909;border-color:#c5ff00;font-weight:900}.hint{color:#aaa;font-size:14px;display:block;margin-top:7px}.ranges{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 24px}.ranges label{display:flex;align-items:center;gap:8px;font-size:15px}.ranges input[type=checkbox]{width:18px;height:18px;accent-color:#c5ff00}.ranges input[type=number]{width:76px;font-size:15px}.logo-preview img{display:block;max-width:160px;max-height:85px;object-fit:contain;margin:12px 0;background:#fff;padding:8px;border-radius:6px}.panel h3{font-size:19px}.hidden{display:none!important}@media(max-width:700px){.panel{padding:20px}.intro{padding-top:20px}.panelhead{flex-direction:column}.panelhead .actions{width:100%}.fields{grid-template-columns:1fr}}