.impreza-intro{padding-bottom:34px}
.impreza-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:var(--gap);align-items:end}
.impreza-heading h1{font-size:clamp(43px,5vw,70px);margin-top:24px;line-height:1.06}
.impreza-heading h1 em{font-style:normal;color:var(--accent)}
.impreza-intro-copy p{font-size:17px;color:var(--muted);line-height:1.8}
.impreza-intro-copy p+p{font-size:14px;margin-top:18px}
.impreza-intro-copy .button{margin-top:26px}
.impreza-flow{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:54px;padding-top:30px}
.impreza-flow>div{display:flex;gap:12px;align-items:center;flex-shrink:0}
.flow-number{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font:11px var(--mono);color:var(--accent)}
.impreza-flow strong,.impreza-flow div>span:not(.flow-number){display:block}
.impreza-flow strong{font-size:14px;font-weight:500}
.impreza-flow div>span:not(.flow-number){font-size:11px;color:var(--muted);margin-top:2px}
.flow-line{height:1px;background:var(--line);flex:1;min-width:10px;position:relative}
.flow-line:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.impreza-demo{padding-top:42px}
.demo-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}
.demo-heading h2{margin-top:16px;font-size:clamp(32px,3.2vw,43px)}
.demo-heading>p{max-width:405px;color:var(--muted);font-size:13px}
.impreza-workbench{border:1px solid var(--line);border-radius:28px;background:var(--white);overflow:hidden}
.demo-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:12px;border-bottom:1px solid var(--line);gap:6px;background:var(--surface)}
.demo-steps button{border:1px solid transparent;border-radius:14px;padding:16px 12px;background:transparent;color:var(--muted);text-align:left;font-size:13px;line-height:1.4;transition:background .2s,color .2s}
.demo-steps button>span{font:10px var(--mono);margin-right:10px}
.demo-steps button:hover{background:var(--paper);color:var(--ink)}
.demo-steps button[aria-pressed=true]{color:var(--white);background:var(--ink)}
.demo-scene{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr)}
.demo-conversation{padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:24px;background:var(--white)}
.demo-conversation-top{display:flex;align-items:center;gap:12px}
.demo-agent-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--white);background:var(--ink);font-size:23px;font-weight:700;padding:0 2px 2px 0;letter-spacing:-1.5px;flex-shrink:0}
.demo-conversation-top strong,.demo-conversation-top div>span{display:block}
.demo-conversation-top strong{font-size:12px;font-weight:500}
.demo-conversation-top div>span{font-size:10px;color:var(--muted)}
.demo-user-message{background:var(--paper);padding:22px;border-radius:18px 18px 4px 18px}
.demo-speaker{display:block;font:9px/1.6 var(--mono);color:var(--muted);letter-spacing:.06em;margin-bottom:10px}
.demo-user-message p{font-size:14px;line-height:1.8}
.demo-agent-message{padding:0 5px;min-height:185px}
.demo-agent-message h3{font-size:22px;margin-bottom:12px;line-height:1.3}
.demo-agent-message>p{font-size:13px;color:var(--muted);line-height:1.8}
.demo-action-note{display:flex;gap:9px;align-items:start;padding:15px;border:1px solid var(--line);border-radius:12px;margin-top:auto}
.demo-action-note p{font:10px/1.7 var(--mono);color:var(--muted)}
.demo-action-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--accent);margin-top:5px}
.demo-pager{display:flex;justify-content:space-between;gap:10px;align-items:center}
.demo-pager>span{font:10px var(--mono);color:var(--muted);white-space:nowrap}
.demo-next{font-size:11px;font-weight:600;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--ink);padding:7px 0;text-align:right}
.demo-preview-area{background:#eae8df;padding:26px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.demo-preview-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;font:8px/1.6 var(--mono);letter-spacing:.03em}
.demo-state{border:1px solid #c5c7b9;border-radius:999px;padding:5px 9px;white-space:nowrap;background:#f4f3ed}
.example-browser{border:1px solid #d5d4c7;border-radius:14px;overflow:hidden;background:#fbfaf6;box-shadow:0 14px 26px #323d2010;color:#30372e}
.example-browser-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#fffefa;border-bottom:1px solid #dfdfd4;font:8px/1.5 var(--mono);color:#797d70}
.browser-dots{display:flex;gap:4px}
.browser-dots i{width:5px;height:5px;background:#d8d7ca;border-radius:50%}
.example-draft{padding:1px 6px;background:#ecebdd;border-radius:4px;font-size:8px}
.example-site{padding:0 22px 18px;overflow:hidden}
.example-site-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #e2e3d7}
.example-brand{font-size:12px;line-height:1;letter-spacing:-.5px;font-weight:400}
.example-brand strong{font-size:20px;font-weight:500}
.example-site-header>div{display:flex;gap:14px;font-size:8px}
.example-hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px 0 23px;align-items:center}
.example-eyebrow{font-size:6px;letter-spacing:.1em;display:block;color:#7f826d}
.example-hero h3{font:500 clamp(20px,2.4vw,34px)/1.1 var(--font);letter-spacing:-.06em;margin:12px 0}
.example-hero-copy>p{font-size:8px;line-height:1.8;color:#7f826d;max-width:200px}
.example-cta{display:inline-block;font-size:8px;background:#4f5a42;color:#fffefa;border-radius:999px;padding:8px 13px;line-height:1.4;margin-top:15px}
.example-room{height:246px;position:relative;background:#e0d9c9;border-radius:60px 60px 4px 4px;overflow:hidden}
.room-arch{position:absolute;left:16%;top:14%;width:61%;height:76%;background:#c7c8b4;border-radius:80px 80px 0 0;border:10px solid #eee9dd;box-shadow:10px 10px 0 #d5cebc}
.room-sun{position:absolute;right:-25%;top:-20%;width:80%;height:90%;background:#f1e8d1;border-radius:50%;opacity:.45}
.room-sofa{position:absolute;left:5%;right:17%;bottom:28px;height:60px;background:#8e977b;border-radius:18px 18px 5px 5px;box-shadow:0 6px 0 #6d775b}
.room-sofa:after{content:'';position:absolute;left:5px;right:5px;bottom:13px;height:1px;background:#65714f}
.room-sofa i{position:absolute;left:12%;top:-3px;width:30%;height:35px;border-radius:8px;transform:rotate(-8deg);background:#aaaf95}
.room-sofa i+i{left:auto;right:12%;transform:rotate(8deg);background:#bec1a5}
.room-table{position:absolute;left:30%;bottom:17px;width:47%;height:16px;background:#b39472;border-radius:50%;box-shadow:0 9px 0 -5px #977456}
.room-vase{position:absolute;right:5%;bottom:30px;width:18%;height:40px;border-radius:5px 5px 11px 11px;background:#b79b79}
.room-stem{position:absolute;right:12%;bottom:69px;width:2px;height:50px;background:#56614a;transform:rotate(-10deg)}
.room-stem:before,.room-stem:after{content:'';position:absolute;left:-19px;top:4px;width:22px;height:12px;border-radius:100% 0 100% 0;background:#788567;transform:rotate(30deg)}
.room-stem:after{left:1px;top:22px;transform:rotate(-15deg)}
.room-caption{position:absolute;left:10px;bottom:5px;font:4px/1.4 var(--mono);letter-spacing:.04em;color:#5e6754}
.example-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d4d6c7;padding:16px 0 5px;gap:12px}
.example-services>div>span{font:6px var(--mono);color:#858a77}
.example-services h4{font:500 9px/1.4 var(--font);letter-spacing:-.02em;margin:8px 0}
.example-services p{font-size:7px;line-height:1.7;color:#7f826d}
.example-check-note{display:flex;gap:7px;align-items:center;border-top:1px solid #d4d6c7;margin-top:12px;padding-top:10px;font-size:7px;color:#4f5a42}
.example-check-note>span{display:grid;place-items:center;border-radius:50%;width:15px;height:15px;background:#e1e5d5;flex-shrink:0}
.demo-page-list{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:20px}
.demo-page-list>span:not(:first-child){font-size:9px;border:1px solid #d2d4c6;padding:5px 12px;border-radius:7px;background:#f5f4ed}
.demo-page-list-label{font:8px var(--mono);color:var(--muted);margin-right:auto}
.demo-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.demo-footnote{font-size:11px;color:var(--muted);margin:16px 0 0;max-width:860px}
.example-wire-lines{display:none}
.impreza-workbench[data-step="1"] .example-hero-copy>p,.impreza-workbench[data-step="1"] .example-cta,.impreza-workbench[data-step="2"] .example-hero-copy>p,.impreza-workbench[data-step="2"] .example-cta{display:none}
.impreza-workbench[data-step="1"] .example-hero h3,.impreza-workbench[data-step="2"] .example-hero h3{font-size:0;color:transparent;width:90%;height:55px;border-radius:4px;background:linear-gradient(#d8dbcb 0 18px,transparent 18px 26px,#d8dbcb 26px 44px,transparent 44px)}
.impreza-workbench[data-step="1"] .example-wire-lines,.impreza-workbench[data-step="2"] .example-wire-lines{display:grid;gap:7px}
.example-wire-lines i{display:block;height:4px;background:#e3e4d8;border-radius:3px}.example-wire-lines i:last-child{width:70%}
.impreza-workbench[data-step="1"] .example-room{opacity:.32;filter:grayscale(1)}
.impreza-workbench[data-step="1"] .example-services{opacity:.3}
.impreza-workbench[data-step="1"] .example-services p,.impreza-workbench[data-step="2"] .example-services p{visibility:hidden}
.impreza-workbench:not([data-step="4"]) .example-check-note{visibility:hidden}
.impreza-edit{display:grid;grid-template-columns:var(--columns);gap:var(--gap);border-top:1px solid var(--line)}
.impreza-edit h2{margin:20px 0;font-size:clamp(32px,3vw,44px)}
.impreza-edit>div>p:not(.eyebrow){color:var(--muted);max-width:470px}
.edit-example{background:var(--ink);padding:28px;border-radius:28px;color:var(--white)}
.edit-request{font-size:17px;line-height:1.7;color:var(--white)}
.edit-result{background:var(--white);color:var(--ink);border-radius:16px;padding:24px;margin-top:24px}
.edit-result .eyebrow{font-size:8px;color:var(--muted)}
.edit-result h3{font-size:27px;margin:17px 0 14px}
.edit-result>p{font-size:13px;color:var(--muted)}
.edit-result .example-cta{font-size:11px}
.impreza-responsibilities{padding-top:20px}
.impreza-responsibility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}
.impreza-responsibility-grid>div{border-top:1px solid var(--line);padding-top:22px}
.impreza-responsibility-grid .index{font:10px var(--mono);color:var(--muted)}
.impreza-responsibility-grid h3{font-size:25px;margin:22px 0 16px}
.impreza-responsibility-grid p{font-size:14px;color:var(--muted);line-height:1.8}
.impreza-sources{border-top:1px solid var(--line);padding-block:32px 52px}
.impreza-sources>p:last-child{max-width:920px;margin-top:14px;color:var(--muted);font-size:11px}
.impreza-sources a{text-decoration:underline;text-underline-offset:3px}
.impreza-teaser{display:grid;grid-template-columns:var(--columns);gap:var(--gap);align-items:center;border-top:1px solid var(--line)}
.impreza-teaser h2{margin:20px 0}
.impreza-teaser p:not(.eyebrow){color:var(--muted);max-width:520px}
.impreza-teaser .button{margin-top:26px}
.impreza-teaser-visual{background:var(--surface);padding:30px;border-radius:28px}
.teaser-quote{display:block;font-size:19px;line-height:1.5;color:var(--ink)}
.teaser-connection{font:9px var(--mono);color:var(--muted);display:flex;align-items:center;gap:16px;margin:22px 0}
.teaser-connection>span{color:var(--accent);font-size:18px}
.teaser-mini-site{position:relative;border-radius:14px;background:#f9f8f0;padding:24px;color:#3a4430;overflow:hidden;min-height:205px;box-shadow:0 8px 20px #2437460a}
.teaser-mini-site>span{display:block;font-size:12px;margin-bottom:24px}
.teaser-mini-site strong{font-size:35px;font-weight:500;letter-spacing:-.06em;line-height:1.1;display:block;position:relative;z-index:1}
.teaser-mini-site>i{position:absolute;right:24px;top:24px;bottom:24px;width:30%;border-radius:70px 70px 0 0;background:#ccd1ba}
.teaser-mini-site>div{width:80px;height:20px;border-radius:999px;background:#6c795d;margin-top:20px}
#navigation .services-menu .services-menu-group>a:first-child{padding-bottom:12px}
#navigation .services-menu .nav-case{border-top:1px solid var(--line);margin:0 20px 12px;padding:10px 0 0;border-radius:0;font-size:11px;line-height:1.5;color:var(--accent)}
#navigation .services-menu .nav-case:hover{background:transparent;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.demo-conversation{padding:22px;gap:20px}.demo-preview-area{padding:20px}.demo-conversation-top div>span{font-size:9px}.example-room{height:220px}.demo-steps button{font-size:12px}.demo-steps button>span{margin-right:5px}.impreza-flow{gap:12px}.impreza-flow strong{font-size:12px}.impreza-flow div>span:not(.flow-number){font-size:10px}}
@media(max-width:950px){.impreza-heading{grid-template-columns:1fr 1fr}.impreza-flow{flex-wrap:wrap;gap:16px}.impreza-flow>div{flex:1;min-width:170px}.flow-line{display:none}.demo-scene{grid-template-columns:1fr}.demo-conversation{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:22px}.demo-conversation-top,.demo-action-note,.demo-pager{grid-column:1/-1}.demo-agent-message{min-height:0}.demo-preview-area{padding:30px}.example-room{height:300px}.example-hero h3{font-size:38px}.example-hero-copy>p{font-size:12px;max-width:250px}.example-eyebrow{font-size:8px}.example-cta{font-size:10px}.example-services h4{font-size:13px}.example-services p{font-size:10px}.example-services>div>span{font-size:8px}.example-check-note{font-size:10px}.example-site-header>div{font-size:10px}.example-brand{font-size:15px}.example-brand strong{font-size:24px}#navigation .services-menu .nav-case{margin:0 0 7px 12px;padding:8px 12px 10px;border:0;border-left:2px solid var(--line);border-radius:0 10px 10px 0;font-size:12px}}
@media(max-width:680px){.impreza-heading,.impreza-edit,.impreza-teaser{grid-template-columns:1fr}.impreza-heading h1{font-size:46px}.impreza-intro-copy p{font-size:16px}.impreza-flow{margin-top:32px;display:grid;gap:18px}.impreza-flow>div{min-width:0}.demo-heading{display:block}.demo-heading>p{margin-top:22px;max-width:none}.demo-steps{grid-template-columns:1fr 1fr;padding:8px;gap:4px}.demo-steps button{padding:13px 9px}.impreza-workbench{border-radius:20px}.demo-conversation{display:flex;padding:22px;gap:22px}.demo-user-message{padding:18px}.demo-preview-area{padding:20px 14px}.demo-preview-caption{font-size:7px;gap:8px}.demo-state{font-size:7px;padding:4px 7px}.example-site{padding:0 14px 12px}.example-hero{grid-template-columns:1.05fr 1fr;gap:12px;padding:22px 0}.example-hero h3{font-size:26px}.example-hero-copy>p{font-size:8px}.example-eyebrow{font-size:5px}.example-cta{font-size:7px;padding:7px 9px}.example-room{height:225px;border-radius:45px 45px 4px 4px}.example-site-header>div{font-size:7px;gap:9px}.example-brand{font-size:11px}.example-brand strong{font-size:18px}.example-services{gap:8px}.example-services h4{font-size:8px;overflow-wrap:anywhere}.example-services p{font-size:7px}.example-services>div>span{font-size:6px}.example-check-note{font-size:7px}.impreza-responsibility-grid{grid-template-columns:1fr;gap:26px}.impreza-responsibility-grid h3{margin:15px 0 12px}.edit-example{padding:22px}.edit-request{font-size:16px}.edit-result{padding:20px}.impreza-teaser-visual{padding:24px}.teaser-mini-site strong{font-size:32px}.demo-pager>span{font-size:9px}.demo-next{font-size:10px}}
@media(prefers-reduced-motion:reduce){.demo-steps button{transition:none}}
