/* One living scene, two concise steps. */
html:has(.onda-brief-page),body.onda-brief-page{height:100%;overflow:hidden!important}
html body.creative-site.onda-brief-page{--brief-text:#18283b;--brief-muted:#34465e;--brief-glass:rgba(255,255,255,.008);--brief-field:rgba(255,255,255,.025);--brief-line:rgba(42,64,97,.2);--glass-edge:rgba(255,255,255,.65);--glass-shine:rgba(255,255,255,.035);--glass-shadow:rgba(32,54,88,.08);margin:0!important}
html[data-theme="dark"] body.creative-site.onda-brief-page{--brief-text:#fffaf4;--brief-muted:#d1d2df;--brief-glass:rgba(255,255,255,.005);--brief-field:rgba(255,255,255,.015);--brief-line:rgba(245,248,255,.2);--glass-edge:rgba(255,255,255,.3);--glass-shine:rgba(255,255,255,.025);--glass-shadow:rgba(0,0,0,.2)}
html body#onda-brief .brief-page{position:fixed;inset:0;margin:0!important;padding:0!important;max-width:none!important;background:transparent!important}
html body#onda-brief .brief-scene{position:relative;display:grid;place-items:center;width:100%;height:var(--brief-height,100dvh);min-height:0;padding:96px 24px 24px;isolation:isolate;overflow:hidden;color:var(--brief-text)}
html body#onda-brief #onda-glyphs{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:.9}
html body#onda-brief .brief-content{width:min(100%,580px);max-width:580px!important;position:relative}
html body#onda-brief .brief-heading{text-align:center;margin:0 0 18px}
html body#onda-brief .brief-heading .eyebrow{font:600 10px/1.4 Onest,sans-serif;letter-spacing:.16em;color:var(--brief-muted);margin:0 0 10px}
html body#onda-brief .brief-heading h1{font:600 clamp(34px,4.5vw,58px)/1.03 Unbounded,sans-serif;letter-spacing:-.065em;margin:0;color:var(--brief-text)}
html body#onda-brief .brief-heading h1 em,html body#onda-brief .brief-success em{background:linear-gradient(110deg,#ff541e,#f39566,#80a9ff,#ff6728);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal;animation:brief-hue 10s ease-in-out infinite alternate}
html body#onda-brief .brief-area{background:transparent!important;display:block;margin:0;padding:0;width:100%}
html body#onda-brief .brief-form{position:relative;isolation:isolate;overflow:hidden;padding:24px!important;border:1px solid var(--glass-edge)!important;border-radius:28px!important;background:linear-gradient(150deg,var(--glass-shine),transparent 24%,transparent 72%,rgba(150,188,255,.015)),var(--brief-glass)!important;color:var(--brief-text)!important;backdrop-filter:saturate(112%)!important;-webkit-backdrop-filter:saturate(112%)!important;box-shadow:inset 1px 1px 0 rgba(255,255,255,.18),inset -1px -1px 0 rgba(255,255,255,.045),0 12px 32px -14px var(--glass-shadow)}
html body#onda-brief .brief-form::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--glass-x,22%) var(--glass-y,0%),rgba(255,255,255,.035),transparent 48%);opacity:.6}
html body#onda-brief .brief-form::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 2px 2px -1px rgba(255,255,255,.64),inset 2px 0 3px -2px rgba(255,255,255,.45),inset 0 -2px 3px -2px rgba(170,210,255,.62)}
html body#onda-brief .brief-glass-lens{position:absolute;inset:0;z-index:-1;width:100%;height:100%;border-radius:inherit;pointer-events:none}
html[data-theme="light"] body#onda-brief .brief-form{box-shadow:inset 1px 1px 0 rgba(255,255,255,.9),inset -1px -1px 0 rgba(60,95,135,.16),0 12px 32px -18px rgba(45,75,110,.18)}
html body#onda-brief .brief-fireworks{position:fixed;inset:0;z-index:10000;overflow:hidden;pointer-events:none;contain:strict}
html body#onda-brief .brief-firework-particle{position:absolute;display:block;pointer-events:none;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor;will-change:transform,opacity}
html body#onda-brief .brief-firework-star{border-radius:0;clip-path:polygon(50% 0,63% 35%,100% 50%,63% 65%,50% 100%,37% 65%,0 50%,37% 35%)}
html body#onda-brief .brief-firework-letter{width:auto!important;height:auto!important;background:none;box-shadow:none;font:600 17px/1 Onest,sans-serif;text-shadow:0 0 10px currentColor}
html body#onda-brief .brief-firework-halo{position:absolute;border:1px solid rgba(255,157,96,.7);border-radius:12px;background:transparent;box-shadow:0 0 14px rgba(255,163,102,.25),inset 0 0 8px rgba(130,190,255,.12);pointer-events:none;transform-origin:center}
html body#onda-brief .brief-form fieldset:focus-within{box-shadow:none!important}
html body#onda-brief .brief-progress{display:flex;justify-content:center;align-items:center;gap:12px;font:500 12px/1.4 Onest,sans-serif;color:var(--brief-muted);margin-bottom:18px}
html body#onda-brief .brief-progress i{width:24px;height:1px;background:var(--brief-line)}
html body#onda-brief .brief-progress [aria-current]{color:#ff672a}
html body#onda-brief .brief-progress span{transition:color .4s ease}
html body#onda-brief .brief-form{box-sizing:border-box}
html body#onda-brief .brief-form fieldset{margin:0;padding:0;border:0;min-width:0}
html body#onda-brief .direction-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
html body#onda-brief .direction-picker label{--tint:255,105,44;--tint-end:255,184,104;position:relative;cursor:pointer}
html body#onda-brief .direction-picker label:nth-child(2){--tint:104,140,255;--tint-end:110,216,246}
html body#onda-brief .direction-picker label:nth-child(3){--tint:102,207,236;--tint-end:255,159,111}
html body#onda-brief .direction-picker input{position:absolute;width:1px;height:1px;opacity:0}
html body#onda-brief .direction-picker span{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:42px!important;padding:8px!important;border:1px solid rgba(var(--tint),.23)!important;border-radius:11px!important;background:transparent!important;color:var(--brief-text)!important;font:600 13px/1.2 Onest,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:border-color .35s,box-shadow .35s,transform .35s}
html body#onda-brief .direction-picker span::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,rgba(var(--tint),.8),rgba(var(--tint-end),.4),rgba(var(--tint),.55));background-size:220% 100%;opacity:.19;animation:brief-button-flow 9s ease-in-out infinite alternate;transition:opacity .35s}
html body#onda-brief .direction-picker label:nth-child(2) span::before{animation-delay:-3s}
html body#onda-brief .direction-picker label:nth-child(3) span::before{animation-delay:-6s}
html body#onda-brief .direction-picker input:checked+span{background:transparent!important;color:var(--brief-text)!important;border-color:rgba(var(--tint),.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 16px -7px rgba(var(--tint),.35)}
html body#onda-brief .direction-picker input:checked+span::before{opacity:.44}
html body#onda-brief .direction-picker input:focus-visible+span::before{opacity:.44}
html body#onda-brief .direction-picker input:focus-visible+span{outline:2px solid #ff672a;outline-offset:3px}
@media(hover:hover){html body#onda-brief .direction-picker label:hover span{transform:translateY(-1px);border-color:rgba(var(--tint),.5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 20px -8px rgba(var(--tint),.4)}html body#onda-brief .direction-picker label:hover span::before{opacity:.35}html body#onda-brief .direction-picker label:hover input:checked+span::before{opacity:.5}}
html body#onda-brief .direction-picker label:active span{transform:scale(.985)}
html body#onda-brief .brief-fields{display:grid;gap:14px}
html body#onda-brief .brief-fields label{display:grid;gap:7px;font:500 13px/1.4 Onest,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:var(--brief-text)!important}
html body#onda-brief .brief-fields input:not([type="checkbox"]),html body#onda-brief .brief-fields textarea{width:100%;min-width:0;height:46px;padding:12px 14px;border:1px solid var(--brief-line)!important;border-radius:12px!important;background:var(--brief-field)!important;color:var(--brief-text)!important;outline:none;font:400 16px/1.4 Onest,sans-serif!important;box-sizing:border-box;box-shadow:inset 0 1px 1px rgba(255,255,255,.1)}
html body#onda-brief .brief-fields textarea{height:100px;min-height:0;resize:none}
html body#onda-brief .brief-compact-task .brief-fields textarea{height:58px}
html body#onda-brief .brief-form .brief-options{margin:0 0 12px}
html body#onda-brief .brief-options legend{padding:0;margin:0 0 7px;font:500 12px/1.4 Onest,sans-serif;color:var(--brief-text)}
html body#onda-brief .brief-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
html body#onda-brief .brief-plan-row{grid-template-columns:repeat(3,minmax(0,1fr))}
html body#onda-brief .brief-choice-row label{position:relative;cursor:pointer;min-width:0}
html body#onda-brief .brief-choice-row input{position:absolute;width:1px;height:1px;opacity:0}
html body#onda-brief .brief-choice-row span{display:grid;gap:4px;text-align:center;padding:9px 5px;border:1px solid var(--brief-line);border-radius:10px;background:linear-gradient(120deg,rgba(255,130,70,.12),rgba(109,171,255,.1));color:var(--brief-text);font:600 12px/1.3 Onest,sans-serif;transition:background .25s,border-color .25s}
html body#onda-brief .brief-choice-row small{font:400 10px/1.3 Onest,sans-serif;color:var(--brief-muted)}
html body#onda-brief .brief-choice-row input:checked+span{border-color:rgba(255,132,75,.75);background:linear-gradient(120deg,rgba(255,130,70,.27),rgba(109,171,255,.2));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 3px 14px -8px rgba(255,132,75,.3)}
html body#onda-brief .brief-choice-row label:hover span{border-color:rgba(121,178,255,.7)}
html body#onda-brief .brief-choice-row input:focus-visible+span{outline:2px solid #ff884d;outline-offset:2px}
html body#onda-brief .brief-quantity{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:14px;align-items:center}
html body#onda-brief .brief-quantity input[type=number]{width:100%;height:38px;padding:7px;border:1px solid var(--brief-line);border-radius:9px;background:var(--brief-field);color:var(--brief-text);font:500 16px Onest,sans-serif;text-align:center}
html body#onda-brief .brief-quantity input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:26px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;accent-color:#ff884a}
html body#onda-brief .brief-quantity input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(90deg,#ff884a,var(--brief-line) var(--range-fill,0%),var(--brief-line))}
html body#onda-brief .brief-quantity input[type=range]::-moz-range-track{height:5px;border-radius:5px;background:var(--brief-line)}
html body#onda-brief .brief-quantity input[type=range]::-moz-range-progress{height:5px;background:linear-gradient(90deg,#ff884a,#8bbdff)}
html body#onda-brief .brief-quantity input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6.5px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:linear-gradient(135deg,#ff9a5c,#93c3ff);box-shadow:0 0 12px rgba(255,130,70,.25)}
html body#onda-brief .brief-quantity input[type=range]::-moz-range-thumb{width:18px;height:18px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:linear-gradient(135deg,#ff9a5c,#93c3ff)}
html body#onda-brief .brief-quantity input:focus-visible{outline:2px solid #ff884a;outline-offset:3px}
html body#onda-brief .brief-budget{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;font:400 11px/1.4 Onest,sans-serif;color:var(--brief-muted)}
html body#onda-brief .brief-budget strong{display:block;color:var(--brief-text);font:600 19px/1.35 Onest,sans-serif}
html body#onda-brief .brief-budget small{font:500 11px/1.4 Onest,sans-serif;color:var(--brief-text)}
html body#onda-brief .brief-option-note{margin:6px 0 0;font:400 10px/1.4 Onest,sans-serif;color:var(--brief-muted)}
html body#onda-brief .brief-fields input::placeholder,html body#onda-brief .brief-fields textarea::placeholder{color:var(--brief-muted);opacity:.85}
html body#onda-brief .brief-fields input:focus,html body#onda-brief .brief-fields textarea:focus{border-color:#ff672a!important}
html body#onda-brief .brief-fields .brief-consent{display:flex!important;gap:8px!important;align-items:flex-start;font-size:11px!important;color:var(--brief-muted)!important}
html body#onda-brief .brief-consent input{width:17px;height:17px;flex-shrink:0;margin:0;accent-color:#ff591f}
html body#onda-brief .brief-consent a{color:inherit;text-underline-offset:3px}
html body#onda-brief .brief-actions{display:flex;gap:10px}
html body#onda-brief .brief-submit,html body#onda-brief .brief-back{display:flex;justify-content:center;align-items:center;gap:16px;min-height:44px;padding:10px 18px;border:0!important;border-radius:12px!important;background:linear-gradient(115deg,rgba(255,98,40,.24),rgba(160,156,237,.12),rgba(111,191,239,.15),rgba(255,145,90,.25))!important;color:var(--brief-text)!important;font:600 13px/1.3 Onest,sans-serif!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;text-decoration:none;transition:transform .25s,filter .25s,box-shadow .3s}
html body#onda-brief .brief-submit{position:relative;isolation:isolate;overflow:hidden;flex:1;background-size:250% 100%!important;animation:brief-button-flow 7s ease-in-out infinite alternate;box-shadow:0 0 0 1px rgba(255,132,83,.15)!important;text-decoration:none!important}
html body#onda-brief .brief-submit::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,rgba(255,117,64,.24),rgba(117,176,255,.13));opacity:0;transition:opacity .3s}
html body#onda-brief .brief-submit:hover::before,html body#onda-brief .brief-submit:focus-visible::before{opacity:1}
html body#onda-brief .brief-submit:hover{box-shadow:0 0 22px -7px rgba(111,176,255,.35),0 6px 22px -12px rgba(255,117,64,.5)!important}
html body#onda-brief .brief-submit::after{content:""!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:linear-gradient(105deg,transparent 20%,rgba(255,162,99,.18) 44%,rgba(114,187,255,.18) 56%,transparent 80%)!important;transform:translateX(-100%);opacity:0;pointer-events:none;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .25s}
html body#onda-brief .brief-submit:hover::after{transform:translateX(100%);opacity:1}
html body#onda-brief .brief-submit:hover{outline:none}
html body#onda-brief .brief-submit:focus-visible{outline:2px solid #ff995d;outline-offset:4px}
html body#onda-brief .brief-back{background:var(--brief-field)!important;color:var(--brief-text)!important}
html body#onda-brief .brief-submit:hover,html body#onda-brief .brief-back:hover{transform:translateY(-2px);filter:brightness(1.08)}
html body#onda-brief .brief-submit:active,html body#onda-brief .brief-back:active{transform:scale(.99)}
html body#onda-brief button:focus-visible,html body#onda-brief a:focus-visible{outline:2px solid #ff672a;outline-offset:4px}
html body#onda-brief .brief-submit:disabled{opacity:.6;cursor:wait}
html body#onda-brief .brief-error{font:400 11px/1.4 Onest,sans-serif;color:#ed7040;min-height:16px;margin:10px 0 8px}
html body#onda-brief .brief-note{color:var(--brief-muted)!important;font:400 11px/1.4 Onest,sans-serif!important;margin:12px 0 0;text-align:center;max-width:none}
html body#onda-brief .brief-estimate{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:8px 0 0;background:transparent!important;border:0!important;margin:0}
html body#onda-brief .brief-estimate span,html body#onda-brief .brief-estimate small{font:400 10px/1.4 Onest,sans-serif;color:var(--brief-muted)!important}
html body#onda-brief .brief-estimate strong{font:600 14px/1.4 Onest,sans-serif;color:#ff672a!important}
html body#onda-brief .brief-estimate small{width:100%}
html body#onda-brief .brief-success{text-align:center;padding:0;outline:none}
html body#onda-brief .brief-success .atmo-bee{display:block;position:relative;inset:auto;width:62px;height:62px;margin:0 auto 18px}
html body#onda-brief .brief-success h2{font:600 clamp(32px,4vw,54px)/1.1 Unbounded,sans-serif;letter-spacing:-.06em;text-transform:none;margin:0}
html body#onda-brief .brief-success p{font:400 14px/1.6 Onest,sans-serif;color:var(--brief-muted);max-width:350px;margin:20px auto}
html body#onda-brief .brief-success .brief-submit{width:200px;margin:auto}
html body#onda-brief [hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes brief-hue{to{background-position:100% 50%}}
@keyframes brief-button-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
html body#onda-brief.brief-keyboard .brief-heading,html body#onda-brief.brief-keyboard .brief-progress,html body#onda-brief.brief-keyboard .brief-note{display:none}
html body#onda-brief.brief-keyboard .brief-scene{padding:76px 16px 8px}
html body#onda-brief.brief-keyboard .brief-form{padding:12px!important}
html body#onda-brief.brief-keyboard .brief-fields{gap:8px}
html body#onda-brief.brief-keyboard .brief-fields textarea{height:70px}
html body#onda-brief.brief-keyboard:has(#brief-task:focus) .brief-options{display:none}
html body#onda-brief.brief-keyboard:has([name=quantity]:focus) .brief-fields{display:none}
@media(max-width:600px){html body#onda-brief .brief-scene{padding:88px 18px max(18px,env(safe-area-inset-bottom))}html body#onda-brief .brief-form{padding:20px!important}html body#onda-brief .brief-heading h1{font-size:clamp(32px,8.7vw,45px)}
  /* Keep the lens geometry and edge highlights, but give small-screen text priority. */
  html body#onda-brief .brief-glass-lens{opacity:.22}
  html body#onda-brief{--brief-field:rgba(255,255,255,.38);--brief-muted:#34465e}
  html[data-theme="dark"] body#onda-brief{--brief-field:rgba(8,12,20,.35);--brief-muted:#dedee8}
  html body#onda-brief .brief-form{background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(239,246,255,.1))!important}
  html[data-theme="dark"] body#onda-brief .brief-form{background:linear-gradient(145deg,rgba(17,23,32,.24),rgba(8,12,20,.14))!important}
  html[data-theme="dark"] body#onda-brief .brief-form :is(label,legend,.brief-note,.brief-progress,.brief-submit,.brief-budget){text-shadow:0 1px 3px rgba(0,0,0,.45)}
  html body#onda-brief .brief-fields input::placeholder,html body#onda-brief .brief-fields textarea::placeholder{opacity:1}
}
@media(max-height:650px){html body#onda-brief .brief-scene{padding-top:80px;padding-bottom:12px}html body#onda-brief .brief-heading{margin-bottom:10px}html body#onda-brief .brief-heading h1{font-size:32px}html body#onda-brief .brief-heading .eyebrow{display:none}html body#onda-brief .brief-form{padding:16px!important}html body#onda-brief .brief-progress{margin-bottom:10px}html body#onda-brief .brief-fields textarea{height:76px}html body#onda-brief .brief-note{margin-top:8px}}
@media(max-height:780px){html body#onda-brief .brief-heading h1{font-size:29px}html body#onda-brief .brief-heading .eyebrow{display:none}html body#onda-brief .brief-form{padding:13px!important}html body#onda-brief .direction-picker{margin-bottom:9px}html body#onda-brief .brief-form .brief-options{margin-bottom:8px}html body#onda-brief .brief-fields textarea{height:60px}html body#onda-brief .brief-compact-task .brief-fields textarea{height:44px}html body#onda-brief .brief-progress{margin-bottom:9px}html body#onda-brief .brief-error{margin:5px 0}html body#onda-brief .brief-note{font-size:10px!important;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html body#onda-brief .brief-heading h1 em,html body#onda-brief .brief-success em,html body#onda-brief .brief-submit,html body#onda-brief .direction-picker span::before{animation:none}html body#onda-brief .direction-picker span,html body#onda-brief .direction-picker span::before,html body#onda-brief .brief-submit,html body#onda-brief .brief-submit::before{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body#onda-brief .brief-form{background:rgba(250,250,252,.04)!important}html[data-theme="dark"] body#onda-brief .brief-form{background:rgba(22,27,38,.035)!important}}
