@font-face{font-family:Studio Sans;src:url("./StudioSans-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Studio Sans;src:url("./StudioSans-Medium.woff") format("woff");font-weight:500 900;font-style:normal;font-display:swap}
:root{--ink:#0b2640;--paper:#f4f7fa;--orange:#ff9a65;--cyan:#93dbfa;--muted:#65798d;--ease:cubic-bezier(.22,1,.36,1);--gutter:32px;--max:1320px;font-family:Studio Sans,Arial,sans-serif;color:var(--ink);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}body.modal-open{overflow:hidden}h1,h2,h3,h4,h5,p,figure{margin:0}h1,h2,h3,h4,h5{font-weight:500;line-height:1.1}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,textarea,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button{background:none;border:0}img{display:block;max-width:100%}svg{display:block}svg.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.wrap{width:min(var(--max),100% - var(--gutter)*2);margin-inline:auto;min-width:0}.section{padding-block:108px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.6px;font-weight:500;line-height:1.6;text-transform:uppercase;margin-bottom:24px}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#73cdb2;box-shadow:0 0 0 4px #73cdb21a}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font-size:27px;font-weight:500;line-height:1.2;letter-spacing:-1.1px}.brand>img{object-fit:contain;flex-shrink:0}.brand small{display:block;font-size:8px;letter-spacing:2px;line-height:1.4;margin-top:5px}.site-header{z-index:30;position:sticky;top:0;backdrop-filter:blur(18px);transition:background .35s,box-shadow .35s}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:90px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:12px}.site-header nav>a:not(.btn){padding-block:12px;position:relative}.site-header nav>a:not(.btn)::after{position:absolute;bottom:8px;left:0;content:"";height:1px;width:100%;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .3s}.site-header nav>a:hover::after{transform:scaleX(1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:53px;padding:14px 23px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;line-height:1.5;position:relative;overflow:hidden;transition:transform .35s var(--ease),background .25s,box-shadow .25s;white-space:nowrap}.btn .icon{width:18px;height:18px;transition:transform .35s var(--ease)}.btn:hover .icon{transform:translate(2px,-2px)}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000015}.btn-primary{background:var(--orange);color:#142c43}.btn-ghost{background:transparent;border-color:#ffffff3d;color:#fff}.btn-ghost:hover{background:#ffffff0a}.btn-small{min-height:43px;padding:10px 18px;font-size:12px;gap:20px}.text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding:9px 0;font-size:12px;font-weight:500;text-align:left;line-height:1.6}.text-link .icon{width:17px;height:17px;transition:transform .3s}.text-link:hover .icon{transform:translate(2px,-2px)}.hero-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:47px}.section-heading>div{min-width:0}.section-heading h2,h2{font-size:clamp(32px,4.2vw,55px);letter-spacing:-2.1px;line-height:1.12;text-wrap:balance}.section-heading h2>span,h2>span{color:var(--muted)}.section-heading>p,.section-note{font-size:13px;line-height:1.8;max-width:250px;color:var(--muted)}.menu-toggle{display:none;width:44px;height:44px;border:1px solid #ffffff30;border-radius:7px;padding:12px}.menu-toggle span{display:block;height:1px;background:currentColor;transition:transform .3s}.menu-toggle span+span{margin-top:6px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:translateY(-3.5px) rotate(-45deg)}.reveal{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}.motion-ready .reveal:not(.in-view){opacity:0;transform:translateY(25px)}.motion-ready .reveal.in-view{opacity:1;transform:none}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq-list details{border-bottom:1px solid #758fa638}.faq-list summary{list-style:none;font-size:15px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;min-height:80px;padding:20px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;line-height:1;transition:transform .35s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:13px;line-height:1.85;max-width:460px;padding:0 28px 24px 0;color:var(--muted)}.skip-link{position:fixed;top:-100px;left:18px;padding:14px 22px;background:#fff;color:var(--ink);z-index:100;border-radius:8px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript-note{padding:16px;font-size:12px;background:#fff;color:var(--ink)}:focus-visible{outline:3px solid #2db8ec;outline-offset:5px}::selection{background:#ffb38b;color:#102a43}
@media(max-width:1000px){.section{padding-block:85px}.site-header nav{gap:22px}.section-heading h2,h2{font-size:43px}.faq-section{gap:45px}}
@media(max-width:800px){:root{--gutter:24px}.header-inner{min-height:80px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px var(--gutter);flex-direction:column;align-items:stretch;gap:12px;box-shadow:0 15px 20px #0000000a}.site-header nav.open{display:flex}.section-heading{align-items:flex-start;flex-direction:column;gap:25px}.section-heading>p,.section-note{max-width:400px}.faq-section{grid-template-columns:1fr;gap:26px}.section-heading h2,h2{font-size:41px;letter-spacing:-1.4px}.brand{font-size:25px}.eyebrow{font-size:9px;letter-spacing:1.2px}.faq-list summary{min-height:73px;font-size:14px}}
@media(max-width:520px){:root{--gutter:20px}.section{padding-block:66px}.header-inner{min-height:76px;gap:15px}.brand>img{width:35px;height:35px}.section-heading{margin-bottom:32px}.section-heading h2,h2{font-size:35px;letter-spacing:-1.2px}.btn{font-size:12px;padding:14px 18px;gap:23px;min-height:50px}.hero-actions{gap:12px}.faq-list p{font-size:12px}.text-link{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1px}}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important;transition-duration:.01ms!important}html.motion-paused{scroll-behavior:auto}html.motion-paused .reveal{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1!important;transform:none!important}}

/* Shared portfolio and operational sections. */
:root{--ink:#142d3c;--paper:#f5f5ef;--muted:#5f7079;--accent:#2e63ce;--lime:#d8ef87;--line:#142d3c21;--gutter:40px;--max:1360px;--section-gap:84px}
body{background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65}
em{font:inherit;color:var(--accent)}
.wrap{width:min(var(--max),calc(100% - var(--gutter)*2))}
.section{padding-block:var(--section-gap)}
h2,.section-heading h2{font-size:clamp(30px,3.6vw,48px);line-height:1.12;letter-spacing:-1.6px}
.eyebrow{font-size:11px;line-height:1.6;letter-spacing:1.1px;margin-bottom:16px}
.section-heading{margin-bottom:32px;gap:32px}
.section-heading>p{font-size:14px;line-height:1.7;max-width:265px}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:60}
.site-header{background:#f5f5eff2;border-bottom:1px solid var(--line)}
.site-header.scrolled{background:#f5f5effa;box-shadow:0 5px 18px #122b3908}
.header-inner{min-height:82px;gap:24px}
.brand{font-size:27px;letter-spacing:-1px;gap:10px;min-width:max-content}
.brand img{width:38px;height:38px;object-fit:contain}
.header-note{font-size:10px;letter-spacing:.65px;line-height:1.5;margin-right:auto;color:var(--muted)}
.site-header nav{gap:25px;font-size:14px}
.site-header nav .btn{background:var(--ink);color:#fff}
.menu-toggle{border-color:var(--line)}
.btn{border-radius:7px;min-height:52px;font-size:14px;gap:24px;padding:13px 20px}
.btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #142d3c12}
.btn-primary{background:var(--accent);color:#fff}
.btn-outline{background:transparent;border-color:var(--line);color:var(--ink)}
.btn-small{min-height:43px;padding:9px 16px;font-size:12px;gap:16px}
.text-link{font-size:14px;gap:18px}
.status-dot{width:6px;height:6px;background:var(--lime);box-shadow:none}
/* Four equal, unrotated frames. Art uses container units, never natural height. */
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:28px;align-items:start}
.work-card{background:#fff;border-radius:16px;box-shadow:0 5px 22px #122b3906;min-width:0;align-self:start;display:grid;grid-template-rows:auto 80px}
.motion-ready .work-card.reveal:not(.in-view){transform:none}
.project-viewport{width:100%;aspect-ratio:4 / 3;position:relative;overflow:hidden;contain:paint;container-type:inline-size;isolation:isolate;background:#d9d9d0;border:1px solid #152d3d18;border-radius:16px 16px 0 0}
.project-art{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;display:grid;font-size:1.35cqw;line-height:1.45;letter-spacing:0;min-width:0}
.project-art *{min-width:0}.project-art>*{min-height:0;overflow:hidden}.project-art img{width:100%;height:100%;object-fit:cover}
.project-art h3,.project-art h4{line-height:1.04;letter-spacing:-.15cqw;font-weight:500}
.project-art em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic}
.project-art .icon{width:3.2cqw;height:3.2cqw;stroke-width:1.4}
.concept-nav{display:flex;justify-content:space-between;align-items:center;padding:1cqw 3.2cqw;gap:2cqw;border-bottom:1px solid #00000012;white-space:nowrap}
.concept-nav>strong{font-size:2.55cqw;line-height:1;letter-spacing:-.1cqw;font-weight:500;display:flex;align-items:center;gap:.5cqw}
.concept-nav>div{display:flex;gap:2.2cqw;align-items:center;font-size:1.04cqw;font-weight:400}
.concept-nav>div>b{font-weight:500;padding:.75cqw 1.2cqw;border:1px solid currentColor}
.concept-kicker{font-size:1cqw;letter-spacing:.13cqw;line-height:1.6;display:block}
.concept-button{font-size:1.2cqw;padding:1.1cqw 1.5cqw;display:inline-flex;line-height:1.3;align-items:center;gap:2cqw;font-weight:500}
.concept-footer{display:flex;align-items:center;justify-content:space-between;padding:1.2cqw 3.2cqw;font-size:.85cqw;letter-spacing:.1cqw;border-top:1px solid #00000016}
.work-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;min-height:80px}
.work-caption h3{font-size:22px;line-height:1.3;letter-spacing:-.6px;display:flex;align-items:center;gap:10px}
.work-caption h3>span{font-size:9px;align-self:flex-start;line-height:2.1;letter-spacing:.5px;color:var(--muted)}
.work-caption p{font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px}
.work-caption>a{width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0;transition:background .3s,color .3s;overflow:hidden}
.work-caption>a:hover{color:var(--paper);background:var(--ink)}
.work-caption>a .icon{width:20px;height:20px;transition:transform .35s var(--ease)}
.work-caption>a:hover .icon{transform:translate(2px,-2px)}
.project-category{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%;color:var(--muted)}.project-category i{font-size:22px;font-style:normal;line-height:1;color:var(--ink)}

.design-comfort{grid-template-rows:9% 51% 8% 25% 7%;background:#f8f9f1;color:#153650}
.design-comfort .concept-nav{background:#f8f9f1}.design-comfort .concept-nav>div>b{background:#153650;color:#fff;border-color:#153650}
.cf-hero{display:grid;grid-template-columns:54% 46%;overflow:hidden}
.cf-heading{padding:3.4cqw 2.8cqw 2.8cqw 3.2cqw;display:flex;flex-direction:column;align-items:flex-start}
.cf-heading .concept-kicker{font-size:.9cqw;letter-spacing:.06cqw}
.cf-heading h3{font-size:6.2cqw;margin-top:2.1cqw;letter-spacing:-.25cqw}.cf-heading h3 em{color:#de784c}
.cf-heading p{font-size:1.23cqw;margin-top:1.4cqw;line-height:1.5}
.cf-heading .concept-button{background:#153650;color:white;margin-top:2.2cqw}
.cf-hero figure{position:relative;overflow:hidden}.cf-hero figure>img{object-position:48% center;transition:transform 1.2s var(--ease)}
.work-card:hover .cf-hero figure>img{transform:scale(1.045)}
.cf-dial{position:absolute;width:13cqw;height:13cqw;right:2cqw;bottom:2cqw;background:#f8f9f1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 1cqw 3cqw #11111122}
.cf-dial svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#15365014;stroke-width:2}.cf-dial svg .dial-arc{stroke:#e67c50;stroke-dasharray:180 277;transform-origin:center;animation:dial-shift 8s ease-in-out infinite alternate}
.cf-dial>b{font-size:4.1cqw;font-weight:400;line-height:1.1}.cf-dial>span{font-size:.8cqw;letter-spacing:.1cqw;margin-top:.6cqw}
.cf-strip{display:flex;align-items:center;justify-content:space-between;padding-inline:3.2cqw;background:#153650;color:#fafaf4;font-size:.95cqw}
.cf-services{display:grid;grid-template-columns:1.1fr 1fr 1fr;padding:2.6cqw 3.2cqw;gap:2.1cqw}
.cf-service-title>span{font-size:.8cqw;letter-spacing:.1cqw}.cf-service-title h4{font-size:2.65cqw;margin-top:1.5cqw}
.cf-service{position:relative;border-left:1px solid #15365021;padding-left:2cqw;display:flex;align-items:flex-start;flex-direction:column;gap:.8cqw}
.cf-service>.icon{width:2.6cqw;height:2.6cqw;color:#d7774b}.cf-service>strong{font-size:1.9cqw;font-weight:500;line-height:1.2}.cf-service>span{font-size:.95cqw}.cf-service>b{position:absolute;right:0;top:0;font-size:1.7cqw;font-weight:400}

.design-terra{grid-template-rows:9% 57% 27% 7%;background:#eae9dc;color:#3e4a2f;font-family:Georgia,"Times New Roman",serif}
.design-terra .concept-nav>strong{font-size:4cqw;letter-spacing:-.2cqw}.design-terra .concept-nav>strong>span{font-family:Arial,sans-serif;font-size:1cqw;align-self:flex-start}
.design-terra .concept-nav>div,.design-terra .concept-kicker,.design-terra .concept-footer{font-family:Studio Sans,Arial,sans-serif}
.terra-splash{position:relative;overflow:hidden}.terra-splash>img{object-position:center 52%;animation:landscape-drift 24s ease-in-out infinite alternate}
.terra-splash::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#18291cb5 0,#18291c1a 72%)}
.terra-overlay{position:absolute;inset:3.6cqw 4cqw;z-index:1;color:#fff}.terra-overlay .concept-kicker{font-size:.95cqw;letter-spacing:.13cqw}
.terra-overlay h3{font-family:Georgia,"Times New Roman",serif;font-size:7.2cqw;font-weight:400;letter-spacing:-.2cqw;margin-top:3.3cqw}
.terra-overlay>div{display:flex;align-items:flex-end;justify-content:space-between;gap:3cqw;margin-top:2.4cqw;font-family:Studio Sans,Arial,sans-serif}
.terra-overlay>div>span{font-size:1.1cqw;line-height:1.5}.terra-overlay>div>b{font-size:.85cqw;letter-spacing:.07cqw;line-height:1.6;font-weight:400;border-bottom:1px solid #ffffff70;padding-bottom:.5cqw}
.terra-side{position:absolute;right:1.1cqw;top:5cqw;z-index:1;font-family:Studio Sans,Arial,sans-serif;font-size:.7cqw;letter-spacing:.2cqw;writing-mode:vertical-rl;color:#fff}
.terra-story{display:grid;grid-template-columns:14% 47% 39%;padding:2.6cqw 3.2cqw;align-items:center}
.terra-number{font-size:5.4cqw;font-style:italic;opacity:.45;line-height:1}
.terra-story h4{font-family:Georgia,serif;font-size:3.5cqw;margin-top:1.1cqw;font-weight:400}.terra-story p{font-family:Studio Sans,Arial,sans-serif;font-size:1cqw;line-height:1.6;margin-top:1cqw}
.terra-story figure{height:100%;position:relative;overflow:hidden}.terra-story figure>img{object-position:100% 15%;transform:scale(1.35)}
.terra-story figure>span{position:absolute;left:1cqw;bottom:1cqw;font-family:Studio Sans,Arial,sans-serif;font-size:.7cqw;letter-spacing:.1cqw;padding:.6cqw;background:#eae9dcea}

.design-apex{grid-template-rows:9% 62% 22% 7%;background:#ecece3;color:#252e2b}
.design-apex .concept-nav{background:#f1693b;border-bottom-color:#252e2b25}.design-apex .concept-nav>strong{font-size:2.55cqw;font-weight:500;letter-spacing:-.08cqw;gap:.8cqw}.design-apex .concept-nav>strong>span{font-family:monospace;font-size:.7cqw;letter-spacing:.1cqw;display:inline-block;width:6cqw;line-height:1.3}
.design-apex .concept-nav>div{font-family:monospace;font-size:.93cqw}.design-apex .concept-nav>div>b{border:0;padding:0;font-size:.86cqw}
.apex-main{display:grid;grid-template-columns:56% 44%;overflow:hidden}.apex-copy{padding:3.2cqw;position:relative}
.apex-copy .concept-kicker{font-family:monospace;font-size:.92cqw;letter-spacing:.07cqw}
.apex-copy h3{font-size:6.25cqw;font-weight:500;line-height:.98;letter-spacing:-.21cqw;margin-top:2.8cqw}.apex-copy h3 em{font:inherit;color:#ee693c}
.apex-copy p{font-size:1.15cqw;line-height:1.5;margin-top:1.9cqw}.apex-copy .concept-button{background:#f1693b;font-family:monospace;font-size:.93cqw;margin-top:2.4cqw}
.apex-index{display:flex;justify-content:space-between;gap:1cqw;font-family:monospace;font-size:.69cqw;letter-spacing:0;position:absolute;left:3.2cqw;right:3.2cqw;bottom:2.1cqw;border-top:1px solid #252e2b25;padding-top:1cqw}
.apex-engineering{background:#253830;position:relative;overflow:hidden;color:#f0eee5;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:4cqw 4cqw}
.technical-label{position:absolute;top:2cqw;left:2cqw;font-family:monospace;font-size:.7cqw;letter-spacing:.05cqw;color:#b9c5b8}
.heatpump-art{position:absolute;top:6cqw;left:1cqw;right:1cqw;width:calc(100% - 2cqw);height:30cqw;overflow:hidden}
.heatpump-art text{font-family:monospace;fill:#ff8b56;font-size:7px;letter-spacing:1px}.fan-rotor{transform-box:fill-box;transform-origin:center;animation:fan-turn 8s linear infinite}
.apex-air-line{fill:none;stroke:#b4c5ad;stroke-width:1.3;stroke-dasharray:8 11;animation:air-current 3s linear infinite}
.apex-spec{position:absolute;bottom:2cqw;left:2cqw;right:2cqw;border-top:1px solid #c1cbbb30;padding-top:1.2cqw;display:grid;grid-template-columns:1fr 1.15fr;gap:1cqw}
.apex-spec>span{font-size:.68cqw;letter-spacing:.08cqw;font-family:monospace;color:#c3ccbc}.apex-spec>b{font-size:1.25cqw;font-weight:400;line-height:1.4}.apex-spec>span:last-child{grid-column:1/-1;color:#ff8b56;font-size:.68cqw}
.apex-photo{position:relative;overflow:hidden;color:#fff}.apex-photo>img{object-position:68% 62%;transition:transform 1.2s var(--ease)}.work-card:hover .apex-photo>img{transform:scale(1.04)}
.apex-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#172722b3,transparent)}
.apex-photo>div{position:absolute;left:3.2cqw;top:2cqw;z-index:1}.apex-photo>div>span{font-family:monospace;font-size:.8cqw;letter-spacing:.06cqw;display:block}.apex-photo>div>b{display:block;font-size:2.65cqw;font-weight:400;line-height:1.1;margin-top:1.2cqw}.apex-photo>i{position:absolute;right:3cqw;bottom:2cqw;z-index:1;font-style:normal;font-size:3cqw}
.design-apex .concept-footer{font-family:monospace;font-size:.76cqw}

.design-bloom{grid-template-rows:9% 58% 26% 7%;background:#ded8eb;color:#473a60}
.design-bloom .concept-nav{background:#ded8eb;border-bottom-color:#473a6026}.design-bloom .concept-nav>strong{font-family:Georgia,serif;font-size:3.7cqw;letter-spacing:-.16cqw}.design-bloom .concept-nav>strong>span{font-size:3.5cqw;color:#8d74a8;line-height:1}
.design-bloom .concept-nav>div>b{background:#f6eea9;border:0;border-radius:3cqw;font-size:1.05cqw;padding:.85cqw 1.4cqw}
.bloom-main{position:relative;display:grid;grid-template-columns:54% 46%;padding:3.2cqw;overflow:hidden;gap:1cqw}
.bloom-copy{position:relative;z-index:1}.bloom-copy .concept-kicker{font-size:.82cqw;letter-spacing:.055cqw}.bloom-copy h3{font-family:Georgia,serif;font-size:5.9cqw;font-weight:400;line-height:1.05;margin-top:2.4cqw;letter-spacing:-.17cqw}.bloom-copy h3 em{color:#9577b4}
.bloom-copy p{font-size:1.02cqw;line-height:1.5;margin-top:1.4cqw}.bloom-copy .concept-button{background:#473a60;color:#fff;border-radius:3cqw;font-size:1.08cqw;padding:1.3cqw 1.7cqw;margin-top:2.2cqw}
.bloom-tags{display:flex;gap:1cqw;margin-top:2.8cqw}.bloom-tags>span{font-size:.72cqw;letter-spacing:.06cqw;border-bottom:1px solid #473a6040;padding-bottom:.5cqw}
.bloom-photo{border-radius:50% 50% 0 0;overflow:hidden;position:relative;background:#d8d0bc}.bloom-photo>img{object-position:73% center;animation:bloom-drift 18s ease-in-out infinite alternate}
.bloom-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#473a606b,transparent)}.bloom-photo figcaption{position:absolute;bottom:3cqw;left:0;right:0;text-align:center;color:#fff;font-size:1.2cqw;line-height:1.3;z-index:1;letter-spacing:.08cqw}.bloom-photo figcaption em{font-size:2.7cqw;text-transform:none;letter-spacing:-.08cqw}
.bloom-flower{position:absolute;right:1cqw;top:0;line-height:1;font-family:Georgia,serif;color:#f6eea9;font-size:12cqw;z-index:2;animation:flower-sway 10s ease-in-out infinite alternate}
.bloom-bottom{display:grid;grid-template-columns:1fr 1fr;gap:2.3cqw;background:#f4f0e8;padding:2.8cqw 3.2cqw;align-items:center}
.bloom-bottom>div>h4{font-family:Georgia,serif;font-weight:400;font-size:3.4cqw;margin-top:1cqw;letter-spacing:-.1cqw}.bloom-bottom>div>p{font-size:.92cqw;line-height:1.5;margin-top:1cqw}
.bloom-plan{background:#ded8eb;padding:1.6cqw;border-radius:.7cqw}.bloom-plan>span{font-size:.73cqw;letter-spacing:.05cqw;display:block}.bloom-plan>div{display:flex;gap:.8cqw;margin-top:1.5cqw;font-size:.85cqw;white-space:nowrap}.bloom-plan>div>*{font-style:normal;font-weight:400;border:1px solid #473a6020;border-radius:3cqw;padding:.65cqw .9cqw}.bloom-plan>div>b{background:#f6eea9;border-color:transparent}
.bloom-plan>footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.2cqw;font-size:.72cqw}.bloom-plan>footer>b{font-size:1.8cqw;font-weight:400}


/* Business value is explained with short mechanisms, never invented figures. */
.outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.outcome-card{padding:24px 22px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;min-width:0;background:#fff}
.outcome-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;color:var(--accent)}
.outcome-card-top>span{font-size:10px;letter-spacing:.8px}.outcome-card-top>.icon{width:21px;height:21px}
.outcome-card h3{font-size:23px;letter-spacing:-.55px;line-height:1.25;min-height:2.5em}
.outcome-card>p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:14px;margin-bottom:22px}
.outcome-flow{display:flex;gap:7px;align-items:center;margin-top:auto;padding-block:15px;border-block:1px solid var(--line)}
.outcome-flow>span{font-size:8px;letter-spacing:.45px;white-space:nowrap}.outcome-flow>i{min-width:8px;flex:1;height:1px;background:#2e63ce50;position:relative}.outcome-flow>i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #2e63ce70;border-right:1px solid #2e63ce70;transform:rotate(45deg)}
.outcome-card>small{font-size:11px;line-height:1.6;color:var(--muted);margin-top:15px}
.results-commitment{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;align-items:center;background:#e6ecdf;border:1px solid #142d3c13;border-radius:12px;padding:30px;margin-top:22px;position:relative;overflow:hidden}
.results-commitment h3{font-size:30px;letter-spacing:-1px;line-height:1.15}.results-commitment .eyebrow{font-size:10px;margin-bottom:12px}.results-commitment em{color:#396643}
.results-commitment>div>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:530px}.results-commitment>div>strong{font-size:19px;line-height:1.4;display:block;font-weight:500;max-width:560px;margin-top:13px}.commitment-note{font-size:11px;color:var(--muted);line-height:1.65;margin-top:10px;display:block}

.demo-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;align-items:center}
.demo-copy>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:365px;margin-top:22px}.demo-copy>.btn{margin-top:24px}.demo-copy>.text-link{margin-top:16px;display:flex;width:max-content;max-width:100%}.demo-copy>small{display:block;font-size:11px;line-height:1.65;color:var(--muted);margin-top:20px}
.demo-preview{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden;position:relative;box-shadow:0 15px 40px #122b390a;container-type:inline-size}
.demo-preview-bar,.demo-preview-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 22px;background:#edf1ec;font-size:10px;letter-spacing:.8px;line-height:1.5}
.browser-dots{display:flex;gap:5px}.browser-dots>i{width:5px;height:5px;background:#142d3c45;border-radius:50%}.demo-preview-bar>b,.demo-preview-foot>b{font-size:18px;font-weight:400}.demo-preview-foot{border-top:1px solid var(--line);font-size:8px;letter-spacing:.55px}.demo-preview-foot img{width:25px;height:25px}.demo-preview-foot>span{margin-right:auto}
.demo-site-cover{background:#f8f7ef;color:#163c51}.demo-site-nav{display:flex;justify-content:space-between;align-items:center;padding:3cqw 4cqw;border-bottom:1px solid #142d3c15}.demo-site-nav>strong{font-size:2.7cqw;font-weight:500;letter-spacing:-.06cqw}.demo-site-nav>span{font-size:1.1cqw;letter-spacing:.16cqw}
.demo-site-hero{display:grid;grid-template-columns:1fr 1fr;min-height:36cqw}.demo-site-hero>div{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:4cqw}.demo-site-hero>div>span{font-size:1.1cqw;letter-spacing:.14cqw}.demo-site-hero h3{font-size:5.5cqw;letter-spacing:-.2cqw;line-height:1.07;margin-top:2cqw}.demo-site-hero h3 em{font-family:Georgia,serif;font-style:italic;color:#b77349}.demo-site-hero>div>b{font-size:1.3cqw;font-weight:400;background:#163c51;color:#fff;padding:1.2cqw 1.8cqw;border-radius:3px;margin-top:3cqw}
.demo-site-hero>figure{position:relative;overflow:hidden}.demo-site-hero figure>img{width:100%;height:100%;object-fit:cover;animation:photo-breathe 22s ease-in-out infinite alternate}.demo-temperature{position:absolute;right:3cqw;bottom:3cqw;width:13cqw;height:13cqw;border-radius:50%;border:.8cqw solid #ffffff88;background:#f8f7ef;display:flex;align-items:center;justify-content:center;flex-direction:column;outline:1px solid #ffffff40;outline-offset:1cqw}.demo-temperature>b{font-size:4.3cqw;font-weight:400;line-height:1.2}.demo-temperature>span{font-size:.6cqw;letter-spacing:.04cqw}
.demo-site-services{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;padding:3cqw 4cqw;border-top:1px solid #142d3c20;background:#f0efe5;font-size:1.8cqw}.demo-site-services>span{display:flex;gap:1cqw;align-items:center}.demo-site-services .icon{width:3cqw;height:3cqw;color:#b77349}

.platform-section{background:#dde7eb;border-block:1px solid #142d3c16}
.platform-network{position:relative;border:1px solid #142d3c17;border-radius:13px;padding:30px 30px 26px;background:#f8faf6;background-image:radial-gradient(#3451641a .8px,transparent .8px);background-size:18px 18px;text-align:center;overflow:hidden}
.platform-nodes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.platform-nodes>div{display:flex;gap:12px;align-items:center;justify-content:center;padding:20px 12px;background:#fff;border:1px solid #142d3c20;border-radius:7px;position:relative;z-index:1;transition:border-color .3s,background .3s}.platform-nodes>div:hover{border-color:#2e63ce77;background:#f1f6ff}.platform-nodes span{font-size:13px}.platform-nodes .icon{width:22px;height:22px;color:#2e63ce}
.platform-lines{display:flex;height:58px;border-bottom:1px solid #2e63ce66;margin-inline:8.33%}.platform-lines>i{flex:1;position:relative;border-left:1px solid #2e63ce66}.platform-lines>i:last-child{border-right:1px solid #2e63ce66}.platform-lines>i::before{content:"";position:absolute;width:4px;height:10px;left:-2px;top:0;background:#2e63ce;border-radius:2px;animation:channel-current 4.5s linear infinite}.platform-lines>i:nth-child(2n)::before{animation-delay:1.1s}.platform-lines>i:nth-child(3n)::before{animation-delay:2.2s}
.network-hub{position:relative;margin:27px auto 0;width:max-content;max-width:100%;display:flex;gap:12px;align-items:center;background:#142d3c;color:#fff;padding:16px 22px;border-radius:7px}.network-hub::before{content:"";position:absolute;height:28px;width:1px;background:#2e63ce66;bottom:100%;left:50%}.network-hub>span{font-size:14px}.network-hub>img{width:27px;height:27px}.network-hub>b{font-size:10px;letter-spacing:.2px;font-weight:400;color:#c3d3da;border-left:1px solid #ffffff30;padding-left:15px}

.work-section{padding-bottom:64px}
.process-section{border-top:1px solid var(--line)}
.process-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;position:relative;padding-top:28px}
.process-line{position:absolute;left:0;right:0;top:0;height:1px;background:#142d3c25;overflow:hidden}.process-line>i{height:100%;display:block;background:var(--accent);transform:scaleX(var(--process-progress,0));transform-origin:left;transition:transform .15s linear}
.process-track>article{min-width:0;position:relative}.process-number{font-size:35px;letter-spacing:-1px;line-height:1;margin-bottom:20px;display:block;color:var(--accent)}.process-track h3{font-size:24px;letter-spacing:-.5px}.process-track p{font-size:14px;line-height:1.75;color:var(--muted);max-width:310px;margin-top:12px}
.about-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding-top:36px}
.about-art{aspect-ratio:1.4;position:relative;overflow:hidden;border-radius:13px;background:#173643;isolation:isolate}.founder-photo{width:100%;height:100%;object-fit:cover}.studio-mark{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:38px;color:#f5f5ef}.mark-grid{position:absolute;inset:-40%;z-index:-1;transform:rotate(-15deg);background-image:linear-gradient(#d1e3e119 1px,transparent 1px),linear-gradient(90deg,#d1e3e119 1px,transparent 1px);background-size:46px 46px;animation:grid-drift 12s ease-in-out infinite alternate}.studio-mark>img{width:64px;height:64px;margin-bottom:22px}.studio-mark>strong{font-size:34px;letter-spacing:-1px;line-height:1.2;font-weight:500}.studio-mark em{color:var(--lime)}.about-art-note{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#173643dc;border-top:1px solid #c6d9d026;color:#bbd2da}.about-art-note>span{font-size:9px;letter-spacing:.9px}.about-art-note>b{font-size:25px;line-height:1;font-weight:400}
.about-copy>p{font-size:15px;line-height:1.85;margin-block:22px 14px;color:var(--muted);max-width:440px}
.faq-section{gap:64px;padding-top:48px}.faq-list details{border-bottom-color:var(--line)}.faq-list summary{font-size:16px;min-height:75px;line-height:1.5;gap:22px}.faq-list p{font-size:14px;line-height:1.85;color:var(--muted);max-width:500px}.faq-list details[open] p{animation:answer-in .3s var(--ease)}
.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.proof-grid>article{padding:27px;border:1px solid var(--line);border-radius:10px;background:#fff}.proof-grid h3{font-size:22px}.proof-grid p{font-size:14px;color:var(--muted);margin-top:14px}.proof-grid a{font-size:13px;text-decoration:underline;margin-top:16px;display:inline-block}

/* Actual appointment request; a calm, consistent form type scale. */
.booking-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center;border-top:1px solid var(--line)}
.booking-copy>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:390px;margin-top:22px}.appointment-agenda{display:flex;flex-direction:column;gap:13px;margin-top:26px}.appointment-agenda>span{display:flex;align-items:center;gap:11px;font-size:14px;line-height:1.6}.appointment-agenda .icon{width:18px;height:18px;color:var(--accent)}.booking-copy #bookingNote{font-size:12px;margin-top:25px}.booking-copy>.text-link{margin-top:15px}
.booking-card{min-width:0;border:1px solid var(--line);background:#fff;overflow:hidden;position:relative;border-radius:13px;box-shadow:0 12px 36px #122b3908}.booking-card-top{background:#142d3c;color:#f5f5ef;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 28px}.booking-card-top>div{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.9px}.booking-card-top .icon{width:21px;height:21px;color:var(--lime)}.booking-card-top>b{font-size:10px;font-weight:400;color:var(--lime);border:1px solid #d8ef8744;padding:5px 10px;border-radius:4px}
#bookingForm,.booking-calendar{padding:28px}.booking-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.booking-fields>label,.timezone-field{font-size:12px;font-weight:500;line-height:1.6;display:flex;flex-direction:column;gap:7px;min-width:0}.booking-fields .field-full{grid-column:1/-1}.booking-fields input,.booking-fields select,.booking-fields textarea{font:inherit;font-size:14px;font-weight:400;line-height:1.5;min-height:46px;width:100%;max-width:100%;min-width:0;border:1px solid #142d3c33;background:#f9faf7;color:var(--ink);padding:11px 12px;border-radius:5px}.booking-fields input::placeholder,.booking-fields textarea::placeholder{color:#738089;opacity:1}.booking-fields select{font-family:Studio Sans,Arial,sans-serif}.booking-fields textarea{resize:vertical;min-height:83px}.booking-fields>label>span{font-size:11px;font-weight:400;color:var(--muted);display:contents}.timezone-field{flex-direction:row;justify-content:space-between;align-items:center;border-block:1px solid #142d3c14;padding-block:12px;color:var(--muted);font-weight:400;font-size:12px}.timezone-field>output{font-variant-numeric:tabular-nums;color:var(--ink)}
.booking-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;margin-top:20px;color:var(--muted)}.booking-consent>input{width:17px;height:17px;margin:2px 0 0;flex-shrink:0;accent-color:var(--accent)}#bookingSubmit{width:100%;justify-content:space-between;margin-top:20px}.booking-confirmation-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:12px;text-align:center}.booking-status{font-size:14px;line-height:1.7;margin-top:18px;overflow-wrap:anywhere}.booking-status:empty{display:none}.booking-status[data-state=success]{border-left:3px solid #4b8050;background:#e5eedf;padding:13px 15px;color:#25452a}.booking-status[data-state=error]{border-left:3px solid #b75e37;background:#f9e8df;padding:13px 15px;color:#803822}.booking-preview-note{font-size:12px;line-height:1.8;margin-top:18px;color:var(--muted)}.booking-preview-note>a{text-decoration:underline;color:var(--ink)}.booking-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.booking-calendar h3{font-size:25px;line-height:1.3;letter-spacing:-.5px}.booking-calendar>p{font-size:14px;line-height:1.8;margin-top:13px;color:var(--muted)}.booking-calendar>.btn{margin-top:24px;max-width:100%}

.contact-section{background:#142d3c;color:#f5f5ef;position:relative;isolation:isolate;overflow:hidden;padding-block:68px}.contact-section::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0,transparent 76px,#d2e5ef0c 77px,transparent 78px);mask-image:linear-gradient(90deg,transparent,#000)}.contact-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.contact-inner h2{position:relative;font-size:clamp(36px,4.8vw,62px);letter-spacing:-2px;padding-right:65px;line-height:1.08}.contact-inner h2 em{color:var(--lime)}.contact-arrow{position:absolute;right:0;bottom:0;font-size:66px;font-weight:400;line-height:1;animation:contact-nudge 5s var(--ease) infinite alternate;color:var(--lime)}.contact-inner .btn-primary{background:var(--lime);color:#142d3c}.contact-inner .btn-outline{border-color:#d2e2e54d;color:#fff}.contact-links{display:flex;flex-direction:column;gap:15px;min-width:135px;align-items:flex-start}.contact-links .text-link{color:#c0d2da}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px;font-size:11px;color:var(--muted)}.site-footer>.brand{font-size:24px;color:var(--ink)}.site-footer .brand img{width:32px;height:32px}.site-footer>div{display:flex;align-items:center;gap:23px;font-size:12px}.site-footer button{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}

@keyframes title-rise{from{transform:translateY(105%)}to{transform:translateY(0)}}
@keyframes photo-breathe{from{transform:scale(1.01)}to{transform:scale(1.065)}}
@keyframes route-run{to{stroke-dashoffset:-816}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes marquee-slide{to{transform:translateX(-50%)}}
@keyframes dial-shift{from{transform:rotate(-45deg)}to{transform:rotate(45deg)}}
@keyframes landscape-drift{from{transform:scale(1.01)}to{transform:scale(1.07) translateX(-.6%)}}
@keyframes fan-turn{to{transform:rotate(360deg)}}
@keyframes air-current{to{stroke-dashoffset:-38}}
@keyframes bloom-drift{from{transform:scale(1.01)}to{transform:scale(1.07) translateY(1%)}}
@keyframes flower-sway{from{transform:rotate(-12deg)}to{transform:rotate(28deg)}}
@keyframes arrow-travel{0%,72%,100%{transform:translate(0,0)}84%{transform:translate(3px,-3px)}}
@keyframes bar-grow{0%,100%{transform:scaleX(.55)}50%{transform:scaleX(1)}}
@keyframes reply-appear{0%,12%{opacity:.3;transform:translateY(4px)}26%,92%{opacity:1;transform:none}100%{opacity:.3;transform:translateY(4px)}}
@keyframes typing{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
@keyframes line-travel{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes connector-dot{from{left:0}to{left:100%}}
@keyframes status-breathe{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes channel-current{from{transform:translateY(-12px)}to{transform:translateY(57px)}}
@keyframes grid-drift{from{transform:rotate(-15deg) translateY(-5px)}to{transform:rotate(-15deg) translateY(5px)}}
@keyframes answer-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes contact-nudge{from{transform:translate(0,0)}to{transform:translate(4px,-4px)}}
.viewport-motion [data-animate]:not(.animation-active) *,.viewport-motion [data-animate]:not(.animation-active) *::before,.viewport-motion [data-animate]:not(.animation-active) *::after{animation-play-state:paused}
.motion-ready .reveal:focus-within{opacity:1;transform:none}

@media(max-width:1200px){:root{--gutter:32px;--section-gap:72px}.header-note{display:none}.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.outcome-card{padding:26px}.outcome-flow>span{font-size:10px}.outcome-card h3{min-height:0}.outcome-card>p{max-width:420px}.demo-section{gap:36px}.booking-section{gap:40px}.platform-nodes{gap:10px}.platform-nodes>div{gap:8px;padding-inline:8px}.platform-nodes span{font-size:12px}}
@media(max-width:1000px){.platform-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.platform-nodes>div{padding:18px 12px;font-size:13px}.platform-lines{margin-inline:16.66%}.platform-lines>i:nth-child(n/**/+4){display:none}.about-section{gap:40px}.booking-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px}.booking-copy h2{font-size:40px}.booking-card-top{padding:20px}#bookingForm,.booking-calendar{padding:22px}.booking-fields{gap:18px 14px}.booking-fields input,.booking-fields select,.booking-fields textarea{padding:10px;font-size:13px}.studio-mark>strong{font-size:29px}.studio-mark{padding:30px}}
@media(max-width:800px){:root{--gutter:24px;--section-gap:64px}.header-inner{min-height:74px}.brand{font-size:25px}.brand img{width:35px;height:35px}.site-header nav{background:#f5f5ef;border-bottom:1px solid var(--line);gap:10px}.site-header nav>a{padding-block:12px}.site-header nav .btn{align-self:flex-start}.section-heading{gap:16px;margin-bottom:28px}.section-heading>p{font-size:14px}.eyebrow{font-size:10px}h2,.section-heading h2{font-size:clamp(30px,5.5vw,42px);letter-spacing:-1.2px}.work-grid{grid-template-columns:minmax(0,1fr);row-gap:24px}.work-caption h3{font-size:21px}.demo-section{grid-template-columns:1fr;gap:28px}.demo-copy{max-width:550px}.demo-copy>.text-link{display:inline-flex;margin-left:16px}.demo-copy>p{max-width:480px}.demo-preview{width:100%;max-width:740px}.demo-preview-foot{font-size:9px}.results-commitment{grid-template-columns:1fr;gap:20px}.results-commitment h3{font-size:30px}.process-track{gap:25px}.process-track h3{font-size:22px}.about-section{gap:30px}.about-art{aspect-ratio:1.05}.studio-mark{padding:24px}.studio-mark>strong{font-size:26px}.studio-mark>img{width:54px;height:54px}.about-art-note{padding:14px 18px}.about-art-note>span{font-size:7px}.about-copy h2{font-size:34px}.about-copy>p{font-size:14px}.faq-section{grid-template-columns:1fr;gap:26px}.booking-section{grid-template-columns:1fr;gap:32px}.booking-copy h2{font-size:42px}.booking-copy{max-width:600px}.booking-copy>p{max-width:480px}.booking-card{width:100%;max-width:740px}.booking-card-top{padding:22px 26px}#bookingForm,.booking-calendar{padding:26px}.booking-fields input,.booking-fields select,.booking-fields textarea{font-size:14px;padding:11px 12px}.contact-inner{grid-template-columns:1fr;gap:26px}.contact-links{flex-direction:row;gap:26px}.contact-inner h2{font-size:clamp(36px,6.3vw,50px)}.site-footer{flex-wrap:wrap}.site-footer>div{gap:20px}.site-footer>span{margin-left:auto}}
@media(max-width:600px){:root{--gutter:20px;--section-gap:56px}.outcome-grid{grid-template-columns:1fr;gap:14px}.outcome-card{padding:24px}.outcome-card h3{font-size:25px}.outcome-card h3 br{display:none}.outcome-card-top{margin-bottom:15px}.outcome-card>p{margin-bottom:18px}.outcome-flow>span{font-size:9px}.outcome-card>small{font-size:11px}.results-commitment{padding:24px;gap:20px}.results-commitment h3{font-size:29px}.results-commitment>div>strong{font-size:19px}.results-commitment>div>p{font-size:14px}.demo-copy>.text-link{display:flex;margin-left:0;margin-top:16px}.demo-preview-bar,.demo-preview-foot{padding:14px 16px;font-size:8px;letter-spacing:.3px}.demo-preview-foot{font-size:6.5px;gap:8px}.demo-preview-foot img{width:20px;height:20px}.demo-site-nav>strong{font-size:3cqw}.demo-site-hero h3{font-size:5.9cqw}.demo-site-hero>div>span{font-size:1.3cqw}.demo-site-hero>div>b{font-size:1.5cqw}.demo-site-services{font-size:2.2cqw}.platform-network{padding:20px 16px}.platform-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-nodes>div{padding:16px 10px;gap:9px}.platform-nodes span{font-size:12px}.platform-nodes .icon{width:21px;height:21px}.platform-lines{margin-inline:25%;height:45px}.platform-lines>i:nth-child(n/**/+3){display:none}.network-hub{padding:14px 15px;gap:9px}.network-hub>span{font-size:12px}.network-hub>img{width:23px;height:23px}.network-hub>b{font-size:8px;padding-left:10px}.work-card{grid-template-rows:auto 80px}.work-caption{padding:16px;min-height:80px;gap:10px}.work-caption h3{font-size:21px}.work-caption p{font-size:11px}.work-caption>a{width:38px;height:38px}.project-category{font-size:9px;gap:8px}.project-category>i{font-size:20px}.work-section{padding-bottom:56px}.process-track{grid-template-columns:1fr;gap:0;padding-top:0;padding-left:25px}.process-line{left:0;top:0;bottom:0;height:auto;width:1px;right:auto}.process-line>i{transform:scaleY(var(--process-progress,0));transform-origin:top;height:100%}.process-track>article{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding-bottom:26px}.process-track>article:last-child{padding-bottom:0}.process-number{grid-row:1/3;font-size:30px;margin:0}.process-track h3{font-size:23px}.process-track p{margin-top:8px;max-width:none}.about-section{grid-template-columns:1fr;gap:28px;padding-top:20px}.about-art{aspect-ratio:1.3}.studio-mark{padding:30px}.studio-mark>strong{font-size:32px}.studio-mark>img{width:56px;height:56px}.about-art-note>span{font-size:8px}.about-copy h2{font-size:34px}.about-copy>p{font-size:15px;line-height:1.8}.faq-section{padding-top:35px}.faq-list summary{font-size:15px;min-height:74px}.faq-list p{font-size:14px}.proof-grid{grid-template-columns:1fr}.booking-copy h2{font-size:36px}.booking-copy>p{font-size:15px}.appointment-agenda>span{font-size:13px}.booking-card-top{padding:20px}.booking-card-top>div{font-size:10px}#bookingForm,.booking-calendar{padding:22px 19px}.booking-fields{grid-template-columns:1fr;gap:17px}.booking-fields .field-full{grid-column:auto}.booking-fields>label{font-size:12px}.booking-fields input,.booking-fields select,.booking-fields textarea{font-size:16px;min-height:46px;line-height:1.5;padding:10px 12px}.booking-consent{font-size:12px}.booking-status{font-size:13px}.booking-confirmation-note{font-size:11px}.contact-section{padding-block:52px}.contact-inner h2{font-size:clamp(32px,8.5vw,48px);letter-spacing:-1.2px;padding-right:35px}.contact-arrow{font-size:44px}.contact-inner .btn{font-size:13px;gap:18px;padding:13px 16px}.contact-links .text-link{font-size:13px}.site-footer{padding-block:27px;gap:20px}.site-footer>.brand{width:100%}.site-footer>div{gap:17px;font-size:11px;flex-wrap:wrap}.site-footer button{font-size:11px}.site-footer>span{font-size:10px;margin-left:0}}
@media(max-width:360px){:root{--gutter:18px}.work-caption h3{font-size:19px}.work-caption p{font-size:10px}.project-category{font-size:8px}.contact-inner .btn{font-size:12px;gap:14px;padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.project-art img,.demo-site-hero figure>img{transform:none!important}.contact-arrow{transform:none}}

/* Loaded by the actual agency page, not the retired landing stylesheet. */
.systems-section{padding:clamp(68px,7vw,105px) 0;background:#e6ece5;border-top:1px solid #ced9d0;border-bottom:1px solid #ced9d0;position:relative;isolation:isolate;overflow:hidden;color:#163340}.systems-section::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 0,#c4d8c860,transparent 60%),radial-gradient(#59796325 1px,transparent 1px);background-size:auto,24px 24px;mask-image:linear-gradient(135deg,transparent,black)}.systems-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:38px}.systems-heading h2{font-size:clamp(33px,4vw,54px);line-height:1.1;letter-spacing:-1.8px;margin:17px 0 12px}.systems-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#477360}.systems-heading p{font-size:14px;color:#657b71;line-height:1.8;max-width:420px}.systems-heading .btn{white-space:nowrap;border-radius:8px}.systems-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.journey-stage{padding:28px 25px;background:#fafcf5;border:1px solid #cfdacf;border-radius:15px;position:relative;min-width:0;box-shadow:0 6px 25px #305b4104;transition:transform .3s,border-color .3s}.journey-stage:hover{transform:translateY(-5px);border-color:#8eae96}.journey-stage:not(:last-child)::after{content:"→";position:absolute;top:41px;right:-17px;width:31px;height:31px;display:grid;place-items:center;background:#e6ece5;border:1px solid #cfdacf;border-radius:50%;z-index:2;color:#537b63;font-size:14px}.journey-stage-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.journey-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#dbe6d0;color:#456b50}.journey-symbol .icon{width:21px;height:21px}.journey-stage:nth-child(2) .journey-symbol{background:#eee0d3;color:#a26843}.journey-stage:nth-child(3) .journey-symbol{background:#dce7ec;color:#3c697c}.journey-stage-head>span:last-child{font-size:9px;letter-spacing:1.4px;color:#869c8c}.journey-stage h3{font-size:25px;letter-spacing:-.6px;line-height:1.2;margin:0 0 9px}.journey-stage>p{font-size:12px;color:#74857b;line-height:1.8;margin:0 0 21px;min-height:22px}.journey-systems{display:grid;gap:0;border-top:1px solid #dbe4d8}.journey-systems>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e3e9dd;min-height:48px}.journey-systems>div>span{font-size:9px;color:#96a88f;letter-spacing:.7px;min-width:17px}.journey-systems strong{font-size:12px;font-weight:500;line-height:1.7}.journey-systems i{margin-left:auto;font-style:normal;font-size:11px;color:#749870}.journey-output{display:flex;align-items:center;gap:8px;font-size:9px;color:#56745b;margin-top:21px}.journey-output>b{width:5px;height:5px;border-radius:50%;background:#789e6a;animation:systems-pulse 3.5s ease-in-out infinite}.systems-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;font-size:10px;color:#74847b}.systems-caption>span:first-child{display:flex;gap:8px;align-items:center}.systems-caption b{font-weight:500;color:#3c6452}.systems-caption .icon{width:16px;height:16px}.systems-section .reveal{opacity:1;transform:none}.systems-section .btn{background:#163441;color:white}.systems-section .btn:hover{background:#285062}.systems-note{font-size:9px;line-height:1.8;color:#7e8c81;margin-top:13px}
@keyframes systems-pulse{0%,100%{box-shadow:0 0 0 0 #789e6a20}50%{box-shadow:0 0 0 5px #789e6a05}}
@media(max-width:1000px){.systems-journey{gap:15px}.journey-stage{padding:23px 19px}.journey-stage h3{font-size:23px}.journey-systems strong{font-size:11px}.journey-stage:not(:last-child)::after{right:-14px;width:26px;height:26px;font-size:12px}.systems-heading h2{font-size:43px}}
@media(max-width:750px){.systems-heading{align-items:start;flex-direction:column;gap:22px}.systems-heading h2{font-size:39px}.systems-journey{grid-template-columns:1fr;gap:17px}.journey-stage{padding:24px}.journey-stage-head{margin-bottom:19px}.journey-stage:not(:last-child)::after{top:auto;right:27px;bottom:-21px;transform:rotate(90deg)}.journey-stage h3{font-size:26px}.journey-systems strong{font-size:13px}.journey-stage>p{font-size:13px}.journey-systems>div{padding-block:12px}.systems-caption{flex-direction:column;align-items:start;gap:10px}.systems-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.journey-stage{transition:none}.journey-stage:hover{transform:none}.journey-output>b{animation:none}}
.motion-paused .journey-output>b{animation:none}

/* SoliMotive 12: Midnight at the top, Fieldwork below. All labels remain live HTML. */
@font-face{font-family:Sora;src:url('./Sora-Variable.ttf') format('truetype');font-weight:100 800;font-style:normal;font-display:swap}
@font-face{font-family:Anton;src:url('./Anton-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#142d3c;--paper:#f5f5ef;--accent:#2e63ce;--lime:#d8ef87;--muted:#617079;--max:1360px;--section-gap:76px}
body{background:var(--paper)}
h1,h2,h3,h4{font-family:Sora,'Studio Sans',Arial,sans-serif;font-weight:650}
em{font-style:normal}
.section-heading h2,h2{font-size:clamp(30px,3.5vw,46px);line-height:1.16;letter-spacing:-1.7px}
.eyebrow{font-family:'Studio Sans',Arial,sans-serif;font-size:10px;letter-spacing:1.3px}
.site-header,.site-header.scrolled{background:#071725f5;color:#f5f5ef;border-bottom:1px solid #bcdbff14;box-shadow:none}
.header-inner{min-height:84px;gap:30px}
.brand{font-family:Sora,'Studio Sans',sans-serif;font-weight:650;font-size:27px;letter-spacing:-1.3px;gap:11px}
.brand img{width:35px;height:35px}
.site-header nav{gap:34px;font-size:13px;color:#ced8e2}
.site-header nav .btn{background:var(--lime);color:#12222e;padding:11px 20px;gap:24px;font-size:12px}
.menu-toggle{border-color:#d4e4f230;border-radius:50%;flex-shrink:0}
.btn{border-radius:999px;font-size:13px;min-height:50px;padding:13px 22px;gap:23px}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-primary:hover{background:#21475d}
.btn-outline{border-color:#9ebfe044}
.front-office-scene{position:relative;isolation:isolate;background:#071725;color:var(--paper)}
.front-office-scene::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 75% 650px at 80% 250px,#16446039,transparent 70%),radial-gradient(ellipse 85% 850px at 55% 82%,#244b6025,transparent 70%);pointer-events:none}
.midnight-hero{position:relative;overflow:hidden;color:var(--paper)}
.midnight-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#89bae308 1px,transparent 1px),linear-gradient(90deg,#89bae308 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent 30%,black)}
/* Faint connection traces stay behind the content; only tiny dashes move. */
.scene-network{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;opacity:.65;mask-image:linear-gradient(0deg,transparent,black 12%,black 90%,transparent)}
.scene-network path{vector-effect:non-scaling-stroke}
.scene-network g{fill:none;stroke-linecap:round}
.scene-routes{stroke:#8baab41a;stroke-width:1}
.scene-signals{stroke:#b4cbce;stroke-width:1.4}
.scene-signals>use{stroke-dasharray:1.5 98.5;stroke-dashoffset:100;opacity:0;animation:scene-transit var(--signal-duration,20s) linear var(--signal-delay,0s) infinite;animation-play-state:paused}
.scene-network.animation-active .scene-signals>use,html:not(.viewport-motion) .scene-signals>use{animation-play-state:running}
@keyframes scene-transit{0%{stroke-dashoffset:100;opacity:0}12%,76%{opacity:.3}100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:640px){.scene-network{opacity:.5}.scene-routes>use:nth-child(n+3),.scene-signals>use:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.scene-signals{display:none}}
html.motion-paused .scene-signals{display:none}
.midnight-layout{display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);align-items:center;gap:32px;padding-block:30px 38px}
.midnight-copy{min-width:0;padding-block:45px 48px;position:relative;z-index:2}
.hero-kicker{color:#a8bac9;font-size:10px;letter-spacing:1.5px;margin-bottom:27px}
.hero-kicker .status-dot{box-shadow:0 0 12px #d8ef8750}
.midnight-copy h1{font-size:clamp(42px,4.6vw,68px);font-weight:750;line-height:1.13;letter-spacing:-.045em;margin-left:-2px}
.midnight-copy h1>span{display:block;animation:midnight-title 900ms var(--ease) both}
.midnight-copy h1>span:last-child{color:var(--lime);animation-delay:100ms}
.midnight-copy>p{font-size:18px;line-height:1.6;color:#d1dce6;margin-top:25px}
.midnight-copy .hero-actions{margin-top:32px;gap:12px}
.midnight-hero .btn-primary{background:var(--lime);color:#172a37}
.midnight-hero .btn-primary:hover{background:#e6f7b3}
.midnight-hero .btn-outline{color:#dce6ed;background:#1025388c}
.play-icon{font-size:10px;color:var(--lime);line-height:1}
.hero-channels{margin-top:45px;display:grid;gap:14px;color:#aabccb;font-size:12px}
.hero-channels>div{display:flex;gap:9px;flex-wrap:wrap}
.hero-channels>div>span,.band-channels>span{display:flex;align-items:center;gap:8px;border:1px solid #aacde432;border-radius:999px;padding:8px 12px;font-size:11px;color:#dbe6ec;background:#112d3e50}
.hero-channels .icon,.band-channels .icon{width:15px;height:15px;color:var(--lime)}
.midnight-art{position:relative;aspect-ratio:1.06;container-type:inline-size;min-width:0;isolation:isolate}
.midnight-sculpture{position:absolute;inset:-2% -5% 0 0;width:105%;max-width:none;height:102%;object-fit:cover;object-position:80% 45%;mask-image:linear-gradient(90deg,transparent,black 18%),linear-gradient(0deg,transparent,black 18%);mask-composite:intersect}
.sculpture-glow{position:absolute;right:20%;top:17%;width:37%;height:36%;border-radius:50%;background:radial-gradient(#d8ef8713,transparent 65%);animation:sculpture-light 6s ease-in-out infinite;pointer-events:none}
.glass-panel{position:absolute;color:#edf4f7;background:linear-gradient(135deg,#15354bec,#0a2034f2);border:1px solid #97c8eb39;border-radius:15px;box-shadow:0 15px 45px #010b1640;backdrop-filter:blur(12px);font-family:'Studio Sans',Arial,sans-serif;overflow:hidden}
.glass-heading{padding:2.8cqw 3cqw;display:flex;align-items:flex-start;gap:1cqw;border-bottom:1px solid #97c8eb25}
.glass-heading>span{display:flex;align-items:center;gap:1.2cqw;line-height:1.5;font-size:clamp(10px,1.9cqw,13px);font-weight:500;min-width:0}
.glass-heading .icon{width:2.6cqw;height:2.6cqw;color:var(--lime)}
.glass-heading small{font-size:clamp(8px,1.25cqw,10px);line-height:1.5;color:#b1c6d4;margin-left:auto;white-space:nowrap;background:#051b3066;border:1px solid #b9d5e51b;padding:.4cqw .8cqw;border-radius:4px}
.hero-workflow{left:0;bottom:7%;width:52%;animation:workflow-lift 7s ease-in-out infinite}
.hero-workflow ol{margin:0;padding:1cqw 3cqw;list-style:none}
.hero-workflow li{position:relative;display:grid;grid-template-columns:2cqw minmax(0,1fr) auto;gap:1.5cqw;align-items:center;padding-block:2cqw}
.hero-workflow li:not(:last-child)::after{content:'';position:absolute;top:55%;left:.7cqw;bottom:-35%;width:1px;background:#a4c58e66}
.flow-dot{position:relative;z-index:1;display:block;width:1.5cqw;height:1.5cqw;min-width:5px;min-height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 .7cqw #d8ef8710}
.hero-workflow li:nth-child(2) .flow-dot{animation:lead-signal 4s ease-in-out infinite}
.hero-workflow li:nth-child(3) .flow-dot{animation:lead-signal 4s 1s ease-in-out infinite}
.hero-workflow li b,.hero-workflow li small{display:block;line-height:1.5}
.hero-workflow li b{font-size:clamp(11px,2.1cqw,14px);font-weight:500}
.hero-workflow li small{font-size:clamp(9px,1.6cqw,11px);color:#9fb9cb;margin-top:.3cqw}
.hero-workflow li time{font-size:clamp(8px,1.45cqw,10px);color:#90acc0;align-self:start;padding-top:.4cqw}
.hero-workflow li>.icon{width:2.3cqw;height:2.3cqw;color:var(--lime)}
.glass-foot{font-size:clamp(9px,1.55cqw,11px);line-height:1.5;display:flex;align-items:center;gap:1.4cqw;background:#d8ef8708;padding:1.8cqw 3cqw;border-top:1px solid #d8ef8723;color:#c2d7ce}
.glass-foot .status-dot{width:4px;height:4px}
.hero-appointment{right:0;bottom:2%;width:45%;animation:workflow-lift 8s -3s ease-in-out infinite}
.hero-appointment .glass-heading{padding:2.8cqw 2.5cqw;gap:.7cqw}
.hero-appointment .glass-heading>span{font-size:clamp(10px,1.8cqw,12px)}
.appointment-example{display:flex;align-items:center;gap:2cqw;padding:2.5cqw;border-bottom:1px solid #a4c7e021}
.example-date{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d8ef8740;background:#d8ef8709;color:#dce9c4;border-radius:8px;width:7cqw;min-width:7cqw;height:8cqw;font-size:1.2cqw;line-height:1.4}
.example-date b{font-size:3.5cqw;font-weight:500;line-height:1.1}
.appointment-example strong,.appointment-example>div>span{display:block;font-size:clamp(10px,1.9cqw,13px);line-height:1.5;font-weight:500}
.appointment-example>div>span{font-size:clamp(9px,1.5cqw,11px);color:#a0b8c8;margin-top:.7cqw;font-weight:400}
.example-check{color:var(--lime);margin-left:auto;font-size:2.8cqw}
.hero-appointment dl{margin:0;padding:1.5cqw 2.5cqw 2cqw}
.hero-appointment dl>div{display:flex;justify-content:space-between;gap:1.5cqw;padding:.75cqw 0;font-size:clamp(9px,1.55cqw,11px);line-height:1.6}
.hero-appointment dt{color:#9fb6c8}.hero-appointment dd{margin:0;text-align:right}.lime-text{color:var(--lime)}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:64px;color:#88a5b9;font-size:10px;letter-spacing:.7px;text-transform:uppercase}
.hero-bottom>a{display:flex;align-items:center;gap:12px;color:#cedde8;text-transform:none;letter-spacing:0;font-size:12px}.hero-bottom .icon{width:17px;height:17px;transform:rotate(90deg)}
.fieldwork-section{background:#f2f1e8;padding-block:70px;position:relative;isolation:isolate}
.fieldwork-section::before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#203d480d .75px,transparent .75px);background-size:5px 5px;pointer-events:none}
.fieldwork-layout{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:48px;align-items:center}
.fieldwork-copy{padding-block:12px;min-width:0}
.fieldwork-copy .eyebrow{font-size:9px;letter-spacing:1px;color:#67736b;margin-bottom:22px}
.fieldwork-copy h2{font-family:Anton,'Arial Narrow',sans-serif;font-size:clamp(44px,5vw,72px);font-weight:400;line-height:1.06;letter-spacing:-.8px;color:#142d3c;text-transform:uppercase}
.fieldwork-copy h2 em{color:#68803b;font:inherit}
.fieldwork-copy>p{font-size:16px;line-height:1.7;color:#53646b;margin-top:24px}
.fieldwork-copy>.text-link{margin-top:21px;font-size:13px}
.fieldwork-label{display:flex;align-items:center;gap:10px;color:#77816f;font-size:11px;line-height:1.6;margin-top:32px}.fieldwork-label .icon{width:17px;height:17px}
.fieldwork-scene{aspect-ratio:1.32;position:relative;border-radius:16px;overflow:hidden;min-width:0;isolation:isolate;box-shadow:0 18px 40px #182b3512;container-type:inline-size}
.fieldwork-photo{width:100%;height:100%;object-fit:cover;object-position:58% 50%;animation:fieldwork-pan 24s ease-in-out infinite alternate}
.fieldwork-scene::after{content:'';position:absolute;inset:66% 0 0;background:linear-gradient(transparent,#071b2b9c);pointer-events:none;z-index:1}
.fieldwork-soli{position:absolute;width:28%;height:auto;right:5%;bottom:6%;z-index:3;filter:drop-shadow(0 8px 5px #01142366);transform-origin:bottom center;animation:soli-greeting 8s ease-in-out infinite}
.fieldwork-ticket{position:absolute;left:4.5%;top:6%;width:58%;padding:3cqw;background:#f8faefee;color:#142d3c;border:1px solid #fffffff0;border-radius:9px;box-shadow:0 8px 22px #152b3425;z-index:2;backdrop-filter:blur(8px)}
.fieldwork-ticket>div{display:flex;gap:1.4cqw;align-items:center;font-size:1.4cqw;letter-spacing:.08cqw;color:#526c44}
.fieldwork-ticket .icon{width:2.5cqw;height:2.5cqw}
.fieldwork-ticket small{font-size:1.2cqw;margin-left:auto;background:#e5ebd5;padding:.3cqw 1cqw;border-radius:3px;letter-spacing:0}
.fieldwork-ticket>strong{font-family:Sora,sans-serif;display:block;font-weight:650;font-size:3.1cqw;line-height:1.4;letter-spacing:-.1cqw;margin-top:1.4cqw}
.fieldwork-ticket>span{display:flex;align-items:center;gap:1.5cqw;font-size:1.6cqw;line-height:1.6;margin-top:1.2cqw;color:#687265}.fieldwork-ticket i{font-style:normal;color:#4c733e}
.fieldwork-scene figcaption{position:absolute;left:4.5%;bottom:4%;z-index:2;color:#f5f5ed;font-size:1.35cqw;letter-spacing:.18cqw;max-width:55%;line-height:1.6}
.fieldwork-band{background:#142d3c;color:#f5f5ef;padding-block:24px}
.fieldwork-band>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.fieldwork-band .wrap>div:first-child{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.fieldwork-band b{font-family:Sora,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.3px}.fieldwork-band .wrap>div>span{font-size:12px;color:#adc0cc}
.band-channels{display:flex;gap:8px;flex-shrink:0}
.fieldwork-services{background:#f5f5ef;border-bottom:1px solid #142d3c16;padding-block:66px 60px}
.fieldwork-services .section-heading{align-items:flex-end;margin-bottom:28px}
.fieldwork-services .section-heading h2{font-size:clamp(30px,3.2vw,43px)}
.fieldwork-services h2 em{color:#677943}
.fieldwork-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fieldwork-card{min-width:0;display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid #1d353716;border-radius:13px;overflow:hidden;box-shadow:0 5px 20px #19344106;transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.fieldwork-card:hover{box-shadow:0 14px 32px #19344113;transform:translateY(-4px)}
.fieldwork-card-photo{aspect-ratio:1.95;position:relative;isolation:isolate;background-image:url('./fieldwork-services.png');background-size:300% auto;background-repeat:no-repeat;overflow:hidden}
.photo-reception{background-position:left center}.photo-estimate{background-position:center center}.photo-reactivation{background-position:right center}
.fieldwork-card-photo::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071b2b66);z-index:-1}
.fieldwork-card-photo>span{position:absolute;left:18px;bottom:14px;color:#fff;font-size:9px;letter-spacing:1px;line-height:1.5}
.fieldwork-card-photo>.icon{position:absolute;right:16px;top:16px;width:33px;height:33px;padding:8px;border-radius:50%;color:#142d3c;background:#f5f5efec;stroke-width:1.7}
.fieldwork-card-body{position:relative;padding:24px 24px 25px;min-height:178px;display:flex;flex-direction:column;align-items:flex-start}
.fieldwork-card-body h3{font-size:clamp(17px,1.7vw,23px);font-weight:650;line-height:1.35;letter-spacing:-.65px;margin-bottom:10px;max-width:100%}
.fieldwork-card-body>p{font-size:13px;line-height:1.7;color:#637079;padding-right:15px;margin-bottom:25px}
.fieldwork-card-body>a{width:31px;height:31px;display:grid;place-items:center;border:1px solid #142d3c36;border-radius:50%;margin-top:auto;align-self:flex-end;background:#f5f5ef;transition:background .3s,color .3s}
.fieldwork-card-body>a:hover{color:#fff;background:#142d3c}.fieldwork-card-body>a .icon{width:14px;height:14px}
.connected-note{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#69786e;line-height:1.6;margin-top:25px}
.connected-note>span,.connected-note>a{display:flex;align-items:center;gap:8px}.connected-note .icon{width:16px;height:16px}.connected-note>a{color:#142d3c}
.outcomes-section{padding-top:72px}.outcome-card h3{font-size:21px;font-weight:600;letter-spacing:-.8px}.outcome-card>p{font-size:13px}
.results-commitment{background:#e9eddc}.results-commitment h3{font-size:27px;font-weight:650;letter-spacing:-1.2px}.results-commitment>div>strong{font-family:Sora,sans-serif;font-size:16px;font-weight:600;line-height:1.6}
.platform-section{background:#e9eef0}.platform-section .section-heading h2{font-size:clamp(30px,3.4vw,44px)}
.about-art{background:#102839}.about-art-note{background:#102839dc}.studio-mark>strong{font-family:Sora,sans-serif;font-size:30px;letter-spacing:-1.2px;font-weight:650}
.process-track h3{font-size:22px}.process-number{font-family:Sora,sans-serif;font-size:29px;font-weight:650}
.systems-heading h2{font-size:clamp(30px,3.5vw,46px)}.systems-heading h2 em{font:inherit;color:#557749}.journey-stage h3{font-size:22px;font-weight:600}.journey-stage-head>span:last-child{font-size:10px;letter-spacing:1px}.journey-output{font-size:10px;line-height:1.6;min-height:2.5em}.systems-note{font-size:10px}
.booking-card,.demo-preview{border-radius:15px}.booking-copy>p{font-size:14px}.booking-fields input,.booking-fields select,.booking-fields textarea{border-radius:7px}.booking-card-top{background:#102839}.booking-card-top>div{font-size:10px}.booking-card-top>b{font-size:10px}.booking-confirmation-note{font-size:11px}
.contact-section{background:#071725;color:#f5f5ef}.contact-inner .btn-primary{background:var(--lime);color:#142d3c}.contact-inner .btn-outline{color:#f5f5ef;border-color:#d4e4f238}.contact-inner h2{font-size:clamp(32px,4.5vw,58px);font-weight:700}.contact-inner h2 em{color:var(--lime)}.contact-arrow{color:var(--lime)}
.site-footer{font-size:11px}.site-footer>.brand{font-size:24px}.site-footer>.brand img{width:30px;height:30px}
@keyframes midnight-title{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes sculpture-light{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes workflow-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes lead-signal{0%,100%{box-shadow:0 0 0 .7cqw #d8ef8710}50%{box-shadow:0 0 0 1cqw #d8ef8725}}
@keyframes fieldwork-pan{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes soli-greeting{0%,75%,100%{transform:rotate(0)}82%{transform:rotate(-3deg)}90%{transform:rotate(2deg)}}
@media(min-width:1700px){.midnight-layout{padding-block:45px 50px}.midnight-copy{padding-block:70px}.midnight-art{aspect-ratio:1.09}}
@media(max-width:1200px){:root{--section-gap:68px}.site-header nav{gap:24px}.midnight-layout{gap:26px}.midnight-copy>p{font-size:16px}.midnight-copy .btn{gap:16px;padding-inline:18px;font-size:12px}.hero-channels{margin-top:34px}.fieldwork-layout{gap:36px}.fieldwork-cards{gap:20px}.fieldwork-card-body{padding:22px 20px}.fieldwork-card-body>p{padding-right:0;font-size:12px}.fieldwork-band .wrap>div:first-child{gap:15px}.fieldwork-band b{font-size:14px}}
@media(max-width:1000px){.midnight-layout{grid-template-columns:1fr;gap:0;padding-block:35px 32px}.midnight-copy{padding-block:15px 20px;max-width:740px}.midnight-copy h1{font-size:clamp(46px,7.2vw,68px)}.midnight-copy>p{font-size:18px;margin-top:18px}.midnight-copy .hero-actions{margin-top:25px}.hero-channels{margin-top:28px}.midnight-art{max-width:740px;width:100%;margin-inline:auto;aspect-ratio:1.4}.midnight-sculpture{object-position:75% 39%;mask-image:linear-gradient(90deg,transparent,black 12%),linear-gradient(0deg,transparent,black 13%)}.hero-workflow{bottom:4%;width:49%}.hero-appointment{bottom:0;width:45%}.fieldwork-layout{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:28px}.fieldwork-section{padding-block:54px}.fieldwork-copy .eyebrow{font-size:8px}.fieldwork-copy h2{font-size:clamp(44px,5.7vw,57px)}.fieldwork-copy>p{font-size:14px}.fieldwork-label{font-size:10px;margin-top:24px}.fieldwork-copy>.text-link{font-size:12px}.fieldwork-band .wrap>div:first-child{display:grid;gap:5px}.fieldwork-cards{gap:16px}.fieldwork-card-body h3{font-size:18px;letter-spacing:-.5px}.fieldwork-card-body{padding:20px 17px;min-height:196px}.fieldwork-card-body>p{font-size:12px;line-height:1.7;margin-bottom:20px}.fieldwork-card-body>p br{display:none}.connected-note{font-size:11px}.fieldwork-services .section-heading h2{font-size:38px}}
@media(max-width:800px){:root{--section-gap:60px}.header-inner{min-height:74px}.site-header nav{background:#0b2030;border-color:#d4e4f220;padding-block:22px;gap:10px;color:#d8e4ed}.site-header nav .btn{align-self:flex-start}.site-header .brand{font-size:25px}.midnight-layout{padding-top:24px}.hero-kicker{margin-bottom:21px;font-size:9px}.hero-bottom{font-size:9px;min-height:58px;gap:15px}.hero-bottom>span:last-child{display:none}.fieldwork-layout{grid-template-columns:1fr;gap:30px}.fieldwork-copy h2{font-size:clamp(48px,8vw,66px)}.fieldwork-copy>p{font-size:15px;margin-top:20px}.fieldwork-copy .eyebrow{font-size:9px}.fieldwork-copy>.text-link{font-size:13px}.fieldwork-label{margin-top:24px;font-size:11px}.fieldwork-scene{aspect-ratio:1.45;max-width:740px;width:100%}.fieldwork-soli{width:26%;right:5%;bottom:5%}.fieldwork-band{padding-block:23px}.fieldwork-band .wrap>div>span{font-size:11px}.fieldwork-services{padding-block:54px}.fieldwork-services .section-heading{align-items:flex-start;gap:17px}.fieldwork-services .section-heading h2{font-size:35px}.fieldwork-services .section-heading h2 br{display:none}.fieldwork-services .section-heading h2 em{display:block}.fieldwork-cards{grid-template-columns:1fr;gap:22px}.fieldwork-card{grid-template-columns:minmax(0,.47fr) minmax(0,.53fr);grid-template-rows:1fr;min-height:205px}.fieldwork-card-photo{aspect-ratio:auto;height:100%;min-height:205px}.fieldwork-card-body{padding:25px;min-height:205px}.fieldwork-card-body h3{font-size:22px}.fieldwork-card-body>p{font-size:13px;margin-bottom:15px}.fieldwork-card-photo>span{font-size:8px;left:14px}.connected-note{align-items:flex-start;flex-direction:column;gap:12px}.about-copy h2{font-size:34px}.studio-mark>strong{font-size:27px}.outcomes-section{padding-top:56px}}
@media(max-width:600px){.midnight-copy h1{font-size:clamp(31px,7.4vw,44px);letter-spacing:-.055em;line-height:1.18}.midnight-copy{padding-block:10px 14px}.midnight-copy>p{font-size:15px;margin-top:19px}.midnight-copy .hero-actions{gap:10px;margin-top:25px}.midnight-copy .btn{font-size:12px;padding:12px 16px;gap:14px;min-height:47px}.hero-channels{font-size:11px;margin-top:29px;gap:11px}.hero-channels>div>span{padding:7px 11px}.midnight-art{aspect-ratio:auto;display:grid;gap:12px;padding-top:68%;margin-top:12px;container-type:inline-size}.midnight-sculpture{inset:0;width:100%;height:auto;aspect-ratio:1.5;object-position:right center;mask-image:linear-gradient(0deg,transparent,black 18%);mask-composite:add}.hero-workflow,.hero-appointment{position:relative;inset:auto;width:100%;animation: none}.glass-panel{border-radius:12px}.glass-heading,.hero-appointment .glass-heading{padding:15px 17px;align-items:center}.glass-heading>span,.hero-appointment .glass-heading>span{font-size:13px;gap:9px}.glass-heading .icon{width:17px;height:17px}.glass-heading small{font-size:9px;padding:3px 7px}.hero-workflow ol{padding:3px 17px}.hero-workflow li{padding-block:11px;grid-template-columns:12px minmax(0,1fr) auto;gap:11px}.hero-workflow li:not(:last-child)::after{left:4px;bottom:-25%;top:55%}.flow-dot{width:9px;height:9px;box-shadow:0 0 0 4px #d8ef8712}.hero-workflow li b{font-size:13px}.hero-workflow li small{font-size:11px;margin-top:2px}.hero-workflow li time{font-size:10px;padding-top:1px}.hero-workflow li>.icon{width:17px;height:17px}.glass-foot{font-size:11px;padding:11px 17px;gap:9px}.appointment-example{padding:15px 17px;gap:14px}.example-date{width:43px;min-width:43px;height:47px;font-size:9px;border-radius:6px}.example-date b{font-size:23px}.appointment-example strong{font-size:13px}.appointment-example>div>span{font-size:11px;margin-top:3px}.example-check{font-size:18px}.hero-appointment dl{padding:10px 17px 13px}.hero-appointment dl>div{font-size:11px;padding-block:4px;gap:15px}.hero-bottom{font-size:8px;letter-spacing:.35px;min-height:57px;flex-wrap:wrap;padding-block:15px}.hero-bottom>a{font-size:11px;gap:7px}.hero-bottom .icon{width:14px;height:14px}.fieldwork-section{padding-block:43px}.fieldwork-copy h2{font-size:clamp(46px,11vw,61px);line-height:1.09}.fieldwork-copy h2 br:first-child{display:block}.fieldwork-copy>p{font-size:14px}.fieldwork-copy .eyebrow{font-size:8px;letter-spacing:.8px;max-width:300px;line-height:1.9}.fieldwork-scene{aspect-ratio:1.16;border-radius:12px}.fieldwork-photo{object-position:65% center}.fieldwork-soli{width:33%;right:5%;bottom:7%}.fieldwork-ticket{width:76%;top:5%;left:5%;padding:4cqw}.fieldwork-ticket>div{font-size:2.25cqw;gap:2cqw}.fieldwork-ticket .icon{width:3.4cqw;height:3.4cqw}.fieldwork-ticket small{font-size:2cqw;padding:.5cqw 1.5cqw}.fieldwork-ticket>strong{font-size:4.2cqw;margin-top:2cqw}.fieldwork-ticket>span{font-size:2.65cqw;gap:2cqw;margin-top:1.7cqw}.fieldwork-scene figcaption{font-size:1.8cqw;letter-spacing:.12cqw;max-width:53%;bottom:5%;left:5%}.fieldwork-band>.wrap{align-items:flex-start;flex-direction:column;gap:16px}.fieldwork-band b{font-size:13px}.band-channels>span{padding:7px 11px;font-size:10px}.fieldwork-services{padding-block:44px}.fieldwork-services .section-heading h2{font-size:31px}.fieldwork-services .section-heading .text-link{font-size:12px}.fieldwork-card{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0}.fieldwork-card-photo{aspect-ratio:1.85;min-height:0;height:auto}.fieldwork-card-body{min-height:180px;padding:23px}.fieldwork-card-body h3{font-size:22px}.fieldwork-card-body>p{font-size:13px}.fieldwork-card-photo>span{font-size:9px;left:18px;bottom:15px}.fieldwork-card-body>a{width:33px;height:33px}.connected-note{font-size:11px;gap:15px;margin-top:24px}.connected-note>span{align-items:flex-start}.connected-note>span .icon{margin-top:2px}.outcome-card h3{font-size:23px}.results-commitment h3{font-size:25px}.results-commitment>div>strong{font-size:15px}.process-track h3{font-size:22px}.contact-inner h2{font-size:clamp(30px,8vw,43px)}.contact-inner .btn{font-size:12px;gap:14px;padding-inline:17px}.booking-copy h2{font-size:35px}.booking-card-top>div{font-size:9px;letter-spacing:.7px}.studio-mark>strong{font-size:27px}.site-footer>.brand{font-size:23px}}
@media(max-width:360px){.header-inner{gap:15px}.site-header .brand{font-size:23px}.site-header .brand img{width:31px;height:31px}.midnight-copy h1{font-size:30px}.midnight-copy .btn{padding-inline:13px;gap:10px;font-size:11px}.hero-kicker{font-size:8px;letter-spacing:1px}.hero-bottom{gap:10px}.hero-bottom>span{font-size:8px}.fieldwork-card-body h3{font-size:20px}.fieldwork-copy h2{font-size:45px}.fieldwork-copy>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.midnight-copy h1>span{opacity:1;transform:none}.midnight-art *,.fieldwork-scene *{animation:none!important}.fieldwork-card:hover{transform:none}.fieldwork-photo{transform:none}}
html.motion-paused .midnight-copy h1>span{opacity:1;transform:none}

/* The illustrated front office: a connected, responsive scene rather than a video. */
.flow-section{position:relative;padding:54px 0 70px;color:#f5f5ef;overflow:hidden}
.flow-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:34px}
.flow-section-heading .eyebrow{color:#9fbdcf;font-size:10px;letter-spacing:1.1px;margin-bottom:18px}
.flow-section-heading h2{font-size:clamp(32px,3.9vw,52px);line-height:1.14;letter-spacing:-1.9px;font-weight:700}
.flow-section-heading h2 em{color:var(--lime)}
.flow-section-heading>div:last-child{max-width:330px;padding-bottom:3px}
.flow-section-heading p{font-size:14px;line-height:1.75;color:#a9c0d0}
.flow-section-heading .text-link{font-size:12px;margin-top:15px;color:#e9f0eb;border-bottom-color:#adc3d444}
.flow-demo{border:1px solid #a2c2d137;border-radius:22px;background:linear-gradient(135deg,#153043e8,#0c2538f0);overflow:hidden;box-shadow:0 24px 75px #010a1738;min-width:0;--flow-progress:0}
.flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 25px;border-bottom:1px solid #bad7e31f;background:#0c21317a}
.flow-brand{display:flex;align-items:center;gap:11px;min-width:0;font-size:10px;letter-spacing:1px;line-height:1.6;color:#c6d7df}
.flow-brand>img{width:25px;height:25px;flex-shrink:0}
.flow-toolbar-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.flow-sample-label{display:flex;align-items:center;gap:7px;color:#a8c0cf;font-size:10px;margin-right:10px;line-height:1.5}
.flow-sample-label i{display:block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--lime)}
.flow-control{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid #abcde433;border-radius:999px;background:#183c5066;color:#e7f1f4;min-height:34px;padding:7px 13px;font-size:11px;line-height:1.5;transition:background .25s,border-color .25s}
.flow-control:hover{background:#254a6066;border-color:#c7e1ea77}
.flow-control[aria-pressed=true]{background:#d8ef870d;color:#d7eab2;border-color:#d8ef8740}
.flow-control:disabled{opacity:.65}
.flow-control .icon{width:13px;height:13px}
.flow-canvas{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr) minmax(0,1fr);gap:48px;align-items:start;padding:30px 26px;background-image:radial-gradient(#accede24 .7px,transparent .7px);background-size:17px 17px}
.flow-canvas>*{min-width:0}
.flow-routes{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}
.flow-route{fill:none;stroke:#acc8da36;stroke-width:1.3;stroke-linecap:round}
.flow-signal{fill:none;stroke:var(--lime);stroke-width:2;stroke-linecap:round;stroke-dasharray:7 11;filter:drop-shadow(0 0 4px #d8ef8799)}
.flow-port{fill:var(--lime);stroke:#0b2434;stroke-width:1}
.flow-playing .flow-signal{animation:flow-delivery 1.1s linear infinite}
.flow-panel{height:650px;border-radius:15px;border:1px solid #b5d5e02e;position:relative;min-width:0;overflow:hidden;box-shadow:0 6px 25px #04131e15}
.flow-conversation{display:flex;flex-direction:column;background:#f5f5ef;color:#142d3c;border-color:#f5f5ef}
.flow-panel-heading{display:flex;align-items:center;gap:10px;padding:20px 19px 16px;border-bottom:1px solid #142d3c13}
.flow-panel-heading>div{min-width:0}
.flow-panel-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:10px;background:#e4eadc;color:#496d40}
.flow-panel-icon .icon{width:17px;height:17px}
.flow-overline{display:block;font-size:9px;letter-spacing:1px;line-height:1.6;color:#5b7482}
.flow-panel-heading h3{font-family:'Studio Sans',Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0;margin-top:2px}
.flow-panel-index{color:#87978e;font-size:9px;margin-left:auto;align-self:flex-start}
.flow-channel-switch{display:flex;gap:6px;padding:15px 18px 0}
.flow-channel-switch>button{display:flex;align-items:center;gap:6px;border:1px solid #142d3c22;border-radius:999px;padding:7px 11px;font-size:10px;line-height:1.5;background:#fff;transition:background .25s,color .25s,border-color .25s}
.flow-channel-switch .icon{width:13px;height:13px}
.flow-channel-switch>button[aria-pressed=true]{background:#142d3c;color:#f5f5ef;border-color:#142d3c}
.flow-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#142d3c3b transparent;display:flex;flex-direction:column;gap:13px;padding:23px 18px 20px}
.flow-message{flex-shrink:0;max-width:93%;padding:12px 13px;border:1px solid #142d3c10;border-radius:13px 13px 13px 3px;background:#e7eadf;min-width:0;color:#173443}
.flow-message>span{display:block;font-size:9px;line-height:1.5;color:#6d7c71;margin-bottom:6px}
.flow-message>p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.flow-message.from-agent{align-self:flex-end;background:#1d4055;color:#f6f8f0;border-color:#1d4055;border-radius:13px 13px 3px 13px}
.flow-message.from-agent>span{color:#c4d8c2}
.flow-message.from-team{align-self:center;max-width:100%;text-align:center;border:1px dashed #58765b40;border-radius:7px;font-size:10px;line-height:1.6;color:#5c7760;background:#e8ecdd;padding:9px 10px}
.flow-chat-divider{font-size:8px;letter-spacing:.7px;line-height:1.8;color:#7b8b80;text-align:center;padding-top:6px;flex-shrink:0}
.flow-playing .flow-message.newest{animation:flow-message-in .45s var(--ease) both}
.flow-conversation-footer{border-top:1px solid #142d3c17;padding:13px 17px;display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.6;background:#eef0e6;min-height:49px}
.flow-conversation-footer>span:nth-child(2){min-width:0}
.flow-status-dot{width:5px;height:5px;border-radius:50%;background:#688f42;flex-shrink:0}
.flow-typing{display:flex;gap:3px;margin-left:auto;flex-shrink:0;align-items:center;padding-left:7px}
.flow-typing>i{width:3px;height:3px;display:block;border-radius:50%;background:#315c79;opacity:.4}
.flow-playing .flow-typing>i{animation:flow-typing 1.8s ease-in-out infinite}.flow-playing .flow-typing>i:nth-child(2){animation-delay:.15s}.flow-playing .flow-typing>i:nth-child(3){animation-delay:.3s}
.flow-agent{padding:21px;display:flex;flex-direction:column;background:linear-gradient(135deg,#183a4beb,#102c3eec);color:#eef4ec;isolation:isolate}
.flow-agent::before{content:'';position:absolute;top:12%;left:10%;right:10%;height:30%;z-index:-1;background:radial-gradient(#ccec9520,transparent 65%);pointer-events:none}
.flow-agent-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:23px}
.flow-agent .flow-overline{color:#9cbdc9;font-size:9px;letter-spacing:.8px}
.flow-agent-state{font-size:9px;line-height:1.5;color:#cfe8b4;border:1px solid #d8ef8740;background:#d8ef8708;padding:4px 7px;border-radius:999px;text-align:center}
.flow-agent-core{position:relative;height:104px;min-height:104px;max-width:180px;width:100%;margin:16px auto 15px;display:grid;place-items:center}
.flow-agent-mark{display:grid;place-items:center;width:69px;height:69px;border:1px solid #d8ef8746;border-radius:22px;background:linear-gradient(135deg,#305a5080,#1b374b);box-shadow:0 0 27px #d8ef8710,inset 0 1px 0 #ffffff0f;transform:rotate(-4deg)}
.flow-agent-mark>img{width:43px;height:43px;transform:rotate(4deg)}
.flow-orbit{position:absolute;left:50%;top:50%;width:122px;height:122px;margin:-61px 0 0 -61px;border:1px solid #a6c9d426;border-radius:50%;pointer-events:none}
.orbit-inner{width:101px;height:101px;margin:-50.5px 0 0 -50.5px;border-style:dashed;border-color:#b4d4de34;transform:rotate(22deg)}
.flow-orbit>i{display:block;position:absolute;top:-3px;left:50%;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 7px #d8ef8744}
.flow-orbit>i:nth-child(2){top:75%;left:5%;background:#629eff;box-shadow:none}.flow-orbit>i:nth-child(3){top:70%;left:93%;background:#ebbf8a;box-shadow:none}
.flow-playing .orbit-outer{animation:flow-orbit-turn 22s linear infinite}
.flow-core-signal{position:absolute;right:8%;top:54%;width:28px;height:1px;background:#d8ef8788;transform-origin:left}
.flow-agent>h3{font-size:18px;font-weight:650;line-height:1.35;letter-spacing:-.6px;text-align:center}
.flow-agent>p{font-size:12px;line-height:1.7;color:#a8c4cf;text-align:center;min-height:3.4em;margin-top:9px;text-wrap:pretty}
.flow-agent-tasks{list-style:none;margin:17px 0 0;padding:0;border-top:1px solid #d4e6ea1c}
.flow-agent-tasks>li{display:flex;align-items:center;gap:8px;border-bottom:1px solid #d4e6ea12;padding:7px 0;font-size:11px;line-height:1.5;color:#92b0c0;min-height:32px}
.flow-agent-tasks>li>i{display:block;width:4px;height:4px;border-radius:50%;background:#577482;flex-shrink:0}
.flow-agent-tasks>li>b{margin-left:auto;font-size:12px;color:#71939f;font-weight:400;line-height:1}
.flow-agent-tasks>li.is-complete{color:#d0ded6}.flow-agent-tasks>li.is-complete>i,.flow-agent-tasks>li.is-active>i{background:var(--lime)}.flow-agent-tasks>li.is-complete>b,.flow-agent-tasks>li.is-active>b{color:var(--lime)}.flow-agent-tasks>li.is-active{color:var(--lime)}
.flow-field-photo{height:90px;min-height:90px;position:relative;overflow:hidden;border-radius:9px;margin-top:auto;border:1px solid #cee0e225}
.flow-field-photo>img{height:100%;width:100%;object-fit:cover;object-position:62% 48%}
.flow-field-photo::after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#052036d4)}
.flow-field-photo figcaption{position:absolute;bottom:10px;left:11px;z-index:1;display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:.6px;line-height:1.5;color:#f4f6ec}
.flow-field-photo .status-dot{width:4px;height:4px}
.flow-records{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));height:650px;gap:14px;min-width:0}
.flow-record{position:relative;min-width:0;min-height:0;border:1px solid #b8d5df30;border-radius:13px;padding:19px;background:#163344b0;color:#b6cdd9;transition:background .45s,border-color .45s,box-shadow .45s}
.flow-record-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}
.flow-record-heading>span{display:flex;align-items:center;gap:7px;font-size:8px;line-height:1.5;letter-spacing:.7px;color:#a1bccb}
.flow-record-heading .icon{width:14px;height:14px}
.flow-record-heading>b{font-size:8px;line-height:1.6;padding:3px 6px;border-radius:4px;background:#7897a515;color:#9db7c5;font-weight:400;text-align:right;white-space:normal;max-width:53%}
.flow-record h3{font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.5px;color:#d1dfe1}
.flow-record dl{margin:10px 0 0;display:grid;gap:4px}
.flow-record dl>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.5}
.flow-record dt{color:#91afbf}.flow-record dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0;max-width:72%}
.flow-record-note{display:block;border-top:1px solid #cbe0e119;margin-top:11px;padding-top:8px;color:#8eabba;font-size:9px;line-height:1.6}
.flow-estimate-amount{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.flow-estimate-amount>h3{font-size:15px;padding-top:5px}
.flow-estimate-amount>strong{font-family:Sora,sans-serif;color:#d4e2d2;font-size:26px;font-weight:650;line-height:1.1;letter-spacing:-1px;text-align:right;flex-shrink:0}
.flow-estimate-amount>strong>span{display:block;font-family:'Studio Sans',Arial,sans-serif;font-size:7px;font-weight:400;color:#94b0bd;line-height:1.6;letter-spacing:0;margin-top:5px}
.flow-record>p{font-size:11px;line-height:1.65;margin-top:10px;color:#9cb8c4}
.flow-visit-time{display:flex;align-items:center;gap:12px;min-height:56px}
.flow-date-tile{width:43px;height:53px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #b5d3df32;background:#a9cddc0b;border-radius:7px}
.flow-date-tile>b{font-size:9px;letter-spacing:1px;font-weight:500}.flow-date-tile>.icon{width:17px;height:17px}
.flow-visit-time>div{min-width:0}
.flow-visit-time h3{font-size:15px}.flow-visit-time>div>span{font-size:10px;line-height:1.6;display:block;margin-top:6px;color:#9cb7c5}
.flow-booking-check{color:var(--lime);width:18px!important;height:18px!important;margin-left:auto;opacity:0;transition:opacity .4s}
.flow-record.record-ready{background:#f0f3e8;border-color:#f0f3e8;color:#142d3c;box-shadow:0 4px 18px #08182316}
.flow-record.record-ready h3{color:#173443}.flow-record.record-ready .flow-record-heading>span{color:#59707b}.flow-record.record-ready .flow-record-heading>b{background:#e1e9d8;color:#4f714a}
.flow-record.record-ready dt,.flow-record.record-ready .flow-record-note,.flow-record.record-ready>p,.flow-record.record-ready .flow-visit-time>div>span{color:#5e747b}
.flow-record.record-ready .flow-record-note{border-color:#142d3c1a}
.flow-record.record-ready .flow-estimate-amount>strong{color:#163c36}.flow-record.record-ready .flow-estimate-amount>strong>span{color:#768471}
.flow-record.record-ready .flow-date-tile{background:#dfe8d4;border-color:#b9c7a7;color:#466738}
.flow-record.record-ready .flow-booking-check{opacity:1;color:#557940}
.flow-record.record-current{border-color:#e2f5a4;box-shadow:0 0 0 2px #d8ef8740,0 10px 30px #010e1920}
.flow-stage-caption{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) auto;gap:28px;align-items:center;padding:23px 26px;background:#0b2234a8;border-top:1px solid #a7cbdf21}
.flow-stage-caption>div{display:flex;align-items:center;gap:14px;min-width:0}
.flow-stage-caption>div>span{font-size:9px;letter-spacing:.4px;color:var(--lime);line-height:1.6;white-space:nowrap}
.flow-stage-caption h3{font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.45px}
.flow-stage-caption p{font-size:11px;line-height:1.75;color:#96b4c6}
.flow-clock{font-size:9px;color:#b4cdc6;line-height:1.6;background:#d8ef8707;border:1px solid #d8ef8720;border-radius:999px;padding:7px 11px;white-space:nowrap}
.flow-timeline{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));position:relative;border-top:1px solid #aacbdb1a;background:#0b223450;padding:15px 17px 14px;gap:4px}
.flow-timeline::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;transform:scaleX(var(--flow-progress));transform-origin:left;background:var(--lime);transition:transform .6s var(--ease);pointer-events:none}
.flow-timeline>button{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:7px;padding:9px 9px 11px;text-align:left;border:1px solid transparent;border-radius:8px;line-height:1.5;min-width:0;background:transparent;color:#86a6b9;transition:border-color .3s,color .3s,background .3s}
.flow-timeline>button>span{font-size:9px;letter-spacing:.5px;color:#6a91a7}
.flow-timeline>button>b{font-family:'Studio Sans',Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.5}
.flow-timeline>button>i{position:absolute;right:8px;top:12px;width:4px;height:4px;border-radius:50%;background:#6687994d}
.flow-timeline>button:hover{color:#d1e2eb;border-color:#b9d8e62a;background:#a9c8d507}
.flow-timeline>button.is-active{background:#d8ef870c;border-color:#d8ef8744;color:var(--lime)}
.flow-timeline>button.is-active>span,.flow-timeline>button.is-complete>span{color:#c3dc9d}.flow-timeline>button.is-complete{color:#c3d2ca}.flow-timeline>button.is-complete>i,.flow-timeline>button.is-active>i{background:var(--lime)}
.flow-result-strip{display:flex;gap:14px 23px;align-items:center;flex-wrap:wrap;padding:18px 26px;font-size:10px;line-height:1.6;border-top:1px solid #abcbd51b;color:#90b0bd;background:#0b20317a}
.flow-result-strip>span{display:flex;align-items:center;gap:7px}.flow-result-strip b{color:#dbe9d7;font-weight:500}
.flow-result-strip i{width:4px;height:4px;background:#6b8a9550;border-radius:50%;display:block;transition:background .35s}.flow-result-strip i.is-ready{background:var(--lime)}
.flow-result-strip .flow-result-label{margin-left:auto;font-size:8px;letter-spacing:.6px;color:#6d90a5;text-transform:uppercase}
.flow-disclosure{font-size:10px;line-height:1.8;color:#7898ac;margin:17px 0 0;padding-inline:4px;max-width:740px}
@keyframes flow-delivery{from{stroke-dashoffset:36}to{stroke-dashoffset:0}}
@keyframes flow-orbit-turn{to{transform:rotate(360deg)}}
@keyframes flow-message-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes flow-typing{0%,75%,100%{opacity:.25;transform:none}35%{opacity:1;transform:translateY(-2px)}}
@media(max-width:1200px){.flow-canvas{gap:34px;padding:26px 21px}.flow-toolbar{padding:18px 21px}.flow-panel-heading{padding-inline:15px;gap:8px}.flow-messages{padding-inline:14px}.flow-agent{padding:19px}.flow-record{padding:16px}.flow-record-heading{gap:6px}.flow-record-heading>span{font-size:7px;letter-spacing:.5px}.flow-record-heading>b{font-size:7px;padding:3px 5px}.flow-agent>h3{font-size:17px}.flow-agent>p{font-size:11px}.flow-agent-tasks>li{font-size:10px}.flow-stage-caption{gap:18px;padding-inline:21px}.flow-stage-caption h3{font-size:15px}.flow-stage-caption>div{gap:11px}.flow-stage-caption p{font-size:10px}.flow-timeline>button>b{font-size:10px}.flow-result-strip{padding-inline:21px;gap:12px 20px}}
@media(max-width:1050px){.flow-section{padding-block:52px 58px}.flow-section-heading h2{font-size:43px}.flow-canvas{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;padding:24px}.flow-routes{display:none}.flow-conversation,.flow-agent{height:670px}.flow-agent{padding:23px}.flow-agent>h3{font-size:21px}.flow-agent>p{font-size:13px;min-height:3.4em}.flow-agent-tasks>li{font-size:12px;min-height:34px}.flow-agent-core{margin-top:10px;margin-bottom:12px}.flow-field-photo{height:86px;min-height:86px}.flow-messages{padding:22px;font-size:14px}.flow-message>p{font-size:14px}.flow-channel-switch{padding-left:22px}.flow-panel-heading{padding:20px 22px 17px}.flow-records{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;height:auto;min-height:203px;gap:16px}.flow-record{padding:17px;min-height:203px}.flow-record h3{font-size:16px}.flow-record dl>div{font-size:10px}.flow-record-heading{flex-wrap:wrap;gap:6px}.flow-record-heading>span{font-size:8px}.flow-record-heading>b{font-size:8px}.flow-estimate-amount{gap:9px}.flow-estimate-amount>strong{font-size:23px}.flow-estimate-amount>h3{font-size:14px}.flow-visit-time{gap:9px}.flow-visit-time h3{font-size:14px}.flow-date-tile{width:34px;height:46px}.flow-date-tile>b{font-size:8px}.flow-stage-caption{grid-template-columns:1fr 1fr;gap:12px 20px}.flow-stage-caption h3{font-size:17px}.flow-stage-caption p{font-size:11px}.flow-clock{grid-column:1/-1;justify-self:start}.flow-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:16px 20px}.flow-timeline>button{padding:9px 12px;gap:5px}.flow-timeline>button>b{font-size:11px}.flow-timeline>button>i{right:12px}.flow-result-strip .flow-result-label{margin-left:0}}
@media(max-width:800px){.flow-section-heading{align-items:flex-start;flex-direction:column;gap:22px}.flow-section-heading h2{font-size:40px}.flow-section-heading>div:last-child{max-width:500px}.flow-section-heading p{font-size:13px}.flow-section-heading .text-link{margin-top:12px}.flow-toolbar{padding:17px 20px;align-items:flex-start;gap:17px;flex-direction:column}.flow-toolbar-actions{width:100%;flex-wrap:wrap}.flow-sample-label{margin-right:auto;font-size:10px}.flow-records{grid-template-columns:1fr;gap:14px}.flow-record{min-height:0;padding:20px}.flow-record-heading{flex-wrap:nowrap;margin-bottom:12px;gap:14px}.flow-record-heading>span{font-size:9px}.flow-record-heading>b{font-size:9px}.flow-record h3{font-size:20px}.flow-record dl{grid-template-columns:1fr 1fr 1fr;gap:18px}.flow-record dl>div{flex-direction:column;font-size:12px;gap:5px}.flow-record dd{text-align:left;max-width:100%}.flow-record-note{font-size:11px;margin-top:15px;padding-top:11px}.flow-estimate-amount{align-items:center}.flow-estimate-amount>h3{font-size:18px}.flow-estimate-amount>strong{font-size:29px}.flow-estimate-amount>strong>span{font-size:9px}.flow-record>p{font-size:12px}.flow-visit-time{gap:14px}.flow-date-tile{width:43px;height:54px}.flow-date-tile>b{font-size:9px}.flow-visit-time h3{font-size:18px}.flow-visit-time>div>span{font-size:12px}.flow-conversation,.flow-agent{height:700px}.flow-agent{padding:19px}.flow-agent>h3{font-size:17px}.flow-agent>p{font-size:12px}.flow-agent-tasks>li{font-size:11px;min-height:34px}.flow-agent-top{gap:7px}.flow-agent .flow-overline{font-size:8px;letter-spacing:.5px}.flow-agent-state{font-size:8px}.flow-agent-core{margin-top:18px}.flow-field-photo figcaption{font-size:6px;letter-spacing:.4px;left:8px}.flow-message>p{font-size:13px}.flow-messages{padding:20px 14px}.flow-panel-heading{padding:18px 14px;gap:8px}.flow-panel-heading h3{font-size:12px}.flow-channel-switch{padding-left:14px}.flow-channel-switch>button{padding:6px 9px;font-size:9px}.flow-conversation-footer{padding:12px;font-size:9px}.flow-stage-caption{padding:22px;gap:11px;grid-template-columns:1fr}.flow-stage-caption>div{gap:12px}.flow-stage-caption h3{font-size:17px}.flow-stage-caption p{font-size:12px}.flow-clock{grid-column:auto;justify-self:start;margin-top:2px}.flow-result-strip{font-size:10px;gap:11px 21px}.flow-disclosure{font-size:10px}}
@media(max-width:640px){.flow-section{padding:38px 0 48px}.flow-section-heading{gap:20px;margin-bottom:27px}.flow-section-heading h2{font-size:clamp(30px,7.6vw,39px);letter-spacing:-1.3px}.flow-section-heading .eyebrow{font-size:8px;letter-spacing:.7px;margin-bottom:15px}.flow-section-heading p{font-size:12px}.flow-section-heading p br{display:none}.flow-demo{border-radius:16px;display:flex;flex-direction:column}.flow-toolbar{order:1;padding:16px}.flow-brand{font-size:9px;letter-spacing:.6px}.flow-brand>img{width:23px;height:23px}.flow-toolbar-actions{gap:7px}.flow-sample-label{font-size:9px;margin-right:auto}.flow-control{font-size:10px;min-height:33px;padding:7px 11px;gap:5px}.flow-replay .icon{width:12px;height:12px}.flow-timeline{order:2;padding:11px;gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}.flow-timeline>button{padding:9px 7px;gap:5px;min-height:67px;justify-content:flex-start}.flow-timeline>button>span{font-size:8px}.flow-timeline>button>b{font-size:9px;line-height:1.5}.flow-timeline>button>i{right:7px;top:12px;width:3px;height:3px}.flow-stage-caption{order:3;padding:19px 16px;gap:9px}.flow-stage-caption h3{font-size:16px;line-height:1.5}.flow-stage-caption>div>span{font-size:8px}.flow-stage-caption p{font-size:11px;line-height:1.75}.flow-clock{font-size:8px;padding:5px 9px;margin-top:3px}.flow-canvas{order:4;grid-template-columns:1fr;padding:18px 14px;gap:17px}.flow-conversation{height:345px;border-radius:12px}.flow-panel-heading{padding:17px 16px 15px}.flow-panel-heading h3{font-size:13px}.flow-panel-icon{width:31px;height:31px}.flow-panel-index{font-size:9px}.flow-channel-switch{padding-left:16px;padding-top:12px}.flow-channel-switch>button{font-size:10px;padding:7px 12px}.flow-messages{padding:17px 16px;gap:11px}.flow-message{padding:11px 12px;max-width:93%}.flow-message>p{font-size:12px;line-height:1.7}.flow-message>span{font-size:9px}.flow-conversation-footer{font-size:10px;padding:11px 16px;min-height:45px}.flow-agent{height:auto;min-height:0;padding:21px;border-radius:12px}.flow-agent-top{min-height:25px}.flow-agent .flow-overline{font-size:9px;letter-spacing:.8px}.flow-agent-state{font-size:9px}.flow-agent-core{height:98px;min-height:98px;margin-top:13px;margin-bottom:14px}.flow-agent>h3{font-size:20px}.flow-agent>p{font-size:12px;min-height:0;margin-top:9px}.flow-agent-tasks{margin-top:17px}.flow-agent-tasks>li{font-size:11px;min-height:32px}.flow-field-photo{margin-top:18px;height:90px;min-height:90px}.flow-field-photo figcaption{font-size:7px;letter-spacing:.7px;left:12px}.flow-records{grid-column:auto;gap:13px}.flow-record{padding:18px;border-radius:12px}.flow-record h3{font-size:18px}.flow-record-heading{gap:8px}.flow-record-heading>span{font-size:8px;letter-spacing:.5px}.flow-record-heading>b{font-size:8px}.flow-record dl{grid-template-columns:1fr;gap:5px;margin-top:11px}.flow-record dl>div{flex-direction:row;font-size:11px;gap:13px}.flow-record dd{text-align:right;max-width:70%}.flow-record-note{font-size:10px;padding-top:10px;margin-top:12px}.flow-estimate-amount>h3{font-size:16px}.flow-estimate-amount>strong{font-size:26px}.flow-estimate-amount>strong>span{font-size:8px}.flow-record>p{font-size:11px}.flow-visit-time h3{font-size:16px}.flow-visit-time>div>span{font-size:11px}.flow-result-strip{order:5;padding:17px 16px;gap:11px 20px;font-size:10px}.flow-result-strip .flow-result-label{width:100%;font-size:8px}.flow-disclosure{font-size:9px;line-height:1.9;margin-top:15px;padding:0}}
@media(max-width:360px){.flow-toolbar-actions{gap:6px}.flow-control{font-size:9px;padding-inline:9px}.flow-sample-label{font-size:8px;gap:5px}.flow-brand{font-size:8px;letter-spacing:.5px}.flow-stage-caption h3{font-size:15px}.flow-timeline>button>b{font-size:8px}.flow-stage-caption>div{gap:9px}.flow-record-heading{flex-wrap:wrap}.flow-agent>h3{font-size:18px}.flow-result-strip{gap:10px 15px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.flow-demo *,.flow-demo *::before,.flow-demo *::after{animation:none!important;transition:none!important}.flow-playing .flow-message.newest{opacity:1;transform:none}}
html.motion-paused .flow-playing .flow-message.newest{opacity:1;transform:none}
/* A visible message travels on the same native path as the connected records. */
.flow-packet{position:absolute;top:0;left:0;z-index:4;display:flex;align-items:center;gap:5px;border:1px solid #d8ef8790;border-radius:999px;padding:6px 9px;background:#142d3c;color:#e4f5b7;box-shadow:0 3px 14px #020b1e66;line-height:1.4;font-size:8px;pointer-events:none;visibility:hidden;offset-rotate:0deg;offset-anchor:center;white-space:nowrap}
.flow-packet .icon{width:11px;height:11px;stroke-width:1.8}
@supports(offset-path:path('M 0 0 L 1 1')){.flow-playing .flow-packet{visibility:visible;animation:flow-packet-a var(--flow-stage-duration,3800ms) var(--ease) infinite}.flow-playing[data-flow-stage='1'] .flow-packet,.flow-playing[data-flow-stage='3'] .flow-packet,.flow-playing[data-flow-stage='5'] .flow-packet,.flow-playing[data-flow-stage='7'] .flow-packet{animation-name:flow-packet-b}}
.flow-playing .flow-timeline>button.is-active::after{content:'';position:absolute;left:9px;right:9px;bottom:4px;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;animation:flow-step-time var(--flow-stage-duration,3800ms) linear infinite}
@keyframes flow-packet-a{0%,8%{offset-distance:0%;opacity:0}17%{opacity:1}73%{opacity:1}88%,100%{offset-distance:100%;opacity:0}}
@keyframes flow-packet-b{0%,8%{offset-distance:0%;opacity:0}17%{opacity:1}73%{opacity:1}88%,100%{offset-distance:100%;opacity:0}}
@keyframes flow-step-time{to{transform:scaleX(1)}}
@media(max-width:1050px){.flow-packet{display:none}}
@media(prefers-reduced-motion:reduce){.flow-packet{display:none}.flow-timeline>button.is-active::after{display:none}}