@font-face{font-family:Manrope;src:url(assets/fonts/Manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}
@font-face{font-family:DMSans;src:url(assets/fonts/DMSans.ttf) format("truetype");font-weight:100 1000;font-display:swap}
@font-face{font-family:Newsreader;src:url(assets/fonts/Newsreader.ttf) format("truetype");font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--base:#061725;--base-rgb:6,23,37;--accent:#ffac60;--ink:#f5f2ea;--muted:#d0dbe0;--display:Manrope,sans-serif;--body:DMSans,sans-serif;--weight:450;--tracking:-.048em;--warmth:transparent}
*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font-family:var(--body);min-width:320px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
[data-theme=copper]{--base:#1a191c;--base-rgb:26,25,28;--accent:#f3a17b;--ink:#fff4ec;--muted:#e3d7cf;--display:Newsreader,Georgia,serif;--body:DMSans,sans-serif;--weight:450;--tracking:-.035em;--warmth:#71422e}
[data-theme=sage]{--base:#102522;--base-rgb:16,37,34;--accent:#e9c47f;--ink:#f2f4e9;--muted:#d2dfd5;--display:DMSans,sans-serif;--body:Manrope,sans-serif;--weight:550;--tracking:-.05em;--warmth:#345f43}
.review-bar{position:sticky;top:0;z-index:20;background:#f3f1ec;color:#222d31;padding:10px 25px 7px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font:13px DMSans,sans-serif;border-bottom:1px solid #c8c8be;box-shadow:0 3px 20px #0002}
.review-brand{display:flex;gap:11px;align-items:baseline}.review-brand b{font-size:16px}.review-brand span{color:#4e5a60}
.theme-switch{display:flex;gap:5px}.theme-switch button{border:1px solid transparent;border-radius:7px;background:transparent;min-height:42px;padding:7px 14px;display:flex;align-items:center;gap:10px;color:#354149}.theme-switch button[aria-pressed=true]{background:#142d37;color:white;box-shadow:0 2px 4px #10273330}.theme-switch button:hover{border-color:#7b8c91}
.swatch{width:18px;height:18px;border-radius:50%;display:block}.swatch.amber{background:linear-gradient(135deg,#123d5b 50%,#ffac60 50%)}.swatch.copper{background:linear-gradient(135deg,#28252b 50%,#f3a17b 50%)}.swatch.sage{background:linear-gradient(135deg,#1c5043 50%,#e9c47f 50%)}
.route-control{display:flex;align-items:center;gap:8px}.route-control select{background:#fff;color:#24353d;border:1px solid #bbc1bf;border-radius:5px;padding:9px;max-width:150px}
.clean-view{border:0;background:transparent;color:#334c58;text-decoration:underline;min-height:42px;padding:5px}.review-detail{flex-basis:100%;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#526269;border-top:1px solid #d9ddd7;padding-top:5px}.review-detail span:first-child{font-weight:600}
#restore-panel{position:fixed;right:12px;top:12px;z-index:21;background:#f3f1ec;color:#24333d;padding:12px 18px;border:1px solid #c5d0ce;border-radius:8px;font:13px DMSans,sans-serif}
.hero{position:relative;isolation:isolate;min-height:720px;height:51vw;max-height:880px;overflow:hidden}
.hero-art{position:absolute;inset:0;z-index:-2}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--base-rgb),.66),rgba(var(--base-rgb),.22) 39%,transparent 62%),linear-gradient(0deg,var(--base),transparent 28%),linear-gradient(180deg,rgba(var(--base-rgb),.45),transparent 18%);pointer-events:none}
[data-theme=copper] .hero-art img,[data-theme=copper] .service-art img{filter:saturate(.65)}
[data-theme=sage] .hero-art img,[data-theme=sage] .service-art img{filter:saturate(.7)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--warmth);mix-blend-mode:color;opacity:.35;pointer-events:none}
.site-header{padding:26px 5.3%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:50px;height:50px;object-fit:contain;mix-blend-mode:screen}.brand span{font:550 27px var(--body);letter-spacing:-.055em}
.site-header>nav{display:flex;align-items:center;gap:32px;font-size:14px}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--accent)}.nav-contact{padding:10px 25px;border:1px solid #d8c9a980;border-radius:6px}.mobile-menu{display:none}
.hero-copy{position:relative;padding:55px 0 0;margin-left:8%;max-width:590px;width:44%;z-index:2}
h1{font:var(--weight) clamp(48px,4.55vw,76px)/1.06 var(--display);letter-spacing:var(--tracking);margin:0;text-wrap:balance}h1>span{display:block;color:var(--accent);white-space:nowrap}
.hero-copy>p{font-size:18px;line-height:1.6;max-width:405px;margin:27px 0 25px;color:var(--muted)}
.hero-action{display:flex;align-items:flex-start;gap:12px;flex-direction:column}.primary{background:var(--accent);color:#17232a;padding:17px 25px;border-radius:5px;font-size:15px;font-weight:650;text-decoration:none;box-shadow:0 5px 32px #e8872b1c;display:inline-flex;align-items:center;min-height:52px}.primary:hover{filter:brightness(1.08)}.hero-action>span{font-size:12px;color:var(--muted);padding-left:1px}
[data-theme=copper] h1{font-size:clamp(52px,5.1vw,84px);line-height:1.02}
.connection{position:relative;isolation:isolate;margin-top:-60px;padding:0 6% 92px;z-index:3}
.route-art{position:absolute;z-index:-1;left:0;top:-75px;width:100%;height:365px;overflow:visible;pointer-events:none}.road-bed{stroke:url(#road);stroke-width:22;fill:none;opacity:.15}.road-light{stroke:url(#road);stroke-width:2;fill:none}.road-edge{stroke:url(#road);stroke-width:1;fill:none;opacity:.55}
.ribbon-road,.horizon-road{display:none}[data-route=ribbon] .river-road,[data-route=horizon] .river-road{display:none}[data-route=ribbon] .ribbon-road,[data-route=horizon] .horizon-road{display:block}
.benefits{padding:0;margin:0 auto;max-width:1240px;display:grid;grid-template-columns:1.1fr 1.2fr .9fr;gap:18px;list-style:none}
.benefits li{background:linear-gradient(125deg,rgba(255,255,255,.085),rgba(var(--base-rgb),.64));border:1px solid #e7b47930;border-radius:8px;padding:25px 28px;min-height:96px;display:flex;align-items:center;gap:20px;backdrop-filter:blur(12px);box-shadow:0 9px 26px #00000015}.benefits b{font-size:17px;line-height:1.45;font-weight:450}
.benefit-icon{display:block;flex:0 0 27px;width:27px;height:27px;background:var(--accent);mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.clock{--icon:url(assets/icons/clock.svg)}.focus{--icon:url(assets/icons/focus-centered.svg)}.bulb{--icon:url(assets/icons/bulb.svg)}
[data-theme=copper] .benefits li{border-radius:3px;background:linear-gradient(125deg,#84694e22,rgba(var(--base-rgb),.62))}
[data-theme=sage] .benefits li{border-radius:14px;background:linear-gradient(125deg,#91baa815,rgba(var(--base-rgb),.66))}
.automation{position:relative;isolation:isolate;min-height:650px;overflow:hidden;padding:0 6%;scroll-margin-top:110px;margin-top:-10px}
.service-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.service-art img{position:absolute;width:100%;height:auto;min-height:100%;object-fit:cover;bottom:-100px}
.service-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.72) 12%,rgba(var(--base-rgb),.12) 38%,transparent 60%,var(--base) 100%)}
.automation:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--warmth);mix-blend-mode:color;opacity:.35;pointer-events:none}
.expertise{max-width:1240px;margin:0 auto 28px;font-size:11px;letter-spacing:.15em;color:var(--muted)}
.service-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:.65fr 2fr 1.45fr;gap:35px;align-items:start}.service-label{font-size:17px;color:var(--accent);padding-top:8px}
h2{font:var(--weight) clamp(34px,3.1vw,51px)/1.12 var(--display);letter-spacing:var(--tracking);margin:0;text-wrap:balance;max-width:540px}
.service-description p{font-size:17px;line-height:1.65;color:var(--muted);margin:5px 0 19px}.service-description a{font-size:14px;text-decoration-thickness:1px;text-underline-offset:8px;color:var(--accent);display:inline-block;padding:5px 0;min-height:32px}
[data-theme=copper] h2{font-size:clamp(37px,3.45vw,57px)}[data-theme=copper] .service-grid{gap:38px}
.review-footer{padding:24px 6%;display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--base);font:12px DMSans,sans-serif;color:var(--muted);border-top:1px solid #ffffff12}.review-footer p{margin:0}.review-footer button{background:transparent;border:1px solid #ffffff30;color:var(--ink);border-radius:5px;padding:12px 18px;min-height:44px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.hero-copy{padding-top:80px}.automation{min-height:780px}}
@media(max-width:1100px){.review-bar{gap:8px}.review-brand>span{display:none}.site-header>nav{gap:20px}.hero{min-height:660px;height:65vw}.hero-copy{margin-left:6%;width:49%;padding-top:50px}h1{font-size:clamp(42px,4.8vw,60px)}[data-theme=copper] h1{font-size:5.5vw}.benefits li{padding:20px 18px;gap:12px}.benefits b{font-size:15px}.service-grid{grid-template-columns:.6fr 1.8fr 1.5fr;gap:22px}.service-description p{font-size:15px}h2{font-size:36px}.automation{min-height:610px}}
@media(max-width:760px){
 .review-bar{padding:9px 12px;gap:8px}.review-brand{font-size:12px}.review-brand b{font-size:13px}.theme-switch{margin-left:auto;gap:3px}.theme-switch button{padding:6px 8px;min-height:42px;gap:6px;font-size:11px}.theme-switch button span b{font-size:12px}.swatch{width:14px;height:14px}.route-control{font-size:11px}.route-control select{padding:6px;min-height:36px}.clean-view{margin-left:auto;font-size:11px;min-height:36px}.review-detail{font-size:10px}.review-detail span:last-child{display:none}
 .hero{height:auto;min-height:0;padding-bottom:0;display:flex;flex-direction:column;overflow:visible;background:var(--base)}
 .site-header{padding:20px 6%;order:0}.brand img{width:40px;height:40px}.brand span{font-size:24px}.site-header>nav{display:none}.mobile-menu{display:block}.mobile-menu summary{font-size:14px;padding:10px 0 10px 18px;cursor:pointer}.mobile-menu nav{position:absolute;top:74px;right:6%;background:var(--base);border:1px solid #ffffff30;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 32px #0008}.mobile-menu nav a{padding:5px 14px}
 .hero-copy{margin:0;padding:24px 6% 10px;width:100%;max-width:none;order:1}
 h1{font-size:clamp(38px,8.9vw,66px);line-height:1.1;max-width:540px}[data-theme=copper] h1{font-size:clamp(42px,10vw,70px);line-height:1.06}
 .hero-copy>p{font-size:16px;line-height:1.6;max-width:440px;margin:22px 0}
 .hero-action{gap:12px}.primary{font-size:14px;padding:15px 21px;min-height:50px}.hero-action>span{font-size:11px}
 .hero-art{position:relative;order:2;inset:auto;width:100%;aspect-ratio:1672/941;z-index:0;margin-top:12px}.hero-art img{object-fit:contain}.hero-art:after{background:linear-gradient(180deg,var(--base),transparent 22%,transparent 75%,var(--base))}
 .hero:after{display:none}.connection{margin-top:-16px;padding:0 6% 55px}.benefits{grid-template-columns:1fr;gap:9px}.benefits li{min-height:66px;padding:15px 20px;gap:18px;border-radius:7px;background:linear-gradient(105deg,#ffffff0d,rgba(var(--base-rgb),.92))}.benefits b{font-size:15px;line-height:1.4}.benefits br{display:none}.benefit-icon{width:24px;height:24px;flex-basis:24px}.route-art{top:-25px;height:360px;opacity:.65}
 .automation{padding:0 6%;min-height:0;margin-top:0;padding-bottom:56vw;scroll-margin-top:155px}.expertise{font-size:10px;margin-bottom:18px}.service-grid{display:grid;grid-template-columns:1fr;gap:15px}.service-label{font-size:14px;padding-top:0}h2{font-size:clamp(34px,8vw,48px);max-width:520px;line-height:1.13}[data-theme=copper] h2{font-size:clamp(38px,9vw,54px)}.service-description p{font-size:16px;line-height:1.6;margin:0 0 12px;max-width:480px}.service-description a{min-height:44px;padding-top:8px}
 .service-art img{min-height:0;width:100%;bottom:0;object-fit:contain}.service-art:after{background:linear-gradient(180deg,var(--base) 0%,var(--base) 40%,transparent 76%,var(--base) 100%)}.automation:after{display:none}.review-footer{align-items:flex-start;flex-direction:column;padding:20px 6%;gap:12px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Full Home: a single material world; the route becomes tools, sources and a process. */
:root{--line:#d9b37e35;--panel:rgba(17,38,51,.79);--space-section:76px}
[data-theme=copper]{--line:#e0a88840;--panel:rgba(44,33,31,.82)}
[data-theme=sage]{--line:#ddc68d40;--panel:rgba(25,49,42,.82)}
.content-width{width:88%;max-width:1240px;margin-inline:auto}
.skip-link{position:fixed;z-index:50;top:8px;left:10px;padding:14px;background:var(--ink);color:var(--base);transform:translateY(-200%)}.skip-link:focus{transform:none}
.nav-drop{position:relative}.nav-drop summary{list-style:none;cursor:pointer;padding:12px 0}.nav-drop summary::-webkit-details-marker{display:none}.nav-drop summary:after{content:"";display:inline-block;width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);vertical-align:4px;margin-left:9px}.nav-drop>div{position:absolute;top:100%;left:-18px;min-width:200px;background:var(--base);border:1px solid var(--line);padding:10px;box-shadow:0 10px 30px #0005;border-radius:6px}.nav-drop a,.nav-drop span{display:block;padding:12px 10px;white-space:nowrap}.nav-drop span{color:var(--muted)}
.site-header nav a{min-height:44px;display:flex;align-items:center}
.hero-copy{max-width:650px}.hero h1{font-weight:450}.hero-art img{filter:none}
.connection{padding-bottom:72px}.route-art{height:285px;overflow:hidden}.benefits br{display:initial}
.service-section{position:relative;isolation:isolate;min-height:620px;overflow:hidden;padding:0 6%;scroll-margin-top:125px}
.service-section:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--warmth);mix-blend-mode:color;opacity:.38;pointer-events:none}
.service-section .service-art img{bottom:-75px;min-height:0}
.service-section .service-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.8) 17%,rgba(var(--base-rgb),.15) 38%,transparent 62%,var(--base) 100%)}
.service-grid{position:relative;z-index:1}.service-grid h2{font-size:clamp(33px,3.05vw,48px);max-width:500px}
[data-theme=copper] .service-grid h2{font-size:clamp(37px,3.5vw,53px)}
.service-description p{font-size:16px}.service-description a{min-height:44px;display:inline-flex;align-items:center;padding:8px 0}
.section-seam{position:relative;height:72px;overflow:hidden;background:var(--base);isolation:isolate}
.section-seam:before{content:"";position:absolute;left:6%;right:6%;top:34px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.3}
.section-seam:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 72% 52%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 45%)}
.section-seam i{position:absolute;left:72%;top:31px;width:7px;height:7px;border:1px solid var(--accent);border-radius:50%;background:var(--base);box-shadow:0 0 15px color-mix(in srgb,var(--accent) 65%,transparent)}
[data-route=ribbon] .section-seam:before{top:-170px;height:200px;border-bottom:1px solid var(--accent);background:none;border-radius:0 0 45% 65%;opacity:.4}
[data-route=horizon] .section-seam:before{left:0;right:0;box-shadow:0 9px 0 var(--line)}
[data-route=ribbon] .section-seam i{left:45%}[data-route=horizon] .section-seam i{left:20%}
.custom-service{min-height:680px}.custom-service .service-art img{bottom:-15px}.custom-service .service-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.85) 24%,rgba(var(--base-rgb),.13) 50%,transparent 78%,var(--base))}
.web-service{min-height:565px}.web-service .service-art img{width:85%;right:0;bottom:-85px}.web-service .service-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.8) 18%,transparent 52%,var(--base) 100%),linear-gradient(90deg,var(--base),transparent 30%)}
.web-service h2{max-width:440px}
.client-case{position:relative;padding:74px 0 22px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--accent) 6%,var(--base)),var(--base) 70%)}
.case-layout{display:grid;grid-template-columns:1fr 1fr;gap:34px 100px;align-items:start}.case-layout h2{font-size:clamp(43px,4.1vw,64px);max-width:520px}.case-copy p{font-size:18px;line-height:1.75;margin:2px 0 22px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-underline-offset:8px;color:var(--accent)}
.case-line{position:absolute;left:6%;top:0;width:88%;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.source-composition{grid-column:1/-1;position:relative;max-width:1000px;width:90%;height:270px;display:flex;align-items:flex-start;justify-content:space-between;margin:18px auto 0;perspective:1200px}
.source-sheet{position:relative;height:175px;width:26%;border:1px solid var(--line);background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 8%,transparent),rgba(var(--base-rgb),.7));box-shadow:8px 15px 30px #0003,inset 0 1px 0 #ffffff0a;padding:28px;transform:rotateY(8deg) rotateX(7deg);border-radius:7px}
.source-sheet:nth-child(2){transform:translateY(15px) rotateX(7deg)}.source-sheet:nth-child(3){transform:rotateY(-8deg) rotateX(7deg)}.sheet-light{display:block;width:22px;height:3px;background:var(--accent);margin-bottom:18px}.bubble{width:75%;height:16px;border:1px solid var(--line);border-radius:6px;margin:8px 0}.bubble:nth-child(3){margin-left:auto;background:color-mix(in srgb,var(--accent) 8%,transparent)}.source-plan i{display:block;width:95%;height:3px;background:var(--line);margin:10px 0}.source-plan i:nth-child(3){width:68%}.source-plan i:nth-child(5){width:45%;background:var(--accent);opacity:.5}.ledger{height:75px;background:repeating-linear-gradient(0deg,transparent 0 17px,var(--line) 17px 18px),repeating-linear-gradient(90deg,transparent 0 24%,var(--line) 24% 25%);border:1px solid var(--line)}.source-composition svg{position:absolute;left:0;right:0;width:100%;height:115px;bottom:0;fill:none;stroke:var(--accent);stroke-width:1;opacity:.75}.source-composition circle{fill:var(--base);stroke-width:2}
.sense{position:relative;isolation:isolate;min-height:600px;padding:65px 0 130px;overflow:hidden;scroll-margin-top:120px}
.ambient-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.ambient-art img{width:100%;height:100%;object-fit:cover;object-position:bottom;display:block}.ambient-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--base),transparent 30%,rgba(var(--base-rgb),.45) 78%,var(--base))}
.sense .ambient-art img{object-position:center 65%;opacity:.68}.sense .ambient-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.76) 25%,rgba(var(--base-rgb),.25) 70%,var(--base))}
.sense-layout{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:45px}.sense h2{font-size:clamp(38px,3.5vw,54px);max-width:370px}.sense h3{font:500 20px var(--body);margin:0 0 24px;color:var(--accent)}.sense-list{padding:28px 24px;border:1px solid var(--line);border-radius:6px;align-self:start;background:linear-gradient(135deg,#ffffff09,rgba(var(--base-rgb),.55));backdrop-filter:blur(5px)}.sense-list ul{list-style:none;margin:0;padding:0;color:var(--ink);font-size:16px;line-height:1.5}.sense-list li{padding:11px 0;border-bottom:1px solid #ffffff0c}.sense-list li:last-child{border-bottom:0}.hand-note{font:italic 400 24px/1.45 Newsreader,Georgia,serif;max-width:355px;color:var(--muted);margin:30px 0 0}
.practice{position:relative;padding:35px 0 85px;scroll-margin-top:120px;background:radial-gradient(ellipse at 85% 60%,color-mix(in srgb,var(--accent) 5%,var(--base)),var(--base) 70%)}
.section-heading{margin-bottom:36px}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--accent);display:block;margin-bottom:12px}.section-heading h2{font-size:clamp(44px,4.2vw,64px)}.section-heading>p{font-size:17px;color:var(--muted);margin:13px 0 0}.practice-layout{display:grid;grid-template-columns:.9fr 1.35fr;gap:55px;align-items:start}.scenario-picker h3{font:500 24px var(--body);letter-spacing:-.035em;margin:0 0 5px}.scenario-picker>p{font-size:13px;margin:0 0 23px;color:var(--muted)}
.scenario-categories{display:flex;gap:7px;margin-bottom:24px;flex-wrap:wrap}.scenario-categories button{background:transparent;color:var(--muted);border:1px solid #ffffff30;font-size:12px;padding:11px;min-height:44px;border-radius:4px}.scenario-categories button[aria-pressed=true]{color:var(--base);background:var(--accent);border-color:var(--accent)}.scenario-questions{display:flex;flex-direction:column}.scenario-questions button{position:relative;text-align:left;font-size:18px;line-height:1.45;padding:24px 17px 24px 26px;color:var(--muted);border:0;border-top:1px solid #ffffff20;background:transparent;min-height:64px}.scenario-questions button:last-child{border-bottom:1px solid #ffffff20}.scenario-questions button:before{content:"";position:absolute;top:31px;left:0;width:6px;height:6px;border-radius:50%;border:1px solid #ffffff60}.scenario-questions button[aria-pressed=true]{color:var(--ink);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent)}.scenario-questions button[aria-pressed=true]:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 40%,transparent)}
.demo-console{border:1px solid var(--line);background:linear-gradient(130deg,#ffffff08,transparent 50%),var(--panel);border-radius:8px;box-shadow:0 20px 45px #0003;overflow:hidden}.console-top{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.console-top>span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.view-controls{display:flex;gap:4px}.view-controls button{border:1px solid transparent;color:var(--muted);background:transparent;padding:12px 14px;font-size:12px;min-height:44px;border-radius:4px}.view-controls button[aria-pressed=true]{border-color:var(--line);background:#ffffff0c;color:var(--accent)}.console-content{padding:28px 30px 26px;min-height:440px}.console-content h3{font:500 28px/1.2 var(--display);letter-spacing:-.03em;margin:0 0 25px;color:var(--ink);max-width:510px}.flow-steps{list-style:none;padding:0 0 0 28px;margin:0 0 22px}.flow-steps li{position:relative;padding:0 0 19px 0;font-size:15px}.flow-steps li:before{content:"";position:absolute;left:-26px;top:5px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 9%,transparent);z-index:1}.flow-steps li:after{content:"";position:absolute;left:-23px;top:13px;bottom:-2px;width:1px;background:var(--line)}.flow-steps li:last-child:after{display:none}.flow-steps b{font-weight:500}.flow-steps p{font-size:13px;line-height:1.5;color:var(--muted);margin:6px 0 0}.demo-pill{font-size:10px;display:inline-block;margin-left:4px;padding:3px 5px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-radius:3px;vertical-align:2px}.flow-result{padding:17px 20px;background:color-mix(in srgb,var(--accent) 6%,transparent);border-left:2px solid var(--accent)}.flow-result small{font-size:11px;color:var(--muted)}.flow-result p{font-size:15px;line-height:1.55;margin:7px 0 0}.system-flow{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.system-flow span{font-size:12px;padding:8px 10px;border:1px solid var(--line);border-radius:3px;color:var(--accent)}.system-facts>div{border-top:1px solid var(--line);padding:15px 0 4px}.system-facts b{font-size:14px;font-weight:500;color:var(--accent)}.system-facts p{color:var(--muted);font-size:14px;line-height:1.6;margin:7px 0}.demo-console:focus-within{border-color:color-mix(in srgb,var(--accent) 65%,transparent)}
.work{position:relative;isolation:isolate;overflow:hidden;padding:65px 0 250px;min-height:820px;scroll-margin-top:120px}.work .ambient-art img{object-fit:cover;object-position:center bottom}.work .ambient-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.93) 25%,rgba(var(--base-rgb),.68) 52%,transparent 85%,var(--base))}.work h2{font-size:clamp(44px,4.2vw,64px);margin-bottom:40px}.work-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0;padding:0;align-items:start}.work-steps li{position:relative;border-top:1px solid var(--line);padding-top:22px}.work-steps li:nth-child(2){margin-top:28px}.work-steps li:nth-child(3){margin-top:56px}.work-steps li:nth-child(4){margin-top:84px}.work-steps li:before{content:"";position:absolute;left:0;top:-3px;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.step-number{font:400 44px/1 var(--display);letter-spacing:-.045em;color:var(--accent);opacity:.7}.work-steps h3{font:500 20px/1.35 var(--body);letter-spacing:-.025em;margin:20px 0 12px}.work-steps p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.next-step{position:relative;isolation:isolate;min-height:570px;overflow:hidden;padding:60px 0 280px}.next-step .ambient-art img{object-position:center 67%}.next-step .ambient-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.68) 27%,transparent 65%,var(--base))}.next-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.next-layout h2{font-size:clamp(44px,4.6vw,70px);max-width:620px;line-height:1.06}.next-layout>div>p{font-size:20px;line-height:1.65;color:var(--muted);margin:0 0 27px;max-width:480px}
.site-footer{background:var(--base);padding:20px 0 28px}.footer-top{display:flex;align-items:center;gap:28px;padding-bottom:28px}.footer-top>p{font-size:14px;color:var(--muted);margin-right:auto}.footer-top>a:not(.brand){font-size:14px;min-height:44px;display:flex;align-items:center;text-underline-offset:6px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;gap:18px}.footer-bottom small{font-size:12px;color:var(--muted)}.legal-preview{display:flex;gap:22px;color:var(--muted);font-size:12px}.review-footer{font-size:12px}.review-footer p{max-width:750px;line-height:1.5}
[data-theme=copper] .ambient-art img{filter:saturate(.55)}[data-theme=sage] .ambient-art img{filter:saturate(.65)}
[data-theme=copper] .case-layout h2,[data-theme=copper] .section-heading h2,[data-theme=copper] .work h2{font-size:clamp(48px,4.8vw,70px)}[data-theme=copper] .next-layout h2{text-transform:none;letter-spacing:-.03em}
@media(min-width:1700px){.service-section{min-height:720px}.custom-service{min-height:800px}.web-service{min-height:660px}.sense{min-height:680px}.work{min-height:920px}.next-step{min-height:680px}}
@media(max-width:1100px){.content-width{width:88%}.service-section{min-height:570px}.custom-service{min-height:640px}.service-grid{grid-template-columns:.65fr 1.5fr 1.35fr;gap:22px}.service-grid h2{font-size:34px}.service-description p{font-size:15px}.service-label{font-size:15px}.case-layout{gap:35px 50px}.case-copy p{font-size:16px}.sense-layout{grid-template-columns:1.1fr 1fr 1fr;gap:20px}.sense-list{padding:22px 16px}.sense-list ul{font-size:14px}.practice-layout{gap:30px;grid-template-columns:.85fr 1.2fr}.scenario-questions button{font-size:16px}.console-top{padding:14px}.console-content{padding:24px}.work-steps{gap:22px}.work-steps h3{font-size:18px}.work-steps p{font-size:14px}.next-layout{gap:50px}.footer-top{gap:22px}}
@media(max-width:760px){
 :root{--space-section:50px}.content-width{width:88%}.connection{padding-bottom:45px}.benefits br{display:none}.route-art{height:290px;opacity:.45}.hero-copy{max-width:none}.service-section{min-height:0;padding:0 6% 55vw}.service-section .service-grid{grid-template-columns:1fr;gap:15px}.service-grid h2{font-size:clamp(33px,8.3vw,45px);max-width:550px}[data-theme=copper] .service-grid h2{font-size:clamp(37px,9.5vw,52px)}.service-description p{font-size:16px}.service-section .service-art img{width:100%;bottom:0;min-height:0}.service-section .service-art:after{background:linear-gradient(180deg,var(--base),var(--base) 42%,rgba(var(--base-rgb),.1) 78%,var(--base))}.section-seam{height:44px}.section-seam:before{top:20px}.section-seam i{top:17px}.custom-service{padding-bottom:54vw}.web-service{padding-bottom:55vw}.web-service .service-art img{width:100%;bottom:0}.web-service .service-art:after{background:linear-gradient(180deg,var(--base),var(--base) 28%,transparent 73%,var(--base))}
 .client-case{padding:42px 0 5px}.case-layout{grid-template-columns:1fr;gap:23px}.case-layout h2{font-size:clamp(39px,10vw,55px)}[data-theme=copper] .case-layout h2{font-size:clamp(44px,11vw,60px)}.case-copy p{font-size:16px;line-height:1.7;margin-top:0}.source-composition{height:168px;width:100%;margin-top:10px}.source-sheet{height:100px;width:29%;padding:14px 10px}.sheet-light{width:15px;height:2px;margin-bottom:10px}.bubble{height:8px;margin:5px 0}.source-plan i{height:2px;margin:7px 0}.ledger{height:45px;background-size:auto}.source-composition svg{height:65px;bottom:0}.source-sheet:nth-child(2){transform:translateY(8px)}
 .sense{min-height:0;padding:35px 0 90px}.sense-layout{grid-template-columns:1fr 1fr;gap:24px 14px}.sense-intro{grid-column:1/-1}.sense h2{font-size:clamp(38px,10vw,52px);max-width:440px}.hand-note{font-size:23px;max-width:430px;margin:22px 0 6px}.sense-list{padding:20px 14px;min-height:360px;backdrop-filter:none;background:rgba(var(--base-rgb),.65)}.sense h3{font-size:17px;margin-bottom:16px;line-height:1.3}.sense-list li{padding:10px 0;font-size:14px}.sense .ambient-art img{object-fit:cover;object-position:60% bottom;opacity:.5}
 .practice{padding:20px 0 40px}.section-heading{margin-bottom:32px}.section-heading h2,[data-theme=copper] .section-heading h2{font-size:44px}.section-heading>p{font-size:16px}.practice-layout{grid-template-columns:1fr;gap:28px}.scenario-categories{gap:7px}.scenario-categories button{font-size:11px;padding:10px 9px;min-height:44px}.scenario-questions button{font-size:16px;padding:19px 12px 19px 24px;min-height:64px}.scenario-questions button:before{top:26px}.console-top{padding:12px 13px;gap:8px}.view-controls button{font-size:11px;padding:10px 9px}.console-top>span{font-size:9px;letter-spacing:.08em}.console-content{padding:23px 19px;min-height:440px}.console-content h3{font-size:26px;margin-bottom:26px}.flow-steps{padding-left:25px}.flow-steps li{font-size:14px;padding-bottom:22px}.flow-steps p{font-size:12px}.flow-result{padding:14px 15px}.flow-result p{font-size:14px}.system-facts p{font-size:13px}.system-flow{gap:5px}.system-flow span{padding:7px;font-size:11px}
 .work{padding:40px 0 55vw;min-height:0}.work h2,[data-theme=copper] .work h2{font-size:44px;margin-bottom:32px}.work-steps{grid-template-columns:1fr;gap:27px;padding-left:20px;border-left:1px solid var(--line)}.work-steps li,.work-steps li:nth-child(n){margin-top:0;display:grid;grid-template-columns:45px 1fr;gap:9px 16px;border:0;padding:0}.work-steps li:before{left:-23px;top:13px}.step-number{font-size:34px;grid-row:1/3;line-height:1.25}.work-steps h3{font-size:18px;margin:0;padding-top:4px}.work-steps p{font-size:15px;line-height:1.65;grid-column:2}.work .ambient-art img{height:auto;position:absolute;bottom:0;width:100%;object-fit:contain}.work .ambient-art:after{background:linear-gradient(180deg,var(--base),var(--base) 64%,rgba(var(--base-rgb),.25) 87%,var(--base))}
 .next-step{min-height:0;padding:40px 0 60vw}.next-layout{grid-template-columns:1fr;gap:25px}.next-layout h2,[data-theme=copper] .next-layout h2{font-size:clamp(40px,10.5vw,56px);max-width:550px}.next-layout>div>p{font-size:17px;line-height:1.65;margin-bottom:23px}.next-step .ambient-art img{height:auto;position:absolute;bottom:0;width:100%;object-fit:contain}.next-step .ambient-art:after{background:linear-gradient(180deg,var(--base),var(--base) 35%,transparent 76%,var(--base))}
 .site-footer{padding-top:0}.footer-top{display:grid;grid-template-columns:1fr auto;gap:12px 24px;padding-bottom:20px}.footer-top .brand{grid-column:1/-1}.footer-top>p{grid-column:1/-1;margin:0 0 7px;font-size:13px}.footer-top>a:not(.brand){font-size:13px}.footer-top>a:last-child{justify-self:start}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.legal-preview{flex-wrap:wrap;gap:15px;font-size:11px}.review-footer{font-size:11px}.review-bar{scroll-margin-top:0}.route-control select,.clean-view{min-height:44px}.theme-switch{gap:4px}.theme-switch button{min-height:44px}.theme-switch button:focus-visible,.review-bar select:focus-visible,.clean-view:focus-visible{outline-color:#24414c}
}

/* Tint the artwork beneath its edge fades, so adjacent sections share the same base. */
.hero:after,.service-section:after{display:none}
.hero-art:before,.service-art:before,.ambient-art:before{content:"";position:absolute;inset:0;background:var(--warmth);mix-blend-mode:color;opacity:.3;z-index:1;pointer-events:none}
.hero-art:after,.service-art:after,.ambient-art:after{z-index:2;pointer-events:none}
body{min-width:0}main>section{scroll-margin-top:120px}
@media(max-width:760px){main>section{scroll-margin-top:160px}}
@media(max-width:360px){.review-brand{display:none}.theme-switch{width:100%;justify-content:space-between}.theme-switch button{padding:6px 9px}.hero h1{font-size:35px}[data-theme=copper] .hero h1{font-size:37px}.hero-copy>p{font-size:15px}.benefits li{padding:14px}.benefits b{font-size:14px}.sense-list{padding:18px 11px}.sense-list li{font-size:13px}.console-top{flex-wrap:wrap}.view-controls{margin-left:auto}}
/* Owner revision: preserve amber world and hero placement; make copy primary. */
:root{--heading-ink:var(--ink);--label-ink:var(--accent);--node-ink:#ffe6ad;--node-glow:#ffa632}
[data-text=light]{--heading-ink:#fffdf4;--label-ink:#fffdf4;--node-ink:#fff5d6;--node-glow:#ffb855}
[data-text=ice]{--heading-ink:#c4e8fa;--label-ink:#b4ddf5;--node-ink:#d5efff;--node-glow:#79c6fb}
.text-switch{display:flex;align-items:center;gap:8px}
.text-switch>span{font-size:12px;margin-right:2px}
.text-switch button{min-height:44px;padding:8px 14px;border:1px solid #a5b1b5;border-radius:5px;background:transparent;color:#263c46;font:13px DMSans,sans-serif}
.text-switch button[aria-pressed=true]{background:#173642;color:white;border-color:#173642}
.text-switch button:hover{border-color:#173642}
.text-switch button:focus-visible{outline-color:#173642}
.fixed-route{font-size:12px;color:#4a5c64}
.review-detail a{color:#294c5b;text-underline-offset:3px;min-height:24px;display:flex;align-items:center}
.node-labels{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none}
.node-labels text{font-family:Manrope,sans-serif;font-weight:600;text-anchor:middle;fill:var(--node-ink);letter-spacing:.035em;filter:drop-shadow(0 0 2px var(--node-glow)) drop-shadow(0 0 8px var(--node-glow))}
h2,.work h2,.section-heading h2,.next-layout h2{color:var(--heading-ink)}
.service-label,.eyebrow,.sense h3{color:var(--label-ink)}
[data-text=light] h1>span,[data-text=ice] h1>span{color:var(--label-ink)}
.connection{padding-bottom:42px}
.route-art{height:230px;opacity:.65}
.service-section,.custom-service,.web-service{min-height:300px;padding:24px 6% 32px;margin:0}
.automation{padding-top:0;min-height:350px}
.expertise{margin-bottom:28px}
.service-grid{grid-template-columns:20% 37% 1fr;gap:3%;align-items:start}
.service-label{font-size:18px;padding-top:5px;font-weight:450;line-height:1.4}
.service-grid h2{font-size:clamp(30px,2.7vw,44px);line-height:1.12;letter-spacing:-.04em;font-weight:400;max-width:480px}
.service-description p{font-size:17px;line-height:1.55;max-width:40ch;margin:2px 0 16px}
.service-art{inset:auto auto 0 0;width:32%;height:230px;z-index:-1}
.service-section .service-art img,.web-service .service-art img{width:100%;height:100%;min-height:0;bottom:0;right:auto;object-fit:cover;object-position:55% 70%}
.service-section .service-art:after,.custom-service .service-art:after,.web-service .service-art:after{background:linear-gradient(180deg,var(--base),transparent 32%,transparent 75%,var(--base)),linear-gradient(90deg,var(--base),transparent 15%,transparent 80%,var(--base))}
.custom-service .service-art{height:220px}
.web-service .service-art{height:210px}
.section-seam{height:40px}
.section-seam:before{top:18px}.section-seam i{top:15px}
.client-case{padding:44px 0 54px;min-height:390px;background:var(--base)}
.case-layout{grid-template-columns:1fr 1.05fr;gap:65px;position:relative;z-index:1}
.case-layout h2{font-size:clamp(35px,3.35vw,52px);max-width:490px;font-weight:450}
.case-copy p{font-size:18px;line-height:1.65;max-width:52ch;margin:3px 0 17px}
.case-art{position:absolute;left:0;bottom:0;width:53%;height:100%;z-index:-1;overflow:hidden}
.case-art img{width:100%;height:100%;object-fit:cover;object-position:65% 70%;opacity:.85}
.case-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.6) 32%,transparent 63%,var(--base)),linear-gradient(90deg,var(--base),transparent 18%,transparent 68%,var(--base))}
.sense{min-height:0;padding:42px 0 38px}
.sense-layout{grid-template-columns:1.3fr 1fr 1fr;gap:38px}
.sense-list{padding:22px 23px;background:linear-gradient(135deg,#ffffff08,rgba(var(--base-rgb),.72))}
.sense h3{margin-bottom:14px}.sense-list li{padding:9px 0}
.sense .ambient-art img{object-position:center 78%}
.hand-note{margin-top:24px}
.practice{isolation:isolate;overflow:hidden;padding:34px 0 42px;background:var(--base)}
.practice .ambient-art img{object-fit:cover;object-position:center bottom;opacity:.85}
.practice .ambient-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.82) 23%,rgba(var(--base-rgb),.35) 60%,rgba(var(--base-rgb),.08) 85%,var(--base)),linear-gradient(90deg,rgba(var(--base-rgb),.18),transparent)}
.section-heading{margin-bottom:29px}
.section-heading h2,.work h2{font-size:clamp(40px,3.7vw,58px)}
.practice-layout{grid-template-columns:.9fr 1.35fr;gap:55px}
.scenario-categories{gap:8px;margin-bottom:20px}
.scenario-questions button{padding-top:20px;padding-bottom:20px;font-size:17px}
.scenario-questions button:before{top:28px}
.demo-console{background:linear-gradient(130deg,#ffffff08,transparent 65%),rgba(9,28,41,.89);box-shadow:0 12px 35px #0004;border-color:#d9b37e55}
.console-content{min-height:410px;padding:25px 28px}
.flow-steps li{padding-bottom:17px}
.work{padding:40px 0 65px;min-height:0}
.work h2{margin-bottom:30px}
.work-steps{gap:30px}
.work-steps li{padding-top:18px}
.work-steps li:nth-child(2){margin-top:20px}.work-steps li:nth-child(3){margin-top:40px}.work-steps li:nth-child(4){margin-top:60px}
.step-number{font-size:39px}
.work-steps h3{font-size:19px;margin:16px 0 11px}
.work-steps p{font-size:15px;line-height:1.65}
.work .ambient-art{inset:auto 0 0;height:260px}
.work .ambient-art img{object-fit:cover;object-position:center 70%;opacity:.8}
.work .ambient-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.83) 30%,rgba(var(--base-rgb),.65) 62%,var(--base))}
/* Chairs remain as the closing scene. Footer awaits the owner's reference choice. */
@media(min-width:1700px){.service-section{min-height:330px}.automation{min-height:370px}.service-art{max-width:550px;height:250px}.client-case{min-height:420px}.work{min-height:0}}
@media(max-width:1100px) and (min-width:761px){
 .service-grid{grid-template-columns:19% 37% 1fr;gap:3%}
 .service-label{font-size:16px}.service-grid h2{font-size:31px}.service-description p{font-size:16px}
 .service-section{min-height:330px}.automation{min-height:375px}.service-art{width:30%;height:190px}
 .case-layout{gap:35px}.case-copy p{font-size:16px}.case-layout h2{font-size:38px}
 .sense-layout{gap:20px;grid-template-columns:1.1fr 1fr 1fr}.sense-list{padding:20px 15px}
 .sense h2{font-size:36px}.sense-list li{font-size:14px}.hand-note{font-size:23px}
 .practice-layout{gap:30px}.work-steps{gap:20px}.work-steps h3{font-size:18px}.work-steps p{font-size:14px}
}
@media(max-width:760px){
 .review-bar{gap:6px 12px}.review-brand span{display:none}.review-brand b{font-size:13px}
 .text-switch{gap:8px;margin-left:auto}.text-switch>span{display:none}.text-switch button{font-size:11px;padding:8px 9px}
 .fixed-route{font-size:11px}.review-detail{font-size:10px;align-items:center}.review-detail span{max-width:62%}.review-detail a{white-space:nowrap}
 .hero-art .node-labels text{font-size:30px}.hero-art .node-labels text:nth-child(3){font-size:35px}
 .connection{padding-bottom:30px}
 .service-section,.custom-service,.web-service,.automation{min-height:0;padding:16px 6% 32px}
 .automation{padding-top:0}.expertise{margin-bottom:20px}
 .service-section .service-grid{grid-template-columns:1fr;gap:15px}
 .service-label{font-size:17px;padding:0}
 .service-grid h2{font-size:clamp(30px,7.8vw,42px);line-height:1.15;max-width:520px}
 .service-description p{font-size:16px;line-height:1.6;max-width:none}
 .service-section .service-art{inset:auto 0 0 auto;width:48%;height:145px;opacity:.38;z-index:-1}
 .service-section .service-art img{width:100%;height:100%;object-fit:cover;object-position:center 70%}
 .service-section .service-art:after{background:linear-gradient(180deg,var(--base),transparent 45%,var(--base)),linear-gradient(90deg,var(--base),transparent 40%,var(--base))}
 .section-seam{height:28px}.section-seam:before{top:12px}.section-seam i{top:9px}
 .client-case{padding:30px 0 38px;min-height:0}
 .case-layout{grid-template-columns:1fr;gap:21px}.case-layout h2{font-size:clamp(35px,9.1vw,46px)}
 .case-copy p{font-size:16px;line-height:1.65}
 .case-art{width:100%;height:100%;opacity:.38}.case-art img{object-position:80% bottom}
 .case-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.88) 45%,transparent 85%,var(--base)),linear-gradient(90deg,var(--base),transparent)}
 .sense{padding:30px 0}.sense-layout{grid-template-columns:1fr 1fr;gap:22px 14px}
 .sense-list{min-height:0;padding:20px 14px}.sense h3{font-size:17px;min-height:44px;margin-bottom:8px}.sense-list li{font-size:14px;padding:9px 0}
 .sense h2{font-size:clamp(36px,9.1vw,46px)}.hand-note{font-size:23px;margin-top:20px}
 .practice{padding:28px 0 32px}.practice-layout{grid-template-columns:1fr;gap:25px}.section-heading h2,.work h2{font-size:40px}
 .practice .ambient-art{inset:auto 0 0;height:85%}.practice .ambient-art img{object-fit:cover;object-position:55% bottom;opacity:.5}
 .practice .ambient-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.4) 40%,var(--base))}
 .scenario-questions button{font-size:16px}.console-content{padding:24px 20px;min-height:420px}
 .work{padding:30px 0 40px;min-height:0}.work h2{margin-bottom:29px}
 .work-steps{gap:25px}.work-steps li,.work-steps li:nth-child(n){margin:0;padding:0}
 .step-number{font-size:34px}.work-steps h3{font-size:18px;margin:0;padding-top:3px}.work-steps p{font-size:15px}
 .work .ambient-art{height:300px;opacity:.55}.work .ambient-art img{position:static;height:100%;object-fit:cover}
 .work .ambient-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.7) 65%,var(--base))}
}
@media(max-width:360px){.review-brand{display:none}.text-switch{margin:0;width:100%;justify-content:space-between}.review-detail span{max-width:54%}.service-label{font-size:16px}.sense-list{padding:17px 11px}.sense-list li{font-size:13px}}

.practice .ambient-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.82) 23%,rgba(var(--base-rgb),.35) 60%,rgba(var(--base-rgb),.08) 85%,var(--base)),linear-gradient(90deg,rgba(var(--base-rgb),.60),transparent 72%)}
@media(max-width:760px){main>section[id]{scroll-margin-top:180px}} @media(max-width:360px){main>section[id]{scroll-margin-top:205px}}
/* Full-width environments with a smaller central scene, not isolated thumbnails. */
.service-section,.custom-service,.web-service{min-height:450px;padding:30px 6% 230px}
.automation{min-height:480px;padding-top:0}
.service-art,.custom-service .service-art,.web-service .service-art{inset:0;width:100%;height:100%;max-width:none;opacity:1;z-index:-2}
.automation{--scene:url(assets/media/automation-scene.webp)}.custom-service{--scene:url(assets/media/custom-ai-scene.webp)}.web-service{--scene:url(assets/media/websites-scene.webp)}
.service-art:before{inset:0;background-image:var(--scene);background-size:cover;background-position:center 75%;opacity:.33;filter:blur(5px);mix-blend-mode:normal;z-index:0}
.service-section .service-art img,.web-service .service-art img{width:86%;height:auto;left:7%;right:auto;bottom:-95px;min-height:0;object-fit:contain;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.service-section .service-art:after,.custom-service .service-art:after,.web-service .service-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.9) 15%,rgba(var(--base-rgb),.5) 35%,transparent 60%,rgba(var(--base-rgb),.15) 85%,var(--base))}
.custom-service .service-art img{bottom:-110px}.web-service .service-art img{bottom:-105px}
.section-seam{height:32px}
.client-case{min-height:460px;padding:42px 0 165px}
.case-art{inset:0;width:100%;height:100%;opacity:1;z-index:-2}
.case-art img{width:100%;height:100%;object-fit:cover;object-position:center 66%;opacity:.8}
.case-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.88) 20%,rgba(var(--base-rgb),.70) 44%,rgba(var(--base-rgb),.12) 73%,var(--base))}
.sense{padding-bottom:45px}.sense .ambient-art img{object-position:center 75%}
.work{padding-bottom:100px;min-height:540px}
.work .ambient-art{inset:0;height:100%;opacity:1}
.work .ambient-art img{width:100%;height:100%;object-fit:cover;object-position:center 72%;opacity:.8}
.work .ambient-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.94) 21%,rgba(var(--base-rgb),.75) 55%,rgba(var(--base-rgb),.23) 83%,var(--base))}
.route-lettering{fill:none;stroke:var(--node-ink);stroke-width:.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1px var(--node-glow)) drop-shadow(0 0 3px var(--node-glow))}
.route-lettering circle{fill:#fff7df;stroke-width:.2}
.clay-footer{position:relative;isolation:isolate;overflow:hidden;padding:65px 0 28px;background:#0b2130}
.footer-route{position:absolute;width:80%;height:100%;left:-10%;top:0;z-index:-1;fill:none;stroke:#ffc784;stroke-width:30;opacity:.045}
.clay-footer .footer-top{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start;padding-bottom:75px}
.footer-contact-title{font:450 clamp(50px,6vw,85px)/1.1 var(--display);letter-spacing:-.055em;text-decoration:none;display:inline-block;margin-bottom:35px;min-height:44px}
.footer-contact-title:hover{color:var(--accent)}
.footer-contact .brand{margin-bottom:12px}.footer-contact p{font-size:15px;color:var(--muted);margin:0}
.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 30px;padding-top:12px}
.footer-nav a{font-size:20px;line-height:1.4;min-height:48px;text-decoration:none;display:flex;align-items:center}
.footer-nav a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:7px}
@media(min-width:1700px){.service-section{min-height:500px}.automation{min-height:530px}.service-section .service-art img{bottom:-150px}}
@media(max-width:1100px) and (min-width:761px){.service-section{padding-bottom:195px}.service-section .service-art img{width:100%;left:0;bottom:-35px}.clay-footer .footer-top{gap:45px}.footer-nav a{font-size:17px}}
@media(max-width:760px){
 .service-section,.custom-service,.web-service,.automation{min-height:0;padding:24px 6% 44vw}.automation{padding-top:0}
 .service-section .service-art{inset:0;width:100%;height:100%;opacity:1;z-index:-2}
 .service-section .service-art img{width:100%;height:auto;left:0;bottom:-8vw;object-fit:contain;opacity:1;mask-image:none;-webkit-mask-image:none}
 .service-art:before{background-position:center bottom;background-size:auto 60%;background-repeat:no-repeat;opacity:.24;filter:blur(4px)}
 .service-section .service-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.97) 48%,rgba(var(--base-rgb),.50) 65%,transparent 80%,var(--base))}
 .client-case{min-height:0;padding:32px 0 35vw}.case-art{inset:0;width:100%;height:100%;opacity:1}.case-art img{object-position:65% bottom;opacity:.7}.case-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.94) 45%,rgba(var(--base-rgb),.75) 60%,transparent 87%,var(--base))}
 .work{min-height:0;padding-bottom:35vw}.work .ambient-art{height:100%;opacity:1}.work .ambient-art img{object-fit:contain;object-position:bottom;position:absolute;bottom:0;height:auto;width:100%}.work .ambient-art:after{background:linear-gradient(180deg,var(--base),var(--base) 65%,rgba(var(--base-rgb),.75) 80%,transparent 92%,var(--base))}
 .clay-footer{padding:40px 0 26px}.clay-footer .footer-top{grid-template-columns:1fr;gap:28px;padding-bottom:38px}.footer-contact-title{font-size:57px;margin-bottom:25px}.footer-contact p{font-size:14px}.footer-nav{gap:3px 20px;padding-top:0}.footer-nav a{font-size:16px;min-height:48px}.footer-route{width:140%;left:-40%;stroke-width:25;opacity:.04}
}

@media(max-width:760px){.service-section .service-art img{mask-image:linear-gradient(180deg,transparent,#000 24%,#000 85%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 85%,transparent)}}

/* Review v4: canopy image, stable examples, compact ending and continuous scenery. */
.brand img{width:62px;height:62px;object-fit:contain;mix-blend-mode:normal;background:none}
.case-context{font-size:14px;line-height:1.4;color:var(--accent);margin:0 0 14px;letter-spacing:.025em}
.client-case{min-height:340px;padding:32px 0 68px}
.case-art img{object-position:center 70%;opacity:1}
.case-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.78) 16%,rgba(var(--base-rgb),.55) 62%,var(--base))}
.case-line{display:none}
.measurement-probe{position:absolute!important;left:0;top:0;visibility:hidden;pointer-events:none;min-height:0!important;height:auto!important;z-index:-10}
.practice{overflow-anchor:none}
.practice .ambient-art img{object-position:center top}
.next-step{min-height:360px;padding:40px 0 85px}
.next-step .ambient-art img{object-position:center 88%;opacity:1}
.next-step .ambient-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.5) 15%,rgba(var(--base-rgb),.17) 66%,var(--base))}
.clay-footer{padding:18px 0 14px;background:var(--base)}
.footer-landscape{position:absolute;inset:0;z-index:-1;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 80%,transparent)}
.clay-footer .footer-top{grid-template-columns:1.15fr 1fr;gap:75px;padding-bottom:12px;align-items:center}
.footer-contact-title{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin-bottom:7px;min-height:0}
.footer-contact .brand{display:inline-flex;margin:0 14px 0 0;vertical-align:middle;font-size:23px;gap:8px}
.footer-contact .brand img{width:52px;height:52px}
.footer-contact p{display:inline-block;vertical-align:middle;max-width:155px;font-size:12px;line-height:1.4}
.footer-nav{padding:0;gap:0 24px}
.footer-nav a{font-size:16px;min-height:36px}
.clay-footer .footer-bottom{padding-top:12px}
.service-art:before{opacity:.22;filter:blur(8px)}
@media(max-width:1100px) and (min-width:761px){.clay-footer .footer-top{gap:30px}.footer-contact-title{font-size:27px}.footer-contact p{max-width:130px}.next-step{min-height:330px;padding-bottom:65px}}
@media(max-width:760px){
 .brand img{width:48px;height:48px}
 .client-case{min-height:0;padding:28px 0 72px}
 .case-art img{object-position:65% bottom}.case-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.88) 30%,rgba(var(--base-rgb),.7) 65%,var(--base))}
 .next-step{min-height:0;padding:30px 0 85px}
 .next-step .ambient-art img{object-fit:cover;object-position:63% 90%;height:100%;width:100%;opacity:.85}
 .next-step .ambient-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.78) 15%,rgba(var(--base-rgb),.45) 70%,var(--base))}
 .clay-footer{padding:20px 0 12px}.clay-footer .footer-top{grid-template-columns:1fr;gap:14px;padding-bottom:12px}
 .footer-contact-title{font-size:25px;margin-bottom:8px}.footer-contact .brand img{width:48px;height:48px}.footer-contact .brand{font-size:22px}
 .footer-contact p{font-size:11px;max-width:128px}.footer-nav{gap:0 15px}.footer-nav a{font-size:14px;min-height:32px}
 .clay-footer .footer-bottom{gap:8px;padding-top:10px}.clay-footer .legal-preview{gap:12px;flex-wrap:wrap;font-size:10px}
 .footer-landscape{background-position:center 80%}
}
.footer-contact{display:grid;grid-template-columns:max-content 1fr;column-gap:14px;align-items:center}
.footer-contact-title{grid-column:1/-1;display:block}
.footer-contact .brand{margin:0}
.footer-contact p{max-width:155px}
.next-step .ambient-art img{object-position:center 78%}
@media(max-width:760px){.footer-nav a{min-height:44px}.next-step .ambient-art img{object-position:63% 90%}.footer-contact p{max-width:128px}}
.footer-contact .brand{grid-column:1;grid-row:2}
.footer-contact p{grid-column:2;grid-row:2}
.next-step .ambient-art img{object-position:center 74%}
@media(max-width:760px){.next-step .ambient-art img{object-position:63% 90%}.footer-contact{grid-template-columns:max-content 1fr;column-gap:10px}.footer-contact p{max-width:none}}
@media(max-width:760px){
 .clay-footer{padding:10px 0 8px}
 .clay-footer .footer-top{gap:6px;padding-bottom:6px}
 .footer-contact-title{font-size:clamp(18px,5.6vw,22px);line-height:1.1;margin-bottom:4px}
 .footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px}
 .footer-nav a{font-size:12px;line-height:1.3;min-height:44px}
 .clay-footer .footer-bottom{padding-top:6px;gap:4px;font-size:10px}
 .clay-footer .footer-bottom small{font-size:10px}
 .clay-footer .legal-preview{font-size:9px;gap:10px}
}

.footer-landscape img{width:100%;height:100%;object-fit:cover;object-position:center 73%;opacity:.5}
.footer-landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--base-rgb),.4),transparent)}
@media(max-width:760px){.footer-landscape img{object-position:center 80%;opacity:.4}}

/* Approved artistic direction: image 1 with image 2 density. */
.brand .wordmark-image{display:block;width:215px;height:78px;object-fit:contain;mix-blend-mode:normal;background:none;flex-shrink:0}
.footer-contact .brand .wordmark-image{width:180px;height:65px}
@media(max-width:760px){.brand{gap:5px}.brand .wordmark-image{width:175px;height:65px}.footer-contact .brand .wordmark-image{width:132px;height:48px}.footer-contact .brand{gap:5px}}
@media(max-width:360px){.brand .wordmark-image{width:151px;height:58px}}

/* Original generated image 1 selected by Yurii. Original pixels preserved. */
.brand .wordmark-image,.footer-contact .brand .wordmark-image{mix-blend-mode:screen}

.site-header{z-index:auto}.site-header .nav-drop>div,.mobile-menu nav{z-index:10}
.brand .wordmark-image,.footer-contact .brand .wordmark-image{mix-blend-mode:lighten}

/* More room for the original light filaments, same header footprint. */
.site-header{padding-top:9px;padding-bottom:9px}
.site-header .brand .wordmark-image{width:300px;height:112px}
@media(max-width:760px){.site-header .brand .wordmark-image{width:235px;height:88px}}
@media(max-width:360px){.site-header .brand .wordmark-image{width:205px;height:77px}}

/* Home review 30 October: section rhythm, case hierarchy, aligned demo, shared ending. */
.section-seam{height:24px;background:var(--base)}
.section-seam:before{top:50%;opacity:.24;background:linear-gradient(90deg,transparent,rgba(255,202,145,.6) 28%,rgba(255,202,145,.6) 72%,transparent)}
.section-seam:after,.section-seam i{display:none}
.automation{min-height:440px;padding-bottom:190px}
.automation .service-art img{bottom:-85px}
.web-service{min-height:410px;padding-bottom:190px}
.web-service .service-art img{bottom:-95px}
.client-case{min-height:0;padding:32px 0 40px}
.case-heading h2{font-size:clamp(33px,3vw,45px);line-height:1.12;letter-spacing:-.035em}
.case-heading h2 span{color:var(--accent)}
.case-benefit{font:450 25px/1.2 var(--display);letter-spacing:-.025em;margin:0 0 17px;max-width:480px;color:var(--ink)}
.case-label{font-weight:600;color:var(--accent)}
.practice{padding-top:26px;padding-bottom:24px}
@media(min-width:761px){
 .practice>.content-width{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:55px;align-items:start}
 .practice .section-heading{grid-column:1;grid-row:1;margin:0 0 24px;max-width:none}
 .practice-layout{display:contents}
 .practice .scenario-picker{grid-column:1;grid-row:2}
 .practice .demo-console{grid-column:2;grid-row:1 / span 2;margin-top:27px;align-self:start}
}
.work{min-height:480px;padding-bottom:40px}
.closing-world{position:relative;isolation:isolate;overflow:hidden;background:var(--base)}
.closing-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.closing-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 84%}
.closing-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.53) 13%,rgba(var(--base-rgb),.12) 54%,rgba(var(--base-rgb),.66) 100%)}
.closing-world .next-step{isolation:auto;background:none;min-height:300px;padding:34px 0 65px}
.closing-world .clay-footer{isolation:auto;background:none;padding:22px 0 14px}
.closing-world .footer-top{grid-template-columns:1.1fr 1fr;gap:70px;align-items:start;padding-bottom:14px}
.closing-world .footer-contact{display:block}
.closing-world .footer-contact-title{font-family:"Segoe Script","Segoe Print",cursive;font-weight:400;font-size:clamp(23px,2.25vw,33px);line-height:1.35;letter-spacing:-.04em;margin:0;color:#f7e4c8;text-decoration:none}
.closing-world .footer-nav{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;padding:0}
.footer-links{display:flex;flex-direction:column}
.closing-world .footer-nav a{font-size:15px;min-height:38px;text-shadow:0 1px 8px #061725}
.closing-world .footer-bottom{padding-top:12px;border-color:#fff4dd30}
.closing-world .footer-bottom small,.closing-world .legal-preview{color:#d2d8d8}
@media(max-width:1100px) and (min-width:761px){.practice>.content-width{column-gap:30px}.closing-world .footer-top{gap:30px}}
@media(max-width:760px){
 .automation,.web-service{min-height:0;padding-bottom:36vw}
 .automation .service-art img{bottom:-2vw}.web-service .service-art img{bottom:-5vw}
 .client-case{padding:26px 0 45px}.case-heading h2{font-size:33px}.case-benefit{font-size:23px;margin-top:0}
 .practice .section-heading{margin-bottom:24px}.practice .demo-console{margin-top:0}
 .work{min-height:0;padding-bottom:20vw}
 .closing-art img{object-position:62% bottom}
 .closing-art:after{background:linear-gradient(180deg,var(--base),rgba(var(--base-rgb),.8) 14%,rgba(var(--base-rgb),.45) 58%,rgba(var(--base-rgb),.82))}
 .closing-world .next-step{min-height:0;padding:28px 0 70px}
 .closing-world .clay-footer{padding:16px 0 12px}
 .closing-world .footer-top{grid-template-columns:1fr;gap:18px;padding-bottom:10px}
 .closing-world .footer-contact-title{font-size:22px;line-height:1.35}
 .closing-world .footer-nav{grid-template-columns:1fr 1fr;gap:0 25px}
 .closing-world .footer-nav a{font-size:13px;min-height:44px}
 .closing-world .footer-bottom{padding-top:10px;gap:6px}
}
@media(min-width:761px){.practice>.content-width{grid-template-rows:min-content 1fr}}

@media(max-width:760px){
 .site-header .mobile-menu{position:static!important}
 .site-header .mobile-menu nav{position:absolute!important;top:100%;right:22px;width:min(330px,calc(100vw - 44px));padding:15px 18px;gap:3px;max-height:calc(100dvh - 140px);overflow-y:auto;z-index:40}
 .site-header .mobile-menu nav a{padding:10px 12px;min-height:44px;white-space:normal}
 .page-opening:has(.mobile-menu[open]),.hero:has(.mobile-menu[open]){overflow:visible;z-index:30}
}