/* Mesa Valley's scene choreography: image layers, cinematic depth, purposeful controls. */
.flagship{--hero-progress:0;--scene-progress:.5;--pointer-x:0;--pointer-y:0;--page-progress:0}
.hero-scene{border-radius:0 0 30px 30px}
.hero-film video{transform:scale(calc(1.04 + var(--hero-progress)*.08)) translateY(calc(var(--hero-progress)*22px));will-change:transform;filter:saturate(1.02) brightness(.98)}
.hero-shade{background:linear-gradient(90deg,#081812b5,#08181212 82%),linear-gradient(0deg,#10211bf2,transparent 55%,#12201c70)}
.hero-content{transform:translateY(calc(var(--hero-progress)*-22px));will-change:transform}
.hero-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em;line-height:1.03}
.hero-line>span{display:block;animation:headline-open 850ms cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--line)*90ms)}
.hero-content h1{line-height:.94}
.hero-bottom{margin-top:35px}
.hero-actions .primary-button,.apps-hero-actions .primary-button{box-shadow:0 8px 30px #08181230}
.primary-button{position:relative;isolation:isolate;overflow:hidden;transition:background 180ms,box-shadow 180ms,translate 180ms;border-radius:7px}
.primary-button:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#ffffff40 45%,transparent 70%);transform:translateX(-120%);pointer-events:none;z-index:-1;transition:transform 650ms cubic-bezier(.2,.7,.2,1)}
.primary-button:hover:before{transform:translateX(120%)}
.primary-button:disabled{opacity:.65;cursor:default}
.studio-intro,.local-story{padding-top:125px;padding-bottom:125px}
.intro-grid h2,.approach h2{font-size:clamp(54px,6.5vw,102px);letter-spacing:-.065em}
.service-tabs button{padding-inline:17px;border-radius:8px;transition:background 180ms,padding 180ms,color 180ms}
.service-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);padding-inline:23px}
.service-description{padding-left:17px}
.service-preview{border-radius:18px;box-shadow:0 35px 85px #20373124,0 4px 8px #2037310a;border:1px solid var(--line);position:relative;transform-origin:50% 50%;transition:transform 350ms cubic-bezier(.2,.7,.2,1),box-shadow 350ms}
.preview-controls{background:var(--paper);border-bottom:1px solid var(--line);padding-inline:26px}
.discovery-demo .preview-controls,.software-demo .preview-controls{background:var(--ground)}
.website-stage{padding-top:20px}
.concept-site{border-radius:9px}
.discovery-demo,.software-demo{background:var(--ground)}
.discovery-orbit>span{background:#ffffff08;border-color:#ffffff42}
.answer-example{border-top:1px solid #ffffff18;margin-top:20px}
.service-description .text-button,.region-index .text-button{max-width:max-content}
.scenic-collage{padding-top:85px;padding-bottom:90px;background:var(--surface);overflow:hidden;position:relative}
.scenic-introduction{display:grid;grid-template-columns:1.2fr 1fr;gap:25px 80px;align-items:end;position:relative;z-index:3}
.scenic-introduction>p:first-child{grid-column:1/-1;font-size:12px;color:var(--muted)}
.scenic-introduction h2{font-size:clamp(55px,6.8vw,104px);line-height:.98;letter-spacing:-.07em;max-width:18ch}
.scenic-introduction>p:last-child{font-size:17px;color:var(--muted);max-width:40ch;padding-bottom:7px}
.scenic-composition{position:relative;height:760px;margin-top:60px;perspective:1300px}
.scenic-wide{position:absolute;left:0;right:0;top:50px;height:545px;border-radius:8px 140px 8px 8px;overflow:hidden;transform:translateY(calc((var(--scene-progress) - .5)*-50px));box-shadow:0 28px 65px #20373120}
.scenic-wide img{width:100%;height:100%;object-fit:cover;object-position:50% 54%;transform:scale(1.09) translateY(calc((var(--scene-progress) - .5)*40px));filter:saturate(1.07)}
.scenic-wide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10221dd9,transparent 55%);pointer-events:none}
.scenic-wide>span{position:absolute;left:30px;bottom:25px;z-index:1;color:#fff6e4;font-size:12px}
.scenic-composition figure{position:absolute;padding:9px 9px 0;margin:0;background:var(--paper);box-shadow:0 28px 60px #172d3240;border:1px solid var(--line)}
.scenic-composition figure img{display:block;width:100%;object-fit:cover}
.scenic-composition figcaption{padding:13px 8px 15px;color:var(--muted);font-size:10px;line-height:1.5}
.scenic-aspen{right:6%;top:-28px;width:28%;transform:rotate(calc(-5deg + var(--scene-progress)*8deg)) translateY(calc((var(--scene-progress) - .5)*-100px));z-index:2}
.scenic-aspen img{height:365px;object-position:45% 50%}
.scenic-peach{left:5%;bottom:4px;width:33%;transform:rotate(calc(7deg - var(--scene-progress)*10deg)) translateY(calc((var(--scene-progress) - .5)*60px));z-index:2}
.scenic-peach img{height:285px}
.scenic-note{position:absolute;right:5%;bottom:10px;z-index:3;padding:25px 0 25px 30px;width:44%;background:var(--surface);display:grid;grid-template-columns:70px 1fr;gap:16px 24px;transform:translateY(calc((var(--scene-progress) - .5)*35px))}
.scenic-note>svg{width:65px;height:50px;align-self:center;grid-row:1/3}
.scenic-note p{font-size:29px;letter-spacing:-.045em;line-height:1.2}
.scenic-note a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;max-width:240px;font-size:12px;text-decoration:none;border-bottom:1px solid var(--ink)}
.scenic-note a>span{font-size:20px}
.region-section{background:var(--paper)}
.region-heading h2,.season-copy h2{font-size:clamp(54px,6.5vw,100px)}
.region-image{border-radius:180px 12px 12px 12px;min-height:640px;box-shadow:0 28px 65px #20373120}
.region-image img{transform:scale(1.045);transition:transform 400ms cubic-bezier(.2,.7,.2,1);filter:saturate(1.03)}
.region-explorer{align-items:center}
.place-caption h3{font-size:clamp(45px,4.9vw,75px);line-height:1;max-width:15ch}
.place-caption>span{display:inline-block;padding:6px 10px;border:1px solid #ffffff60;border-radius:30px;backdrop-filter:blur(8px);margin-bottom:15px;background:#182a2238}
.region-index button{border-radius:6px;margin-bottom:6px;border-bottom:0;min-height:70px;padding-inline:13px}
.region-index button[aria-pressed=true]{background:var(--ink);color:var(--paper);padding-inline:20px}
.region-index>p{padding-left:13px;min-height:125px}
.region-index>.text-button{margin-left:13px}
.season-lab{background:var(--surface);position:relative;overflow:hidden}
.season-art{border:1px solid var(--line);box-shadow:0 28px 60px #20373115;border-radius:220px 220px 10px 10px;min-height:600px}
.season-art .mountain-art{transform:scale(1.05) translateY(calc((var(--scene-progress) - .5)*-18px))}
.season-detail{padding-left:20px;border-left:2px solid var(--ink)}
.season-detail h3{font-size:27px}
.journey-links>a{border-radius:12px;box-shadow:0 25px 60px #20373120;overflow:hidden}
.journey-links img{transform:scale(1.02);transition:transform 500ms cubic-bezier(.2,.7,.2,1)}
.journey-links>a:hover img{transform:scale(1.08)}
.contact-close{border-radius:32px 32px 0 0;padding-top:85px;padding-bottom:100px}
.contact-close h2{font-size:clamp(88px,12.4vw,190px);max-width:12ch}
.contact-bottom .primary-button{box-shadow:0 10px 30px #101b1325}
.apps-hero{border-radius:0 0 32px 32px}
.apps-hero h1{font-size:clamp(78px,8vw,123px)}
.apps-landscape .mountain-art{transform:scale(calc(1.02 + var(--hero-progress)*.035)) translateY(calc(var(--hero-progress)*25px))}
.apps-landscape{opacity:.48}
.control-map{transform:perspective(1400px) rotateY(calc(var(--pointer-x)*-3deg)) rotateX(calc(var(--pointer-y)*2deg));transition:transform 350ms cubic-bezier(.2,.7,.2,1)}
.map-node{border-radius:14px;box-shadow:0 25px 65px #071e282c}
.owner-node{box-shadow:0 30px 65px #0d202b55;border-radius:14px 35px 14px 14px}
.owner-node strong{font-size:30px}
.ai-control{padding-top:125px}
.control-workbench{border-radius:20px;box-shadow:0 35px 90px #20373125}
.workbench-top{padding-block:23px;background:var(--ink);color:var(--paper)}
.workbench-top svg{stroke:var(--paper)}
.workbench-top .demo-tag{color:var(--paper)}
.controlled-app{border-radius:11px;box-shadow:0 12px 30px #20373110}
.change-proposal{border-radius:10px;box-shadow:0 8px 25px #20373113}
.app-builds{border-radius:30px 30px 0 0}
.build-request{box-shadow:0 25px 50px #20373112}
.app-components{background:var(--paper);padding-top:125px}
.component-stage{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.component-stage>article{border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative}
.booking-widget{padding:30px;background:var(--surface)}
.widget-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.widget-heading>span{font-size:11px;color:var(--muted)}
.widget-heading>svg{height:30px;width:30px;stroke:var(--ink);stroke-width:1.2;flex-shrink:0}
.component-stage h3{font-size:clamp(33px,3vw,45px);line-height:1.07;max-width:22ch}
.booking-widget>p:not(.widget-feedback),.workflow-widget>p:not(.widget-feedback){font-size:14px;color:var(--muted);margin-top:18px;max-width:40ch}
.booking-days{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:26px 0 18px}
.booking-days label{background:var(--paper);border:1px solid var(--line);border-radius:12px;text-align:left;padding:14px 13px;min-height:115px;position:relative}
.booking-days label>span{font-size:11px;display:block;color:var(--muted)}
.booking-days strong{display:block;font-weight:400;line-height:1.25;font-size:16px;margin-top:12px;max-width:7ch}
.booking-days i{width:5px;height:5px;display:block;position:absolute;right:12px;top:16px;border-radius:50%;background:var(--muted)}
.booking-days label[data-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.booking-days label[data-selected=true]>span{color:var(--paper)}
.booking-days label[data-selected=true] i{background:var(--sage)}
.booking-times{display:flex;gap:8px;flex-wrap:wrap}
.booking-times label{border:1px solid var(--line);border-radius:25px;background:transparent;padding:10px 17px;min-height:44px;font-size:12px}
.booking-times label[data-selected=true]{background:var(--paper);border-color:var(--ink)}
.booking-selection{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;margin-bottom:22px}
.booking-selection>span{font-size:10px;color:var(--muted)}
.booking-selection>p{font-size:22px;letter-spacing:-.035em;margin:6px 0}
.booking-selection>small{font-size:11px;color:var(--muted)}
.booking-widget>.primary-button{min-height:48px;font-size:12px;padding:13px 18px;gap:25px;background:var(--ink);color:var(--paper)}
.widget-feedback{font-size:10px;color:var(--muted);line-height:1.6;margin-top:17px;min-height:32px}
.workflow-widget{padding:30px;background:var(--ground);color:var(--paper)}
.workflow-widget .widget-heading>span,.workflow-widget>p:not(.widget-feedback){color:var(--paper)}
.workflow-widget .widget-heading>svg{stroke:var(--paper)}
.workflow-lanes{margin:28px 0 24px}
.workflow-lane{border-top:1px solid #ffffff30}
.workflow-lane>button{display:flex;align-items:center;gap:13px;min-height:49px;padding:10px 0;width:100%;background:transparent;border:0;color:var(--paper);font-size:12px;text-align:left}
.workflow-lane>button>span:last-child{margin-left:auto;font-size:10px}
.workflow-step{height:21px;width:21px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;font-size:10px}
.active .workflow-step{background:var(--sage);color:var(--ink);border-color:var(--sage)}
.sample-lead{padding:20px 22px 22px;border-radius:10px;background:var(--paper);color:var(--ink);margin:0 0 14px 34px;animation:lead-in 200ms cubic-bezier(.2,.7,.2,1)}
.sample-lead>span:first-child{font-size:9px;color:var(--muted)}
.sample-lead>strong{display:block;font-weight:400;font-size:25px;letter-spacing:-.045em;line-height:1.15;margin-top:12px}
.sample-lead>p{font-size:11px;color:var(--muted);margin-top:12px}
.lead-person{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:9px}
.lead-person i{display:grid;place-items:center;height:24px;width:24px;border-radius:50%;background:var(--surface);font-style:normal}
.workflow-actions{display:flex;gap:19px;align-items:center;flex-wrap:wrap}
.workflow-actions .primary-button{min-height:48px;font-size:12px;padding:13px 18px;gap:20px}
.workflow-actions .plain-action{color:var(--paper);border-color:#ffffff60}
.workflow-widget .widget-feedback{color:var(--paper)}
.workflow-widget button:disabled{opacity:.6;cursor:default}
.reporting-widget{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding:36px;background:var(--surface)}
.reporting-copy>p{font-size:14px;color:var(--muted);margin-top:18px;max-width:37ch}
.sample-metric{display:flex;gap:18px;align-items:center;margin-top:28px}
.sample-metric>strong{font-size:70px;font-weight:400;line-height:1;letter-spacing:-.08em}
.sample-metric>span{font-size:11px;color:var(--muted)}
.reporting-copy>small{display:block;font-size:9px;color:var(--muted);margin-top:18px}
.reporting-chart{min-width:0;display:flex;flex-direction:column;justify-content:center}
.reporting-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;margin-bottom:22px}
.reporting-top>div{display:flex;padding:3px;background:var(--paper);border:1px solid var(--line);border-radius:30px}
.reporting-top button{min-height:44px;border:0;background:transparent;border-radius:30px;padding:9px 14px;font-size:10px}
.reporting-top button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.inquiry-chart{height:235px;display:flex;align-items:end;gap:13px;padding-top:14px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0 58px,var(--line) 59px 60px)}
.inquiry-chart>button{border:0;background:transparent;flex:1;min-width:0;padding:0;min-height:44px;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;position:relative}
.chart-bar{position:relative;display:block;width:100%;height:calc(var(--bar-height)*.8);border-radius:12px 12px 0 0;background:var(--line);transition:height 350ms cubic-bezier(.2,.7,.2,1),background 180ms}
.chart-bar>i{position:absolute;left:0;right:0;height:4px;top:0;border-radius:12px;background:var(--muted)}
.chart-bar strong{position:absolute;top:9px;left:0;right:0;text-align:center;color:var(--ink);font-weight:400;font-size:11px}
.inquiry-chart button[aria-pressed=true] .chart-bar{background:var(--ink)}
.inquiry-chart button[aria-pressed=true] .chart-bar>i{background:var(--ink)}
.inquiry-chart button[aria-pressed=true] strong{color:var(--paper)}
.chart-label{display:block;font-size:9px;margin:12px 0;height:16px}
.chart-detail{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:19px;font-size:11px}
.chart-detail>span{color:var(--muted)}
.chart-detail>strong{font-weight:400}
.components-note{font-size:11px;color:var(--muted);margin-top:25px;max-width:90ch}
@keyframes headline-open{from{transform:translateY(112%)}to{transform:none}}
@keyframes lead-in{from{opacity:.4;transform:translateX(-9px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){
 .primary-button:hover{translate:calc(var(--pointer-x)*4px) calc(var(--pointer-y)*3px)}
 .service-preview:hover{transform:perspective(1600px) rotateY(calc(var(--pointer-x)*2deg)) rotateX(calc(var(--pointer-y)*-1.5deg));box-shadow:0 40px 90px #2037312c}
 .region-image:hover img{transform:scale(1.07) translate(calc(var(--pointer-x)*-8px),calc(var(--pointer-y)*-6px))}
}
@media(max-width:1100px){.scenic-composition{height:660px}.scenic-wide{height:475px}.scenic-aspen{width:31%;right:4%}.scenic-aspen img{height:300px}.scenic-peach{width:35%}.scenic-peach img{height:250px}.scenic-note{width:44%;grid-template-columns:1fr;padding-left:20px}.scenic-note>svg{display:none}.scenic-note p{font-size:25px}.region-image{min-height:550px}.reporting-widget{gap:40px}.owner-node strong{font-size:26px}}
@media(max-width:820px){
 .hero-scene{border-radius:0 0 18px 18px}.hero-content{transform:none}.hero-content h1{font-size:clamp(59px,10.5vw,90px)}.hero-line{line-height:1.03}.hero-bottom{margin-top:30px}.studio-intro,.local-story,.ai-control,.app-components{padding-top:80px;padding-bottom:80px}.intro-grid h2{font-size:clamp(44px,8vw,65px)}.service-description{padding-left:0}.service-tabs button{padding-inline:13px}.service-tabs button[aria-pressed=true]{padding-inline:17px}.scenic-collage{padding-top:65px;padding-bottom:65px}.scenic-introduction{grid-template-columns:1fr;gap:22px}.scenic-introduction>p:first-child{font-size:11px}.scenic-introduction h2{font-size:clamp(47px,9vw,72px)}.scenic-introduction>p:last-child{font-size:16px;max-width:45ch}.scenic-composition{height:680px;margin-top:45px}.scenic-wide{height:410px;top:40px;border-top-right-radius:90px}.scenic-aspen{width:41%;right:1%;top:0}.scenic-aspen img{height:240px}.scenic-peach{width:49%;left:0;bottom:30px}.scenic-peach img{height:220px}.scenic-note{right:0;bottom:0;width:43%;padding:20px 0 20px 14px}.scenic-note p{font-size:23px}.scenic-note a{font-size:10px}.scenic-wide>span{left:20px;bottom:20px;font-size:10px}.scenic-composition figcaption{font-size:9px;padding:11px 5px 13px}.region-image{border-top-left-radius:110px;min-height:500px}.region-heading h2,.season-copy h2{font-size:clamp(46px,8.5vw,66px)}.region-index>p{padding-left:0;min-height:0}.region-index>.text-button{margin-left:0}.region-index button{font-size:13px;min-height:62px;padding-inline:9px}.season-art{min-height:485px}.contact-close{border-radius:22px 22px 0 0;padding-top:55px;padding-bottom:75px}.contact-close h2{font-size:clamp(70px,11.5vw,96px)}.apps-hero h1{font-size:clamp(60px,11.5vw,93px)}.control-map{transform:none}.owner-node strong{font-size:26px}.component-stage{grid-template-columns:1fr;gap:20px}.booking-widget,.workflow-widget{padding:28px}.reporting-widget{grid-template-columns:1fr;gap:30px;padding:28px}.component-stage h3{font-size:38px}.reporting-copy>p{max-width:50ch}.sample-metric>strong{font-size:64px}.inquiry-chart{height:240px}.control-workbench{border-radius:14px}.scenic-note>svg{display:none}
}
@media(max-width:420px){
 .hero-content h1{font-size:clamp(38px,12.6vw,49px)}.hero-bottom{margin-top:27px}.scenic-introduction h2{font-size:clamp(38px,10.7vw,43px)}.scenic-introduction>p:last-child{font-size:15px}.scenic-composition{height:570px;margin-top:30px}.scenic-wide{height:315px;border-top-right-radius:65px;top:38px}.scenic-aspen{width:46%;right:-1%}.scenic-aspen img{height:170px}.scenic-peach{width:56%;bottom:26px;left:-1%}.scenic-peach img{height:175px}.scenic-note{width:39%;right:0;bottom:0;padding:14px 0 14px 12px;gap:13px}.scenic-note p{font-size:19px}.scenic-note a{font-size:9px;line-height:1.6;gap:5px}.scenic-note a>span{font-size:17px}.scenic-wide>span{font-size:9px;left:17px;bottom:17px;max-width:22ch}.scenic-composition figcaption{font-size:8px}.scenic-composition figure{padding:6px 6px 0}.region-image{min-height:420px}.place-caption h3{font-size:38px}.place-caption>span{font-size:9px}.region-index button[aria-pressed=true]{padding-inline:12px}.season-art{min-height:430px}.apps-hero h1{font-size:clamp(47px,12.8vw,54px)}.owner-node strong{font-size:22px}.booking-widget,.workflow-widget,.reporting-widget{padding:22px 18px}.widget-heading{gap:15px}.widget-heading>span{font-size:10px}.component-stage h3{font-size:32px}.booking-widget>p:not(.widget-feedback),.workflow-widget>p:not(.widget-feedback){font-size:13px}.booking-days{gap:6px}.booking-days label{padding:12px 9px;min-height:105px}.booking-days strong{font-size:14px;line-height:1.3}.booking-days label>span{font-size:10px}.booking-days i{right:10px;top:15px;width:4px;height:4px}.booking-times{gap:6px}.booking-times label{padding:10px 13px;font-size:11px}.booking-selection>p{font-size:21px}.workflow-actions{gap:14px}.sample-lead{margin-left:15px;padding:19px}.sample-lead>strong{font-size:25px}.reporting-top{gap:12px;font-size:10px}.reporting-top>span{max-width:17ch}.reporting-top button{font-size:10px;padding:9px 12px}.inquiry-chart{gap:9px;height:220px}.chart-bar{border-radius:8px 8px 0 0}.chart-label{font-size:8px}.chart-detail{font-size:10px}.reporting-copy>p{font-size:13px}.components-note{font-size:10px}.contact-close h2{font-size:clamp(56px,16vw,67px)}
}
.apps-hero :focus-visible,.workflow-widget :focus-visible,.workbench-top :focus-visible{outline-color:var(--paper)}
/* Shape is regional; role, keyboard behavior and focus remain consistent. */
.widget-scene{position:relative;height:180px;margin:-30px -30px 25px;overflow:hidden;isolation:isolate;background:var(--ground)}
.widget-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 54%}
.widget-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#182d31be,transparent 85%);z-index:-1}
.widget-scene>img{z-index:-2}
.widget-scene>span{position:absolute;bottom:48px;left:30px;right:25px;font-size:10px;color:#fff5e3}
.widget-scene>svg{position:absolute;bottom:-1px;height:39px;width:100%;left:0}
.mesa-edge{fill:var(--surface)}
.canyon-edge{fill:var(--ground)}
.booking-widget{border-radius:18px 60px 18px 18px!important}
.workflow-widget{border-radius:60px 18px 18px 18px!important}
.booking-days label{border-radius:8px 24px 8px 8px;border-color:var(--muted)}
.booking-times label{border-color:var(--muted)}
.assistant-picker label,.permission-picker label{border-color:var(--muted)}
.booking-days strong{font-size:16px;line-height:1.24;letter-spacing:-.035em}
.booking-days label:not([data-selected=true]):hover,.booking-times label:not([data-selected=true]):hover{background:var(--paper);box-shadow:inset 0 0 0 1px var(--muted)}
.workflow-lanes{position:relative;padding-left:8px}
.workflow-lanes:before{content:'';position:absolute;left:18px;top:26px;bottom:28px;border-left:1px solid #ffffff48;pointer-events:none}
.workflow-lane>button{position:relative}
.workflow-step{background:var(--ground);border-radius:5px 11px 5px 5px}
.sample-lead{border-radius:5px 24px 5px 5px;box-shadow:0 3px 8px #0d242329}
.reporting-widget{border-radius:18px 18px 50px 18px!important}
.chart-bar{border-radius:50% 50% 0 0 / 15px 15px 0 0;background:var(--muted);background-image:repeating-linear-gradient(90deg,transparent 0 7px,#ffffff15 8px 9px)}
.chart-bar strong{color:var(--paper);font-variant-numeric:tabular-nums}
.sample-metric>strong{font-variant-numeric:tabular-nums}
.chart-geography{font-size:9px;color:var(--muted);margin-top:12px}
.reporting-top>div{border-color:var(--muted)}
.inquiry-chart{background:repeating-linear-gradient(0deg,transparent 0 58px,var(--line) 59px 60px)}
.inquiry-chart>button:focus-visible{outline-offset:3px;border-radius:10px}
.component-stage .primary-button{border-radius:6px 19px 6px 6px}
@supports(corner-shape:bevel){.booking-days label{corner-shape:round bevel round round}}
@media(max-width:820px){.widget-scene{margin:-28px -28px 24px;height:185px}.widget-scene>span{left:28px}.booking-widget{border-top-right-radius:48px!important}.workflow-widget{border-top-left-radius:48px!important}}
@media(max-width:420px){.widget-scene{margin:-22px -18px 23px;height:170px}.widget-scene>span{left:18px;font-size:9px}.booking-days strong{font-size:14px}.chart-geography{font-size:8px}.booking-widget{border-top-right-radius:38px!important}.workflow-widget{border-top-left-radius:38px!important}}

.booking-days,.booking-times{border:0;padding:0;min-width:0}
.booking-days legend,.booking-times legend,.booking-days input,.booking-times input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.booking-days label,.booking-times label{cursor:pointer;position:relative}
.booking-days label:has(:focus-visible),.booking-times label:has(:focus-visible){outline:3px solid var(--ink);outline-offset:4px}
.booking-times label{display:flex;align-items:center;justify-content:center}

/* Original trail glyphs: one optical weight, never font-symbol substitutes. */
.mesa-glyph{width:24px;height:24px;flex:none;vertical-align:middle;overflow:visible}
.mesa-role-mark .mesa-glyph{width:30px;height:30px;color:#536946}
.assistant-symbol{position:relative;display:grid;place-items:center;width:32px;height:32px;background:none!important;border:0!important}
.assistant-symbol .mesa-glyph{width:30px;height:30px;opacity:.45}
.assistant-symbol small{position:absolute;top:9px;font:8px Mono,monospace;letter-spacing:-.05em}
summary{list-style:none}summary::-webkit-details-marker{display:none}
summary>.mesa-glyph{width:19px;height:19px;transition:transform 220ms ease}
details[open]>summary>.mesa-glyph{transform:rotate(180deg)}
.control-history summary>.mesa-glyph{margin-left:auto}.prototype-note summary{display:flex;align-items:center;gap:12px}
select{appearance:none;padding-right:45px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9c4 0 5 7 8 7s4-7 8-7' fill='none' stroke='%233a5042' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-size:24px!important;background-repeat:no-repeat!important;background-position:right 12px center!important}
.task-list input[type=checkbox],.brief-choice input[type=radio]{appearance:none;flex:none;width:22px;height:22px;border:1.4px solid var(--muted);border-radius:5px 9px 5px 5px;background:transparent;display:grid;place-items:center;margin:0}
.task-list input[type=checkbox]:checked,.brief-choice input[type=radio]:checked{background:var(--ink);border-color:var(--ink)}
.task-list input[type=checkbox]:checked:after,.brief-choice input[type=radio]:checked:after{content:'';width:14px;height:14px;background:var(--paper);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13c2 0 4 4 6 5 3-6 5-9 10-12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain}
/* Approved identity and source-resolution landscape treatment. */
.wordmark .approved-logo{display:block;width:240px;height:89px;object-fit:contain}.masthead{padding-block:15px}.masthead.scrolled{padding-block:9px}.site-footer .wordmark .approved-logo{width:240px;height:89px}.hero-film video{filter:saturate(1.01) brightness(1);transform:scale(calc(1.015 + var(--hero-progress)*.025)) translateY(calc(var(--hero-progress)*8px))}.apps-landscape>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}.apps-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102c24dd 0%,#102c2490 55%,#102c2430),linear-gradient(0deg,#102c24cc,transparent 65%)}.apps-hero .apps-landscape{opacity:1}.apps-hero .apps-landscape:after{opacity:.15}.regional-photo{background:var(--surface);display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:center}.regional-photo-copy>p:first-child{font:11px/1.5 Mono,monospace;color:var(--muted);margin-bottom:27px}.regional-photo h2{font-size:clamp(45px,5vw,76px);line-height:1.02;margin-bottom:30px}.regional-photo-copy>p:last-child{font-size:16px;line-height:1.7;color:var(--muted);max-width:38ch}.regional-photo figure{margin:0;position:relative;overflow:hidden;border-radius:6px 100px 6px 6px;min-height:550px;background:var(--ground)}.regional-photo img{display:block;width:100%;height:550px;object-fit:cover;transform:scale(1.035);animation:regional-breathe 22s ease-in-out infinite alternate}.regional-photo figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:20px;color:#f4f4e8;padding:55px 28px 25px;background:linear-gradient(transparent,#142d25d9);font-size:10px}.regional-photo figcaption span:last-child{font-size:8px;max-width:19ch}.regional-photo-services figure{border-radius:100px 6px 6px 6px}.regional-photo-apps figure{border-radius:6px 6px 100px 6px}.regional-photo-studio figure{border-radius:6px 100px 6px 6px}@keyframes regional-breathe{to{transform:scale(1.075) translateY(-5px)}}
@media(max-width:1100px){.wordmark .approved-logo{width:200px;height:74px}.masthead nav{gap:20px}.regional-photo{gap:35px}.regional-photo figure,.regional-photo img{min-height:450px;height:450px}}
@media(max-width:820px){.wordmark .approved-logo{width:180px;height:67px}.regional-photo{grid-template-columns:1fr;gap:30px;padding-block:65px}.regional-photo-copy>p:last-child{max-width:55ch}.regional-photo figure,.regional-photo img{height:460px;min-height:0}.regional-photo h2{max-width:12ch}.regional-photo figcaption{padding:45px 20px 22px}.masthead.scrolled{padding-block:8px}}
@media(max-width:420px){.wordmark .approved-logo{width:165px;height:62px}.regional-photo figure,.regional-photo img{height:390px}.regional-photo figure{border-top-right-radius:65px}.regional-photo h2{font-size:45px}}
/* Original motion studies and industry journeys */
.motion-story{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:6vw;align-items:center;padding-top:110px;padding-bottom:100px}.motion-story h2{font-size:clamp(38px,4.5vw,76px);line-height:1.02;max-width:13ch}.motion-story>div>p:last-child{max-width:39ch;line-height:1.7;margin-top:28px}.motion-story figure{margin:0;min-width:0}.motion-story video{width:100%;display:block;aspect-ratio:8/5;object-fit:contain;border-radius:9px 64px 9px 9px;background:#203731}.motion-story figcaption{font-size:12px;line-height:1.6;max-width:65ch;margin-top:16px;opacity:.72}
.industry-links{padding-top:90px;padding-bottom:100px}.industry-links h2{font-size:clamp(38px,5vw,78px);line-height:1.04;margin:20px 0}.industry-links>div>p{max-width:48ch;line-height:1.6}.industry-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px}.industry-link-grid>a{display:flex;flex-direction:column;gap:24px;color:inherit;text-decoration:none;border-top:4px solid var(--industry);border-bottom:1px solid currentColor;padding:24px 0;transition:transform .25s}.industry-link-grid>a:hover{transform:translateY(-5px)}.industry-link-grid strong{font-size:clamp(23px,2.3vw,35px);line-height:1.13;max-width:18ch}.industry-link-grid>a>span:first-child{font-size:13px}.industry-link-action{font-size:12px;margin-top:auto;display:flex;justify-content:space-between;gap:12px}
.industry-page{--ink:#203731;--paper:#f4f4e8;--sage:#a8b599;--ochre:#c19055;--muted:#526555;--line:#b9c3b2;background:var(--paper);color:var(--ink);min-height:100vh}.industry-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 5vw;border-bottom:1px solid #ccd1c0}.industry-header img{width:220px;height:auto;display:block}.industry-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.industry-header a,.industry-page a{color:inherit}.industry-header nav a{text-decoration:none}.industry-header nav a:last-child{border-bottom:1px solid currentColor;padding-bottom:8px}.industry-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;min-height:700px;padding-top:70px;padding-bottom:90px;overflow:hidden}.industry-hero h1{font-family:Shoulders,sans-serif;font-weight:900;font-size:clamp(64px,7vw,112px);line-height:.95;letter-spacing:-.035em;max-width:12ch;margin:22px 0 30px}.industry-hero p{max-width:46ch;line-height:1.7}.industry-hero .primary-button{margin-top:22px}.industry-page .primary-button{background:var(--ink);color:var(--paper);text-decoration:none;display:inline-flex;padding:18px 25px}.industry-art{width:100%;background:var(--industry-current-light,var(--industry-light));border-radius:50% 50% 6% 6%;overflow:visible;transform:rotate(-3deg)}.industry-sun{fill:#d5ab67;transform-origin:575px 125px;animation:industry-sun 12s ease-in-out infinite}.industry-ridge{fill:var(--industry);opacity:.35}.industry-foreground{fill:var(--industry);opacity:.2}.industry-drawing{stroke:var(--industry);fill:var(--industry)}.industry-river{stroke:var(--industry);stroke-dasharray:12 12;animation:industry-river 9s linear infinite}.industry-trace{stroke-dasharray:600;animation:industry-trace 8s ease-in-out infinite}.industry-problem{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:95px;padding-bottom:70px;background:var(--industry-current-light,var(--industry-light))}.industry-page h2{font-family:Shoulders,sans-serif;font-weight:900;font-size:clamp(40px,4.5vw,70px);line-height:1.05;letter-spacing:-.025em;margin:0 0 25px;max-width:18ch}.industry-problem p,.industry-offers p,.industry-demo p,.industry-faq p,.industry-contact p{line-height:1.75;max-width:56ch}.industry-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;padding-top:90px;padding-bottom:100px}.industry-offers article{border-top:2px solid var(--industry);padding-top:22px}.industry-offers article>span{font-size:13px}.industry-offers h3{font-size:28px;line-height:1.2;margin:28px 0 20px}.industry-demo{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding-top:50px;padding-bottom:90px}.industry-demo-panel{background:var(--industry-current-light,var(--industry-light));border-radius:8px 48px 8px 8px;padding:32px}.industry-demo-label{display:flex;justify-content:space-between;gap:18px;align-items:center}.industry-demo-label>span{font-size:11px}.industry-steps{display:flex;gap:8px;margin:30px 0}.industry-steps button{flex:1;border:1px solid #a0afa0;background:transparent;padding:16px 10px;color:inherit;font:inherit;font-size:12px;cursor:pointer;border-radius:4px 17px 4px 4px}.industry-steps button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.industry-steps button>span{display:block;margin-bottom:12px;font-size:22px}.industry-result{min-height:145px;padding:22px 0;border-top:1px solid #b3bba9;animation:industry-result .25s ease-out}.industry-result>span{font-size:24px}.industry-demo-note{font-size:11px;margin:24px 0 0}.industry-faq{padding-top:60px;padding-bottom:80px}.industry-faq details{padding:22px 0;border-top:1px solid #a4b19d;max-width:850px}.industry-faq summary{cursor:pointer;font-size:22px}.industry-contact{background:var(--ink);color:var(--paper);padding-top:90px;padding-bottom:100px}.industry-contact .primary-button{background:var(--paper);color:var(--ink);margin:25px 25px 0 0}.industry-footer{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #b3bba9;padding-top:35px;padding-bottom:35px;font-size:13px}.industry-footer p{width:100%;font-size:11px}.industry-page :focus-visible{outline:3px solid var(--industry);outline-offset:5px}.industry-contact :focus-visible{outline-color:var(--paper)}
@keyframes industry-sun{50%{transform:translateY(-13px) scale(1.05)}}@keyframes industry-river{to{stroke-dashoffset:-240}}@keyframes industry-trace{0%,10%{stroke-dashoffset:600}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-600}}@keyframes industry-result{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.industry-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-header nav{gap:15px}.industry-header img{width:170px}.industry-hero{min-height:600px}.industry-demo{gap:4vw}}
@media(max-width:680px){.motion-story{grid-template-columns:1fr;gap:30px;padding-top:70px;padding-bottom:65px}.motion-story h2{max-width:17ch}.motion-story video{border-radius:6px 35px 6px 6px}.industry-links{padding-top:65px;padding-bottom:65px}.industry-link-grid{gap:22px}.industry-link-grid strong{font-size:24px}.industry-header{align-items:flex-start;flex-wrap:wrap;padding:20px 6vw}.industry-header nav{width:100%;justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}.industry-header nav a:last-child{display:none}.industry-hero{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:60px}.industry-hero h1{font-size:64px;max-width:13ch}.industry-art{max-width:440px;justify-self:center}.industry-problem,.industry-demo{grid-template-columns:1fr;gap:25px;padding-top:60px;padding-bottom:60px}.industry-offers{grid-template-columns:1fr;gap:38px;padding-top:50px;padding-bottom:50px}.industry-offers h3{margin:18px 0}.industry-demo-panel{padding:22px}.industry-demo-label{align-items:flex-start;flex-direction:column;gap:10px}.industry-steps{gap:5px}.industry-steps button{padding:12px 5px;font-size:11px}.industry-contact>a:last-child{display:block;margin-top:25px}.industry-footer{gap:15px}}

.industry-page{transition:background-color .8s,color .8s}.industry-page.season-summer{--paper:#f6eddb;--industry-current-light:#efddc3}.industry-page.season-autumn{--paper:#f1e7d4;--industry-current-light:#e8d5b8}.industry-page.season-winter{--paper:#edf2ef;--industry-current-light:#dfe9e7}.industry-page.season-winter .industry-sun{fill:#c5d8de}.industry-problem,.industry-demo-panel,.industry-art{transition:background-color .8s}

/* A cinematic identity interlude: the frame opens as the visitor approaches. */
.motion-home{display:block;position:relative;isolation:isolate;background:#203731;color:#f4f0df;padding-top:100px;padding-bottom:85px;overflow:hidden}
.motion-home>div{display:grid;grid-template-columns:1.6fr 1fr;column-gap:8vw;align-items:end;position:relative;z-index:2;margin-bottom:50px}
.motion-home>div>.section-kicker{grid-column:1/-1;color:#c6d0ac;margin-bottom:24px}
.motion-home h2{font-size:clamp(48px,6vw,96px);max-width:14ch;letter-spacing:-.055em}
.motion-home>div>p:last-child{font-size:16px;max-width:33ch;color:#dce1ca;margin-bottom:5px}
.motion-home figure{position:relative;margin-inline:calc((.5 - var(--scene-progress,.5))*28px);transform:perspective(1600px) rotateX(calc((.5 - var(--scene-progress,.5))*9deg));transform-origin:center bottom}
.motion-home video{border-radius:clamp(14px,calc(120px - var(--scene-progress,.5)*140px),120px) 14px 14px 14px;width:100%;box-shadow:0 24px 70px #0e251d40;border:1px solid #b1bd9438}
.motion-home figcaption{color:#ccd7b6;font-size:10px}
.motion-home:before{content:'';position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 100% 0,transparent 0 38px,#b6c39b0a 39px 40px,transparent 41px 75px);pointer-events:none}
/* Leave a clear foreground for the freestanding Mesa character. */
@media(min-width:821px){.hero-actions{padding-right:80px}.hero-content h1{font-size:clamp(85px,9.4vw,152px);max-width:15ch}.hero-line{padding-bottom:.2em;margin-bottom:-.16em}.hero-bottom{margin-top:40px}}
@media(max-width:680px){.motion-home{padding-block:65px}.motion-home>div{grid-template-columns:1fr;gap:0;margin-bottom:32px}.motion-home h2{font-size:clamp(42px,10vw,64px);max-width:16ch}.motion-home>div>p:last-child{font-size:14px;margin-top:24px}.motion-home figure{margin-inline:0;transform:none}.motion-home video{border-radius:38px 8px 8px 8px}.site-footer{padding-bottom:140px}.industry-footer{padding-bottom:140px}.hero-actions{max-width:calc(100% - 65px)}}