/* PwC-inspired orange and peach, adapted for UNSET's working surfaces. */
:root{--brand-orange:#fd5108;--brand-peach:#ffaa72;--accent:#ac3e0a;--accent-deep:#802d08;--accent-soft:#ffe8d4;--soft:#f8efeb;--bg:#ffffff;--ink:#2d2d2d;--muted:#62605e;--line:#e2dcd8}
::selection{background:#fed5c3;color:var(--ink)}
.btn.primary,.hero-actions .btn.primary,.nav-start{background:var(--brand-peach)!important;color:var(--ink)!important;border-color:var(--brand-peach)!important}
.btn.primary:hover,.hero-actions .btn.primary:hover,.nav-start:hover{background:#ffbc92!important;color:var(--ink)!important;border-color:#ffbc92!important}
.btn.primary:active,.nav-start:active{background:#ff9d5c!important}
#header .nav-bar{background:#fffffff7;border-color:var(--line);box-shadow:0 5px 22px #2d2d2d07}
#header .section-nav{background:#f8f5f3;border-color:var(--line)}
#header .section-nav-item[aria-current]{background:var(--accent-soft);border-color:#edc6aa;box-shadow:none}
#footer{background:var(--accent-soft)}
.brand-name-slash{background:var(--brand-orange)}
.hero.wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(30px,4vw,66px);padding-top:40px;padding-bottom:48px;align-items:center}
.hero-copy>.overline{font-size:12px;letter-spacing:1.6px}
.hero-copy .hero-category{font-size:14px;margin-top:16px;color:var(--muted)}
.hero h1{font-size:clamp(42px,4.35vw,63px);line-height:1.3;letter-spacing:-1.8px;margin-top:20px;font-weight:750}
.hero h1>span{color:var(--brand-orange)}
.hero-description{font-size:16px;line-height:1.9;max-width:460px;margin-top:20px;color:#57524c}
.goal-tabs{gap:24px;margin-top:27px}
.goal-tabs button{font-size:14px;min-height:46px;padding-bottom:12px}
.hero-actions{margin-top:24px;gap:20px;align-items:center;flex-wrap:wrap}
.hero-actions .btn.primary{font-size:16px;padding:15px 21px;min-height:52px}
.hero-actions>.text-link{font-size:14px;min-height:44px}
.hero-reassurance{font-size:12px;gap:14px;line-height:1.8;flex-wrap:wrap}
.hero-copy .hero-prototype{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.7}
.delivery-demo{border:1px solid #e0c4b1;border-top:4px solid var(--brand-orange);background:#fff;box-shadow:8px 8px 0 var(--accent-soft),0 18px 50px #7b391110;min-width:0;width:100%;text-align:left}
.demo-topline{display:flex;justify-content:space-between;gap:12px;padding:13px 22px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6;color:#fff;background:var(--ink)}
.demo-topline>span:first-child{letter-spacing:1px;color:var(--brand-peach)}
.demo-source{position:relative;padding:17px 22px;background:var(--accent-soft)}
.demo-source>span{font-size:12px;color:var(--accent)}
.demo-source p{font-size:18px;line-height:1.6;font-weight:600;margin-top:5px;color:var(--ink)}
.demo-source .demo-runtime{display:block;font-size:12px;color:#625046;margin-top:5px}
.demo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 15px;border-bottom:1px solid var(--line)}
.demo-steps button{position:relative;padding:13px 5px 12px;min-height:58px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px;color:var(--muted);line-height:1.5;background:transparent;border:0;border-radius:0}
.demo-steps button>span{font-size:12px;font-variant-numeric:tabular-nums}
.demo-steps button:hover{color:var(--accent);background:#fff7f0}
.demo-steps button[aria-pressed=true]{color:var(--accent);font-weight:600}
.demo-steps button[aria-pressed=true]:after{position:absolute;content:'';height:3px;bottom:-1px;left:12px;right:12px;background:var(--brand-orange)}
.demo-panel{display:grid;padding:24px 25px 22px;min-height:350px;box-sizing:border-box;isolation:isolate}
.demo-scene{grid-area:1/1;visibility:hidden;pointer-events:none;min-width:0}
.demo-scene[aria-hidden=false]{visibility:visible;pointer-events:auto}
.demo-panel h3{font-size:clamp(24px,2.3vw,31px);line-height:1.5;font-weight:650;letter-spacing:-.5px;color:var(--ink);margin:12px 0 10px;overflow-wrap:anywhere}
.demo-document-label{font-size:12px;color:var(--accent);letter-spacing:.5px}
.demo-result-lead,.demo-judgment>p{font-size:16px;line-height:1.9;color:#554e45}
.demo-panel dl{margin:18px 0 0;display:grid;gap:10px}
.demo-panel dl>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;align-items:baseline}
.demo-panel dt{font-size:12px;color:var(--muted);line-height:1.8}
.demo-panel dd{font-size:14px;line-height:1.8;color:var(--ink);margin:0}
.demo-result-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:14px;font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.demo-result-link .icon{width:16px;height:16px}
.demo-annotation{display:flex;align-items:center;gap:10px;background:var(--accent-soft);font-size:14px;line-height:1.8;padding:14px;margin-top:20px;color:var(--accent-deep)}
.demo-note{font-size:12px;line-height:1.8;margin-top:17px;color:var(--muted)}
.demo-team h3{font-size:25px;margin-top:10px}
.demo-team ol{display:grid;grid-template-columns:1fr 1fr;gap:14px 17px;list-style:none;margin:18px 0 0;padding:0}
.demo-team li{display:flex;align-items:flex-start;gap:10px;min-width:0;border-top:1px solid var(--line);padding-top:12px}
.demo-team li>i{margin-left:auto;color:var(--accent);padding-top:3px}.demo-team li>i .icon{width:14px;height:14px}
.demo-team li>span{font-size:14px;color:var(--accent);padding-top:2px;white-space:nowrap}
.demo-team li b{font-size:14px;color:var(--ink);font-weight:550;line-height:1.8}
.demo-team li p{font-size:12px;line-height:1.8;margin-top:4px;color:var(--muted)}
.demo-bottom{border-top:1px solid var(--line);padding:12px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff7f1;min-height:70px;box-sizing:border-box}
.demo-bottom>span{font-size:12px;line-height:1.8;color:#5d554b;max-width:60%}
.demo-bottom .text-link{font-size:12px;min-height:36px;white-space:nowrap;color:var(--accent)}
.demo-playback{display:flex;align-items:center;gap:12px;flex-shrink:0}
.demo-playback-status{font-size:12px;color:var(--muted)}
.demo-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;min-width:105px;padding:8px 11px;border:1px solid #b6a294;background:#fff;color:var(--ink);font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;white-space:nowrap}
.demo-toggle:hover{background:var(--accent-soft);border-color:var(--accent)}
.demo-playback-icon{display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}
.delivery-demo[data-demo-state=playing] .demo-playback-icon{width:8px;height:11px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:content-box}
.demo-steps button[data-complete=true]{color:var(--ink)}
.delivery-demo .demo-steps button:after{display:none}
.demo-step-progress{position:absolute;height:3px;bottom:-1px;left:12px;right:12px;background:transparent}
.demo-steps button[data-complete=true] .demo-step-progress{background:var(--brand-peach)}
.demo-steps button[aria-pressed=true] .demo-step-progress{background:var(--brand-orange);animation:demo-progress var(--scene-duration,5s) linear var(--scene-elapsed,0ms) both;transform-origin:left;animation-play-state:paused}
.delivery-demo[data-playing=true] .demo-step-progress{animation-play-state:running!important}
.delivery-demo[data-demo-state=finished] .demo-step-progress{animation:none!important;transform:scaleX(1)}
.demo-result{border-left:3px solid var(--brand-orange);padding-left:18px}
@keyframes demo-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes demo-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes demo-write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:no-preference){
 .delivery-demo[data-reduced-motion=false] .demo-scene[aria-hidden=false]>div{animation:demo-reveal .45s ease-out both}
 .delivery-demo[data-reduced-motion=false] .demo-scene[aria-hidden=false] dl>div,.delivery-demo[data-reduced-motion=false] .demo-scene[aria-hidden=false] li{animation:demo-reveal .45s ease-out both;animation-delay:.6s}
 .delivery-demo[data-reduced-motion=false] .demo-scene[aria-hidden=false] dl>div:nth-child(2),.delivery-demo[data-reduced-motion=false] .demo-scene[aria-hidden=false] li:nth-child(2){animation-delay:1.1s}
 .delivery-demo[data-reduced-motion=false] .demo-scene[aria-hidden=false] dl>div:nth-child(3),.delivery-demo[data-reduced-motion=false] .demo-scene[aria-hidden=false] li:nth-child(3){animation-delay:1.6s}
 .delivery-demo[data-reduced-motion=false] .demo-scene[aria-hidden=false] li:nth-child(4){animation-delay:2.1s}
 .delivery-demo[data-reduced-motion=false] .demo-scene[aria-hidden=false] .demo-brief h3{animation:demo-write 1.5s .15s steps(18,end) both}
 .delivery-demo[data-playing=false] .demo-scene[aria-hidden=false] *{animation-play-state:paused!important}
 .delivery-demo[data-demo-state=paused] .demo-scene[aria-hidden=false] *,.delivery-demo[data-demo-state=finished] .demo-scene[aria-hidden=false] *{animation:none!important}
}
.hero-product{margin-top:50px}
.buyer-question-answer{font-size:16px;max-width:340px}
.buyer-path>div>.text-link{font-size:14px}
.preview-offer-desc,.section-heading>p,.section-heading>div>p{font-size:16px;line-height:1.9}
.kit-live-result p{font-size:14px;line-height:1.9}
.closing>p{font-size:16px;line-height:1.9}
.brief-progress{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.brief-progress>span{font-size:14px;line-height:1.8;color:var(--muted)}
.brief-progress b{font-size:12px;font-weight:500;margin-right:6px}
.brief-progress>[aria-current=step]{color:var(--accent);font-weight:600}
.brief-page{min-width:0;border:0;margin:0;padding:0}
.brief-page[hidden],.brief-finish[hidden],.brief-next[hidden]{display:none!important}
.brief-page .field-label{font-size:16px}
.brief-page input,.brief-page textarea{font-size:16px;line-height:1.7}
.brief-back{font-size:14px;margin-bottom:16px;min-height:36px;color:var(--accent)}
.studio-heading>p{font-size:16px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1100px){.hero.wrap{gap:30px}.hero h1{font-size:clamp(39px,4.8vw,50px)}.demo-topline,.demo-source{padding-left:18px;padding-right:18px}.demo-panel{padding:20px;min-height:337px}.demo-panel dl>div{grid-template-columns:65px minmax(0,1fr);gap:10px}.demo-bottom{padding:10px 18px}.hero-actions{gap:12px}.hero-actions .btn.primary{font-size:14px;padding:14px 18px}.hero-reassurance{font-size:12px;gap:10px}}
@media(max-width:900px){.hero.wrap{grid-template-columns:1fr;gap:32px;padding-top:32px}.hero-copy{max-width:690px}.hero h1{font-size:52px}.hero-description{max-width:590px}.delivery-demo{max-width:690px}.demo-panel{min-height:290px}.hero-copy>.overline{font-size:12px}.hero-copy .hero-category{font-size:14px}.hero-actions .btn.primary{font-size:16px}.hero-actions>.text-link{font-size:14px}.goal-tabs button{font-size:14px}.demo-topline,.demo-source{padding-left:24px;padding-right:24px}.demo-panel{padding:25px}.demo-team ol{gap:20px}.hero-product{margin-top:30px}}
@media(max-width:650px){.hero.wrap{padding:27px 24px 35px;gap:29px}.hero h1{font-size:clamp(33px,8.8vw,48px);letter-spacing:-1.2px;margin-top:17px}.hero-copy .hero-category{font-size:13px}.hero-description{font-size:16px;margin-top:17px}.goal-tabs{gap:22px;margin-top:22px}.goal-tabs button{font-size:14px}.hero-actions{margin-top:22px;gap:9px 16px}.hero-actions .btn.primary{font-size:15px;padding:14px 17px}.hero-actions>.text-link{font-size:14px}.hero-reassurance{font-size:12px;gap:7px 12px;margin-top:14px}.hero-copy .hero-prototype{font-size:12px;margin-top:9px}.delivery-demo{box-shadow:4px 4px 0 #f0e6da}.demo-topline{padding:12px 16px;flex-wrap:wrap;gap:3px 12px}.demo-source{padding:14px 16px}.demo-steps{padding:0 8px}.demo-steps button{font-size:13px;padding:12px 2px;min-height:60px}.demo-panel{padding:22px 18px;min-height:330px}.demo-panel h3{font-size:26px}.demo-panel dl>div{grid-template-columns:62px minmax(0,1fr);gap:10px}.demo-panel dd{font-size:14px}.demo-bottom{padding:10px 15px}.demo-bottom>span{font-size:12px;max-width:55%}.demo-bottom .text-link{font-size:12px;gap:4px}.demo-team ol{gap:14px;grid-template-columns:1fr}.demo-team li p{margin-top:0}.demo-team h3 br{display:none}.demo-team .demo-note{margin-top:12px}.demo-panel:has(.demo-team){min-height:330px}.brief-progress{gap:10px}.brief-progress>span{font-size:14px}.buyer-question-answer{font-size:16px}.hero-product{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.demo-steps button,.demo-panel,.demo-result-link{transition:none;animation:none}}
/* Keep every scene in one grid cell so autoplay never changes the panel height. */
@media(max-width:1100px){.demo-playback{gap:5px;flex-direction:column;align-items:flex-end}.demo-bottom>span{max-width:57%}.demo-panel{min-height:350px}.demo-team ol{gap:14px 12px}.demo-team li{gap:7px}.demo-team li>i{display:none}}
@media(max-width:900px){.demo-playback{flex-direction:row;gap:14px}.demo-panel{min-height:350px}.demo-team li>i{display:block}}
@media(max-width:650px){
 .hero.wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding-top:24px}
 .hero-copy{display:contents}.hero-copy>.overline,.hero-copy>.hero-category{display:none}
 .hero h1{order:1;margin:0;line-height:1.25}.hero-description{order:2;margin:0;font-size:16px}
 .goal-tabs{order:3;margin:0;gap:20px}.goal-tabs button{min-height:43px;padding-bottom:8px}
 .hero .delivery-demo{order:4;box-shadow:4px 4px 0 var(--accent-soft)}
 .hero-actions{order:5;margin:4px 0 0}.hero-reassurance{order:6;margin:0}.hero-copy .hero-prototype{order:7;margin:0}
 .demo-source{padding:13px 16px}.demo-source p{font-size:17px}.demo-panel{padding:21px 17px;min-height:350px}
 .demo-panel h3{font-size:24px;line-height:1.55}.demo-team ol{grid-template-columns:1fr;gap:9px;margin-top:12px}.demo-team li{padding-top:8px}
 .demo-team li p{line-height:1.7}.demo-result{padding-left:13px}.demo-panel dl>div{grid-template-columns:60px minmax(0,1fr);gap:8px}
 .demo-playback{flex-direction:column;gap:3px;align-items:flex-end}.demo-bottom>span{max-width:55%}.demo-toggle{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.delivery-demo *{animation:none!important;transition:none!important}}