/* Local review direction. All visual rules are scoped to the new home. */
.page-home { --cyan:#90e4e6; --home-ink:#eef1ee; --home-muted:#afb9be; background:#0c1013; color:var(--home-ink); }
.page-home h1,.page-home h2,.page-home h3 { font-family:var(--sans); font-weight:600; letter-spacing:-.055em; }
.page-home h2 { font-size:clamp(36px,4.8vw,68px); line-height:1.07; }
.page-home h2 em { font-family:var(--serif); font-weight:400; color:var(--cyan); }
.page-home .topbar { background:#0c1013f5; }
.page-home .brand-mark { color:var(--cyan); }
.page-home :where(a,button):focus-visible { outline:3px solid var(--cyan); outline-offset:5px; }
.page-home .status { background:#202c31; color:#dce7e6; border:1px solid #516168; font-weight:400; }
.i-section { padding-block:100px; }
.i-eyebrow { font-size:11px; line-height:1.5; letter-spacing:.14em; font-weight:600; text-transform:uppercase; color:var(--cyan); margin-bottom:20px; }
.i-eyebrow>span { display:inline-block; margin-right:18px; color:#87979e; font-variant-numeric:tabular-nums; }
.i-section-head { display:grid; grid-template-columns:1.3fr 1fr; gap:80px; align-items:end; margin-bottom:48px; }
.i-lead { font-size:17px; color:var(--home-muted); line-height:1.65; max-width:46ch; }
.i-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; }
.i-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:48px; padding:14px 23px; background:var(--cyan); color:#0c2025; border:1px solid transparent; border-radius:6px; font-size:13px; font-weight:650; text-decoration:none; transition:background .2s,transform .2s; }
.i-button:hover { background:#c9ffff; transform:translateY(-2px); }
.i-link { display:inline-flex; align-items:center; justify-content:space-between; gap:18px; min-height:44px; padding-block:10px; border-bottom:1px solid #728087; text-decoration:none; font-size:13px; font-weight:550; }
.i-link:hover { color:var(--cyan); }
.i-link span,.i-button span { font-size:19px; }
.i-hero { position:relative; background:radial-gradient(ellipse at 75% 28%,#23353d80,transparent 48%),#0c1013; }
.i-hero-grid { display:grid; grid-template-columns: .95fr 1.05fr; align-items:center; gap:24px; min-height:674px; padding-top:30px; }
.i-hero-copy { position:relative; z-index:2; padding:25px 0 40px; }
.i-hero h1 { font-size:clamp(60px,6.7vw,96px); line-height:.97; letter-spacing:-.07em; margin-bottom:28px; }
.i-hero h1>span { color:var(--cyan); }
.i-hero-statement { font-size:clamp(22px,2.2vw,31px); line-height:1.25; letter-spacing:-.035em; margin-bottom:16px; }
.i-hero-lead { font-size:16px; line-height:1.6; color:var(--home-muted); max-width:34ch; margin-bottom:27px; }
.i-hero .i-actions { gap:12px 20px; }
.i-hero-foot { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #ffffff24; padding-block:18px; font-size:11px; letter-spacing:.06em; color:#a9b8be; }
.i-hero-foot b { color:#577079; padding-inline:15px; font-weight:400; }
.i-hero-foot a { text-decoration:none; min-height:44px; display:flex; align-items:center; gap:16px; }
.i-scene { position:relative; height:660px; perspective:1300px; isolation:isolate; }
.i-scene-plane { position:absolute; inset:9% 0 10% 7%; border:1px solid #96e4ea35; border-radius:8px; transform:rotateY(-16deg) rotateX(7deg); background:linear-gradient(150deg,#8cd5e519,transparent 65%); }
.i-portrait { position:absolute; width:74%; height:495px; right:7%; top:0; overflow:hidden; border-radius:180px 180px 12px 12px; box-shadow:0 30px 60px #0006; }
.i-portrait img { width:100%; height:100%; object-fit:cover; object-position:50% 15%; }
.i-scene-coordinate { position:absolute; right:-2px; top:125px; writing-mode:vertical-rl; font-size:10px; letter-spacing:.2em; color:#9aacb2; }
.i-window { overflow:hidden; background:#f5f7f6; border:1px solid #879ba080; border-radius:9px; box-shadow:0 30px 60px #0007,0 2px 3px #0009; }
.i-browser { display:flex; gap:4px; align-items:center; padding:8px 11px; height:29px; background:#e9eded; color:#59666b; font:9px/1 var(--sans); border-bottom:1px solid #b9c3c7; }
.i-browser i { width:4px; height:4px; background:#91a2a6; border-radius:50%; }
.i-browser span { margin-inline:auto; padding-right:20px; }
.i-window img { width:100%; height:auto; }
.i-hero-screen { position:absolute; z-index:2; width:82%; left:-3%; top:325px; transform:rotateY(-13deg) rotateX(7deg) rotateZ(-4deg); }
.i-hero-screen img { aspect-ratio:1.9; object-fit:cover; object-position:top; }
.i-phone { overflow:hidden; border:5px solid #29343a; border-radius:23px; background:#eee; box-shadow:0 20px 35px #0009,0 0 0 1px #b2c4c56e; }
.i-phone img { width:100%; height:auto; }
.i-hero-phone { position:absolute; z-index:3; width:22%; right:0; top:347px; transform:rotateY(-12deg) rotateZ(8deg); }
.i-scene-caption { position:absolute; bottom:5px; left:8%; color:#8c9ca2; font-size:10px; letter-spacing:.07em; }
[data-tilt] { --mx:0deg; --my:0deg; }
.i-scene .i-hero-screen { transform:rotateY(calc(-13deg + var(--mx))) rotateX(calc(7deg + var(--my))) rotateZ(-4deg); }
.i-scene .i-hero-phone { transform:rotateY(calc(-12deg + var(--mx))) rotateZ(8deg); }
.i-ecosystem { background:linear-gradient(180deg,#12191d,#101619); border-block:1px solid #ffffff15; }
.i-focus-controls { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.i-focus-controls button { background:transparent; color:#b5c1c6; border:1px solid #415157; padding:10px 18px; min-height:44px; border-radius:25px; cursor:pointer; font-size:12px; }
.i-focus-controls button[aria-pressed=true] { color:#10242b; background:var(--cyan); border-color:var(--cyan); }
.i-eco-grid { display:grid; grid-template-columns:1.15fr 1.4fr .75fr; gap:15px; align-items:stretch; }
.i-eco-panel { min-width:0; border:1px solid #405158; background:linear-gradient(145deg,#243139,#151c21 80%); border-radius:10px; padding:22px; transition:border-color .25s,box-shadow .25s,transform .25s; }
.i-eco-panel.is-focused,.i-eco-panel:focus-within { border-color:var(--cyan); box-shadow:0 0 0 1px var(--cyan),0 15px 45px #0005; transform:translateY(-5px); }
.i-panel-label { display:flex; flex-direction:column; gap:3px; font-size:17px; margin-bottom:24px; }
.i-panel-label>span { color:#9aabb1; text-transform:uppercase; font-size:9px; letter-spacing:.09em; }
.i-eco-project { display:block; text-decoration:none; }
.i-eco-project+ .i-eco-project { margin-top:22px; }
.i-eco-project img { aspect-ratio:2.4; object-fit:cover; object-position:top; border-radius:3px; border:1px solid #6a808766; margin-bottom:10px; }
.i-eco-project strong,.i-eco-command strong { font-size:14px; font-weight:500; }
.i-eco-project small,.i-eco-command small,.i-eco-list small { display:block; font-size:11px; color:#aebbc1; margin-top:3px; }
.i-eco-command { display:block; text-decoration:none; overflow:hidden; }
.i-eco-command img { margin-top:20px; border:1px solid #899397; border-radius:5px; transform:perspective(700px) rotateY(-9deg); width:95%; }
.i-eco-list { display:grid; grid-template-columns:1fr; margin-top:15px; }
.i-eco-list a { display:block; min-height:44px; padding:8px 0; border-top:1px solid #ffffff20; text-decoration:none; }
.i-eco-list strong { font-size:12px; font-weight:500; }
.i-eco-panel a:hover strong { color:var(--cyan); }
.i-monogram { font:italic 105px/1 var(--serif); letter-spacing:-.1em; padding:45px 0 62px; color:var(--cyan); position:relative; }
.i-monogram>span { position:absolute; font:30px var(--sans); top:55px; right:0; color:#6b8088; }
.i-person-links { display:flex; flex-direction:column; }
.i-person-links a { padding-block:14px; }
.i-businesses { padding-bottom:48px; }
.i-project-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:32px; }
.i-project-heading h3 { font-size:clamp(28px,3.2vw,44px); }
.i-project-heading .i-eyebrow { margin-bottom:10px; }
.i-project-heading>p { color:var(--home-muted); font-size:16px; }
.i-global-stage { height:620px; position:relative; perspective:1400px; background:radial-gradient(ellipse at 65% 40%,#527f8266,transparent 70%),#132d47; border-radius:12px; border:1px solid #416878; overflow:hidden; }
.i-stage-word { position:absolute; top:5px; left:20px; font-size:clamp(90px,16vw,220px); letter-spacing:-.055em; font-weight:700; line-height:1; color:#aedbde12; }
.i-stage-axis { position:absolute; left:28px; top:60%; font-size:11px; writing-mode:vertical-rl; letter-spacing:.2em; color:#9ab9c5; }
.i-global-desktop { position:absolute; width:74%; left:7%; top:90px; transform:rotateY(calc(-12deg + var(--mx))) rotateX(calc(8deg + var(--my))) rotateZ(-3deg); }
.i-global-desktop img { aspect-ratio:1.95; object-fit:cover; object-position:top; }
.i-global-phone { position:absolute; width:17%; right:7%; top:125px; transform:rotateY(12deg) rotateZ(7deg); }
.i-stage-label { position:absolute; bottom:20px; left:28px; font-size:10px; letter-spacing:.1em; color:#bbd0d7; }
.i-business-summary { max-width:68ch; margin-top:34px; font-size:21px; line-height:1.55; }
.i-facts { display:grid; grid-template-columns:1.1fr 1fr auto; gap:36px; border-top:1px solid #ffffff25; margin-top:28px; padding-top:24px; align-items:start; }
.i-facts>div>span { display:block; text-transform:uppercase; font-size:10px; letter-spacing:.1em; margin-bottom:9px; color:#839ca5; }
.i-facts p { font-size:13px; line-height:1.7; color:var(--home-muted); }
.i-facts>a { font-size:12px; }
.i-bridge { display:inline-block; font-size:12px; color:#b4d4d7; margin-top:20px; min-height:44px; padding-block:10px; text-underline-offset:5px; }
.i-cleaning { margin-top:75px; background:#eeeae1; color:#192c39; padding:74px 0 50px; }
.i-cleaning .i-eyebrow { color:#7b6530; }
.i-cleaning-grid { display:grid; grid-template-columns:.85fr 1.7fr; gap:35px; align-items:center; }
.i-cleaning-copy h3 { font-size:clamp(34px,3.8vw,54px); line-height:1.05; }
.i-cleaning-copy .i-project-tagline { font:italic 27px/1.3 var(--serif); color:#806a33; margin-block:24px 18px; }
.i-cleaning-copy>p:last-child { font-size:14px; color:#526069; }
.i-cleaning-stage { position:relative; height:560px; perspective:1400px; }
.i-cleaning-detail { width:61%; height:350px; position:absolute; right:6%; top:0; overflow:hidden; border-radius:150px 150px 8px 8px; box-shadow:0 15px 40px #38415124; }
.i-cleaning-detail img { position:absolute; width:240%; max-width:none; height:auto; left:-140%; top:-55%; }
.i-cleaning-desktop { position:absolute; width:82%; top:205px; left:0; transform:rotateY(calc(9deg + var(--mx))) rotateX(calc(5deg + var(--my))) rotateZ(2deg); box-shadow:0 30px 50px #18263140; }
.i-cleaning-desktop img { aspect-ratio:2.05; object-fit:cover; object-position:top; }
.i-cleaning-phone { width:21%; position:absolute; top:160px; right:0; transform:rotateZ(-7deg); box-shadow:0 20px 35px #18263155; }
.i-cleaning .i-stage-label { color:#526069; bottom:0; left:10px; }
.i-cleaning .i-facts { border-color:#29374735; }
.i-cleaning .i-facts p { color:#526069; }
.i-cleaning .i-facts>div>span { color:#796735; }
.i-cleaning .i-link { border-color:#465964; }
.i-cleaning .i-link:hover { color:#7b6530; }
.i-more { margin-top:32px; }
.i-command { background:radial-gradient(ellipse at 38% 45%,#25404d70,transparent 65%),#0c1115; border-top:1px solid #324048; }
.i-command .i-section-head { grid-template-columns:1.5fr 1fr; }
.i-command-title { display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:70px; margin:50px 0 35px; }
.i-command-title h3 { font-size:30px; letter-spacing:-.04em; margin-bottom:14px; }
.i-command-title>p { color:#bdc8cd; font-size:18px; }
.i-command-stage { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); gap:35px; align-items:center; }
.i-command-evidence { position:relative; min-width:0; perspective:1300px; }
.i-command-screen { transform:rotateY(5deg) rotateX(3deg); border:6px solid #303d44; box-shadow:0 30px 60px #0009,0 0 60px #91d6e210; }
.i-command-screen .i-browser { background:#19262f; color:#c0d6da; border-color:#3c4d56; }
.i-command-screen img { aspect-ratio:2880/1418; }
.i-command-detail { position:absolute; width:150px; right:10px; bottom:70px; transform:rotate(4deg); border:1px solid #8dbfcd; border-radius:6px; background:#122531; box-shadow:0 18px 40px #0009; overflow:hidden; }
.i-command-detail>div { height:240px; overflow:hidden; position:relative; }
.i-command-detail img { position:absolute; width:1000px; max-width:none; height:auto; top:-40px; left:0; }
.i-command-detail>span { display:block; padding:8px; font-size:9px; color:#a6e5e9; border-top:1px solid #5b7b8a; }
.i-command-evidence figcaption { font-size:10px; line-height:1.6; margin-top:24px; color:#93a7b0; }
.i-module-explorer { border-left:1px solid #3b525e; padding-left:30px; }
.i-module-explorer .i-eyebrow { margin-bottom:15px; }
.i-module-buttons { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.i-module-buttons button { display:flex; align-items:center; gap:9px; padding:10px 12px; min-height:46px; border-radius:5px; background:#17232b; border:1px solid #48616e; color:#c0d0d7; font-size:12px; cursor:pointer; }
.i-module-buttons button span { font-size:17px; color:var(--cyan); }
.i-module-buttons button[aria-pressed=true] { border-color:var(--cyan); background:#2b464f; color:white; }
.i-module-panels { min-height:190px; padding-top:20px; }
.i-module-number { color:var(--cyan); font-size:11px; }
.i-module-panels h4 { margin:8px 0 10px; font-size:20px; line-height:1.2; font-weight:500; letter-spacing:-.03em; }
.i-module-panels p { color:#afc0c8; font-size:13px; }
.i-proof-note { font-size:10px; line-height:1.6; color:#8da3ae; }
.i-command-bottom { display:flex; justify-content:space-between; gap:40px; align-items:center; margin-top:40px; border-top:1px solid #3c4a52; padding-top:30px; }
.i-command-bottom>p { max-width:53ch; font-size:13px; color:#b3c3ca; }
.i-command-bottom .i-actions { flex-shrink:0; }
.i-products { background:#141b20; border-block:1px solid #ffffff18; }
.i-start { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; border:1px solid #456471; background:radial-gradient(at 85% 20%,#36687855,transparent 60%),#1b2b34; padding:48px; border-radius:10px; }
.i-start h3 { font-size:52px; margin-bottom:18px; }
.i-start>div>p:not(.i-eyebrow) { font-size:15px; color:#b8c9d1; margin:22px 0; max-width:48ch; }
.i-layer-diagram { perspective:800px; padding-bottom:30px; }
.i-layer-diagram>p { font:10px var(--sans)!important; letter-spacing:.12em; text-transform:uppercase; margin:0 0 24px!important; }
.i-layer { display:flex; gap:18px; align-items:center; justify-content:space-between; padding:24px; border:1px solid #7eb1c1; background:#203a47; box-shadow:0 15px 20px #0005; transform:rotateX(20deg) rotateY(-16deg) rotateZ(5deg); margin-top:-3px; }
.i-layer:nth-child(3) { background:#294d5c; margin-left:15px; }
.i-layer:nth-child(4) { background:#376576; margin-left:30px; }
.i-layer>span { font-size:10px; color:#99d9e5; }
.i-layer>strong { font-size:14px; font-weight:500; }
.i-layer>b { color:var(--cyan); }
.i-minor-products { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:26px; }
.i-minor-products article { border:1px solid #3b4c54; border-radius:8px; padding:34px; background:#1a2228; }
.i-minor-products h3 { font-size:29px; margin-bottom:16px; }
.i-minor-products p:not(.i-eyebrow) { color:#b5c1c8; font-size:14px; margin-block:20px 12px; max-width:46ch; }
.i-product-schema { display:flex; justify-content:space-between; gap:16px; margin-bottom:40px; border-bottom:1px solid #58717c; }
.i-product-schema>span { display:flex; flex-direction:column; font-size:11px; padding-bottom:20px; color:#bccbd1; }
.i-product-schema b { font-size:24px; line-height:1.4; color:#6995a5; font-weight:400; }
.i-minor-products article:last-child .i-product-schema { border-bottom-style:dashed; }
.i-method { background:#c7e8e7; color:#142d36; }
.i-method .i-eyebrow { color:#32616b; }
.i-method-intro { display:grid; grid-template-columns:.7fr 1.5fr 1fr; gap:40px; align-items:start; }
.i-method-intro h2 { font-size:clamp(32px,3.3vw,46px); }
.i-method-intro>p:last-child { color:#3e626c; font-size:14px; }
.i-method-flow { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:55px; border-top:1px solid #34616d80; }
.i-method-flow li { position:relative; border-right:1px solid #34616d40; padding:24px 18px 10px; }
.i-method-flow li:first-child { padding-left:0; }
.i-method-flow li:last-child { border-right:0; }
.i-method-flow li>span { font-size:11px; color:#466e78; }
.i-method-flow h3 { font-size:25px; margin:28px 0 10px; }
.i-method-flow p { font-size:12px; color:#3e626c; }
.i-method-flow b { position:absolute; right:18px; top:19px; font-size:25px; font-weight:400; }
.i-about { background:#111619; }
.i-about-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; align-items:center; }
.i-about figure { position:relative; width:92%; margin-left:4%; transform:rotate(-3deg); }
.i-about figure img { aspect-ratio:4/4.3; object-fit:cover; object-position:50% 55%; filter:saturate(.7); border-radius:5px; }
.i-about figcaption { border:1px solid #607077; background:#172126; padding:14px 20px; font:12px var(--sans); transform:rotate(3deg); margin:-25px -20px 0 20px; position:relative; }
.i-about h2 { margin-bottom:24px; }
.i-about .i-link { margin-top:24px; }
.i-contact { background:radial-gradient(ellipse at 80% 80%,#274e5970,transparent 60%),#10191e; border-block:1px solid #405059; }
.i-contact h2 { font-size:clamp(40px,7vw,96px); letter-spacing:-.055em; }
.i-contact-bottom { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-top:45px; align-items:end; }
.i-contact-bottom>p { max-width:32ch; color:#b3c3c9; font-size:17px; }
.i-contact-bottom>div { display:flex; flex-wrap:wrap; gap:15px 30px; }
.i-contact-email { display:flex; gap:15px; align-items:center; padding-block:12px; min-height:44px; font-size:clamp(15px,1.8vw,24px); text-underline-offset:8px; }
.page-home .site-footer { background:#0b1013; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .i-eco-project img,.i-eco-command img { transition:transform .35s; }
  .i-eco-project:hover img { transform:translateY(-3px); }
  .i-eco-command:hover img { transform:perspective(700px) rotateY(0); }
  [data-tilt] .i-window { transition:transform .25s ease-out; }
}
@media (min-width:761px) and (max-width:1100px) {
  .i-hero-grid { gap:15px; min-height:620px; }
  .i-hero h1 { font-size:65px; }
  .i-scene { height:570px; }
  .i-portrait { height:430px; width:90%; right:0; }
  .i-hero-screen { top:325px; width:96%; left:-2%; }
  .i-hero-phone { top:328px; right:-5px; width:23%; }
  .i-scene-caption { bottom:30px; }
  .i-eco-grid { grid-template-columns:1fr 1.3fr; }
  .i-eco-person { grid-column:1/-1; display:flex; gap:24px; align-items:center; }
  .i-eco-person .i-panel-label { margin:0; }
  .i-monogram { display:none; }
  .i-person-links { flex-direction:row; gap:25px; margin-left:auto; }
  .i-global-stage { height:450px; }
  .i-facts { grid-template-columns:1fr 1fr; gap:20px; }
  .i-facts>a { justify-self:start; }
  .i-cleaning-grid { grid-template-columns:1fr 1.5fr; gap:20px; }
  .i-cleaning-stage { height:435px; }
  .i-cleaning-detail { height:270px; }
  .i-cleaning-desktop { top:220px; }
  .i-cleaning-phone { top:190px; }
  .i-command-stage { grid-template-columns:1.6fr 1fr; gap:20px; }
  .i-module-explorer { padding-left:20px; }
  .i-command-bottom { align-items:start; flex-direction:column; gap:20px; }
  .i-start { gap:30px; padding:30px; }
  .i-method-intro { grid-template-columns:1fr 2fr; }
  .i-method-intro>p:last-child { grid-column:2; }
  .i-about-grid { gap:50px; }
}
@media (max-width:760px) {
  .i-section { padding-block:58px; }
  .i-section-head { grid-template-columns:1fr; gap:20px; margin-bottom:30px; }
  .i-section-head h2 { font-size:38px; }
  .i-eyebrow { font-size:10px; margin-bottom:15px; }
  .i-lead { font-size:15px; }
  .i-hero-grid { display:flex; flex-direction:column; gap:0; padding-top:22px; min-height:0; }
  .i-hero-copy { width:100%; padding:0; }
  .i-hero-copy>.i-eyebrow { font-size:9px; letter-spacing:.1em; margin-bottom:15px; }
  .i-hero h1 { font-size:clamp(47px,12.5vw,77px); line-height:.98; margin-bottom:16px; }
  .i-hero h1 br { display:block; }
  .i-hero h1 { max-width:none; }
  .i-hero-statement { font-size:23px; margin-bottom:12px; }
  .i-hero-lead { font-size:13px; max-width:37ch; margin-bottom:17px; }
  .i-hero .i-actions { gap:7px 18px; }
  .i-hero .i-button { font-size:12px; min-height:44px; padding:10px 16px; gap:20px; }
  .i-hero .i-link { font-size:11px; min-height:42px; padding-block:8px; }
  .i-scene { width:100%; height:365px; margin-top:18px; }
  .i-portrait { width:62%; height:290px; top:0; right:8%; border-radius:110px 110px 6px 6px; }
  .i-portrait img { object-position:50% 10%; }
  .i-scene-plane { inset:6% 0 8% 0; transform:rotateY(-12deg); }
  .i-scene-coordinate { font-size:8px; top:45px; right:0; }
  .i-hero-screen { top:190px; left:0; width:76%; }
  .i-hero-phone { top:175px; right:0; width:22%; border-width:3px; border-radius:15px; }
  .i-scene-caption { bottom:0; left:0; font-size:8px; }
  .i-browser { height:19px; padding:5px 7px; font-size:6px; }
  .i-browser i { width:3px; height:3px; }
  .i-hero-foot { padding-block:10px; font-size:9px; gap:15px; }
  .i-hero-foot>span { max-width:65%; line-height:2; }
  .i-hero-foot b { padding-inline:4px; }
  .i-hero-foot a { font-size:10px; gap:8px; white-space:nowrap; }
  .i-focus-controls { gap:6px; }
  .i-focus-controls button { font-size:11px; padding:10px 14px; }
  .i-eco-grid { grid-template-columns:1fr; gap:15px; }
  .i-eco-panel { padding:21px; }
  .i-eco-business { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
  .i-eco-business .i-panel-label { grid-column:1/-1; margin-bottom:3px; }
  .i-eco-project+ .i-eco-project { margin:0; }
  .i-eco-project img { aspect-ratio:1.5; }
  .i-eco-project strong { font-size:13px; }
  .i-eco-project small { font-size:10px; }
  .i-eco-product { display:grid; grid-template-columns:1fr; }
  .i-eco-command img { width:90%; margin:15px auto 0; }
  .i-eco-list { grid-template-columns:1fr; }
  .i-eco-person { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .i-eco-person .i-panel-label { margin:0; }
  .i-eco-person .i-monogram { font-size:60px; padding:0; grid-row:2; }
  .i-monogram>span { font-size:19px; top:15px; right:20px; }
  .i-person-links { grid-column:2; grid-row:1/3; }
  .i-person-links a { font-size:11px; }
  .i-project-heading { display:block; margin-bottom:22px; }
  .i-project-heading h3 { font-size:30px; }
  .i-project-heading>p { margin-top:12px; font-size:14px; }
  .i-global-stage { height:295px; margin-inline:-8px; }
  .i-stage-word { font-size:70px; top:15px; left:10px; }
  .i-global-desktop { top:91px; width:89%; left:3%; }
  .i-global-phone { width:25%; right:5%; top:73px; border-width:3px; border-radius:13px; }
  .i-stage-axis { left:12px; top:60px; font-size:8px; writing-mode:initial; }
  .i-stage-label { font-size:8px; bottom:15px; left:14px; }
  .i-business-summary { font-size:18px; margin-top:25px; }
  .i-facts { grid-template-columns:1fr; gap:20px; margin-top:22px; padding-top:22px; }
  .i-facts p { font-size:13px; }
  .i-facts>a { justify-self:start; }
  .i-bridge { font-size:11px; }
  .i-cleaning { margin-top:44px; padding:45px 0 35px; }
  .i-cleaning-grid { grid-template-columns:1fr; gap:24px; }
  .i-cleaning-copy h3 { font-size:38px; }
  .i-cleaning-copy .i-project-tagline { font-size:24px; margin-block:18px 14px; }
  .i-cleaning-stage { height:365px; }
  .i-cleaning-detail { width:62%; height:240px; right:5%; }
  .i-cleaning-desktop { width:92%; top:190px; left:0; }
  .i-cleaning-phone { top:165px; width:23%; right:0; border-width:3px; border-radius:13px; }
  .i-command .i-section-head { grid-template-columns:1fr; }
  .i-command-title { grid-template-columns:1fr; gap:22px; margin-top:35px; }
  .i-command-title h3 { font-size:27px; }
  .i-command-title>p { font-size:17px; }
  .i-command-stage { grid-template-columns:1fr; gap:30px; }
  .i-command-detail { display:none; }
  .i-command-screen { border-width:3px; transform:rotateY(4deg) rotateZ(-2deg); }
  .i-command-evidence figcaption { font-size:9px; margin-top:16px; }
  .i-module-explorer { border-left:0; border-top:1px solid #3b525e; padding:22px 0 0; }
  .i-module-buttons { grid-template-columns:repeat(4,1fr); gap:5px; }
  .i-module-buttons button { flex-direction:column; gap:5px; padding:10px 4px; font-size:10px; }
  .i-module-panels { min-height:150px; }
  .i-command-bottom { flex-direction:column; align-items:start; gap:22px; margin-top:28px; }
  .i-command-bottom .i-actions { gap:15px; }
  .i-command-bottom .i-button { padding-inline:17px; }
  .i-command-bottom .i-link { font-size:11px; }
  .i-start { grid-template-columns:1fr; gap:35px; padding:25px; }
  .i-start h3 { font-size:44px; }
  .i-layer-diagram { padding-bottom:10px; }
  .i-layer { padding:19px 13px; gap:10px; }
  .i-layer strong { font-size:12px; }
  .i-minor-products { grid-template-columns:1fr; gap:18px; }
  .i-minor-products article { padding:25px; }
  .i-product-schema { margin-bottom:30px; }
  .i-method-intro { grid-template-columns:1fr; gap:20px; }
  .i-method-intro .i-eyebrow { margin:0; }
  .i-method-flow { grid-template-columns:1fr; margin-top:30px; }
  .i-method-flow li { display:grid; grid-template-columns:30px 1fr; gap:6px 15px; padding:20px 35px 20px 0; border-right:0; border-bottom:1px solid #34616d40; }
  .i-method-flow li>span { padding-top:6px; }
  .i-method-flow h3 { font-size:25px; margin:0; }
  .i-method-flow p { grid-column:2; }
  .i-method-flow b { right:0; }
  .i-about-grid { grid-template-columns:1fr; gap:45px; }
  .i-about figure { width:75%; margin-left:9%; }
  .i-about figcaption { font-size:10px; }
  .i-about h2 { font-size:40px; }
  .i-contact h2 { font-size:44px; }
  .i-contact-bottom { grid-template-columns:1fr; gap:25px; margin-top:28px; }
  .i-contact-bottom>div { flex-direction:column; align-items:start; gap:12px; }
  .i-contact-email { font-size:17px; }
}
@media (prefers-reduced-motion:reduce) {
  .page-home *, .page-home *::before,.page-home *::after { transition:none!important; animation:none!important; }
  .page-home [data-tilt] { --mx:0deg!important; --my:0deg!important; }
  .i-eco-panel.is-focused { transform:none; }
}

/* Final refinement: introduce deliberate light surfaces around the central product moment. */
.i-ecosystem {
  --cyan:#176b74;
  --home-ink:#172b33;
  --home-muted:#4e626b;
  color:var(--home-ink);
  background:linear-gradient(145deg,#f1f2ed 0%,#e7eeeb 52%,#f1f2ed 100%);
  border-color:#d5dfdb;
}
.i-ecosystem .i-section-head h2 { color:#172b33; }
.i-ecosystem .i-lead { color:#4e626b; }
.i-ecosystem .i-eyebrow>span { color:#71828a; }
.i-ecosystem .i-focus-controls button { color:#3d5862; border-color:#aebfbd; }
.i-ecosystem .i-focus-controls button[aria-pressed=true] { color:#fff; background:#176b74; border-color:#176b74; }
.i-eco-grid { perspective:1400px; color:#eef1ee; }
.i-eco-panel { box-shadow:0 14px 34px #12252b13; }
.i-eco-panel.is-focused { transform:translateY(-5px) scale(1.018); }
.i-eco-grid[data-focus="business"] [data-kind="product"],
.i-eco-grid[data-focus="business"] [data-kind="person"],
.i-eco-grid[data-focus="product"] [data-kind="business"],
.i-eco-grid[data-focus="product"] [data-kind="person"],
.i-eco-grid[data-focus="person"] [data-kind="business"],
.i-eco-grid[data-focus="person"] [data-kind="product"] { opacity:.58; transform:scale(.985); }
.i-eco-grid[data-focus="business"] [data-kind="business"],
.i-eco-grid[data-focus="product"] [data-kind="product"],
.i-eco-grid[data-focus="person"] [data-kind="person"] { border-color:#176b74; box-shadow:0 0 0 1px #176b7440,0 24px 55px #142d3529; transform:translateY(-5px) scale(1.018); }
.i-businesses {
  --home-ink:#172b33;
  --home-muted:#50636b;
  color:var(--home-ink);
  background:#f1f2ed;
  padding-top:88px;
}
.i-businesses>.shell:first-child>.i-section-head h2 { color:#172b33; }
.i-businesses .i-project-heading>p { color:#50636b; }
.i-businesses .i-facts { border-color:#24384035; }
.i-businesses .i-facts>div>span { color:#547078; }
.i-businesses .i-facts p { color:#425760; }
.i-businesses .i-bridge { color:#17636d; }
.i-global-stage .i-window,.i-cleaning-stage .i-window,.i-scene .i-window,.i-scene .i-phone { --depth:1; }
.i-cleaning-stage .i-cleaning-detail { --depth:.35; }
.i-command {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:clamp(108px,12vw,158px);
  border-block:1px solid #38525d;
  background:radial-gradient(ellipse at 68% 43%,#153c4a9c 0%,#10212a63 31%,transparent 67%),linear-gradient(125deg,#080c10 0%,#111b21 52%,#090e12 100%);
}
.i-command::before,.i-command::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; }
.i-command::before {
  opacity:.19;
  background:linear-gradient(#a5d9df12 1px,transparent 1px),linear-gradient(90deg,#a5d9df12 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse at 58% 45%,#000 0%,transparent 76%);
}
.i-command::after {
  inset:13% -12% auto auto;
  width:48vw;
  height:45vw;
  border:1px solid #77d8e00d;
  border-radius:50%;
  box-shadow:0 0 0 46px #77d8e008,0 0 0 92px #77d8e005;
}
.i-command .shell { position:relative; }
.i-command .i-section-head { margin-bottom:58px; }
.i-command .i-section-head h2 { max-width:12ch; }
.i-command .i-command-title { margin-top:0; }
.i-command-stage { gap:clamp(38px,6vw,88px); }
.i-command-evidence { padding:clamp(12px,2vw,27px); border:1px solid #82d2dc44; border-radius:12px; background:linear-gradient(145deg,#1b303957,#0b151cdd); box-shadow:0 42px 100px #0008,0 0 75px #62d5e30e; }
.i-command-screen { border-width:7px; border-color:#354952; box-shadow:0 38px 74px #000b,0 0 0 1px #9be1e233,0 0 48px #66dae419; }
.i-command-detail { right:-10px; bottom:56px; border-color:#95e4e4; box-shadow:0 24px 55px #000c,0 0 30px #8de0e326; }
.i-module-explorer { border-color:#46616c; }
.i-module-buttons button { background:linear-gradient(145deg,#17252d,#111a20); box-shadow:inset 0 1px #ffffff0b,0 8px 20px #0003; }
.i-module-buttons button[aria-pressed=true] { box-shadow:inset 0 0 22px #85e0e31e,0 0 24px #70d7df16; }
.i-proof-note { color:#b4c4c8; }
.i-command-bottom { border-color:#50626a; }
.i-command .i-section-head .i-lead { color:#c3d0d3; }
.i-command .i-eyebrow>span { color:#9bacb2; }
.i-products {
  --cyan:#176b74;
  --home-ink:#172b33;
  --home-muted:#51636a;
  color:var(--home-ink);
  background:linear-gradient(180deg,#f2f2ed,#e9eeeb 100%);
  border-color:#d3ddda;
}
.i-products .i-section-head h2 { color:#172b33; }
.i-products .i-section-head .i-eyebrow>span { color:#71818a; }
.i-products .i-section-head .i-lead { color:#51636a; }
.i-products .i-start { --cyan:#90e4e6; --home-ink:#eef1ee; --home-muted:#b8c9d1; color:#eef1ee; box-shadow:0 26px 60px #18323d20; }
.i-products .i-start .status,.i-products .i-minor-products .status { background:#263a43; color:#eef4f2; border-color:#66808a; }
.i-products .i-minor-products h3 { color:#eef1ee; }
.i-products .i-minor-products .i-link { color:#e1e9e7; border-color:#809096; }
.i-products .i-minor-products .i-link:hover { color:#a6eff0; }
.i-products .i-more .i-link { color:#25444e; border-color:#71848a; }
.i-method { background:linear-gradient(118deg,#b9dcdb,#d5e9e4 55%,#c0dddd); }
.i-method-flow { position:relative; border-top:0; }
.i-method-flow::before { content:""; position:absolute; top:7px; left:2%; right:2%; height:1px; background:linear-gradient(90deg,#176b7460,#176b74b0,#176b7460); }
.i-method-flow li { border-right-color:#34616d40; transition:transform .25s ease,background-color .25s ease; }
.i-method-flow li::before { content:""; position:absolute; top:2px; left:18px; width:11px; height:11px; border:2px solid #176b74; border-radius:50%; background:#d2e8e4; box-shadow:0 0 0 5px #176b7410; }
.i-method-flow li:first-child::before { left:0; }
.i-method-flow li:hover,.i-method-flow li:focus-within { transform:translateY(-5px); background:#ffffff4a; }
.i-method-flow li>span { color:#315963; }
.i-method-flow p { color:#345b64; }
.i-about { color:#172b33; background:#f1f2ed; }
.i-about h2 { color:#172b33; }
.i-about .i-eyebrow>span { color:#71818a; }
.i-about .i-lead { color:#4e626b; }
.i-about figcaption { color:#edf1ef; border-color:#65777b; background:#172126; box-shadow:0 12px 30px #182b3224; }
.i-contact { padding-block:clamp(98px,12vw,158px); background:radial-gradient(ellipse at 83% 78%,#28616a75,transparent 48%),linear-gradient(120deg,#0d1519,#101c22 60%,#0b1216); }
.i-contact h2 { max-width:12ch; font-size:clamp(48px,8vw,112px); }
.i-contact-bottom { margin-top:56px; }
.i-contact-bottom>div { gap:18px 36px; }
.i-contact-email,.i-contact-bottom .i-link { color:#dce9e7; }
.i-command-cue { position:absolute; z-index:1; top:128px; left:0; width:19%; min-width:96px; max-width:155px; padding:7px; border:1px solid #90e4e65c; border-radius:6px; background:linear-gradient(145deg,#152831eF,#0d151adf); box-shadow:0 18px 34px #0008,0 0 26px #7cdae21b; transform:rotateY(13deg) rotateZ(-4deg); }
.i-command-cue>span,.i-command-cue>b { display:block; color:#a9c8cc; font:8px/1.5 var(--sans); letter-spacing:.12em; }
.i-command-cue img { display:block; width:100%; margin:6px 0; border:1px solid #75949b66; border-radius:2px; }
.i-command-cue>b { color:#a6e5e9; }
.i-hero .i-actions>.i-link { color:#e1e9e7; border-color:#a4b5ba; }
.i-scene .i-portrait,.i-scene .i-hero-screen,.i-scene .i-hero-phone,.i-scene .i-command-cue { translate:calc(var(--px,0px)*var(--depth,1)) calc(var(--py,0px)*var(--depth,1)); transition:translate .18s ease-out; }
.i-scene .i-portrait { --depth:.32; }
.i-scene .i-hero-screen { --depth:1; }
.i-scene .i-hero-phone { --depth:-.72; }
.i-global-stage .i-window,.i-global-stage .i-phone,.i-cleaning-stage .i-window,.i-cleaning-stage .i-phone,.i-cleaning-stage .i-cleaning-detail { translate:calc(var(--px,0px)*var(--depth,1)) calc(var(--py,0px)*var(--depth,1)); }
[data-tilt] { --px:0px; --py:0px; --gx:50%; --gy:50%; }
[data-tilt]::after { content:""; position:absolute; inset:0; z-index:4; pointer-events:none; border-radius:inherit; background:radial-gradient(240px circle at var(--gx) var(--gy),#a4f4f018,transparent 75%); }
.i-scene.is-visible .i-hero-screen,.i-scene.is-visible .i-hero-phone,.i-scene.is-visible .i-portrait,.i-scene.is-visible .i-command-cue { animation:i-plane-arrive .7s both; }
.i-scene.is-visible .i-portrait { animation-delay:.08s; }
.i-scene.is-visible .i-hero-screen { animation-delay:.2s; }
.i-scene.is-visible .i-hero-phone { animation-delay:.34s; }
.i-scene.is-visible .i-command-cue { animation-delay:.46s; }
@keyframes i-plane-arrive { from { opacity:.5; } to { opacity:1; } }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .i-eco-panel,.i-eco-grid [data-kind] { transition:opacity .32s ease,transform .32s ease,border-color .32s ease,box-shadow .32s ease; }
  .i-eco-panel:focus-within { opacity:1!important; transform:translateY(-4px) scale(1.015)!important; }
}
@media (max-width:1100px) {
  .i-command-cue { top:110px; width:17%; }
  .i-command-detail { right:0; }
}
@media (max-width:760px) {
  .i-ecosystem { background:linear-gradient(180deg,#eef1ed,#e5ece9); }
  .i-eco-grid[data-focus] [data-kind] { opacity:1; transform:none; }
  .i-eco-panel.is-focused { border-color:#176b74; box-shadow:0 12px 32px #142d3520; }
  .i-businesses { padding-top:58px; }
  .i-command { padding-block:74px; background:radial-gradient(ellipse at 70% 38%,#153c4a80,transparent 72%),linear-gradient(150deg,#090e12,#111b21 58%,#090e12); }
  .i-command::before { background-size:38px 38px; opacity:.13; }
  .i-command .i-section-head { margin-bottom:36px; }
  .i-command-evidence { padding:8px; border-radius:8px; }
  .i-command-screen { border-width:3px; }
  .i-products { background:#edf0ec; }
  .i-method-flow::before { top:5%; bottom:5%; left:5px; right:auto; width:1px; height:auto; background:linear-gradient(#176b7460,#176b74b0,#176b7460); }
  .i-method-flow li { padding-left:30px; }
  .i-method-flow li::before,.i-method-flow li:first-child::before { left:0; top:25px; }
  .i-method-flow li:hover,.i-method-flow li:focus-within { transform:translateX(3px); }
  .i-about { padding-block:64px; }
  .i-contact { padding-block:76px; }
  .i-contact-bottom { margin-top:28px; }
  .i-command-cue { display:none; }
  .i-scene .i-portrait,.i-scene .i-hero-screen,.i-scene .i-hero-phone,.i-scene .i-command-cue,.i-global-stage .i-window,.i-global-stage .i-phone,.i-cleaning-stage .i-window,.i-cleaning-stage .i-phone,.i-cleaning-stage .i-cleaning-detail { translate:none; }
  .i-scene.is-visible .i-hero-screen,.i-scene.is-visible .i-hero-phone,.i-scene.is-visible .i-portrait { animation-duration:.48s; }
}
@media (prefers-reduced-motion:reduce) {
  .page-home .i-scene .i-portrait,.page-home .i-scene .i-hero-screen,.page-home .i-scene .i-hero-phone,.page-home .i-scene .i-command-cue,.page-home .i-global-stage .i-window,.page-home .i-global-stage .i-phone,.page-home .i-cleaning-stage .i-window,.page-home .i-cleaning-stage .i-phone,.page-home .i-cleaning-stage .i-cleaning-detail { translate:none!important; }
  .page-home [data-tilt]::after { display:none; }
}