/* Aurora briefing demo (Croqui): one question per screen, then the request as the office receives it. */
.briefing .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:where(.briefing) button{font:inherit;color:inherit;cursor:pointer}
.briefing button:focus-visible,.briefing input:focus-visible,.briefing textarea:focus-visible{outline:3px solid #b96438;outline-offset:3px}
.briefing .button:not(.line){border:0}
.briefing .button.line{border-color:#a9ad99}
.briefing .text-link{background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0 0 3px;font-size:12px}
.briefing .nav .button{min-height:44px;gap:10px}
.b-tag{margin-bottom:8px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#5f6450}

/* Intro and card */
.b-main{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;align-items:start;padding-top:28px;padding-bottom:104px}
.b-intro{position:sticky;top:32px;padding-top:20px}
.b-intro .eyebrow{color:#5f6450}
.b-intro h1{margin:24px 0 22px;font-size:clamp(44px,5vw,70px);line-height:1.04;letter-spacing:-.045em}
.b-intro h1 em{color:#7b8166}
.b-intro .lede{max-width:390px;font-size:16px;line-height:1.7;color:#5f6155}
.b-facts{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:10px;font-size:13px;color:#3f4234}
.b-facts li{display:flex;align-items:center;gap:12px}
.b-facts li:before{content:'';flex:none;width:24px;height:1px;background:#92967f}
.b-noscript{margin-top:20px;font-weight:600;color:#a0522d}
.b-card{min-width:0;scroll-margin-top:12px;padding:28px 32px 26px;background:#fffdf8;border:1.5px solid #2d3025;box-shadow:10px 10px 0 #e8eadd}
.b-progress{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.b-progress[hidden]{display:none}
.b-count{font-size:12px;font-weight:600;letter-spacing:.06em;color:#5f6450;white-space:nowrap}
.b-bar{flex:1;height:3px;background:#e3e4d8}
.b-bar span{display:block;width:calc(var(--p,1) / 7 * 100%);height:100%;background:#424a33;transition:width .35s ease}

/* Steps */
.b-form[hidden],.b-step[hidden]{display:none}
.b-step{min-width:0;margin:0;padding:0;border:0}
.b-step legend{width:100%;padding:0}
.b-step legend h2{font:30px/1.15 Georgia;letter-spacing:-.02em}
.b-step legend h2:focus{outline:none}
.b-hint{margin:8px 0 22px;font-size:14px;color:#5f6155}
.b-sub{margin:0 0 10px;font-size:13px;font-weight:600}
.b-err{margin-top:14px;font-size:13.5px;font-weight:600;color:#a8452a}
.b-err:empty{margin:0}
.b-tile input,.b-chip input,.b-mood input{position:absolute;top:50%;left:50%;width:1px;height:1px;margin:0;opacity:0}
.b-tick{position:relative;flex:none;width:18px;height:18px;border:1.5px solid #8a8d7a;border-radius:50%;background:#fff;transition:background .2s,border-color .2s}
.b-tick:after{content:'';position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}

.b-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.b-tiles.is-col{grid-template-columns:1fr}
.b-tiles>.b-tile:last-child:nth-child(odd){grid-column:1/-1}
.b-tile{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;min-height:68px;padding:14px 40px 14px 16px;background:#fff;border:1px solid #c9ccbc;cursor:pointer;transition:border-color .2s,background .2s}
.b-tile.is-text{grid-template-columns:minmax(0,1fr)}
.b-tile:hover{border-color:#8f947b}
.b-tile:has(input:checked){border-color:#424a33;background:#f3f4ea;box-shadow:inset 0 0 0 1px #424a33}
.b-tile:has(input:focus-visible),.b-chip:has(input:focus-visible),.b-mood:has(input:focus-visible){outline:3px solid #b96438;outline-offset:2px}
.b-tile:after{content:'';position:absolute;top:50%;right:14px;width:16px;height:16px;margin-top:-8px;border:1.5px solid #8a8d7a;border-radius:50%;background:#fff}
.b-tile:has(input:checked):after{border:5px solid #424a33}
.b-ico{width:30px;height:30px;fill:none;stroke:#2d3025;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.b-tile b{display:block;font-size:15.5px;font-weight:600}
.b-tile small{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:#5f6155}

.b-chips{display:flex;flex-wrap:wrap;gap:8px}
.b-chip{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 18px 0 13px;background:#fff;border:1px solid #c9ccbc;border-radius:999px;font-size:14.5px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.b-chip b{font-weight:500}
.b-chip:hover{border-color:#8f947b}
.b-chip:has(input[type=checkbox]) .b-tick{border-radius:4px}
.b-chip:has(input:checked){background:#424a33;border-color:#424a33;color:#fff}
.b-chip:has(input:checked) .b-tick{background:#424a33;border-color:#fff}
.b-chip:has(input:checked) .b-tick:after{opacity:1}

.b-moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.b-mood{position:relative;display:block;min-width:0;padding:8px 8px 11px;background:#fff;border:1px solid #c9ccbc;cursor:pointer;transition:border-color .2s}
.b-mood:hover{border-color:#8f947b}
.b-mood:has(input:checked){border-color:#424a33;box-shadow:inset 0 0 0 1px #424a33}
.b-mood b{display:block;padding:0 3px;font-size:14px;font-weight:600}
.b-mood small{display:block;padding:0 3px;font-size:12px;line-height:1.35;color:#5f6155}
.b-mood .b-tick{position:absolute;top:14px;right:14px;box-shadow:0 1px 3px #0003}
.b-mood:has(input:checked) .b-tick{background:#424a33;border-color:#fff}
.b-mood:has(input:checked) .b-tick:after{opacity:1}
.mood{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:78px;margin-bottom:9px}
.mood i:first-child{grid-row:span 2}
.m-natural i:nth-child(1){background:repeating-linear-gradient(97deg,#0000 0 5px,#9c74441c 5px 6px),linear-gradient(120deg,#d8b98d,#c49b69 55%,#d6b484)}
.m-natural i:nth-child(2){background:repeating-linear-gradient(0deg,#0000 0 2px,#b8a98d26 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#b8a98d26 2px 3px),#e9e0cd}
.m-natural i:nth-child(3){background:radial-gradient(circle at 30% 40%,#a9a396 0 1px,#0000 1.6px),#ddd8cc;background-size:7px 7px,auto}
.m-contemp i:nth-child(1){background:radial-gradient(circle at 40% 30%,#8f8c86 0 1px,#0000 1.5px),linear-gradient(160deg,#bdbab3,#a9a69f);background-size:6px 6px,auto}
.m-contemp i:nth-child(2){background:#2b2b29}
.m-contemp i:nth-child(3){background:repeating-linear-gradient(95deg,#0000 0 4px,#3b25171f 4px 5px),#7a5236}
.m-cozy i:nth-child(1){background:radial-gradient(circle at 30% 30%,#d08a62,#b5532e 70%)}
.m-cozy i:nth-child(2){background:repeating-linear-gradient(45deg,#0000 0 3px,#cbb99b40 3px 4px),#e6d8c0}
.m-cozy i:nth-child(3){background:repeating-linear-gradient(92deg,#0000 0 4px,#2a19101f 4px 5px),#6b4a32}
.m-mini i:nth-child(1){background:#f3f1ec;box-shadow:inset 0 0 0 1px #e2dfd7}
.m-mini i:nth-child(2){background:#d9d8d3}
.m-mini i:nth-child(3){background:linear-gradient(120deg,#e8d7b6,#dcc59c)}
.m-indus i:nth-child(1){background:linear-gradient(#0000 9px,#e7d6c6 9px 10px) 0 0/100% 10px,linear-gradient(90deg,#0000 18px,#e7d6c6 18px 19px) 0 0/19px 20px,#a5543a}
.m-indus i:nth-child(2){background:linear-gradient(160deg,#3a3d40,#26282a)}
.m-indus i:nth-child(3){background:radial-gradient(circle at 60% 40%,#7f7d78 0 1px,#0000 1.5px),#9c9a94;background-size:6px 6px,auto}
.m-color i:nth-child(1){background:radial-gradient(circle at 30% 30%,#e29a72,#c96a43 70%)}
.m-color i:nth-child(2){background:#d9a93b}
.m-color i:nth-child(3){background:#3f7f7a}

.b-field{display:grid;gap:7px;margin-top:18px}
.b-field label{font-size:13px;font-weight:600}
.b-field label span{font-weight:400;color:#5f6155}
.b-field input,.b-field textarea{width:100%;min-height:48px;padding:12px 14px;background:#fff;border:1px solid #a9ad99;border-radius:2px;color:#2d3025;font:inherit;font-size:16px}
.b-field textarea{min-height:92px;resize:vertical;line-height:1.45}
.b-field input::placeholder,.b-field textarea::placeholder{color:#6e7162}
.b-field input:focus,.b-field textarea:focus{border-color:#b96438}
.b-field [aria-invalid=true]{border-color:#a8452a;box-shadow:inset 0 0 0 1px #a8452a}
.b-fill{margin-top:14px;font-size:12.5px;color:#5f6155}

.b-actions{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid #e3e3d8}
.b-prev{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 10px 0 2px;background:none;border:0;font-size:14px;font-weight:600;color:#3f4234}
.b-prev[hidden]{display:none}
.b-next{min-height:50px;margin-left:auto;justify-content:center;gap:16px;padding:0 28px;font-size:14px}
.b-privacy{margin-top:16px;font-size:12px;text-align:center;color:#5f6155}

/* Confirmation */
.b-done[hidden]{display:none}
.b-done:focus{outline:none}
.b-ok{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:50%;background:#424a33}
.b-ok svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.b-done h2{margin-bottom:10px;font:32px/1.15 Georgia;letter-spacing:-.02em}
.b-done>p{font-size:15px;color:#3f4234}
.b-recap{margin:22px 0;padding:16px 18px;background:#f6f3eb;border:1px solid #e3e3d8}
.b-recap .b-tag{margin-bottom:6px}
.b-recap dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 18px;margin:0;font-size:13.5px}
.b-recap dt{color:#5f6155}
.b-recap dd{margin:0;font-weight:600}
.b-nextsteps{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.b-nextsteps li{padding-top:12px;border-top:1px solid #afb59e;font-size:13.5px;color:#3f4234}
.b-nextsteps b{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#5f6450}
.b-to-proposal{display:grid;gap:12px;padding:22px 22px 24px;background:#2d3025;color:#f6f3eb}
.b-to-proposal .b-tag{margin:0;color:#e9a15f}
.b-to-proposal p{font-size:14px;color:#d5dac9}
.b-to-proposal p b{display:block;margin-bottom:2px;font:21px/1.25 Georgia;font-weight:400;color:#f8f7ed}
.b-to-proposal .button{justify-self:start;min-height:48px;gap:16px;background:#f6f3eb;color:#2d3025}
.b-done-links{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:20px}
.b-done-links .text-link{font-size:13px}

/* Office view: floating button, side panel and toasts (same pattern as the proposal) */
.b-fab{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;gap:10px;min-height:46px;padding:12px 18px 12px 16px;border:0;border-radius:999px;background:#2d3025;color:#f6f3eb;font-size:13px;font-weight:600;box-shadow:0 10px 30px #2d302540}
.b-fab-dot{width:9px;height:9px;border-radius:50%;background:#e9a15f;animation:bpulse 2s infinite}
@keyframes bpulse{0%{box-shadow:0 0 0 0 #e9a15f99}70%{box-shadow:0 0 0 9px #e9a15f00}100%{box-shadow:0 0 0 0 #e9a15f00}}
.panel-open .b-fab{display:none}
.b-panel{position:fixed;top:0;right:0;bottom:0;z-index:50;display:flex;flex-direction:column;gap:14px;width:380px;padding:22px 22px 20px;overflow-y:auto;overscroll-behavior:contain;background:#fbfaf5;border-left:1px solid #d3d6c6;box-shadow:-20px 0 50px #2d302520;visibility:hidden;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
.panel-open .b-panel{visibility:visible;transform:none;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.b-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.b-panel-head .b-tag{margin-bottom:4px;color:#a0522d}
.b-panel h2{font:22px/1.2 Georgia}
.b-panel-note{margin-top:4px;font-size:11.5px;color:#5f6155}
.b-panel-close{flex:none;width:44px;height:44px;border:1px solid #d3d6c6;border-radius:50%;background:#fff;font-size:22px;line-height:1}
.b-notif{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 12px;padding:13px 15px;background:#fff;border:1px solid #e3e3d8;border-radius:16px;box-shadow:0 10px 26px #2d302521;animation:bnotif .5s cubic-bezier(.2,.9,.3,1.2)}
.b-notif[hidden]{display:none}
.b-notif-app{grid-row:span 3;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#2d3025;color:#f6f3eb;font:19px Georgia}
.b-notif-src{font-size:11px;letter-spacing:.04em;color:#5f6155}
.b-notif b{font-size:14px}
.b-notif p:last-child{font-size:13px;color:#3c3f33}
@keyframes bnotif{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
.b-wait{padding:12px 14px;border:1px dashed #b9bda6;font-size:12.5px;color:#4f5245}
.b-wait[hidden]{display:none}
.b-pipe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.b-pipe li{padding:8px 4px;background:#fff;border:1px solid #d3d6c6;font-size:11.5px;font-weight:600;text-align:center;color:#5f6155;transition:background .3s,color .3s}
.b-pipe .is-done{background:#424a33;border-color:#424a33;color:#f6f3eb}
.b-sheet{padding:14px 16px 6px;background:#fff;border:1px solid #e3e3d8}
.b-sheet-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.b-sheet-head .b-tag{margin:0}
.b-status{padding:3px 9px;border-radius:999px;background:#f1e8d9;color:#7a4a1f;font-size:11px;font-weight:600;white-space:nowrap}
.b-status.is-new{background:#a0522d;color:#fff}
.b-sheet h3{margin:8px 0 6px;font:19px/1.25 Georgia}
.b-sheet dl{margin:0}
.b-sheet dl div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:7px 0;border-top:1px solid #ebeae0;font-size:13px}
.b-sheet dt{font-size:11.5px;color:#5f6155}
.b-sheet dd{margin:0;color:#2d3025;overflow-wrap:anywhere}
.b-sheet dd.is-empty{color:#6e7162}
.b-sheet dd.is-fresh{animation:bfresh 1.2s ease}
@keyframes bfresh{from{background:#f6e3c9}to{background:#f6e3c900}}
.b-reply{padding:13px 15px;background:#f1e8d9;font-size:12.5px;color:#3c3f33}
.b-reply[hidden]{display:none}
.b-reply b{display:block;margin-bottom:2px;font-size:13.5px;color:#2d3025}
.b-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.b-panel-actions .button{min-height:44px;padding:0 18px}
.b-panel-actions .text-link{position:relative;font-size:12.5px}
.b-inbox-title{margin:4px 0 -6px}
.b-inbox{list-style:none;margin:0;padding:0}
.b-inbox li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 10px;padding:9px 0;border-bottom:1px solid #ebeae0;font-size:13px}
.b-inbox small{font-size:11.5px;color:#5f6155}
.b-inbox span{grid-column:1/-1;font-size:12px;color:#5f6155}
.b-panel-cta{justify-content:center;margin-top:auto}
.b-toasts{position:fixed;left:22px;bottom:22px;z-index:45;display:grid;gap:8px;width:min(380px,calc(100vw - 44px))}
.b-toast{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start;padding:13px 15px;background:#fffdf8;border:1px solid #d3d6c6;box-shadow:0 12px 32px #2d302530;font-size:13px;animation:btoast .35s cubic-bezier(.2,.9,.3,1.2)}
.b-toast:before{content:'';grid-row:span 2;width:10px;height:10px;margin-top:4px;border-radius:50%;background:#b96438;box-shadow:0 0 0 4px #b9643826}
.b-toast small{display:block;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a0522d}
.b-toast .text-link{grid-column:2;justify-self:start;margin-top:6px;font-size:12.5px}
.b-toast.is-out{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
@keyframes btoast{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(min-width:1100px){.panel-open{padding-right:380px}}
@media(max-width:1180px){.panel-open .b-main{grid-template-columns:1fr;gap:28px}.panel-open .b-intro{position:static}}
@media(max-width:1000px){.b-main{grid-template-columns:1fr;gap:36px}.b-intro{position:static;padding-top:8px}.b-intro .lede{max-width:520px}.b-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px}}
@media(max-width:700px){.b-panel{top:auto;left:0;width:auto;max-height:88vh;border-left:0;border-top:1px solid #d3d6c6;border-radius:16px 16px 0 0;transform:translateY(100%)}.b-toasts{left:12px;bottom:70px;width:calc(100vw - 24px)}}
@media(max-width:640px){
.briefing{padding-bottom:72px}
.b-main{gap:26px;padding-top:6px;padding-bottom:64px}
.b-intro .eyebrow{font-size:9px;letter-spacing:.13em}
.b-intro h1{margin:14px 0;font-size:40px}
.b-intro .lede{font-size:14px}
.b-facts{display:grid;gap:6px;margin-top:16px;font-size:12px}
.b-card{margin:0 -6px;padding:20px 16px 18px;border-width:1px;box-shadow:6px 6px 0 #e8eadd}
.b-progress{margin-bottom:18px}
.b-step legend h2{font-size:25px}
.b-hint{margin:6px 0 18px;font-size:13px}
.b-tiles{grid-template-columns:1fr;gap:8px}
.b-tile{min-height:60px;padding:11px 40px 11px 14px;gap:12px}
.b-ico{width:26px;height:26px}
.b-tile b{font-size:15px}
.b-tile small{font-size:12px}
.b-chip{min-height:44px;padding:0 14px 0 11px;font-size:14px}
.b-moods{grid-template-columns:1fr 1fr;gap:8px}
.mood{height:58px}
.b-mood b{font-size:13.5px}
.b-mood small{font-size:11.5px}
.b-actions{margin-top:22px;padding-top:16px}
.b-next{flex:1;max-width:240px;padding:0 20px}
.b-done h2{font-size:26px}
.b-done>p{font-size:14px}
.b-recap{padding:14px}
.b-recap dl{grid-template-columns:1fr;gap:0}
.b-recap dd{margin-bottom:8px}
.b-nextsteps{grid-template-columns:1fr;gap:12px}
.b-to-proposal{padding:18px 16px 20px}
.b-to-proposal p b{font-size:19px}
.b-done-links{display:grid;gap:0}
.b-done-links .text-link{justify-self:start;margin:10px 0}
.b-fab{right:12px;bottom:12px;padding:11px 15px 11px 13px;font-size:12px}
.b-panel{padding:18px 16px 16px}
}
@media(max-width:359px){.b-intro h1{font-size:35px}.b-step legend h2{font-size:23px}.b-moods{gap:6px}.b-mood{padding:6px 6px 9px}.b-mood small{display:none}.b-chip{font-size:13.5px}.b-next{padding:0 16px}}
@media(prefers-reduced-motion:reduce){.briefing *,.briefing *:before,.briefing *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}