:root{--ink:#633b59;--paper:#fffaf7;--red:#c8849b;--muted:#716d66;--line:#c9bfb2}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.flow-shell{max-width:900px;margin:auto;padding:34px 24px 80px}.flow-head{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.flow-head a{text-decoration:none;color:inherit;font-weight:800}.steps{display:flex;gap:8px;margin:34px 0}.steps span{height:5px;flex:1;background:#d7cfc4}.steps .on{background:var(--red)}h1{font-size:clamp(42px,8vw,72px);line-height:.92;margin:18px 0 12px}.sub{color:var(--muted);line-height:1.6}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.option{display:block;border:1px solid var(--line);background:#fff;padding:22px;cursor:pointer;text-decoration:none;color:inherit}.option:hover{border-color:var(--red)}.option b{display:block;font-size:22px;margin-bottom:7px}.option small{color:var(--muted)}.option .price{float:right;color:var(--red);font-weight:800}.barber{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center}.avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#222,#777)}.times{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.time{padding:14px;border:1px solid var(--line);background:#fff;text-align:center;cursor:pointer}.time:hover{background:var(--ink);color:#fff}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{font-size:11px;font-weight:700}.form input,.form textarea{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid var(--line);background:#fff}.full{grid-column:1/-1}.next{display:inline-block;margin-top:24px;background:var(--ink);color:#fff;text-decoration:none;padding:15px 20px;font-weight:800;border:0;cursor:pointer}.summary{background:#fff;border:1px solid var(--line);padding:24px;margin:28px 0}.summary div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.summary div:last-child{border-bottom:0}@media(max-width:650px){.options,.form{grid-template-columns:1fr}.times{grid-template-columns:1fr 1fr}.full{grid-column:auto}}