:root{--ink:#0b0b0b;--panel:#131313;--gold:#dcae4b;--muted:#aaa;--line:#333;--paper:#f5f3ee;--error:#ff6b6b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font:16px/1.55 Arial,Helvetica,sans-serif}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);border-bottom:1px solid #292929;letter-spacing:.11em;font-size:.8rem}.brand{color:#fff;text-decoration:none}.brand strong{color:var(--gold);font-size:1.35rem;margin-left:.3rem}.topbar span{color:#bbb}.intro{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;max-width:1400px;margin:auto}.intro>div:first-child{padding:clamp(55px,8vw,125px) clamp(28px,6vw,90px)}.eyebrow{color:var(--gold);font-size:.78rem;letter-spacing:.2em;font-weight:700}.intro h1{font-size:clamp(3rem,6vw,6rem);line-height:.94;text-transform:uppercase;margin:.28em 0}.intro h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--gold)}.intro p:not(.eyebrow){max-width:600px;color:#c9c9c9;font-size:1.1rem}.start{display:inline-flex;gap:2rem;align-items:center;margin-top:1.5rem;padding:1rem 1.25rem;border:1px solid var(--gold);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem}.start span{color:var(--gold)}.hero{background:linear-gradient(90deg,var(--ink),transparent 30%),linear-gradient(0deg,var(--ink),transparent 40%),url('coach.jpg') 30% 12%/cover no-repeat;filter:saturate(.75);min-height:620px}.form-shell{display:grid;grid-template-columns:minmax(245px,30%) 1fr;max-width:1200px;margin:0 auto 70px;background:var(--paper);color:#171717;min-height:720px}.form-shell aside{background:var(--panel);color:#fff;padding:50px 36px;position:relative}.form-shell aside:after{content:"DISCIPLINE\A CREATES\A LIFESTYLE";white-space:pre;position:absolute;left:35px;bottom:42px;font-size:2rem;line-height:1.05;font-weight:800;color:#222}.step-count{font-size:.72rem;letter-spacing:.18em;color:var(--gold)}aside h2{font-size:2rem;margin:.35rem 0;text-transform:uppercase}.track{height:3px;background:#333;margin:25px 0}.track span{display:block;height:100%;background:var(--gold);transition:width .25s}#stepHint{color:#aaa;font-size:.9rem}.save-note{color:#777;font-size:.76rem;margin-top:2rem}form{padding:clamp(30px,5vw,70px);min-width:0}.step{display:none;border:0;padding:0;margin:0}.step.active{display:block}.step legend{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;text-transform:uppercase;line-height:1.05}.lead{color:#666;margin:12px 0 32px;max-width:680px}.warning{border-left:3px solid var(--gold);padding-left:14px}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label,.question>span{display:block;font-weight:700;font-size:.88rem;margin:0 0 22px}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #c9c7c1;border-radius:0;background:#fff;padding:13px 12px;color:#111;font:inherit;outline:none}textarea{resize:vertical;min-height:70px}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #dcae4b33}small{color:#777;font-weight:400}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:9px 0 27px}.choices label,.consent label{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px;border:1px solid #dedbd3;background:#fff;font-weight:500}.choices input,.consent input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--gold);flex:0 0 auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.health{grid-template-columns:1fr}.health label{font-size:.84rem}.why label{margin-bottom:27px}.why textarea{border-left:3px solid var(--gold)}input[type=range]{accent-color:var(--gold);padding:0;border:0}output{color:#8a651f;font-size:1.1rem}.step h3{margin:32px 0 18px;text-transform:uppercase;letter-spacing:.08em}.consent{background:#ece8df;padding:20px;margin:25px 0}.consent label{background:transparent;border:0;padding:7px 0}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:35px;padding-top:25px;border-top:1px solid #d5d1c8}.actions button{border:1px solid #222;background:transparent;padding:14px 24px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;cursor:pointer}.actions #next,.actions #submit{margin-left:auto;background:#111;color:#fff;border-color:#111}.actions #submit{background:var(--gold);color:#111;border-color:var(--gold)}#back,#submit{display:none}#error{display:none;color:#8b1e1e;background:#ffe8e8;padding:10px 13px;margin-top:20px}.honey{display:none!important}footer{display:flex;justify-content:space-between;gap:20px;max-width:1200px;margin:0 auto;padding:32px;color:#777;border-top:1px solid #222;font-size:.82rem;letter-spacing:.08em}footer strong,footer a{color:var(--gold);text-decoration:none}
@media(max-width:800px){.topbar{height:58px}.intro{grid-template-columns:1fr;min-height:0}.intro>div:first-child{padding:65px 24px 38px}.intro h1{font-size:3.05rem}.hero{min-height:360px;background-position:36% 10%}.form-shell{grid-template-columns:1fr;margin:0}.form-shell aside{padding:26px 24px}.form-shell aside:after{display:none}aside h2{font-size:1.45rem}.save-note{margin:0}.track{margin:14px 0}form{padding:38px 22px}.grid.two,.grid.three,.choices,.cards{grid-template-columns:1fr}.actions{position:sticky;bottom:0;background:var(--paper);padding:15px 0 calc(15px + env(safe-area-inset-bottom));z-index:3}.actions button{padding:13px 16px}footer{flex-direction:column;padding:30px 24px}.topbar span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.intro .motto{display:inline-block;margin:.7rem 0 .2rem;padding:.48rem .72rem;border-left:4px solid var(--gold);background:linear-gradient(90deg,#dcae4b24,transparent);color:#fff;font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:800;letter-spacing:.13em;text-transform:uppercase}.intro .motto span{color:var(--gold)}
