/* Wizard v6 (2026-09-25): six steps, a look picker built from real neonstudio sites, a complete feature menu, file
   upload and notes. Scoped to #intake[data-v="6"] (set by wizard-v6.js). The accent is the visitor's chosen neon in
   its deep CTA shade, and ink when the light is switched off, so the form belongs to the same system as the buttons. */
#intake[data-v="6"]{--w6-acc:color-mix(in srgb,rgb(var(--cta-rgb,197 15 102)) calc(var(--lit,1) * 100%),var(--ink,#1f1f23));
  --w6-line:#cfd0d4;--w6-ink:#1f1f23;--w6-ink2:#56565d;--w6-card:#fbfbf9;width:min(1000px,94vw)}
#intake[data-v="6"] .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#intake[data-v="6"] .wizard-progress i{background:var(--w6-acc);transition:width .35s ease}
#intake[data-v="6"] .wizard-steps{display:flex;justify-content:space-between;list-style:none}
#intake[data-v="6"] .wizard-steps button{font:inherit;color:inherit;background:none;border:0;padding:6px 2px;cursor:pointer}
#intake[data-v="6"] .wizard-steps button:disabled{cursor:default;color:#8a8a91}
#intake[data-v="6"] .wizard-steps li[aria-current] button{color:var(--w6-ink);font-weight:700}
#intake[data-v="6"] .wizard-steps li.complete button{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#0000004d}
#intake[data-v="6"] .wizard-steps button:focus-visible{outline:2px solid var(--w6-acc);outline-offset:2px;border-radius:2px}

/* fields */
#intake[data-v="6"] .w6-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
#intake[data-v="6"] .field label em,#intake[data-v="6"] legend em{font-style:normal;font-weight:500;color:var(--w6-ink2);font-size:11.5px;margin-left:6px}
#intake[data-v="6"] .field select,#intake[data-v="6"] .field textarea{display:block;width:100%;min-height:52px;padding:13px 15px;border:1px solid #bfc4c5;border-radius:4px;
  background:#ffffff99;font:inherit;font-size:16px;color:#252b30;box-sizing:border-box}
#intake[data-v="6"] .field textarea{min-height:128px;resize:vertical;line-height:1.55}
#intake[data-v="6"] .field input:focus,#intake[data-v="6"] .field select:focus,#intake[data-v="6"] .field textarea:focus{outline:none;border-color:var(--w6-acc);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--w6-acc) 16%,transparent);background:#fff}
#intake[data-v="6"] .field input:disabled{opacity:.45}
#intake[data-v="6"] .w6-check{display:inline-flex;align-items:center;gap:9px;margin:10px 0 0;font-size:13.5px;font-weight:500;cursor:pointer;min-height:32px}
#intake[data-v="6"] .w6-check input{width:17px;height:17px;min-height:0;margin:0;accent-color:var(--w6-acc)}
#intake[data-v="6"] .w6-hint{font-size:12px;color:var(--w6-ink2);margin:7px 0 0;line-height:1.5;max-width:none}
#intake[data-v="6"] .w6-count{text-align:right}
#intake[data-v="6"] fieldset{border:0;margin:0 0 26px;padding:0;min-width:0}
#intake[data-v="6"] fieldset>legend{font-size:15px;font-weight:650;color:var(--w6-ink);margin-bottom:12px;padding:0}
/* every custom control keeps a real, focusable input */
#intake[data-v="6"] .w6-look>input,#intake[data-v="6"] .w6-range>input,#intake[data-v="6"] .w6-feat>input,#intake[data-v="6"] .w6-chips input,
#intake[data-v="6"] .w6-tile>input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}

/* the looks: two real sites per look, fanned on a tinted stage */
#intake[data-v="6"] .w6-look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#intake[data-v="6"] .w6-look{position:relative;display:block;cursor:pointer}
#intake[data-v="6"] .w6-look-card{display:block;height:100%;border-radius:6px;background:var(--w6-card);box-shadow:0 0 0 1px var(--w6-line),0 1px 0 #0000000a;overflow:hidden;transition:box-shadow .2s}
#intake[data-v="6"] .w6-look:hover .w6-look-card{box-shadow:0 0 0 1px #94949c,0 12px 26px -16px #00000066}
#intake[data-v="6"] .w6-look input:checked+.w6-look-card{box-shadow:0 0 0 2px var(--w6-acc),0 16px 32px -18px color-mix(in srgb,var(--w6-acc) 70%,transparent)}
#intake[data-v="6"] .w6-look input:focus-visible+.w6-look-card{outline:2px solid var(--w6-acc);outline-offset:3px}
#intake[data-v="6"] .w6-stage{position:relative;display:block;height:196px;overflow:hidden}
#intake[data-v="6"] .w6-look-clean .w6-stage{background:linear-gradient(160deg,#f1f3f5,#dde2e8)}
#intake[data-v="6"] .w6-look-premium .w6-stage{background:linear-gradient(160deg,#2b2a2e,#0f0f11)}
#intake[data-v="6"] .w6-look-warm .w6-stage{background:linear-gradient(160deg,#f6ead8,#e5cba9)}
#intake[data-v="6"] .w6-look-bold .w6-stage{background:linear-gradient(135deg,#ff4a2e 0%,#ff2e8a 48%,#3b35ff 100%)}
#intake[data-v="6"] .w6-shot{position:absolute;display:block;width:64%;aspect-ratio:1.36;border-radius:4px;
  background:#fff 0 10px/100% auto no-repeat;box-shadow:0 20px 32px -18px #000000b3,0 0 0 1px #00000024;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
#intake[data-v="6"] .w6-shot::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;border-radius:4px 4px 0 0;
  background:radial-gradient(circle at 7px 5px,#c9c9ce 1.6px,transparent 2px),radial-gradient(circle at 13px 5px,#c9c9ce 1.6px,transparent 2px),radial-gradient(circle at 19px 5px,#c9c9ce 1.6px,transparent 2px),#f3f3f4}
#intake[data-v="6"] .w6-shot.a{left:6%;top:26px;z-index:2;transform:rotate(-3deg)}
#intake[data-v="6"] .w6-shot.b{right:5%;top:50px;transform:rotate(4deg)}
#intake[data-v="6"] .w6-look:hover .w6-shot.a,#intake[data-v="6"] .w6-look input:checked+.w6-look-card .w6-shot.a{transform:translate(-8px,-6px) rotate(-5deg)}
#intake[data-v="6"] .w6-look:hover .w6-shot.b,#intake[data-v="6"] .w6-look input:checked+.w6-look-card .w6-shot.b{transform:translate(8px,4px) rotate(6deg)}
#intake[data-v="6"] .w6-tick{position:absolute;z-index:3;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 1px #00000026;transition:background .2s}
#intake[data-v="6"] .w6-tick::after{content:"";position:absolute;left:9.5px;top:5.5px;width:6px;height:11px;border:solid #fff;border-width:0 2.2px 2.2px 0;transform:rotate(45deg);opacity:0}
#intake[data-v="6"] .w6-look input:checked+.w6-look-card .w6-tick{background:var(--w6-acc);box-shadow:0 0 0 2px #fff}
#intake[data-v="6"] .w6-look input:checked+.w6-look-card .w6-tick::after{opacity:1}
#intake[data-v="6"] .w6-look-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;padding:14px 16px 16px}
#intake[data-v="6"] .w6-look-name{grid-column:1;font-size:17px;font-weight:650;letter-spacing:-.01em;color:var(--w6-ink)}
#intake[data-v="6"] .w6-look-words{grid-column:1;font-size:13px;line-height:1.5;color:#4a4a51;margin-top:3px}
#intake[data-v="6"] .w6-seen{grid-column:1;font-size:11.5px;line-height:1.45;color:#66666d;margin-top:8px}
#intake[data-v="6"] .w6-spec{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
#intake[data-v="6"] .w6-type{font-style:normal;font-size:34px;line-height:1;color:var(--w6-ink)}
#intake[data-v="6"] .w6-type-clean{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.04em}
#intake[data-v="6"] .w6-type-premium{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-style:italic;font-weight:400}
#intake[data-v="6"] .w6-type-warm{font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",Manrope,sans-serif;font-weight:700}
#intake[data-v="6"] .w6-type-bold{font-family:"Arial Black","Helvetica Neue",Manrope,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.06em}
#intake[data-v="6"] .w6-sw{display:flex;gap:3px}
#intake[data-v="6"] .w6-sw i{display:block;width:12px;height:12px;border-radius:2px;box-shadow:inset 0 0 0 1px #0000001f}
#intake[data-v="6"] .w6-range{position:relative;display:block;margin-top:12px;cursor:pointer}
#intake[data-v="6"] .w6-range>span{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:6px;background:var(--w6-card);box-shadow:0 0 0 1px var(--w6-line);font-size:14px;line-height:1.45;color:#4a4a51}
#intake[data-v="6"] .w6-range b{color:var(--w6-ink);font-weight:650}
#intake[data-v="6"] .w6-range-text{min-width:0}
#intake[data-v="6"] .w6-range input:checked+span{box-shadow:0 0 0 2px var(--w6-acc);background:color-mix(in srgb,var(--w6-acc) 6%,#fff)}
#intake[data-v="6"] .w6-range input:focus-visible+span{outline:2px solid var(--w6-acc);outline-offset:3px}
#intake[data-v="6"] .w6-range-icon{display:flex;gap:3px;flex-shrink:0}
#intake[data-v="6"] .w6-range-icon i{display:block;width:9px;height:24px;border-radius:2px}
#intake[data-v="6"] .w6-range-icon i:nth-child(1){background:#dde2e8}#intake[data-v="6"] .w6-range-icon i:nth-child(2){background:#1a1a1d}#intake[data-v="6"] .w6-range-icon i:nth-child(3){background:#e5ae45}
#intake[data-v="6"] .w6-refs{margin-top:24px}

/* brand and goal tiles */
#intake[data-v="6"] .w6-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
#intake[data-v="6"] .w6-tile{position:relative;cursor:pointer}
#intake[data-v="6"] .w6-tile>span{position:relative;display:block;height:100%;box-sizing:border-box;padding:15px 44px 15px 16px;border-radius:4px;background:var(--w6-card);box-shadow:0 0 0 1px var(--w6-line);transition:box-shadow .15s,background .15s}
#intake[data-v="6"] .w6-tile b{display:block;font-size:14px;font-weight:650;color:var(--w6-ink);line-height:1.35}
#intake[data-v="6"] .w6-tile small{display:block;font-size:12px;line-height:1.5;color:#56565d;margin-top:5px}
#intake[data-v="6"] .w6-tile>span::after{content:"";position:absolute;top:15px;right:15px;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #9a9aa2;background:#fff}
#intake[data-v="6"] .w6-tile:hover>span{box-shadow:0 0 0 1px #94949c}
#intake[data-v="6"] .w6-tile input:checked+span{box-shadow:0 0 0 2px var(--w6-acc);background:color-mix(in srgb,var(--w6-acc) 6%,#fff)}
#intake[data-v="6"] .w6-tile input:checked+span::after{box-shadow:inset 0 0 0 5px var(--w6-acc)}
#intake[data-v="6"] .w6-tile input:focus-visible+span{outline:2px solid var(--w6-acc);outline-offset:3px}

/* chips: size, content, timing */
#intake[data-v="6"] .w6-chips .w6-hint{margin:-6px 0 12px}
#intake[data-v="6"] .w6-chips>div{display:flex;flex-wrap:wrap;gap:8px}
#intake[data-v="6"] .w6-chips label{position:relative;cursor:pointer}
#intake[data-v="6"] .w6-chips span{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:9px 15px;border-radius:4px;background:var(--w6-card);box-shadow:0 0 0 1px var(--w6-line);font-size:13.5px;font-weight:550;color:#35353c;transition:box-shadow .15s,background .15s}
#intake[data-v="6"] .w6-chips label:hover span{box-shadow:0 0 0 1px #94949c}
#intake[data-v="6"] .w6-chips input:checked+span{box-shadow:0 0 0 2px var(--w6-acc);color:var(--w6-ink);background:color-mix(in srgb,var(--w6-acc) 7%,#fff)}
#intake[data-v="6"] .w6-chips input:focus-visible+span{outline:2px solid var(--w6-acc);outline-offset:3px}

/* the feature menu */
#intake[data-v="6"] .w6-feat-group{margin-bottom:22px}
#intake[data-v="6"] .w6-feat-group>legend{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--w6-ink2);margin-bottom:10px}
#intake[data-v="6"] .w6-feat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#intake[data-v="6"] .w6-feat{position:relative;cursor:pointer}
#intake[data-v="6"] .w6-feat>span{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:start;height:100%;box-sizing:border-box;
  padding:12px 44px 12px 12px;border-radius:4px;background:var(--w6-card);box-shadow:0 0 0 1px var(--w6-line);transition:box-shadow .15s,background .15s}
#intake[data-v="6"] .w6-feat svg{grid-row:1/3;width:36px;height:36px;padding:7px;box-sizing:border-box;border-radius:4px;background:#ededf0;fill:none;stroke:#3a3a41;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:background .15s,stroke .15s}
#intake[data-v="6"] .w6-feat b{font-size:13.5px;font-weight:650;line-height:1.35;color:var(--w6-ink)}
#intake[data-v="6"] .w6-feat b em{font-style:normal;font-size:10.5px;font-weight:650;color:#4a4a51;background:#e9e9ec;border-radius:3px;padding:2px 6px;margin-left:5px;white-space:nowrap;vertical-align:1px}
#intake[data-v="6"] .w6-feat small{font-size:12px;line-height:1.45;color:#56565d;margin-top:2px}
#intake[data-v="6"] .w6-feat>span::after{content:"";position:absolute;right:14px;top:14px;width:16px;height:16px;border-radius:3px;box-shadow:inset 0 0 0 1.5px #9a9aa2;background:#fff center/100% no-repeat}
#intake[data-v="6"] .w6-feat:hover>span{box-shadow:0 0 0 1px #94949c}
#intake[data-v="6"] .w6-feat input:checked+span{box-shadow:0 0 0 2px var(--w6-acc);background:color-mix(in srgb,var(--w6-acc) 6%,#fff)}
#intake[data-v="6"] .w6-feat input:checked+span svg{background:var(--w6-acc);stroke:#fff}
#intake[data-v="6"] .w6-feat input:checked+span::after{box-shadow:none;background-color:var(--w6-acc);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#intake[data-v="6"] .w6-feat input:focus-visible+span{outline:2px solid var(--w6-acc);outline-offset:3px}

/* materials: drop zone and file list */
#intake[data-v="6"] .w6-drop{position:relative;margin-bottom:6px}
#intake[data-v="6"] .w6-zone{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;padding:28px 22px;border-radius:6px;background:var(--w6-card);box-shadow:0 0 0 1px var(--w6-line);cursor:pointer;transition:background .15s}
#intake[data-v="6"] .w6-zone::before{content:"";position:absolute;inset:7px;border:1.5px dashed #b4b4bb;border-radius:4px;pointer-events:none;transition:border-color .15s}
#intake[data-v="6"] .w6-zone:hover::before,#intake[data-v="6"] .w6-zone.is-over::before{border-color:var(--w6-acc)}
#intake[data-v="6"] .w6-zone.is-over{background:color-mix(in srgb,var(--w6-acc) 7%,#fff)}
#intake[data-v="6"] .w6-drop:focus-within .w6-zone{outline:2px solid var(--w6-acc);outline-offset:3px}
#intake[data-v="6"] .w6-zone svg{width:34px;height:34px;fill:none;stroke:var(--w6-acc);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#intake[data-v="6"] .w6-zone b{font-size:15px;font-weight:650;color:var(--w6-ink)}
#intake[data-v="6"] .w6-zone u{text-decoration-color:var(--w6-acc);text-decoration-thickness:2px;text-underline-offset:3px}
#intake[data-v="6"] .w6-zone small{font-size:12px;color:#56565d;max-width:56ch;line-height:1.5}
#intake[data-v="6"] .w6-files{list-style:none;margin:12px 0 22px;padding:0;display:grid;gap:6px}
#intake[data-v="6"] .w6-files:empty{display:none}
#intake[data-v="6"] .w6-files li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 8px 7px 7px;border-radius:4px;background:var(--w6-card);box-shadow:0 0 0 1px var(--w6-line)}
#intake[data-v="6"] .w6-files img,#intake[data-v="6"] .w6-ext{width:44px;height:44px;border-radius:3px;object-fit:cover;background:#ebebee;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;color:#4a4a51;letter-spacing:.04em}
#intake[data-v="6"] .w6-files span{min-width:0}
#intake[data-v="6"] .w6-files b{display:block;font-size:13px;font-weight:600;color:var(--w6-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#intake[data-v="6"] .w6-files small{font-size:11.5px;color:#56565d}
#intake[data-v="6"] .w6-files li.is-done small{color:#2c6a3d}
#intake[data-v="6"] .w6-files li.is-error{box-shadow:0 0 0 1px #b3263f}
#intake[data-v="6"] .w6-files li.is-error small{color:#9d2441}
#intake[data-v="6"] .w6-bar{display:block;height:3px;border-radius:2px;background:#e3e3e7;margin-top:6px;overflow:hidden}
#intake[data-v="6"] .w6-bar i{display:block;height:100%;background:var(--w6-acc);transition:width .2s}
#intake[data-v="6"] .w6-remove{min-height:44px;padding:0 8px;background:none;border:0;font:inherit;font-size:12.5px;font-weight:600;color:#4a4a51;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#intake[data-v="6"] .w6-phone{max-width:340px}

/* review */
#intake[data-v="6"] .w6-summary{margin:0 0 14px;border-top:1px solid var(--w6-line)}
#intake[data-v="6"] .w6-summary>div{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--w6-line)}
#intake[data-v="6"] .w6-summary dt{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--w6-ink2)}
#intake[data-v="6"] .w6-summary dd{margin:0;font-size:14px;line-height:1.5;color:var(--w6-ink);overflow-wrap:anywhere;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
#intake[data-v="6"] .w6-edit{min-height:36px;padding:0 4px;background:none;border:0;font:inherit;font-size:12.5px;font-weight:600;color:#4a4a51;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#intake[data-v="6"] .w6-edit:disabled{opacity:.4;cursor:default}
#intake[data-v="6"] .w6-send-status{font-size:12.5px;color:var(--w6-ink2);min-height:1.2em;margin:4px 0}

/* phones: one column, the step list gives way to the progress bar and the step label */
@media (max-width:700px){
  #intake[data-v="6"] .wizard-steps{display:none}
  #intake[data-v="6"] .w6-row,#intake[data-v="6"] .w6-look-grid,#intake[data-v="6"] .w6-feat-grid,#intake[data-v="6"] .w6-tile-grid{grid-template-columns:1fr}
  #intake[data-v="6"] .w6-stage{height:150px}
  #intake[data-v="6"] .w6-type{font-size:28px}
  #intake[data-v="6"] .w6-summary>div{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
  #intake[data-v="6"] .w6-summary dt{grid-column:1}
  #intake[data-v="6"] .w6-summary dd{grid-column:1/-1;grid-row:2}
  #intake[data-v="6"] .w6-summary .w6-edit{grid-column:2;grid-row:1}
  #intake[data-v="6"] .w6-phone{max-width:none}
}
@media (prefers-reduced-motion:reduce){#intake[data-v="6"] .w6-shot{transition:none}}
