:root{--bg:#05080b;--panel:#0b1015;--line:#26313a;--white:#f4f6f7;--muted:#aab2b9;--blue:#1598e6;--lime:#b7e21c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 5%,#0d1820 0,#05080b 35%);color:var(--white);font-family:Arial,Helvetica,sans-serif}header{height:88px;border-bottom:1px solid #20272d;background:#030507;display:flex;align-items:center;padding:0 5%;gap:50px;position:sticky;top:0;z-index:10}.brand img{width:205px;display:block}nav{margin-left:auto;display:flex;gap:38px;font-size:12px;letter-spacing:1px}nav a{color:white}.intro{max-width:1440px;margin:auto;padding:52px 5% 40px;display:grid;grid-template-columns:1fr 470px;gap:60px;align-items:end}.eyebrow{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:2px}.intro h1{font-size:62px;line-height:.95;margin:14px 0}.intro h1 span{color:var(--lime)}.intro>div>i{display:block;width:80px;border-top:2px solid var(--blue);margin:25px 0}.lead{font-size:19px;line-height:1.5}.intro p{color:#d1d6da;line-height:1.55}.intro aside{border:1px solid #34414a;background:rgba(7,12,16,.9);padding:28px 32px}.intro aside h3{font-size:12px;letter-spacing:1.5px;margin:0 0 20px}.progress{display:flex;align-items:center;margin-bottom:24px}.progress b,.progress em{font-style:normal;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid #4b555c;font-size:11px}.progress b{border-color:var(--blue);background:#082c42;color:#fff}.progress span{height:1px;background:#39434a;flex:1}.intro aside small{color:var(--blue);font-weight:700}.intro aside h2{font-size:26px;margin:7px 0}.intro aside p{margin:0}.form-card{max-width:1440px;margin:0 auto 24px;padding:38px 5%;border-top:1px solid #253039;border-bottom:1px solid #253039;background:rgba(8,13,17,.86)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px 34px}label,legend{font-size:12px;font-weight:700;letter-spacing:1px}label b,legend b{color:var(--lime)}input,textarea{width:100%;margin-top:10px;background:#070b0e;border:1px solid #34414a;color:white;padding:16px 18px;font-size:15px;outline:none}input:focus,textarea:focus{border-color:var(--blue)}textarea{height:92px;resize:vertical}.full{display:block;margin-top:30px}.full small{display:block;color:#8f9aa2;font-size:11px;font-weight:400;letter-spacing:0;margin-top:7px}fieldset{border:0;border-top:1px solid #263039;margin:32px 0 0;padding:28px 0 0}.choices{display:grid;gap:12px;margin-top:16px}.age{grid-template-columns:repeat(5,1fr)}.persona{grid-template-columns:repeat(5,1fr)}.choices label input{position:absolute;opacity:0;pointer-events:none}.choices label span{min-height:58px;border:1px solid #34414a;background:#070b0e;display:flex;align-items:center;justify-content:center;text-align:center;padding:13px;line-height:1.4;cursor:pointer}.choices input:checked+span{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#082032}.persona span{min-height:112px!important;flex-direction:column}.persona i{font-style:normal;color:var(--blue);font-size:28px;margin-bottom:8px}.form-bottom{border-top:1px solid #263039;margin-top:34px;padding-top:28px;display:flex;justify-content:space-between;align-items:center}.form-bottom p{display:flex;gap:12px;color:var(--blue);font-size:20px}.form-bottom p span{color:#aab2b9;font-size:12px;line-height:1.5}.form-bottom p strong{color:white}.form-bottom button{background:#0c79bd;border:1px solid #1aa2f2;color:white;padding:17px 28px;font-weight:700;letter-spacing:.7px}.stepbar{max-width:1440px;margin:auto;padding:22px 5%;display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #20282e}.stepbar div{padding:10px 18px;border-right:1px solid #253039;color:#8f989f;font-size:12px;line-height:1.5}.stepbar .active{color:var(--blue)}footer{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;color:#6f777d;font-size:11px}footer img{width:180px}@media(max-width:800px){header{height:70px;padding:0 20px}.brand img{width:165px}nav{display:none}.intro{padding:32px 20px;display:block}.intro h1{font-size:43px}.intro aside{margin-top:28px;padding:22px 18px}.form-card{padding:28px 20px}.grid2{grid-template-columns:1fr}.age{grid-template-columns:repeat(2,1fr)}.persona{grid-template-columns:1fr 1fr}.persona label:last-child{grid-column:1/-1}.form-bottom{align-items:stretch;flex-direction:column;gap:18px}.form-bottom button{width:100%}.stepbar{padding:18px 20px;display:flex;overflow-x:auto}.stepbar div{min-width:160px}.progress b,.progress em{width:31px;height:31px}.intro aside{overflow:hidden}footer{padding:24px 20px;display:block}footer img{width:165px;margin-bottom:15px}}

/* Integrated workflow behavior only */
.stepbar > div{cursor:pointer;}