@font-face{font-family:Adventor;font-weight:400;font-display:swap;src:url(/assets/azzir_website/proto/a/fb9d2186e36b.woff) format('woff')}
@font-face{font-family:Adventor;font-weight:700;font-display:swap;src:url(/assets/azzir_website/proto/a/eebab5aede5d.woff) format('woff')}
@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(/assets/azzir_website/proto/a/c7d3c04f6175.woff) format('woff')}
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/assets/azzir_website/proto/a/7d441dda06cb.woff) format('woff')}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/assets/azzir_website/proto/a/5eb7ef601a20.woff) format('woff')}
/* one fixed hall, one sculpture; floors change in place */
:root{--gold:#B8975A;--gt:#B8975A;--ink:#0a0908;--cream:#F3EFE6;--grey:#8A8479;--sub:#cfc8ba;--rule:#d9d4cb;--line:rgba(184,151,90,.16);--stroke:rgba(184,151,90,.26);--dd:block;--dl:none;--mode:dark;color-scheme:dark}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--gt:#94743A;--ink:#F3EFE6;--cream:#111111;--grey:#6f6a61;--sub:#3d3a35;--rule:#2b2925;--line:rgba(184,151,90,.3);--stroke:rgba(184,151,90,.5);--dd:none;--dl:block;--mode:light;color-scheme:light}}
:root[data-theme=light]{--gt:#94743A;--ink:#F3EFE6;--cream:#111111;--grey:#6f6a61;--sub:#3d3a35;--rule:#2b2925;--line:rgba(184,151,90,.3);--stroke:rgba(184,151,90,.5);--dd:none;--dl:block;--mode:light;color-scheme:light}
.ld{display:var(--dd)!important}.ll{display:var(--dl)!important}
body,#hall,.ov{transition:background-color .6s,color .6s}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);overscroll-behavior:none}
html.js.lobby,html.js.lobby body{height:100%;overflow:hidden}
body{font-family:Poppins,sans-serif;font-weight:300;color:var(--cream);background:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
#hall{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:radial-gradient(120% 80% at 50% 108%,rgba(184,151,90,.13),transparent 60%),var(--ink)}
/* architecture: hairline columns and a floor line */
.cols{position:absolute;inset:0;display:flex;justify-content:space-between;padding:0 8vw;pointer-events:none}
.cols i{width:1px;background:linear-gradient(transparent,var(--line) 30%,var(--line) 70%,transparent)}
.floor{position:absolute;left:0;right:0;bottom:17vh;height:1px;background:linear-gradient(90deg,transparent,rgba(184,151,90,.4),transparent)}
#gl{position:absolute;inset:0;width:100%;height:100%}
/* giant outline words */
.word{position:absolute;left:50%;top:46%;font-family:Adventor;font-weight:700;font-size:21vw;line-height:1;letter-spacing:-.02em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px var(--stroke);opacity:0;will-change:transform,opacity;pointer-events:none}
/* frame */
.top{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px 34px;z-index:5}
.top img{height:38px;display:block}
.top nav{display:flex;gap:10px;align-items:center}
.lab{font-weight:500;font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.dirbtn{padding:13px 18px;display:flex;gap:12px;align-items:center}
.dirbtn b{display:grid;grid-template-columns:repeat(2,4px);gap:3px}.dirbtn b i{width:4px;height:4px;background:var(--gold)}
.go{padding:13px 22px;border:1px solid var(--gold);color:var(--gt);transition:.3s}.go:hover{background:var(--gold);color:#111}.mode{padding:13px 14px;display:flex;gap:9px;align-items:center}.mode i{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--gold);background:linear-gradient(90deg,var(--gold) 50%,transparent 50%)}
.edge{position:absolute;left:34px;bottom:34px;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--grey);z-index:4}
/* lift indicator */
.lift{position:absolute;right:34px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column-reverse;gap:2px;z-index:5}
.lift button{width:44px;height:38px;font-family:Adventor;font-size:13px;color:var(--grey);border-right:1px solid var(--line);text-align:right;padding-right:14px;transition:.35s}
.lift button.on{color:var(--gt);border-right:3px solid var(--gold);font-size:19px;font-weight:700}
.lift .ar{color:var(--gold);font-size:12px;border-right:0;height:44px}.lift .ar:disabled{opacity:.25}
/* stage panels */
.st{position:absolute;left:8vw;bottom:23vh;width:min(430px,34vw);opacity:0;pointer-events:none;z-index:4}
.st.on{pointer-events:auto}
.st .n{font-family:Adventor;font-size:15px;color:var(--gt);display:flex;align-items:center;gap:14px;margin-bottom:22px}
.st .n:after{content:"";width:56px;height:3px;background:var(--gold)}
.st h2{font-family:Adventor;font-weight:400;font-size:clamp(34px,3.7vw,58px);line-height:1.02;letter-spacing:-.02em;margin-bottom:18px}
.st p{font-size:16px;line-height:1.6;color:var(--sub);margin-bottom:10px}
.st .caps{font-size:10px;letter-spacing:.2em;color:var(--grey);line-height:2;margin-bottom:26px}
.act{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.enter{display:inline-flex;align-items:center;gap:14px;font-weight:500;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#111;background:var(--gold);padding:16px 22px;transition:.3s}
.enter:hover{background:var(--cream);color:var(--ink)}.enter s{text-decoration:none;transition:.3s}.enter:hover s{transform:translateX(6px)}
.req{font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:5px}
/* lobby and roof are centred */
.st.c{left:50%;bottom:7vh;width:min(900px,84vw);margin-left:calc(min(900px,84vw)/-2);text-align:center}
.st.c h1{font-family:Adventor;font-weight:400;font-size:clamp(30px,4.6vw,74px);line-height:1;letter-spacing:-.025em}
.st.c h1 em{font-style:normal;color:var(--gt)}
.st.c .lab{color:var(--grey);margin-top:22px;display:block}
.st.c .act{justify-content:center;margin-top:26px}
.st.c .hello{color:var(--gt);margin:0 0 20px}
.cue{cursor:pointer;position:absolute;right:34px;bottom:34px;color:var(--grey);display:flex;align-items:center;gap:12px;z-index:4}
.cue i{width:1px;height:44px;background:var(--gold);transform-origin:top;animation:cue 2.2s infinite}
@keyframes cue{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
/* overlays */
.ov{position:fixed;inset:0;z-index:20;background:var(--cream);color:var(--ink);clip-path:inset(0 0 100% 0);transition:clip-path .7s cubic-bezier(.7,0,.2,1);overflow:auto;padding:26px 34px 40px}
.ov.open{clip-path:inset(0)}
.ov header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5vh}
.ov header img{height:38px}.x{padding:13px 0}
.board{max-width:1180px;margin:0 auto}
.board .lab{color:var(--grey);display:block;margin-bottom:18px}
.row{display:grid;grid-template-columns:90px 1fr auto;align-items:baseline;gap:20px;padding:2.1vh 0;border-top:1px solid var(--rule);width:100%;text-align:left;transition:.3s}
.row:last-child{border-bottom:1px solid var(--rule)}
.row b{font-family:Adventor;font-weight:400;font-size:15px;color:var(--gold)}
.row span{font-family:Adventor;font-size:clamp(26px,4.4vw,60px);line-height:1;letter-spacing:-.02em;transition:.3s}
.row em{font-style:normal;font-size:13px;color:var(--grey);text-align:right}
.row:hover{padding-left:18px}.row:hover span{color:var(--gold)}
.sent{max-width:1050px;margin:0 auto;font-family:Adventor;font-size:clamp(24px,3.5vw,50px);line-height:1.5;letter-spacing:-.015em}
.sent select,.sent input{font:inherit;color:var(--gold);background:none;border:0;border-bottom:2px solid var(--gold);padding:0 6px;max-width:100%;outline:0;border-radius:0}
.sent input{width:5.5em}.sent input.s{width:2.6em;text-align:center}
.send{margin-top:5vh;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.send .enter{border:0;cursor:pointer}.send small{font-size:13px;color:var(--grey);max-width:420px;line-height:1.6}
@media(max-width:899px){
 .top{padding:18px}.mode{padding:10px 12px 10px 0}.top nav{gap:6px}.top img,.ov header img{height:30px}.go{display:none}.dirbtn{padding:10px 0}
 .cols{padding:0 18px}.cols i:nth-child(2n){display:none}
 .edge,.cue{display:none}
 .word{top:25%;font-size:33vw}
 .lift{right:6px;top:33%}.lift button{width:38px;height:30px;font-size:11px;padding-right:10px}.lift button.on{font-size:15px}.lift .ar{height:40px;font-size:13px}
 .st{left:18px;right:18px;width:auto;bottom:calc(30px + env(safe-area-inset-bottom,0px))}
 .st h2{font-size:33px;margin-bottom:12px}.st p{font-size:14.5px}.st .caps{margin-bottom:18px}.st .n{margin-bottom:14px}
 .st.c{left:18px;right:18px;width:auto;margin:0;bottom:calc(40px + env(safe-area-inset-bottom,0px))}.st.c h1{font-size:35px}
 .floor{bottom:47vh}
 .ov{padding:18px}.row{grid-template-columns:40px 1fr}.row em{display:none}
}
/* when scripts cannot run (some file previews), the lobby reads as a plain page */
html:not(.js) #hall{position:static;overflow:visible;touch-action:auto;padding-bottom:40px}
html:not(.js) .st{position:static;opacity:1;width:auto;margin:0;padding:34px 18px;text-align:left;border-top:1px solid var(--line)}
html:not(.js) .top{position:static}html:not(.js) .word,html:not(.js) #gl,html:not(.js) .lift,html:not(.js) .cue,html:not(.js) .edge,html:not(.js) .cols,html:not(.js) .floor,html:not(.js) .mode,html:not(.js) .ov{display:none}
.noscript{display:none;padding:14px 18px;font-size:13px;line-height:1.6;color:var(--gt)}html:not(.js) .noscript{display:block}
.nogl .word{-webkit-text-stroke-color:var(--gold)}
@media (prefers-reduced-motion:reduce){.cue i{animation:none}}

/* v22: group navbar and the sections after the floors */
.top{--x:0}.top .gnav{margin-left:auto;margin-right:clamp(16px,2.4vw,36px);display:flex;gap:26px;align-items:center}
.top .gmark{display:flex;align-items:center;gap:12px}.top .gmark img{height:34px!important;width:auto}.top .gmark span{font:400 15px Adventor,sans-serif;letter-spacing:.32em;color:var(--cream)}.top .gmark span i{font-style:normal;color:var(--gold)}
.top .gnav a,.top .gnav button{font:400 13.5px Poppins,sans-serif;letter-spacing:0;text-transform:none;color:var(--sub);transition:color .3s}
.top .gnav a:hover,.top .gnav button:hover{color:var(--gt)}
.top .go{display:inline-block}
#lmore{display:none;position:relative;background:var(--ink);color:var(--cream)}
html.lobby.lmore,html.lobby.lmore body{height:auto!important;overflow:visible!important}
html.lobby.lmore #hall{position:relative;height:100vh;height:100svh;touch-action:pan-y}
html.lobby.lmore #lmore{display:block}
.lmw{max-width:1240px;margin:0 auto;padding:0 clamp(18px,4vw,56px)}
.lfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--gold);border-bottom:1px solid var(--line)}
.lfacts div{padding:26px 18px 26px 0;min-width:0}.lfacts div+div{padding-left:22px;border-left:1px solid var(--line)}
.lfacts small{color:var(--grey);display:block}.lfacts b{display:block;font:400 clamp(20px,2vw,28px)/1.2 Adventor,sans-serif;margin-top:10px}
.lsec{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:clamp(24px,5vw,70px);padding:clamp(60px,8vw,110px) 0;border-bottom:1px solid var(--line)}
.lsec .k{color:var(--gt);display:block;margin-bottom:16px}
.lsec h2{font:400 clamp(28px,3vw,42px)/1.08 Adventor,sans-serif;letter-spacing:-.02em}
.lhz{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--gold)}
.lhz li{padding:24px 22px 0 0}.lhz li+li{padding-left:22px;border-left:1px solid var(--line)}
.lhz small{color:var(--gt)}.lhz b{display:block;font:400 22px/1.2 Adventor,sans-serif;margin:12px 0 10px}.lhz p,.lir p,.lp{font-size:15px;line-height:1.65;color:var(--sub)}
.lvals{display:flex;flex-wrap:wrap}.lvals span{font:400 clamp(26px,3.2vw,44px)/1.25 Adventor,sans-serif;letter-spacing:-.02em;padding-right:.6em}.lvals span:not(:last-child):after{content:'·';color:var(--gold);padding-left:.6em}
.lp{margin-top:24px;max-width:60ch}
.lir{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.lir div{border-top:1px solid var(--gold);padding-top:18px}.lir b{display:block;font:400 19px Adventor,sans-serif;margin-bottom:8px}
.lfoot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:30px 0 40px;font-size:12.5px;color:var(--grey)}.lfoot a{color:var(--gt)}

@media(max-width:1180px){.top{--x:0}.top .gnav{display:none}}
@media(max-width:899px){.lfacts{grid-template-columns:repeat(2,minmax(0,1fr))}.lfacts div{padding-left:0!important;border-left:0!important;border-bottom:1px solid var(--line)}.lsec{grid-template-columns:1fr}.lhz,.lir{grid-template-columns:1fr}.lhz li{padding:20px 0 16px!important;border-left:0!important}.top .go{display:none}}

/* v23: the floors in a card, and a new group section below */
:root{--page:#050504;--card2:color-mix(in srgb,var(--cream) 4%,var(--ink))}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--page:#E7E0D2}}
:root[data-theme=light]{--page:#E7E0D2}
html.lobby,html.lobby body{background:var(--page)!important}
html.lobby body>.top{position:fixed;left:0;right:0;top:0;z-index:30;height:76px;padding:0 clamp(18px,3vw,34px)!important;background:var(--page);display:flex;align-items:center}
html.lobby #hall{top:76px;left:14px;right:14px;bottom:14px;border-radius:28px;border:1px solid var(--line);box-shadow:0 40px 90px -50px rgba(0,0,0,.6)}
html.lobby.lmore #hall{position:relative;inset:auto;margin:76px 14px 0;height:calc(100vh - 90px);height:calc(100svh - 90px)}
html.lobby .edge{left:22px}
#lmore{background:var(--page)!important}
.lmw{max-width:1200px}
.l2-intro{padding:clamp(80px,10vw,140px) 0 clamp(50px,6vw,80px);text-align:center;max-width:920px;margin:0 auto}
.l2-intro h2,.l2-hd h2,.l2-cta h2{font:400 clamp(32px,4vw,60px)/1.04 Adventor,sans-serif;letter-spacing:-.03em;color:var(--cream)}
.l2-intro h2 em,.l2-hd h2 em{font-style:normal;color:var(--gt)}
.l2-intro>p{font-size:clamp(16px,1.3vw,18.5px);line-height:1.7;color:var(--sub);max-width:62ch;margin:26px auto 0}
.lmw .k{color:var(--gt);display:block;margin-bottom:18px}
.l2-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(40px,5vw,64px);border:1px solid var(--line);border-radius:18px;background:var(--card2);text-align:left}
.l2-facts div{padding:22px 24px;min-width:0}.l2-facts div+div{border-left:1px solid var(--line)}
.l2-facts small{color:var(--grey);display:block}.l2-facts b{display:block;font:400 clamp(18px,1.6vw,23px)/1.2 Adventor,sans-serif;margin-top:8px;color:var(--cream)}
.l2-sec{padding:clamp(60px,8vw,110px) 0;border-top:1px solid var(--line)}
.l2-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(30px,4vw,50px)}.l2-hd .k{margin-bottom:14px}
.l2-hd>div,.l2-hd{flex-wrap:wrap}.l2-hd .k{width:100%}
.l2-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.l2-cards div{padding:30px 28px;border-radius:18px;border:1px solid var(--line);background:var(--card2)}
.l2-cards i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-style:normal;font-size:18px;color:var(--gt);background:color-mix(in srgb,var(--gold) 14%,transparent);margin-bottom:22px}
.l2-cards b{display:block;font:400 22px/1.2 Adventor,sans-serif;color:var(--cream);margin-bottom:10px}
.l2-cards p,.l2-pv p{font-size:15px;line-height:1.65;color:var(--sub)}
.l2-need{border-top:1px solid var(--line)}
.l2-need a{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 30px;gap:20px;align-items:center;padding:24px 8px;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}
.l2-need span{font:400 clamp(18px,1.8vw,24px)/1.3 Adventor,sans-serif;color:var(--cream)}
.l2-need b{display:flex;align-items:center;gap:10px;font:500 14px Poppins,sans-serif;color:var(--sub)}.l2-need b::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}
.l2-need s{text-decoration:none;color:var(--grey);transition:transform .3s,color .3s}
.l2-need a:hover{padding-left:18px;padding-right:18px;background:var(--card2)}.l2-need a:hover s{color:var(--c);transform:translateX(4px)}.l2-need a:hover b{color:var(--cream)}
.l2-pv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-bottom:40px}.l2-pv div{border-top:1px solid var(--gold);padding-top:18px}.l2-pv small{color:var(--gt);display:block;margin-bottom:10px}
.l2-why .lvals span{color:var(--cream)}
.l2-cta{margin:0 0 clamp(50px,6vw,80px);padding:clamp(34px,5vw,64px);border-radius:24px;background:radial-gradient(700px 340px at 100% 0%,rgba(184,151,90,.32),transparent 70%),#15130F;color:#F2EDE2;display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:28px 40px;align-items:center}
.l2-cta h2{color:#F2EDE2!important}.l2-cta p{color:#BDB4A3;margin-top:12px;font-size:16px;line-height:1.6;max-width:46ch}
.l2-ctas{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.l2-ctas .req{color:#F2EDE2}
.l2-con{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:26px;border-top:1px solid rgba(242,237,226,.14);font-size:14.5px;color:#E8E1D3}
.l2-con small{display:block;color:#A89E8B;margin-bottom:6px}
.lfoot{border-top:1px solid var(--line);align-items:center}.lfl{display:flex;gap:22px}.lfl a{color:var(--sub)!important}
@media(max-width:899px){html.lobby body>.top{height:64px}html.lobby #hall{top:64px;left:8px;right:8px;bottom:8px;border-radius:20px}html.lobby.lmore #hall{margin:64px 8px 0;height:calc(100svh - 72px)}
 .l2-facts,.l2-cards,.l2-pv,.l2-con{grid-template-columns:1fr}.l2-facts div+div{border-left:0;border-top:1px solid var(--line)}.l2-need a{grid-template-columns:1fr 24px}.l2-need b{grid-column:1}.l2-need s{grid-row:1/3;grid-column:2}.l2-cta{grid-template-columns:1fr}.lfl{flex-wrap:wrap}}
html.lobby.lmore #hall :is(.cue,.lift,.skipf,.edge,#cue,#skipf,.st .act){opacity:0!important;pointer-events:none!important;transition:opacity .3s}
/* v3.2 lobby */
html.lobby #hall{bottom:calc(14px + (100vh - 90px) * .0025)!important}
html.lobby.lmore #hall{height:calc((100vh - 90px) * .9975)!important}
.l2-af{min-height:0!important;height:calc((100vh - 90px) * .9975)!important}
@media(max-width:899px){html.lobby #hall{bottom:8px!important}html.lobby.lmore #hall{height:calc(100svh - 72px)!important}.l2-af{height:calc(100svh - 72px)!important}}
.top .gnav{gap:30px}.top .dirbtn{border:1px solid var(--gold)!important;padding:12px 18px!important;border-radius:2px;color:var(--gt)!important}.top .mode span{display:none}.top .mode{padding:8px!important}
.top button.go{cursor:pointer;background:transparent}
#lift button:nth-last-child(2){display:none}
html.lobby.lmore #hall{position:sticky!important;top:76px;transform-origin:50% 0;will-change:transform,opacity;z-index:1}
#lmore{position:relative;z-index:2}
@media(max-width:899px){html.lobby.lmore #hall{top:64px}}
.l2-af{--q:0;position:relative;margin:14px 14px 0;height:calc(100vh - 90px);height:calc(100svh - 90px);min-height:560px;border-radius:28px;overflow:hidden;border:1px solid rgba(184,151,90,.22);
 background:radial-gradient(120% 70% at 50% 108%,#2a2216 0%,transparent 60%),#0A0907;color:#F2EDE2;box-shadow:0 40px 90px -50px rgba(0,0,0,.7);
 box-shadow:0 -30px 80px -30px rgba(0,0,0,.55)}
.l2-af canvas{position:absolute;inset:0;width:100%;height:100%}
.l2-afword{position:absolute;left:0;right:0;top:34%;text-align:center;font:400 clamp(110px,19vw,300px)/1 Adventor,sans-serif;letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px rgba(201,166,106,.14);pointer-events:none}
.l2-afw{position:absolute;left:0;right:0;bottom:clamp(36px,7vh,80px);text-align:center;padding:0 20px}
.l2-afw .lab{color:#A89E8B;display:block;margin-bottom:16px}
.l2-afw h2{font:400 clamp(36px,5.2vw,76px)/1.02 Adventor,sans-serif;letter-spacing:-.03em;color:#F2EDE2;max-width:22ch;margin:0 auto}
.l2-afw h2 em{font-style:normal;color:#C9A66A}
.l2-afa{display:flex;gap:26px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px}
.l2-afa .enter{background:#B8975A;color:#15130F;border:0}.l2-afa .req{color:#F2EDE2;border-bottom:1px solid #B8975A}
.ov header .x{border:1px solid currentColor;padding:10px 18px;border-radius:99px;cursor:pointer}
@media(max-width:899px){.l2-af{margin:8px 8px 0;border-radius:20px;height:calc(100svh - 72px)}}
@media (prefers-reduced-motion:reduce){.l2-af{transform:none;opacity:1}}

/* v3.6 what we stand for */
.l2-why2 .w2-pvm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.w2-c{position:relative;overflow:hidden;padding:30px 28px 28px;border-radius:22px;background:#15130F;color:#F2EDE2;border:1px solid rgba(184,151,90,.25);background-image:radial-gradient(320px 200px at 100% 0,rgba(201,166,106,.26),transparent 70%);box-shadow:0 40px 70px -46px rgba(0,0,0,.6);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.w2-c:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(201,166,106,.5),0 50px 80px -44px rgba(0,0,0,.7)}
.w2-n{position:absolute;right:24px;top:18px;font:400 64px/1 Adventor,sans-serif;color:transparent;-webkit-text-stroke:1px rgba(201,166,106,.35)}
.w2-i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#15130F;background:linear-gradient(145deg,#ECD6A6,#B8975A 55%,#8A6A30);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 24px -12px rgba(201,166,106,.8)}.w2-i svg{width:22px;height:22px}
.w2-c small{display:block;color:#C9A66A;margin:26px 0 10px}.w2-c p{font:400 clamp(19px,1.6vw,23px)/1.35 Adventor,sans-serif;color:#F2EDE2}
.w2-vals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}
.w2-v{display:flex;flex-direction:column;gap:8px;padding:20px 18px;border-radius:18px;border:1px solid var(--line);background:var(--card2);transition:border-color .4s,transform .4s}
.w2-v:hover{border-color:var(--gold);transform:translateY(-4px)}
.w2-vi{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent)}.w2-vi svg{width:17px;height:17px}
.w2-v b{font:400 21px Adventor,sans-serif;color:var(--cream);margin-top:6px}.w2-v span:last-child{font-size:13.5px;line-height:1.5;color:var(--sub)}
@media(max-width:999px){.l2-why2 .w2-pvm{grid-template-columns:1fr}.w2-vals{grid-template-columns:1fr 1fr}}

.wrap{max-width:1320px;margin:0 auto;padding-inline:34px}
.lab{font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
h1,h2,h3{font-family:Adventor,sans-serif;font-weight:400;letter-spacing:-.025em;line-height:1;text-wrap:balance}
h1{font-size:clamp(42px,7.2vw,112px)}h2{font-size:clamp(30px,4.4vw,62px)}h3{font-size:clamp(20px,1.9vw,26px);letter-spacing:-.015em;line-height:1.15}
em{font-style:normal;color:var(--gt)}
.lead{font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:var(--sub);max-width:620px}
/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:26px;height:74px}
.brand{display:flex;align-items:center;gap:16px}.brand img{height:34px}.brand span{color:var(--gt);border-left:1px solid var(--line);padding-left:16px;white-space:nowrap}
.links{display:flex;gap:26px;margin-left:auto}.links a{position:relative;padding:8px 0}.links a.on:after,.links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold)}
.wmode0{display:flex;gap:8px;align-items:center;padding:8px 0}.mode i{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--gold);background:linear-gradient(90deg,var(--gold) 50%,transparent 50%)}
.btn{display:inline-flex;align-items:center;gap:14px;font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#111;background:var(--gold);padding:16px 22px;transition:.3s;white-space:nowrap}
.btn:hover{background:var(--fg);color:var(--bg)}.btn s{text-decoration:none;transition:.3s}.btn:hover s{transform:translateX(6px)}
.btn.o{background:none;color:var(--fg);box-shadow:inset 0 0 0 1px var(--gold)}.btn.o:hover{background:var(--gold);color:#111}
.txt{font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:5px}
.burger{display:none;margin-left:auto;padding:10px 0}
.menu{position:fixed;inset:0;z-index:40;background:var(--bg);padding:90px 18px 30px;display:none;flex-direction:column;gap:4px;overflow:auto}.menu.open{display:flex}
.menu a{font-family:Adventor;font-size:30px;padding:10px 0;border-bottom:1px solid var(--line)}.menu .x{position:absolute;right:18px;top:26px}
/* sections */
#site section{padding-block:clamp(64px,9vw,130px)}
.sh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:40px;margin-bottom:clamp(34px,5vw,64px);align-items:end}
.sh .lab{color:var(--gt);display:flex;align-items:center;gap:14px;margin-bottom:22px}.sh .lab:after{content:"";width:56px;height:3px;background:var(--gold)}
.sh p{color:var(--sub);max-width:560px;justify-self:end}
.band{background:var(--bg2);border-block:1px solid var(--line)}
/* hero */
.hero{position:relative;min-height:calc(100svh - 74px);display:flex;align-items:center;padding-block:60px;overflow:hidden}

.hero>.wrap{width:100%}
.hero .in{position:relative;max-width:820px}
.badge{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--gold);padding:9px 14px;color:var(--gt);margin-bottom:34px}
.badge i{width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
.hero h1{margin-bottom:28px}.hero .lead{margin-bottom:38px}
.cta{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.facts div{padding:26px 24px 28px 0;border-right:1px solid var(--line);padding-left:24px}.facts div:first-child{padding-left:0}.facts div:last-child{border-right:0}
.facts b{display:block;font-family:Adventor;font-weight:400;font-size:20px;line-height:1.15;margin-bottom:6px}.facts span{font-size:13.5px;color:var(--grey);line-height:1.5;display:block}
/* before and after */
.ba{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.ba>div{padding:clamp(22px,3vw,44px)}.ba>div+div{border-left:1px solid var(--line);background:var(--soft)}
.ba .lab{color:var(--grey);margin-bottom:22px;display:block}.ba div+div .lab{color:var(--gt)}
.ba li{list-style:none;padding:14px 0;border-top:1px solid var(--line);display:flex;gap:14px}.ba li:before{content:"×";color:var(--grey)}.ba div+div li:before{content:"→";color:var(--gt)}
/* grids */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.cell{display:block;padding:26px 24px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background-color .3s;min-width:0}
a.cell:hover{background:var(--soft)}
.cell .no{font-family:Adventor;font-size:12px;color:var(--gt);display:block;margin-bottom:26px}
.cell h3{margin-bottom:10px}.cell p{font-size:14.5px;color:var(--sub);line-height:1.55}
.cell .more{display:block;margin-top:18px;color:var(--gt);font-size:10px}
/* directory rows */
.dir{border-top:1px solid var(--line)}
.dr{display:grid;grid-template-columns:70px minmax(0,1.1fr) minmax(0,1.4fr) auto;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);transition:padding .3s,background-color .3s}
.dr:hover{padding-left:16px;background:var(--soft)}
.dr b{font-family:Adventor;font-weight:400;font-size:13px;color:var(--gt)}
.dr strong{font-family:Adventor;font-weight:400;font-size:clamp(22px,2.9vw,40px);line-height:1.05;letter-spacing:-.02em}
.dr span{color:var(--sub);font-size:14.5px}.dr i{font-style:normal;color:var(--gt)}
/* interface illustration */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.tabs button{padding:10px 16px;border:1px solid var(--line);color:var(--grey)}.tabs button.on{background:var(--gold);color:#111;border-color:var(--gold)}
.ui{border:1px solid var(--line);background:var(--bg);font-size:13px;line-height:1.4}
.ui .bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--grey)}.ui .bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}.ui .bar span{margin-left:10px}
.ui .pane{display:none;padding:22px;min-height:340px}.ui .pane.on{display:block}
.kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.kp div{border:1px solid var(--line);padding:14px}.kp small{color:var(--grey);display:block;font-size:11px}.kp b{font-family:Adventor;font-weight:400;font-size:22px;font-variant-numeric:tabular-nums}
.bars{display:flex;align-items:flex-end;gap:10px;height:150px;border-bottom:1px solid var(--line);padding:0 6px}.bars i{flex:1;background:var(--gold);opacity:.85;min-width:0}.bars i:nth-child(2n){opacity:.45}
.tb{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tb th{text-align:left;font-weight:500;color:var(--grey);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:9px 8px;border-bottom:1px solid var(--line)}.tb td{padding:10px 8px;border-bottom:1px solid var(--soft)}.tb td:last-child,.tb th:last-child{text-align:right}
.tag{display:inline-block;padding:3px 9px;border:1px solid var(--gold);color:var(--gt);font-size:10.5px;letter-spacing:.08em}
.lv{display:block;height:6px;background:var(--soft);position:relative;min-width:70px}.lv:after{content:"";position:absolute;inset:0;width:var(--w);background:var(--gold)}
.pos{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}.pos .it{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pos .it div{border:1px solid var(--line);padding:16px 12px}.pos .it small{color:var(--grey);display:block}
.uinote{color:var(--grey);margin-top:14px;font-size:9.5px}
.scroll{overflow-x:auto}
/* method */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.steps li{list-style:none;counter-increment:s;padding:28px 24px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps li:before{content:"0" counter(s);font-family:Adventor;font-size:44px;color:transparent;-webkit-text-stroke:1px var(--gold);display:block;margin-bottom:22px;line-height:1}
.steps h3{margin-bottom:10px}.steps p{font-size:14.5px;color:var(--sub)}
/* two column prose */
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:start}
.two p+p{margin-top:16px}.two p{color:var(--sub)}
.list li{list-style:none;padding:16px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px}.list li:last-child{border-bottom:1px solid var(--line)}
.list b{font-family:Adventor;font-weight:400;font-size:12px;color:var(--gt);padding-top:4px}.list strong{font-weight:500;display:block}.list span{color:var(--sub);font-size:14.5px}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:9px 14px;border:1px solid var(--line);font-size:13.5px;transition:.25s}a.chip:hover,.chip.on{border-color:var(--gold);background:var(--gold);color:#111}
/* faq */
details{border-top:1px solid var(--line)}details:last-of-type{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-family:Adventor;font-size:clamp(18px,1.7vw,23px);position:relative;line-height:1.25}summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:4px;top:18px;color:var(--gt);font-size:24px}details[open] summary:after{content:"–"}
details p{color:var(--sub);padding:0 0 24px;max-width:760px}
/* page heads */
.ph{padding-block:clamp(46px,7vw,100px) clamp(30px,4vw,56px)}
.crumb{color:var(--grey);margin-bottom:34px;display:flex;gap:10px;flex-wrap:wrap}.crumb a:hover{color:var(--gt)}
.ph h1{font-size:clamp(40px,6.4vw,96px);margin-bottom:26px;max-width:1000px}.ph .lead{margin-bottom:34px}
.film{position:relative;aspect-ratio:16/9;max-width:100%;border:1px solid var(--line);background:radial-gradient(80% 90% at 50% 100%,rgba(184,151,90,.2),transparent 70%),var(--bg2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:20px}
.film .play{width:84px;height:84px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gt);font-size:22px;padding-left:5px}
.film strong{font-family:Adventor;font-weight:400;font-size:clamp(20px,2.6vw,34px);letter-spacing:-.02em}.film .lab{color:var(--grey)}
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line)}
.flow div{padding:24px;border-right:1px solid var(--line);position:relative}.flow div:last-child{border-right:0}
.flow b{font-family:Adventor;font-weight:400;font-size:12px;color:var(--gt);display:block;margin-bottom:28px}.flow span{font-family:Adventor;font-size:19px;line-height:1.2;display:block}
.pn{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.pn a{padding:28px 26px;min-width:0}.pn a+a{border-left:1px solid var(--line);text-align:right}.pn a:hover{background:var(--soft)}.pn .lab{color:var(--grey);display:block;margin-bottom:10px}.pn strong{font-family:Adventor;font-weight:400;font-size:clamp(20px,2.4vw,32px);line-height:1.1}
.cband{text-align:center}.cband h2{margin:0 auto 22px;max-width:900px}.cband p{color:var(--sub);margin:0 auto 34px;max-width:560px}.cband .cta{justify-content:center}
/* estimate */
.est{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(26px,5vw,70px);align-items:start}
.q{padding:30px 0;border-top:1px solid var(--line)}.q>.lab{color:var(--gt);display:block;margin-bottom:8px}.q h3{margin-bottom:20px}
.q input[type=text],.q input[type=email],.q input[type=tel]{font:inherit;color:var(--fg);background:none;border:0;border-bottom:1px solid var(--gold);padding:12px 0;width:100%;outline:0;border-radius:0}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}
.sum{position:sticky;top:104px;border:1px solid var(--gold);padding:28px 26px;background:var(--bg2)}
.sum h3{margin-bottom:18px}.sum dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 14px;font-size:14px;margin-bottom:22px}.sum dt{color:var(--grey)}.sum dd{min-width:0}
.sum ul{margin:0 0 24px;border-top:1px solid var(--line)}.sum li{list-style:none;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;gap:10px}.sum li:before{content:"→";color:var(--gt)}
.sum .btn{width:100%;justify-content:center}.sum small{display:block;margin-top:14px;color:var(--grey);font-size:12.5px;line-height:1.5}
/* footer */
footer{border-top:1px solid var(--line);padding-block:70px 40px;background:var(--bg2)}
.fg{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}
.fg h4{font:500 11px/1 Poppins,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gt);margin-bottom:20px}
.fg a,.fg p{display:block;font-size:14px;color:var(--sub);padding:5px 0}.fg a:hover{color:var(--gt)}.fg img{height:40px;margin-bottom:20px}
.fb{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--grey);border-top:1px solid var(--line);padding-top:24px}
@media(max-width:899px){.wrap{padding-inline:18px}.btn{white-space:normal}.links,.nav .btn,.nav .wmode0{display:none}.burger{display:block}.nav .wrap{height:64px}.brand img{height:28px}.brand span{font-size:9px;padding-left:12px}
 .sh,.two,.est,.ba,.pn{grid-template-columns:minmax(0,1fr)}.sh p{justify-self:start}.ba>div+div{border-left:0;border-top:1px solid var(--line)}.pn a+a{border-left:0;border-top:1px solid var(--line);text-align:left}
 .hero{min-height:0;padding-block:0 50px;display:block}
 .facts{grid-template-columns:1fr 1fr}.facts div{padding:20px 14px 20px 0!important;border-right:0;border-bottom:1px solid var(--line)}.facts div:nth-child(odd){border-right:1px solid var(--line)}.facts div:nth-child(even){padding-left:14px!important}
 .dr{grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:18px 0}.dr span{grid-column:2/4;font-size:13.5px}.dr i{grid-row:1;grid-column:3}
 .steps{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.flow div:nth-child(2){border-right:0}.flow div:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .kp{grid-template-columns:1fr 1fr}.pos{grid-template-columns:1fr}.ui .pane{padding:14px}.fields{grid-template-columns:1fr}.sum{position:static}.fg{grid-template-columns:1fr 1fr;gap:30px}.fg>div:first-child{grid-column:1/3}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.wl{color:var(--gt);border-left:1px solid var(--line);padding-left:16px;white-space:nowrap}
#site{overflow-x:clip}
.house{margin-top:5vh;display:flex;gap:10px 30px;flex-wrap:wrap;align-items:baseline}.house .lab{color:var(--grey);width:100%;margin-bottom:6px}.house a{font-family:Adventor;font-size:clamp(18px,2vw,26px);border-bottom:1px solid var(--gold);padding-bottom:3px}
/* ---- the worlds behind the lobby. Shared frame, then one character per floor. ---- */
:root{--k:1}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--k:.16}}
:root[data-theme=light]{--k:.16}
html.js.lobby #site{display:none}
html.js:not(.lobby) #hall{display:none}
html:not(.lobby) body{background:var(--bg0)}
:root{--bg0:var(--ink)}
#site{--tint:#1B2A3A;--tp:0%;--bg:color-mix(in srgb,var(--tint) calc(var(--tp)*var(--k)),var(--ink));--fg:var(--cream);--bg2:color-mix(in srgb,var(--cream) 5%,var(--bg));--soft:color-mix(in srgb,var(--cream) 7%,transparent);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
 background:var(--bg);color:var(--fg);font-size:16px;line-height:1.65;min-height:100vh;overflow-x:hidden;transition:background-color .5s,color .5s}
#site[data-w=ai]{--tp:62%}#site[data-w=iot]{--tp:26%}#site[data-w=auto]{--tint:#8A8479;--tp:15%}#site[data-w=energy]{--tint:#B8975A;--tp:9%}
#site .lab{letter-spacing:.22em}
.nav .back{color:var(--grey);white-space:nowrap}.nav .links a{white-space:nowrap}.nav .wrap{gap:20px}.nav .links{gap:22px}@media(max-width:1500px){.nav .back{display:none}}@media(max-width:1180px) and (min-width:900px){.nav .links{gap:14px}.nav .btn{padding:14px 14px}}.nav .back:hover{color:var(--gt)}
.wmode{display:flex;gap:8px;align-items:center;padding:8px 0}.wmode i{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--gold);background:linear-gradient(90deg,var(--gold) 50%,transparent 50%)}
/* world hero: words on the left, the product alive on the right */
.whero{padding-block:clamp(36px,5vw,70px) clamp(40px,6vw,80px)}
.whero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:center}
.whero h1{font-size:clamp(40px,5.6vw,88px);margin-bottom:26px}.whero .lead{margin-bottom:34px}
.whero .badge{margin-bottom:30px}
.live{border:1px solid var(--line);background:var(--bg2);position:relative;min-width:0}
.live .cap{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--line);color:var(--grey);font-size:10px}
.live .cap b{font-weight:500;color:var(--gt)}
.livenote{color:var(--grey);font-size:9.5px;margin-top:12px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}
/* offerings */
.offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.offer{display:flex;flex-direction:column;padding:26px 24px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background-color .3s;min-width:0}
.offer:hover{background:var(--soft)}
.offer .id{font-family:var(--mono);font-size:11px;color:var(--gt);display:flex;justify-content:space-between;margin-bottom:30px}
.offer h3{margin-bottom:10px}.offer p{font-size:14.5px;color:var(--sub);line-height:1.55;flex:1}
.offer .more{margin-top:20px;color:var(--gt);font-size:10px}
.floors{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.floors a{padding:20px 18px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.floors a:hover{background:var(--soft)}
.floors b{font-family:Adventor;font-weight:400;font-size:12px;color:var(--gt);display:block;margin-bottom:22px}.floors span{font-family:Adventor;font-size:19px;line-height:1.15}
.prose{max-width:780px}.prose h2{font-size:clamp(24px,2.6vw,34px);margin:44px 0 14px}.prose p,.prose li{color:var(--sub);margin-bottom:12px}.prose ul{padding-left:20px}
.note{border:1px dashed var(--gold);padding:14px 18px;color:var(--gt);font-size:13.5px;margin-bottom:30px;max-width:780px}
.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.cgrid>*{padding:26px 24px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.cgrid h3{margin-bottom:10px}.cgrid p{font-size:14.5px;color:var(--sub)}
.sw{display:flex;gap:0;border:1px solid var(--line);margin-top:8px}.sw i{flex:1;height:64px}
textarea{font:inherit;color:var(--fg);background:none;border:1px solid var(--line);padding:12px;width:100%;min-height:96px;outline:0;border-radius:0}
/* ===== 01 Business Systems: an application, a ledger ===== */
#site[data-w=bs] .band{background-image:linear-gradient(var(--soft) 1px,transparent 1px);background-size:100% 34px}
.app{display:grid;grid-template-columns:150px minmax(0,1fr);font-size:13px;line-height:1.4}
.app aside{border-right:1px solid var(--line);padding:14px 0}.app aside span{display:block;padding:8px 16px;color:var(--grey);border-left:2px solid transparent;transition:.3s}.app aside span.on{color:var(--fg);border-left-color:var(--gold);background:var(--soft)}
.app main{padding:18px;min-width:0}
.chain{display:flex;gap:0;margin-bottom:18px;border:1px solid var(--line)}.chain div{flex:1;padding:10px 8px;font-size:10.5px;text-align:center;color:var(--grey);border-right:1px solid var(--line);transition:.4s;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chain div:last-child{border-right:0}
.chain div.done{color:var(--gt)}.chain div.on{background:var(--gold);color:#111}
.doc{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.doc b{font-family:Adventor;font-weight:400;font-size:19px;display:block}.doc small{color:var(--grey)}
.pill{padding:4px 10px;border:1px solid var(--gold);color:var(--gt);font-size:10.5px;letter-spacing:.08em;white-space:nowrap}
.feed{border-top:1px solid var(--line);margin-top:14px;min-height:132px}.feed div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--soft);font-variant-numeric:tabular-nums;animation:rise .5s both}.feed div span:first-child{color:var(--sub)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}}
/* ===== 02 AI and Agents: a conversation with something that works ===== */
#site[data-w=ai] .sh .lab:before{content:"> ";font-family:var(--mono)}#site[data-w=ai] .sh .lab,#site[data-w=ai] .offer .more{font-family:var(--mono);letter-spacing:.12em}
#site[data-w=ai] .offer:hover h3:after{content:"▍";color:var(--gt);margin-left:6px;animation:blink 1s infinite}
.term{font-family:var(--mono);font-size:13.5px;line-height:1.6;padding:20px 20px 24px;min-height:372px}
.term .you{color:var(--fg);margin-bottom:16px}.term .you:before{content:"you  ";color:var(--grey)}
.term .ln{color:var(--sub);padding:5px 0 5px 26px;position:relative;animation:rise .4s both}.term .ln:before{content:"✓";position:absolute;left:0;color:var(--gt)}
.term .ln.run:before{content:"◌";animation:blink .8s infinite}.term .ln.flag{color:var(--gt)}.term .ln.flag:before{content:"!"}
.term .out{margin-top:14px;padding:12px 14px;border:1px solid var(--gold);color:var(--fg);animation:rise .5s both}
.cur:after{content:"▍";color:var(--gt);animation:blink 1s infinite}
/* ===== 03 Smart Hardware and IoT: live readings ===== */
#site[data-w=iot]{background-image:radial-gradient(var(--line) 1px,transparent 1.4px);background-size:26px 26px}
#site[data-w=iot] .band,#site[data-w=iot] .live,#site[data-w=iot] .nav{background-color:var(--bg2)}#site[data-w=iot] .nav{background:color-mix(in srgb,var(--bg) 90%,transparent)}
#site[data-w=iot] .offer .id:after{content:"● ONLINE";font-size:9px;letter-spacing:.14em}
.tele{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.tile{padding:16px 16px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;transition:background-color .4s}.tile:nth-child(3n){border-right:0}.tile:nth-last-child(-n+3){border-bottom:0}
.tile small{font-family:var(--mono);font-size:9.5px;color:var(--grey);display:flex;justify-content:space-between;gap:6px}.tile .nm{font-size:12.5px;color:var(--sub);margin:8px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile b{font-family:Adventor;font-weight:400;font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums;display:block}.tile b i{font-style:normal;font-size:13px;color:var(--grey);margin-left:4px}
.tile svg{width:100%;height:34px;display:block;margin-top:8px}.tile polyline{fill:none;stroke:var(--gold);stroke-width:1.5}
.tile.alert{background:var(--gold);color:#111}.tile.alert small,.tile.alert .nm,.tile.alert b i{color:#111}.tile.alert polyline{stroke:#111}
/* ===== 04 Industrial Automation: the control panel ===== */
#site[data-w=auto] .band{border-top:0;position:relative}#site[data-w=auto] .band:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(135deg,var(--gold) 0 12px,transparent 12px 24px)}
#site[data-w=auto] .sh .lab{border:1px solid var(--gold);padding:8px 12px;display:inline-flex}#site[data-w=auto] .sh .lab:after{display:none}
#site[data-w=auto] h1,#site[data-w=auto] h2{font-weight:700;letter-spacing:-.03em}
#site[data-w=auto] .offer .id:after{content:"RUN";border:1px solid var(--gold);padding:1px 7px;font-size:9px;letter-spacing:.14em}
.hmi{padding:16px}.hmi svg{width:100%;height:auto;display:block}
.hmi .stn text{font:500 8px Poppins,sans-serif;letter-spacing:.14em;fill:var(--grey)}.hmi .stn rect{fill:var(--bg);stroke:var(--grey)}.hmi .stn.on rect{stroke:var(--gold)}.hmi .stn.on circle{fill:var(--gold)}.hmi .stn circle{fill:var(--grey)}
.hmi .belt{stroke:var(--gold);stroke-width:2;stroke-dasharray:6 8;animation:belt 1.1s linear infinite}@keyframes belt{to{stroke-dashoffset:-14}}
.hmi .box{fill:var(--gold);animation:run 7s linear infinite}@keyframes run{from{transform:translateX(-30px)}to{transform:translateX(560px)}}
.hmi .frame{fill:none;stroke:var(--grey)}
.gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.gauges div{padding:14px 14px 16px;border-right:1px solid var(--line);min-width:0}.gauges div:last-child{border-right:0}
.gauges small{display:block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}.gauges b{font-family:Adventor;font-size:26px;font-variant-numeric:tabular-nums}
/* ===== 05 Robotics and Drones: the operator's view ===== */
#site[data-w=robo]{background-image:linear-gradient(var(--soft) 1px,transparent 1px),linear-gradient(90deg,var(--soft) 1px,transparent 1px);background-size:44px 44px}
#site[data-w=robo] .band{background-color:var(--bg2)}
#site[data-w=robo] .offer:before,#site[data-w=robo] .offer:after{content:"";position:absolute;width:12px;height:12px;border:0 solid var(--gold)}
#site[data-w=robo] .offer:before{left:8px;top:8px;border-left-width:1px;border-top-width:1px}#site[data-w=robo] .offer:after{right:8px;bottom:8px;border-right-width:1px;border-bottom-width:1px}
#site[data-w=robo] .sh .lab,#site[data-w=robo] .crumb{font-family:var(--mono);letter-spacing:.14em}
.hud{position:relative;aspect-ratio:16/11;overflow:hidden;background:var(--bg)}
.hud svg.g{position:absolute;inset:0;width:100%;height:100%}
.hud .gl{stroke:var(--line);fill:none}.hud .path{stroke:var(--gold);fill:none;stroke-dasharray:4 6}.hud .wp{fill:var(--gold)}
.hud .dr{position:absolute;width:15%;color:var(--gt);transform:translate(-50%,-50%);transition:left .12s linear,top .12s linear}.hud .dr svg{width:100%;height:auto;display:block}
.hud .armb{position:absolute;right:3%;bottom:2%;width:27%;color:var(--gt)}.hud .armb svg{width:100%;height:auto;display:block}
.hud .tl{position:absolute;left:14px;top:12px;font-family:var(--mono);font-size:11px;line-height:1.75;color:var(--sub)}.hud .tl b{color:var(--gt);font-weight:400}
.hud .br{position:absolute;width:20px;height:20px;border:0 solid var(--gold)}.hud .br.a{left:8px;bottom:8px;border-left-width:1px;border-bottom-width:1px}.hud .br.b{right:8px;top:8px;border-right-width:1px;border-top-width:1px}
.rot{animation:spin .5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.arm1{animation:a1 6s ease-in-out infinite}.arm2{animation:a2 6s ease-in-out infinite}@keyframes a1{50%{transform:rotate(9deg)}}@keyframes a2{50%{transform:rotate(-22deg)}}
/* ===== 06 Smart Energy: the power flowing ===== */
#site[data-w=energy] .whero{background:radial-gradient(60% 80% at 88% 0%,color-mix(in srgb,var(--gold) 26%,transparent),transparent 70%)}
#site[data-w=energy] h1{font-weight:400}
#site[data-w=energy] .offer:after{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:0;background:var(--gold);transition:width .6s}#site[data-w=energy] .offer:hover:after{width:100%}
.pflow{padding:14px 16px 6px}.pflow svg{width:100%;height:auto;display:block}
.pflow .wire{fill:none;stroke:var(--line);stroke-width:1.5}.pflow .cur2{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-dasharray:5 9;animation:belt 1s linear infinite}.pflow .cur2.rev{animation-direction:reverse}.pflow .cur2.off{opacity:0}
.pflow .nd rect,.pflow .nd circle{fill:var(--bg);stroke:var(--gold);stroke-width:1.2}.pflow text{font:500 9px Poppins,sans-serif;letter-spacing:.14em;fill:var(--grey);text-anchor:middle}.pflow text.v{font:400 17px Adventor,sans-serif;letter-spacing:0;fill:var(--fg)}
.pflow .arc{fill:none;stroke:var(--line);stroke-dasharray:2 5}.pflow .sun{fill:var(--gold)}
@media(max-width:899px){.whero .wrap{grid-template-columns:minmax(0,1fr)}.cgrid{grid-template-columns:1fr}.app{grid-template-columns:1fr}.app aside{display:none}.term{font-size:12px;min-height:340px;padding:16px}
 .tele{grid-template-columns:1fr 1fr}.tile:nth-child(3n){border-right:1px solid var(--line)}.tile:nth-child(2n){border-right:0}.tile:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.tile:nth-last-child(-n+2){border-bottom:0}.tile b{font-size:24px}
 .gauges{grid-template-columns:1fr 1fr}.gauges div:nth-child(2){border-right:0}.gauges div:nth-child(-n+2){border-bottom:1px solid var(--line)}.nav .back{display:none}.hud .tl{font-size:9.5px}.nav .wmode{display:none}.wl{font-size:9px;padding-left:12px;overflow:hidden;text-overflow:ellipsis;min-width:0}.nav .wrap{gap:12px}}
@media (prefers-reduced-motion:reduce){.hmi .box,.hmi .belt,.rot,.arm1,.arm2,.pflow .cur2,.dot{animation:none}}

/* ---- v2: 70% Azzir, 30% the industry. One accent per floor, and something to play with. ---- */
:root{--acm:100%}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--acm:62%}}
:root[data-theme=light]{--acm:62%}
#site{--ac0:#B8975A;--ac:color-mix(in srgb,var(--ac0) var(--acm),#1a1206)}
#site[data-w=bs]{--ac0:#4F7DF7;--tp:0%}#site[data-w=ai]{--ac0:#9D8CFF;--tp:26%}#site[data-w=iot]{--ac0:#35C99A;--tp:0%}#site[data-w=auto]{--ac0:#F47B20;--tp:0%}#site[data-w=robo]{--ac0:#E8483B}#site[data-w=energy]{--ac0:#FFCF40;--tp:0%}
#site:not([data-w=bs]):not([data-w=house]) .whero h1 em{color:var(--ac)}
#site .live .cap b,#site .offer .id,#site .rcell .no{color:var(--ac)}#site .dot,#site .badge i{background:var(--ac)}
.wl:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ac);margin-right:10px}#site[data-w=house] .wl:before{display:none}
#site[data-w=auto] .offer .id:after{border-color:var(--ac)}#site[data-w=auto] .band:before{background:repeating-linear-gradient(135deg,var(--ac) 0 12px,transparent 12px 24px)}
#site[data-w=energy] .whero{background:radial-gradient(60% 80% at 92% -10%,color-mix(in srgb,var(--ac0) 34%,transparent),transparent 70%)}
#site[data-w=energy] .offer:after{background:var(--ac)}
/* pickers */
.pick{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;color:var(--grey);font-size:10px}.pick.wrapk{margin:12px 0 0}
.pick button{padding:9px 13px;border:1px solid var(--line);color:var(--fg);font:500 10px Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:.25s}.pick button:hover{border-color:var(--ac)}.pick button.on{background:var(--ac);border-color:var(--ac);color:#111}
/* 01 dashboard */
.icn{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none}.icn svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.icn.big{width:44px;height:44px;border-radius:12px}.icn.big svg{width:22px;height:22px}
.dsh{display:grid;grid-template-columns:58px minmax(0,1fr);font-size:13px;line-height:1.4;min-height:372px}.dsh aside{border-right:1px solid var(--line);padding:12px 0;display:flex;flex-direction:column;gap:10px;align-items:center}
.dsh aside button{padding:4px;border-radius:12px;opacity:.5;transition:.25s}.dsh aside button.on{opacity:1;box-shadow:0 0 0 1px var(--gold)}
.dsh main{padding:16px;min-width:0}.dh{font:400 19px Adventor,sans-serif;margin-bottom:12px;display:flex;justify-content:space-between;gap:10px;align-items:baseline}.dh small{font:300 11.5px Poppins;color:var(--grey)}
.dsh .kp div{padding:11px}.dsh .kp em{font-style:normal;font-size:10.5px;font-weight:500;display:block;margin-top:2px}.dsh .kp b{font-size:20px}
.g2{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.pan{border:1px solid var(--line);padding:12px;min-width:0}.pan small{font-size:11px;color:var(--grey);display:block;margin-bottom:10px}
.dsh .bars{height:108px;border:0;padding:0;gap:7px}.dsh .bars i{transition:height .6s}
.dnt{width:96px;height:96px;border-radius:50%;background:conic-gradient(#4F7DF7 0 42%,#34C38F 42% 66%,#F5A524 66% 84%,#EC5C9C 84%);margin:6px auto;position:relative}.dnt:after{content:"";position:absolute;inset:23px;background:var(--bg2);border-radius:50%}
.dsh .lv:after{background:var(--c,var(--gold))}
.slots{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.slot{border:1px dashed var(--gold);padding:11px 14px;font-size:11px;color:var(--grey);line-height:1.4;width:200px}.slot b{display:block;color:var(--fg);font-weight:500;font-size:12px}
.cell.mi{display:flex;gap:16px;align-items:flex-start}.cell.mi h3{margin-bottom:6px}
.shot{border:1px solid var(--line);background:var(--bg);padding:10px}.shot img{display:block;width:100%;max-height:640px;object-fit:contain;object-position:top}
/* 02 ask bar */
.askbar{display:flex;border-top:1px solid var(--line)}.askbar input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--fg);font:400 13.5px var(--mono);padding:15px 18px}.askbar button{background:var(--ac);color:#111;padding:0 20px}
#site .term{min-height:300px}#site .term .ln:before,#site .term .ln.run:before{color:var(--ac)}#site .term .out{border-color:var(--ac)}#site .term .ln.flag,#site .term .ln.flag:before{color:var(--gt)}
/* 03 map */
.mp{position:relative;height:330px;background-image:radial-gradient(color-mix(in srgb,var(--ac) 45%,transparent) 1.2px,transparent 1.4px);background-size:22px 22px}
.mp svg{position:absolute;inset:0;width:100%;height:100%}.mp svg path{fill:none;stroke:var(--ac);stroke-width:1.5;stroke-dasharray:3 7}
.pn2{position:absolute;border:1px solid var(--line);background:var(--bg);padding:8px 11px;text-align:left;line-height:1.3;transition:border-color .3s,background-color .3s;z-index:1}
.pn2 small{font:400 9.5px var(--mono);color:var(--ac);display:block}.pn2 b{font:400 18px Adventor,sans-serif;display:block;font-variant-numeric:tabular-nums}.pn2 span{font-size:11px;color:var(--sub)}
.pn2:before{content:"";position:absolute;left:-18px;top:50%;width:9px;height:9px;margin-top:-5px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 5px color-mix(in srgb,var(--ac) 25%,transparent)}
.pn2.on{border-color:var(--ac)}.pn2.al{background:var(--gold);border-color:var(--gold);color:#111;z-index:2}.pn2.al small,.pn2.al span{color:#111}.pn2.al:before{background:var(--gold);animation:blink .7s infinite}
.mpd{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.3fr);gap:16px;align-items:center;border-top:1px solid var(--line);padding:14px 16px;min-height:104px}
.mpd small{font:400 10px var(--mono);color:var(--ac)}.mpd h3{font-size:19px;margin:2px 0}.mpd p{font-size:12.5px;color:var(--sub);line-height:1.4}.alr{color:var(--gt);font-weight:500;letter-spacing:.1em;font-size:11px}
.mpd svg{width:100%;height:50px}.mpd polyline{fill:none;stroke:var(--ac);stroke-width:1.5}
.mpd ol{list-style:none;font-size:11.5px;color:var(--grey);line-height:1.5}.mpd ol li{padding-left:16px;position:relative}.mpd ol li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;border:1px solid var(--grey)}
.mpd ol.on li{color:var(--fg)}.mpd ol.on li:before{background:var(--gold);border-color:var(--gold)}
/* 04 line builder */
.hmi text{font:500 10px Poppins,sans-serif;letter-spacing:.16em;fill:var(--ac)}.hmi .bx{fill:var(--gold);animation:run2 7s linear infinite}@keyframes run2{from{transform:translateX(-50px)}to{transform:translateX(730px)}}
.hmi .opt{opacity:.12;transition:opacity .5s}.hmi .opt.on{opacity:1}.hmi .oa{fill:none;stroke:var(--ac);stroke-width:2}.hmi .of{fill:var(--ac)}.hmi .oc{fill:var(--fg)}.hmi .armp{fill:none;stroke:var(--fg);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.hmi .armt{stroke:var(--fg);stroke-width:5;stroke-linecap:round;fill:none}
.hmi .pp{fill:none;stroke:var(--sub);stroke-width:2;transition:opacity .5s}.hmi .pp.off{opacity:.1}
.ctl{display:flex;gap:8px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid var(--line)}.tg{padding:11px 14px;border:1px solid var(--line);font-size:10px;transition:.25s}.tg:hover{border-color:var(--ac)}.tg.on{background:var(--ac);border-color:var(--ac);color:#111}
#site .gauges b{font-size:22px}
/* 05 range viewer */
.rview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:300px}.rpic{display:grid;place-items:center;padding:24px;background:radial-gradient(70% 70% at 50% 40%,var(--soft),transparent)}.rpic svg{max-width:78%;max-height:220px;width:auto;height:220px}
.rinfo{padding:22px 20px;border-left:1px solid var(--line)}.rinfo h3{font-size:28px;margin-bottom:8px}.rinfo p{color:var(--sub);font-size:14px;margin-bottom:14px}.rinfo dl{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px 12px;font-size:12.5px}.rinfo dt{color:var(--ac);font:400 10.5px var(--mono);padding-top:2px}
.rtabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line)}.rtabs button{padding:12px 6px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.45;transition:.25s;min-width:0}.rtabs button:last-child{border-right:0}.rtabs button.on{opacity:1;box-shadow:inset 0 -3px 0 var(--ac)}
.rtabs svg{height:40px;width:auto;max-width:100%}.rtabs span{font-size:8.5px;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#site svg .c{fill:var(--fg)}#site svg .a{fill:var(--ac)}#site svg .g{fill:var(--gold)}#site svg .k{fill:var(--bg)}#site svg .s{fill:none;stroke:var(--fg);stroke-width:2}#site svg .sa{fill:none;stroke:var(--ac);stroke-width:2}#site svg .ls{fill:none;stroke:var(--fg);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
/* 06 energy controls */
.ectl{border:1px solid var(--line);border-top:0;padding:14px 16px;background:var(--bg2)}.ectl label{display:flex;gap:14px;align-items:center;color:var(--grey);font-size:10px;margin-bottom:12px}.ectl input[type=range]{flex:1;accent-color:var(--ac0);min-width:0}
.ectl .pick{margin:0}.cutb{margin-left:auto}.ectl p{font-size:13px;color:var(--sub);margin-top:12px;min-height:40px}
#site .pflow .cur2{stroke:var(--ac)}#site .pflow .sun{fill:var(--ac)}
/* range grids */
.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.rcell{padding:18px 18px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.rcell .rp{height:124px;display:grid;place-items:center;background:var(--soft);margin-bottom:14px}.rcell .rp svg{height:78px;width:auto;max-width:80%}
.rcell .no{font:400 11px var(--mono);display:block;margin-bottom:6px}.rcell h3{font-size:20px;margin-bottom:6px}.rcell p{font-size:13px;color:var(--sub);line-height:1.5}
@media(max-width:899px){.dsh{grid-template-columns:48px minmax(0,1fr);min-height:0}.dsh .kp{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}.dsh .pan+.pan{display:none}.icn{width:30px;height:30px}
 .mp{height:360px}.pn2{padding:6px 8px}.pn2 b{font-size:15px}.pn2 span{display:none}.mpd{grid-template-columns:1fr}.mpd svg{display:none}
 .rview{grid-template-columns:1fr}.rinfo{border-left:0;border-top:1px solid var(--line)}.rpic svg{height:150px}.rtabs span{display:none}.cutb{margin-left:0}.rgrid{grid-template-columns:1fr 1fr}.cell.mi{gap:12px}}

/* ---- v3: depth, glass and motion ---- */
#site{position:relative;isolation:isolate}
#site:before,#site:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:calc(.17*var(--k) + .05)}
#site:before{width:56vw;height:56vw;left:-18vw;top:8vh;background:var(--ac0);animation:drift1 22s ease-in-out infinite alternate}
#site:after{width:46vw;height:46vw;right:-14vw;top:46vh;background:var(--gold);animation:drift2 27s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate(14vw,18vh) scale(1.15)}}@keyframes drift2{to{transform:translate(-16vw,-22vh) scale(.9)}}
#site .band{background:color-mix(in srgb,var(--bg2) 62%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
#site .nav{background:color-mix(in srgb,var(--bg) 62%,transparent);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}
.glass,#site .live,#site .sum{background:color-mix(in srgb,var(--fg) 5%,transparent);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);border-radius:18px;box-shadow:0 30px 80px -30px rgba(0,0,0,.55),inset 0 1px 0 color-mix(in srgb,var(--fg) 12%,transparent)}
#site .live{overflow:hidden}#site .ectl{border-radius:0 0 18px 18px;margin-top:-18px;padding-top:30px}
/* light that follows the pointer */
.cell,.offer,.rcell,.bt,.rc,.cgrid>*{position:relative}
.cell:before,.offer:before,.rcell:before,.bt:before,.rc:before,.cgrid>*:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,-300px) var(--my,-300px),color-mix(in srgb,var(--ac) 22%,transparent),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}
.cell:hover:before,.offer:hover:before,.rcell:hover:before,.bt:hover:before,.rc:hover:before,.cgrid>*:hover:before{opacity:1}
#site[data-w=robo] .offer:before{width:auto;height:auto;border:0;left:0;top:0}
.offer,.cell,.bt,.rc{transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .3s}a.offer:hover,a.cell:hover,.bt:hover,.rc:hover{transform:translateY(-4px)}
/* arrive on scroll */
html.js #site .rv{opacity:0;transform:translateY(34px) scale(.985)}html.js #site .rv.in{opacity:1;transform:none;transition:opacity .8s var(--rd,0ms),transform .9s cubic-bezier(.16,.8,.2,1) var(--rd,0ms)}
#view.pgin{animation:pagein .55s cubic-bezier(.16,.8,.2,1)}@keyframes pagein{from{opacity:0;transform:translateY(14px)}}
.wd{display:inline-block;animation:wordin .8s cubic-bezier(.16,.8,.2,1) both}@keyframes wordin{from{opacity:0;transform:translateY(.5em) rotate(2deg);filter:blur(6px)}}
/* 3D stage */
.stage{perspective:1400px}@media(min-width:900px){#site .whero.h3d .wrap{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}}.tilt{position:relative;transform-style:preserve-3d;transform:rotateY(var(--ry,-7deg)) rotateX(var(--rx,4deg));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
#site .whero:not(.h3d) .wrap>div:last-child{perspective:1400px}#site .whero:not(.h3d) .live{transform:rotateY(var(--ry,-5deg)) rotateX(var(--rx,3deg));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.fl{pointer-events:none;position:absolute;display:flex;gap:12px;align-items:center;padding:12px 16px 12px 12px;border-radius:14px;font-size:12px;line-height:1.35;z-index:3;animation:bob 6s ease-in-out infinite;max-width:250px}
.fl b{display:block;font-weight:500;font-size:13px}.fl small{color:var(--sub)}
.f1{left:-46px;top:34%;transform:translateZ(70px)}.f2{right:-30px;bottom:16%;transform:translateZ(110px);animation-delay:-2s}.f3{right:6%;top:-4px;transform:translateZ(50px);animation-delay:-4s}
@keyframes bob{50%{margin-top:-12px}}
/* ticker */
.tick{overflow:hidden;border-block:1px solid var(--line);padding:16px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.tick>div{display:flex;gap:46px;width:max-content;animation:tick 38s linear infinite}.tick span{font:400 19px Adventor,sans-serif;white-space:nowrap;color:var(--sub)}.tick span:before{content:"◆";color:var(--ac);font-size:9px;margin-right:46px;vertical-align:middle}
@keyframes tick{to{transform:translateX(-50%)}}
/* before / after */
.cmp{position:relative;height:400px;overflow:hidden;--x:52%}.cmp-b,.cmp-a{position:absolute;inset:0}.cmp-a{clip-path:inset(0 calc(100% - var(--x)) 0 0);background:color-mix(in srgb,var(--bg) 92%,#8A8479)}
.cl{position:absolute;bottom:16px;color:var(--grey)}.cmp-a .cl{left:20px}.cmp-b .cl{right:20px;color:var(--ac)}
.pp2{position:absolute;padding:12px 16px;border:1px dashed var(--grey);background:var(--bg);font-size:13px;color:var(--sub);white-space:nowrap;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.mini-dash{position:absolute;right:26px;top:26px;width:46%;min-width:280px}.mini-dash .kp{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.mini-dash .kp div{border-radius:12px;position:relative;overflow:hidden}.mini-dash .kp em{position:absolute;left:0;top:0;bottom:0;width:3px}.mini-dash .bars{height:130px;border:0;gap:6px}.mini-dash .bars i{border-radius:4px 4px 0 0}
.cmp-h{position:absolute;top:0;bottom:0;left:var(--x);width:2px;background:var(--gold);pointer-events:none}.cmp-h i{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px;border-radius:50%;background:var(--gold);color:#111;display:grid;place-items:center;font-style:normal;font-size:18px}
.cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
/* follow one sale */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px)}.st-stick{position:sticky;top:120px;align-self:start;perspective:1200px}
.card3d{transform:rotateY(-10deg) rotateX(5deg);overflow:hidden}.card3d.flip{animation:flip .7s cubic-bezier(.2,.7,.2,1)}@keyframes flip{from{transform:rotateY(70deg) rotateX(5deg);opacity:.2}}
.sbody{padding:34px 30px 30px}.sbody h3{font-size:clamp(28px,3.4vw,46px);margin:22px 0 8px}.sbody p{color:var(--sub);font-size:14px}.sprog{display:flex;gap:6px;margin-top:30px}.sprog i{flex:1;height:4px;border-radius:4px;background:var(--soft);transition:background-color .5s}.sprog i.on{background:var(--ac)}
#sstat{border:1px solid var(--ac);padding:3px 9px}
.st-steps{list-style:none}.st-steps li{padding:9vh 0;border-bottom:1px solid var(--line);opacity:.35;transition:opacity .5s}.st-steps li.on{opacity:1}.st-steps b{font:400 13px Adventor;color:var(--ac);display:block;margin-bottom:14px}.st-steps h3{font-size:clamp(26px,3vw,40px);margin-bottom:10px}.st-steps p{color:var(--sub);max-width:420px}
/* the stack */
.mod2{align-items:center;margin-bottom:clamp(40px,6vw,80px)}.stk-wrap{height:380px;display:grid;place-items:center;perspective:1400px}
.stk{position:relative;width:260px;height:260px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-38deg);--g:14px;animation:turn 26s linear infinite}@keyframes turn{to{transform:rotateX(58deg) rotateZ(322deg)}}
.pl{position:absolute;inset:0;border-radius:22px;background:color-mix(in srgb,var(--c) 16%,transparent);border:1.5px solid var(--c);transform:translateZ(calc((var(--i) - 2)*var(--g)*2));transition:transform .3s;display:grid;place-items:center;box-shadow:0 0 40px -6px var(--c);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.pl span{font:400 22px Adventor,sans-serif;color:var(--fg)}
/* bento */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bt{padding:22px 22px 24px;display:flex;flex-direction:column;gap:6px;overflow:hidden;min-height:170px}.bt.wide{grid-column:span 2;min-height:230px}
.bt h3{font-size:22px;margin-top:14px}.bt p{font-size:13.5px;color:var(--sub);max-width:300px}.bt .more{margin-top:auto;padding-top:14px;color:var(--gt);font-size:10px}.bt .icn{box-shadow:0 8px 24px -6px var(--c)}
.mn{position:absolute;right:18px;bottom:18px;width:44%;height:86px;opacity:.95}
.bars2{display:flex;gap:6px;align-items:flex-end}.bars2 i{flex:1;background:var(--c);border-radius:3px 3px 0 0;animation:grow 2.6s ease-in-out infinite alternate}.bars2 i:nth-child(1){height:30%}.bars2 i:nth-child(2){height:55%;animation-delay:-.4s}.bars2 i:nth-child(3){height:42%;animation-delay:-.8s}.bars2 i:nth-child(4){height:70%;animation-delay:-1.2s}.bars2 i:nth-child(5){height:58%;animation-delay:-1.6s}.bars2 i:nth-child(6){height:86%;animation-delay:-2s}.bars2 i:nth-child(7){height:96%;animation-delay:-2.4s}
@keyframes grow{to{transform:scaleY(.55)}}.bars2 i{transform-origin:bottom}
.flowm{display:flex;align-items:center;justify-content:space-between}.flowm:before{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:var(--line)}.flowm i{width:22px;height:22px;border-radius:50%;border:2px solid var(--c);background:var(--bg);position:relative;animation:pulse2 2.4s infinite}.flowm i:nth-child(2){animation-delay:.8s}.flowm i:nth-child(3){animation-delay:1.6s}@keyframes pulse2{0%,60%,100%{background:var(--bg)}20%{background:var(--c)}}
.linem path{fill:none;stroke:var(--c);stroke-width:3;stroke-linecap:round;stroke-dasharray:320;animation:draw 3.4s ease-in-out infinite}@keyframes draw{from{stroke-dashoffset:320}60%,to{stroke-dashoffset:0}}
.kan{display:flex;gap:8px}.kan span{flex:1;border:1px solid var(--line);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:5px}.kan i{height:14px;border-radius:4px;background:var(--c);opacity:.85}.kan span:nth-child(2) i{animation:hop 3s infinite}@keyframes hop{0%,40%{transform:none;opacity:.85}50%,90%{transform:translateX(calc(100% + 22px))}100%{opacity:0}}
.lvls{display:flex;flex-direction:column;justify-content:center;gap:12px}.lvls i{height:10px;border-radius:6px;background:var(--soft);position:relative;overflow:hidden}.lvls i:after{content:"";position:absolute;inset:0;width:var(--w);background:var(--c);border-radius:6px;animation:fill 3s ease-in-out infinite alternate}@keyframes fill{from{width:8%}}
.gearm{display:flex;align-items:center;justify-content:flex-end}.gearm svg{width:74px;height:74px;fill:none;stroke:var(--c);stroke-width:2;animation:spin 9s linear infinite}.gearm svg+svg{width:52px;height:52px;margin-left:-8px;margin-top:38px;animation-direction:reverse;animation-duration:6.4s}
/* industry rail */
.rail{display:flex;gap:16px;overflow-x:auto;padding:6px max(18px,calc((100vw - 1320px)/2 + 34px)) 26px;scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}
.rc{flex:none;width:280px;min-height:300px;padding:22px;display:flex;flex-direction:column;scroll-snap-align:start;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 22%,transparent),color-mix(in srgb,var(--fg) 4%,transparent) 55%)}
.rc b{font:400 54px/1 Adventor,sans-serif;color:transparent;-webkit-text-stroke:1px var(--c)}.rc h3{font-size:24px;margin:auto 0 8px}.rc p{font-size:13px;color:var(--sub)}.rc .more{margin-top:16px;color:var(--gt);font-size:10px}
/* method timeline */
.tl{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding-top:34px}.tl-line{position:absolute;left:0;right:0;top:10px;height:2px;background:var(--line)}.tl-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--ac));transition:width 2.4s cubic-bezier(.4,0,.2,1)}.tl.go .tl-line i{width:100%}
.tn{position:relative}.tn:before{content:"";position:absolute;left:0;top:-31px;width:16px;height:16px;border-radius:50%;border:2px solid var(--line);background:var(--bg);transition:.4s var(--d)}.tl.go .tn:before{border-color:var(--ac);background:var(--ac);box-shadow:0 0 0 6px color-mix(in srgb,var(--ac) 22%,transparent)}
.tn b{font:400 12px Adventor;color:var(--gt)}.tn h3{font-size:20px;margin:6px 0 8px}.tn p{font-size:13px;color:var(--sub);line-height:1.5}
/* orbit */
.orbit{position:relative;width:min(100%,430px);aspect-ratio:1;margin:0 auto}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed var(--line)}.orbit:before{inset:9%}.orbit:after{inset:26%}
.core{position:absolute;inset:34%;border-radius:50%!important;display:grid;place-items:center;text-align:center;box-shadow:0 0 70px -10px var(--ac)!important}.core b{font:400 19px Adventor,sans-serif}
.ring{position:absolute;inset:9%}.orbit:before{animation:spin 70s linear infinite}.orbit:after{animation:spin 50s linear infinite reverse}.ring>span{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateY(-176px)}@media(max-width:520px){.ring>span{transform:rotate(var(--a)) translateY(-38vw)}}
.ring em{position:absolute;transform:translate(-50%,-50%) rotate(calc(-1*var(--a)));font:500 11px Poppins,sans-serif;font-style:normal;white-space:nowrap;padding:7px 12px;border-radius:99px;border:1px solid var(--ac);background:var(--bg);animation:glowp 4.2s ease-in-out infinite;animation-delay:calc(var(--a)/360deg*-4.2s)}@keyframes glowp{50%{box-shadow:0 0 22px -2px var(--ac)}}
/* price panel */
.price{padding:clamp(26px,4vw,56px);background:linear-gradient(140deg,color-mix(in srgb,var(--ac) 16%,transparent),color-mix(in srgb,var(--gold) 12%,transparent))!important}.price h2{margin:8px 0 16px}.price p{color:var(--sub);max-width:560px;margin-bottom:26px}
.shot{border-radius:18px!important;overflow:hidden}#site[data-w=bs] .slot,#site[data-w=bs] .chip,#site[data-w=bs] .tabs button,#site[data-w=bs] .pick button{border-radius:10px}#site[data-w=bs] .btn{border-radius:10px}
@media(max-width:899px){.f1{left:-6px;top:auto;bottom:-22px}.f2,.f3{display:none}.tilt{transform:none}#site .whero:not(.h3d) .live{transform:none}.cmp{height:440px}.mini-dash{left:20px;right:20px;width:auto;top:20px;min-width:0}.pp2{font-size:11px;padding:8px 10px}
 .story{grid-template-columns:1fr}.st-stick{top:72px;z-index:2}.card3d{transform:none}.sbody{padding:18px}.sbody h3{font-size:24px;margin:10px 0 4px}.sprog{margin-top:14px}.st-steps li{padding:5vh 0}.stk-wrap{height:300px}.stk{width:190px;height:190px}
 .bento{grid-template-columns:1fr 1fr;gap:10px}.bt{padding:16px}.bt.wide{grid-column:span 2}.bt h3{font-size:18px}.mn{width:38%;height:70px}.rc{width:240px;min-height:260px}.tl{grid-template-columns:1fr;gap:26px;padding:0 0 0 26px;border-left:2px solid var(--line)}.tl-line{display:none}.tn:before{left:-35px;top:2px}}
@media (prefers-reduced-motion:reduce){#site:before,#site:after,.tick>div,.stk,.fl,.ring,.ring em,.wd,.bars2 i,.linem path{animation:none}html.js #site .rv{opacity:1;transform:none}}

/* ---- v4: one motion system, real screens, colour icons, calm navigation ---- */
#site{--e-out:cubic-bezier(.16,1,.3,1);--e-spring:cubic-bezier(.34,1.56,.64,1)}
/* navigation */
#site .nav .wrap{gap:18px;height:68px}
a.lobby{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border:1px solid var(--line);border-radius:99px;color:var(--fg);font-size:10px;transition:border-color .2s,background-color .2s,transform .2s var(--e-spring)}
a.lobby img{height:20px;width:auto}a.lobby:before{content:"←";color:var(--gt);font-size:13px;letter-spacing:0}a.lobby:hover{border-color:var(--gold);background:var(--soft);transform:translateX(-2px)}
#site .wl{border-left:0;padding-left:0;color:var(--fg);font:400 17px Adventor,sans-serif;letter-spacing:-.01em;text-transform:none;display:flex;align-items:center;gap:10px}#site .wl:before{display:none}
#site .wl b{font:500 10px Poppins,sans-serif;letter-spacing:.14em;color:#111;background:var(--ac);border-radius:6px;padding:4px 7px}
#site .nav .links{gap:4px;margin-left:auto}#site .nav .links a,#site .nav .links button{padding:9px 13px;border-radius:9px;font:500 11px Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sub);transition:background-color .2s,color .2s;white-space:nowrap}
#site .nav .links a:after{display:none}#site .nav .links a:hover,#site .nav .links button:hover,#site .nav .links .on{background:var(--soft);color:var(--fg)}.hasm i{font-style:normal;margin-left:6px;font-size:9px;display:inline-block;transition:transform .2s}.hasm.on i{transform:rotate(180deg)}
#site .nav .wmode{padding:9px;border-radius:9px}#site .nav .wmode span{display:none}#site .nav .btn{padding:13px 18px;border-radius:10px}
.mega{position:absolute;left:0;right:0;top:100%;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .25s var(--e-out),visibility .2s;max-height:calc(100vh - 80px);overflow:auto}
.mega.open{opacity:1;visibility:visible;transform:none}.mega .mw{max-width:1320px;margin:0 auto;padding:26px 34px 30px}.mega .lab{color:var(--gt);display:block;margin-bottom:14px;font-size:10px}
.mg2{display:grid;grid-template-columns:1.15fr 1fr;gap:40px}.mgl{display:grid;gap:2px;margin-bottom:14px}.mgl.two{grid-template-columns:1fr 1fr}.mgl.wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.mgl a{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;font-size:14px;transition:background-color .15s,transform .2s var(--e-out);min-width:0}.mgl a:hover{background:var(--soft);transform:translateX(3px)}
.mgl a .icn{width:30px;height:30px;border-radius:8px}.mgl a .icn svg{width:15px;height:15px}.mgl b{font-weight:500;display:block}.mgl small{color:var(--grey);font-size:12px;display:block;line-height:1.35}
/* icons */
.icn{transition:transform .25s var(--e-spring)}a:hover>.icn,.tn:hover .icn,.bt:hover .icn,.rc:hover .icn{transform:scale(1.1) rotate(-4deg)}
.oi{width:38px;height:38px;border-radius:11px}.oi svg{stroke:#111}#site .offer .id{align-items:center}
.tick span{display:inline-flex;align-items:center;gap:14px}.tick span:before{display:none}.tick .icn{width:30px;height:30px}
.ilist li{grid-template-columns:48px minmax(0,1fr)!important;align-items:center}
.ich{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px}.ich .icn{width:24px;height:24px;border-radius:7px}.ich .icn svg{width:12px;height:12px}
.dr .icn{align-self:center}.st-steps .icn{margin-bottom:14px}.tn .icn{margin-bottom:12px}.tn:before{display:none}
.ring em{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px}.ring em .icn{width:24px;height:24px;border-radius:50%}.ring em .icn svg{width:12px;height:12px}
.rc .icn.big{margin-bottom:auto;box-shadow:0 10px 30px -6px var(--c)}.rc h3{margin-top:60px}
.phic{display:flex;align-items:center;gap:14px;margin-bottom:20px}.phic .lab{margin:0!important}
/* real screens in a window frame */
.scr{overflow:hidden;padding:0}.scrbar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);font:500 10px Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}.scrbar i{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--fg) 22%,transparent)}.scrbar i:first-child{background:var(--ac)}.scrbar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scrimg{position:relative;aspect-ratio:16/10;background:#fff}.scrimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;transition:opacity .18s}.scrimg img.sw{opacity:0}
.scrfb{display:none;position:absolute;inset:0;padding:18px;background:var(--bg2)}.scr.nosrc .scrimg{background:none}.scr.nosrc img{display:none}.scr.nosrc .scrfb{display:block}.scrfb .bars{height:46%;border:0;gap:6px;margin-top:14px}.scrfb .bars i{border-radius:4px 4px 0 0}.scrfb .kp div{border-radius:10px}
.scr.scrh{box-shadow:0 50px 120px -40px color-mix(in srgb,var(--ac0) 60%,#000),0 0 0 1px color-mix(in srgb,var(--fg) 14%,transparent)}
#hshots{justify-content:center;margin-top:16px}
.bt.shotd{min-height:260px}.thumb{position:absolute;right:-6%;bottom:-10%;width:58%;aspect-ratio:16/11;object-fit:cover;object-position:top left;border-radius:12px 0 0 0;border:1px solid color-mix(in srgb,var(--fg) 16%,transparent);box-shadow:0 20px 50px -18px rgba(0,0,0,.6);transform:rotate(-3deg);transition:transform .5s var(--e-out)}.bt:hover .thumb{transform:rotate(0) translate(-6px,-8px)}.bt.shotd p{max-width:46%}
.cmpimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left}.cmp-b:has(.cmpimg) .mini-dash{display:none}
.modshot{max-width:980px}
/* motion: one system. Headings wipe up, cards rise in sequence, screens settle. */
html.js #site .rv{transform:translateY(22px);transition:none}html.js #site .rv.in{transition:opacity .55s var(--e-out) var(--rd,0ms),transform .6s var(--e-out) var(--rd,0ms)}
html.js #site .sh.rv{opacity:1;transform:none}html.js #site .sh.rv h2,html.js #site .sh.rv p,html.js #site .sh.rv .lab{opacity:0;transform:translateY(26px);transition:opacity .6s var(--e-out),transform .7s var(--e-out)}html.js #site .sh.rv.in h2,html.js #site .sh.rv.in .lab{opacity:1;transform:none}html.js #site .sh.rv.in p{opacity:1;transform:none;transition-delay:.12s}html.js #site .sh.rv.in .lab:after{animation:rulein .7s var(--e-out) .1s both}@keyframes rulein{from{transform:scaleX(0)}}#site .sh .lab:after{transform-origin:left}
html.js #site .scr.rv,html.js #site .cmp.rv,html.js #site .price.rv{transform:translateY(30px) scale(.97)}
#site .btn{transition:transform .2s var(--e-spring),background-color .2s,color .2s,box-shadow .2s}#site .btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px var(--gold)}#site .btn:active{transform:scale(.97);transition-duration:.08s}
#site .chip,#site .pick button,#site .tg{transition:transform .2s var(--e-spring),background-color .2s,border-color .2s,color .2s}#site .chip:hover,#site .pick button:hover,#site .tg:hover{transform:translateY(-2px)}
#site details p{animation:rise .3s var(--e-out)}#site summary:after{transition:transform .2s var(--e-spring)}#site details[open] summary:after{transform:rotate(180deg)}
.cband{position:relative;overflow:hidden}.cband:before{content:"";position:absolute;left:-30%;top:0;width:30%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:beam 5s var(--e-out) infinite}@keyframes beam{to{left:100%}}
.price{position:relative}.price:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--pa,0deg),transparent 0 70%,var(--gold) 85%,var(--ac) 95%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:pang 7s linear infinite;pointer-events:none}@property --pa{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes pang{to{--pa:360deg}}
@media(max-width:899px){#site .nav .wrap{height:60px;gap:10px}a.lobby span{display:none}a.lobby{padding:8px 10px}#site .wl{font-size:14px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#site .wl b{font-size:9px;padding:3px 6px}.mega{display:none}
 .bt.shotd{min-height:230px}.thumb{width:52%}.rc h3{margin-top:34px}#hshots button{padding:8px 10px;font-size:9px}.mg2{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){#site *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:900px){#site .tl{border:0}}
.fl.glass{background:color-mix(in srgb,var(--bg) 82%,transparent);border-color:color-mix(in srgb,var(--fg) 22%,transparent)}
@media(max-width:899px){#site .tl{border:0;border-left:2px solid var(--line)}}

/* ---- v5: white light theme with a visible grid, and scroll-driven glass ---- */
:root{--gridc:rgba(243,239,230,.04);--gsh:0 30px 80px -30px rgba(0,0,0,.55)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg0:#fff;--gridc:rgba(17,17,17,.07);--gsh:0 30px 70px -34px rgba(30,40,80,.35)}:root:not([data-theme=dark]) #site{--ink:#fff}}
:root[data-theme=light]{--bg0:#fff;--gridc:rgba(17,17,17,.07);--gsh:0 30px 70px -34px rgba(30,40,80,.35)}:root[data-theme=light] #site{--ink:#fff}
#site{background-image:linear-gradient(var(--gridc) 1px,transparent 1px),linear-gradient(90deg,var(--gridc) 1px,transparent 1px);background-size:64px 64px;background-position:center top}
#site[data-w=bs] .band{background-image:none}
.glass,#site .live,#site .sum{box-shadow:var(--gsh),inset 0 1px 0 color-mix(in srgb,var(--fg) 12%,transparent)}
#site:before,#site:after{opacity:calc(.13*var(--k) + .09)}
#spro{position:fixed;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,var(--gold),var(--ac));transform-origin:left;transform:scaleX(0);z-index:60;pointer-events:none}
/* hero reacts to the scroll */
#site .whero.h3d .tilt{transform:translateY(calc(var(--p,0)*-70px)) rotateY(var(--ry,-7deg)) rotateX(calc(var(--rx,4deg) + var(--p,0)*18deg)) scale(calc(1 - var(--p,0)*.1));transition:transform .25s linear}
.f1{translate:calc(var(--p,0)*-90px) calc(var(--p,0)*-40px)}.f2{translate:calc(var(--p,0)*80px) calc(var(--p,0)*60px)}.f3{translate:calc(var(--p,0)*40px) calc(var(--p,0)*-90px)}
/* a sentence that lights up */
.say{padding-block:clamp(70px,11vw,160px)!important}.scrub{font:400 clamp(28px,4.7vw,70px)/1.12 Adventor,sans-serif;letter-spacing:-.028em;max-width:1100px}
.scrub span{color:color-mix(in srgb,var(--fg) 16%,transparent);transition:color .35s var(--e-out)}.scrub span.lit{color:var(--fg)}.scrub span.lit:nth-last-child(-n+9){color:var(--gt)}
/* the ring of documents */
#site .pinw{height:330vh;padding:0}.pin{position:sticky;top:68px;height:calc(100vh - 68px);display:flex;align-items:center;overflow:hidden}
.ringl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;width:100%}
.ringt .lab{color:var(--gt);display:block;margin-bottom:20px}.ringt h2{margin-bottom:30px}.rstep{min-height:110px}.rstep b{font:400 clamp(22px,2.4vw,32px) Adventor,sans-serif;display:block;margin-bottom:8px;animation:rise .4s var(--e-out)}.rstep p{color:var(--sub);max-width:420px;animation:rise .5s var(--e-out)}
.ringt .sprog{max-width:320px;margin-top:22px}
.ring3{perspective:1500px;height:460px;display:grid;place-items:center}
.ringr{position:relative;width:290px;height:380px;transform-style:preserve-3d;transform:translateZ(-340px) rotateY(var(--r,0deg));transition:transform .45s var(--e-out)}
.dcard{position:absolute;inset:0;padding:22px;border-radius:22px;transform:rotateY(calc(var(--i)*72deg)) translateZ(340px);backface-visibility:hidden;background:color-mix(in srgb,var(--c) 14%,color-mix(in srgb,var(--bg) 82%,transparent));border:1.5px solid var(--c);box-shadow:0 0 50px -12px var(--c);display:flex;flex-direction:column;opacity:.55;transition:opacity .4s,box-shadow .4s}
.dcard.on{opacity:1;box-shadow:0 0 90px -10px var(--c),var(--gsh)}
.dtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.dtop .lab{font-size:9.5px;border:1px solid var(--c);padding:4px 9px;border-radius:99px}
.dcard h3{font-size:30px;margin-bottom:4px}.dcard small{color:var(--sub);font-size:12px;margin-bottom:22px}
.drow{display:flex;justify-content:space-between;font-size:13px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--fg) 12%,transparent)}.drow span{color:var(--sub)}.drow b{font-weight:500}
.dfoot{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline}.dfoot span{color:var(--sub);font-size:11px;letter-spacing:.14em}.dfoot b{font:400 34px Adventor,sans-serif;font-variant-numeric:tabular-nums}
/* industries on a cylinder */
.cyl{position:relative;height:440px;perspective:1700px;--R:600px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.cyl:active{cursor:grabbing}
.cylr{position:absolute;left:50%;top:30px;width:250px;height:350px;margin-left:-125px;transform-style:preserve-3d}
.ccard{position:absolute;inset:0;padding:20px;border-radius:20px;display:flex;flex-direction:column;transform:rotateY(calc(var(--i)*25.7143deg)) translateZ(var(--R));backface-visibility:hidden;-webkit-user-drag:none;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 24%,var(--bg)),color-mix(in srgb,var(--fg) 5%,var(--bg)) 60%);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);opacity:.6;transition:opacity .3s,box-shadow .3s}
.ccard.on{opacity:1;box-shadow:0 0 70px -14px var(--c)}.ccard b{position:absolute;right:18px;top:16px;font:400 40px/1 Adventor,sans-serif;color:transparent;-webkit-text-stroke:1px var(--c)}
.ccard h3{font-size:23px;margin:auto 0 8px}.ccard p{font-size:12.5px;color:var(--sub);line-height:1.45}.ccard .more{margin-top:14px;color:var(--gt);font-size:10px}.cylh{text-align:center;margin-top:0!important}
/* the method as rising glass steps */
.stairw{align-items:center}.stair-wrap{height:430px;display:grid;place-items:center;perspective:1500px}
.stair{position:relative;width:330px;height:330px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-38deg)}
.stp{position:absolute;width:124px;height:124px;left:calc(var(--i)*41px);top:calc(205px - var(--i)*41px);border-radius:18px;border:1.5px solid var(--c);background:color-mix(in srgb,var(--c) 16%,transparent);display:grid;place-items:center;transform:translateZ(-60px);opacity:.12;transition:transform .7s var(--e-out),opacity .5s,box-shadow .5s}
.stp.up{transform:translateZ(calc(var(--i)*30px));opacity:1;box-shadow:0 0 44px -6px var(--c)}.stp span{font:400 30px Adventor,sans-serif}
.slist{list-style:none}.slist li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px;padding:14px 0;border-top:1px solid var(--line);opacity:.3;transition:opacity .5s}.slist li.on{opacity:1}.slist h3{font-size:20px;margin-bottom:4px}.slist p{font-size:13.5px;color:var(--sub);line-height:1.5}
#site .btn.mag{transition:translate .12s linear,background-color .2s,color .2s,box-shadow .2s}#site .btn{transition:translate .4s var(--e-spring),transform .2s var(--e-spring),background-color .2s,color .2s,box-shadow .2s}
@media(max-width:899px){.pin{top:60px;height:calc(100vh - 60px)}.ringl{grid-template-columns:1fr;gap:6px}.ringt h2{font-size:26px;margin-bottom:12px}.rstep{min-height:96px}.rstep p{font-size:13.5px}.ring3{height:360px;perspective:1100px}.ringr{width:220px;height:300px;transform:translateZ(-250px) rotateY(var(--r,0deg))}.dcard{transform:rotateY(calc(var(--i)*72deg)) translateZ(250px);padding:16px}.dcard h3{font-size:23px}.dtop{margin-bottom:14px}.dfoot b{font-size:26px}
 .cyl{height:390px;--R:470px;perspective:1100px}.cylr{width:200px;height:310px;margin-left:-100px}.ccard h3{font-size:19px}.stair-wrap{height:320px}.stair{width:250px;height:250px}.stp{width:92px;height:92px;left:calc(var(--i)*31px);top:calc(156px - var(--i)*31px)}.stp.up{transform:translateZ(calc(var(--i)*22px))}.stp span{font-size:22px}
 #site .whero.h3d .tilt{transform:translateY(calc(var(--p,0)*-30px)) rotateX(calc(var(--p,0)*14deg)) scale(calc(1 - var(--p,0)*.06))}.f1{translate:none}}
#site{overflow-x:clip}
.stk{animation:sway 14s ease-in-out infinite alternate}@keyframes sway{from{transform:rotateX(58deg) rotateZ(-62deg)}to{transform:rotateX(58deg) rotateZ(-14deg)}}

/* real assets */
.icn.real{background:none!important;box-shadow:0 6px 16px -8px rgba(0,0,0,.45)}.icn.real img{width:100%;height:100%;display:block}
.marks{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.mark{display:inline-flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:14px}.mark img{width:38px;height:38px;display:block}.mark span{font-size:11px;color:var(--grey);line-height:1.35}.mark b{display:block;font:700 15px Adventor,sans-serif;color:var(--fg)}
#hshots{flex-wrap:wrap}
@media(max-width:900px){#site .f1{bottom:auto;top:-20px;left:auto;right:-4px}}

/* ---------- v6 */
.plaque{display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:100%;margin:54px auto 0;padding:16px 30px 16px 18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--gold) 60%,transparent)!important;position:relative;overflow:hidden;flex-wrap:wrap;transition:transform .4s var(--e-out)}
.plaque:hover{transform:translateY(-3px)}.plaque img{width:50px;height:50px;display:block}.plaque b{display:block;font:700 20px Adventor,sans-serif;color:var(--fg);line-height:1.2}.plaque small{font-size:11.5px;color:var(--grey)}.plaque>i{width:1px;height:40px;background:var(--stroke);margin:0 8px}
.plaque:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,color-mix(in srgb,#fff 60%,transparent) 50%,transparent 58%);translate:-120% 0;animation:shine 6s ease-in-out infinite;pointer-events:none}@keyframes shine{0%,60%{translate:-120% 0}100%{translate:120% 0}}
@media(max-width:700px){.plaque{flex-direction:column;align-items:flex-start;width:100%;padding:18px;gap:12px;margin-top:38px}.plaque>i{display:none}.plaque .pq{margin-top:-6px;margin-bottom:6px}}
.wires{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:0 130px;align-items:center;margin-top:54px}
#wsvg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#wsvg path{fill:none;stroke-width:1.8;opacity:.8}#wsvg circle{filter:drop-shadow(0 0 7px currentColor)}
.wcol{display:grid;gap:14px;position:relative;z-index:1}.wchip{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:14px 16px;border-radius:16px;transition:transform .45s var(--e-out),box-shadow .45s}.wchip strong{display:block;font:400 17px Adventor,sans-serif;color:var(--fg)}.wchip div span{font-size:12px;color:var(--grey);line-height:1.45;display:block;margin-top:2px}
.wchip.hit{transform:scale(1.03);box-shadow:0 0 0 1px var(--c),0 20px 44px -20px var(--c)}
.hub{position:relative;z-index:1;aspect-ratio:1;border-radius:40px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:18px}.hub img{width:66px;height:66px}.hub b{font:700 19px Adventor,sans-serif;color:var(--fg)}.hlog{color:var(--gt);font-size:9px!important;min-height:2.8em;line-height:1.4}
.hub.hit{animation:hubp .7s var(--e-out)}@keyframes hubp{30%{transform:scale(1.06);box-shadow:0 0 70px -8px var(--hc)}}
@media(max-width:900px){.wires{grid-template-columns:1fr;gap:74px 0}.wcol{grid-template-columns:1fr 1fr;gap:10px}.wchip{grid-template-columns:1fr;gap:8px;padding:12px}.wchip div span{display:none}.wchip strong{font-size:14px}.hub{width:190px;margin:auto}}
.route{position:relative;margin-top:36px}.route>svg{display:block;width:100%;height:120px;overflow:visible}.route>svg path{fill:none}.route .rb{stroke:var(--stroke);stroke-width:1.5;stroke-dasharray:3 8}.route .rf{stroke:var(--gold);stroke-width:2.5;stroke-linecap:round}
.rdot{position:absolute;left:0;top:0;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 24%,transparent),0 0 26px var(--gold);opacity:0}
.rsteps{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:10px;padding:0}.rsteps li{padding:18px 16px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 72%,transparent);opacity:.32;transform:translateY(18px);transition:opacity .5s,transform .6s var(--e-out),border-color .5s,box-shadow .5s}.rsteps li:nth-child(odd){margin-top:34px}
.rsteps li.on{opacity:1;transform:none;border-color:var(--c);box-shadow:0 22px 46px -28px var(--c)}.rsteps .rn{font:500 10px Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);display:block;margin-bottom:12px}.rsteps h3{font-size:18px;margin:12px 0 6px}.rsteps p{font-size:12.5px;line-height:1.5;color:var(--sub)}
@media(max-width:1000px){.route>svg,.rdot{display:none}.rsteps{grid-template-columns:1fr;padding-left:24px;position:relative}.rsteps:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:linear-gradient(var(--gold),var(--gold)) no-repeat top/100% calc(var(--q,0)*100%),var(--line)}.rsteps li:nth-child(odd){margin-top:0}}
/* one house: the lobby colour at the door, the working white inside */
#site{--lob:#0a0908}:root[data-theme=light] #site{--lob:#F3EFE6}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site{--lob:#F3EFE6}:root:not([data-theme=dark]) .veil{background:#F3EFE6}}
#site{background-image:linear-gradient(180deg,var(--lob) 0,color-mix(in srgb,var(--lob) 70%,transparent) 180px,transparent 640px),linear-gradient(var(--gridc) 1px,transparent 1px),linear-gradient(90deg,var(--gridc) 1px,transparent 1px);background-size:100% 640px,64px 64px,64px 64px;background-repeat:no-repeat,repeat,repeat;background-position:center top}
#site footer{background:var(--lob)}
.veil{position:fixed;inset:0;z-index:9999;pointer-events:none;background:#0a0908}:root[data-theme=light] .veil{background:#F3EFE6}
.pqw{max-width:1340px;margin:0 auto;padding:0 clamp(18px,4.4vw,64px)}
@media(min-width:901px){#site .f1{top:auto;bottom:24%;left:-56px}}
@media(max-width:900px){#site .wchip{background:var(--bg)}}

/* ---------- v7 */
/* the lobby cream carries into the worlds */
:root[data-theme=light] #site{--ink:#F3EFE6;--bg0:#F3EFE6}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site{--ink:#F3EFE6;--bg0:#F3EFE6}}
:root[data-theme=light]{--gridc:rgba(60,45,15,.075)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--gridc:rgba(60,45,15,.075)}}
/* calmer scale so a laptop screen holds a full thought */
#site h2{font-size:clamp(27px,3.1vw,46px)}#site .whero h1{font-size:clamp(36px,4.5vw,66px);margin-bottom:20px}#site .ph h1{font-size:clamp(36px,4.8vw,70px)}
#site section{padding-block:clamp(52px,6.4vw,92px)}#site .lead{font-size:clamp(15.5px,1.2vw,18px)}#site .whero .lead{margin-bottom:26px}#site .whero .badge{margin-bottom:22px}
#site .whero{padding-block:clamp(24px,3vw,40px) clamp(30px,3.6vw,48px)}#site .sh{margin-bottom:clamp(28px,3.6vw,48px)}
#site .scrub{font-size:clamp(24px,3.3vw,48px)}#site .say{padding-block:clamp(54px,7vw,100px)!important}#site h3{font-size:clamp(18px,1.5vw,22px)}
#site .btn{padding:14px 20px;font-size:11.5px}
/* hero: one still screen with depth */
.still{position:relative;transform:perspective(1700px) rotateY(-9deg) rotateX(3deg) translateY(calc(var(--p,0)*-46px));transform-origin:60% 50%;transition:transform .25s linear}
.still:before{content:"";position:absolute;inset:0;translate:26px 26px;border-radius:20px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--gold) 16%,transparent),color-mix(in srgb,var(--ac0) 10%,transparent))}
#site .still .scr.scrh{position:relative;border-radius:18px;border:1px solid color-mix(in srgb,var(--gold) 70%,transparent)!important;background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 2px 6px rgba(40,28,6,.10),0 22px 44px -18px rgba(40,28,6,.28),0 70px 110px -50px rgba(40,28,6,.5)}
#site .still .scrbar{background:#f6f3ec;color:#6f6a61;border-bottom-color:#e6e0d3;padding:9px 14px}#site .still .scrimg{aspect-ratio:1120/679}
@media(max-width:899px){.still{transform:translateY(calc(var(--p,0)*-20px))}.still:before{translate:10px 12px}}
.pbadge{height:46px!important;width:auto!important;display:block;border-radius:8px}.pbadge.big{height:58px!important;margin-bottom:26px}
#site .plaque{margin-top:clamp(26px,3vw,40px);padding:12px 26px 12px 14px;gap:18px}
/* the change */
#site .cmp{height:auto;aspect-ratio:16/10;max-width:1040px;margin-inline:auto;container-type:inline-size;border-radius:20px}
#site .cmpimg{object-fit:cover;object-position:top left}#site .cmp-b{background:#fff}
#site .cmp-a{background:repeating-linear-gradient(45deg,#d8d2c6 0 2px,#e2ddd2 2px 14px);overflow:hidden}
.xw{position:absolute;width:38cqw;background:#fbfaf7;border:1px solid #b9b2a4;border-radius:.8cqw;box-shadow:0 1.6cqw 3cqw -1.4cqw rgba(0,0,0,.45);rotate:var(--r);animation:xwob 5.5s ease-in-out infinite;animation-delay:var(--d);color:#333;overflow:hidden}
@keyframes xwob{50%{translate:.5cqw -.7cqw;rotate:calc(var(--r) + 1.2deg)}}
.xt{display:flex;align-items:center;gap:.8cqw;padding:.8cqw 1.1cqw;background:#e9e5dc;border-bottom:1px solid #c9c2b4;font:500 max(8px,1.35cqw) Poppins,sans-serif;white-space:nowrap}.xt i{width:1.3cqw;height:1.3cqw;border-radius:.25cqw;background:#3c9a5f;flex:none}
.xg{display:grid;grid-template-columns:repeat(4,1fr)}.xg span{height:3cqw;border-right:1px solid #e0dacd;border-bottom:1px solid #e0dacd;font:400 max(7px,1.2cqw)/3cqw Poppins,sans-serif;padding:0 .6cqw;overflow:hidden;white-space:nowrap}.xg span.bad{background:#fbd9d3;color:#b3261e;font-weight:500}
.cb{position:absolute;background:#fff;color:#222;border:1px solid #cfc8ba;border-radius:1.6cqw 1.6cqw 1.6cqw .3cqw;padding:.9cqw 1.4cqw;font:400 max(8px,1.45cqw) Poppins,sans-serif;white-space:nowrap;box-shadow:0 1cqw 2cqw -1cqw rgba(0,0,0,.4);animation:cbp 5.6s ease-in-out infinite;animation-delay:var(--d)}@keyframes cbp{0%,8%{opacity:0;scale:.7;translate:0 1cqw}16%,84%{opacity:1;scale:1;translate:0 0}100%{opacity:0;scale:.9}}
.xnote{position:absolute;left:44%;top:6%;rotate:6deg;background:#f6dc6b;color:#3b3200;padding:1.2cqw 1.5cqw 2cqw;font:500 max(8px,1.4cqw)/1.35 Poppins,sans-serif;box-shadow:0 1cqw 1.6cqw -1cqw rgba(0,0,0,.5)}
#site .cmp .cl{background:rgba(17,17,17,.82);color:#fff!important;padding:6px 10px;border-radius:6px;bottom:12px}#site .cmp-b .cl{background:var(--gold);color:#111!important}
@media(max-width:700px){.xg span{font-size:0}.xw{width:46cqw}#site .cmp .cl{font-size:8px;padding:4px 7px}}
@media (prefers-reduced-motion:reduce){.xw,.cb{animation:none}}
/* the stack, pinned and opened wide */
.stkpin{height:250vh}.stkin{position:sticky;top:68px;height:calc(100vh - 68px);display:grid;align-items:center}#site .stkin .mod2{margin-bottom:0}
#site .stkin .stk-wrap{height:min(72vh,620px);overflow:visible}#site .stk{scale:var(--s,1)}#site .pl{transition:transform .12s linear}
.lyr{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;padding:0}.lyr li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;border:1px solid var(--line);font-size:13px;opacity:.35;transition:opacity .4s,border-color .4s,box-shadow .4s,transform .5s var(--e-spring);transform:translateY(6px)}.lyr li i{width:9px;height:9px;border-radius:3px;background:var(--c)}.lyr li.on{opacity:1;border-color:var(--c);box-shadow:0 10px 24px -14px var(--c);transform:none}
@media(max-width:899px){.stkin{top:60px;height:calc(100vh - 60px)}#site .stkin .stk-wrap{height:46vh}.stkpin{height:220vh}#site .stkin h2{font-size:26px}#site .stkin p{font-size:14px;margin-top:10px!important}.lyr{margin-top:14px}.lyr li{padding:6px 10px;font-size:12px}}
/* estimate and brochure */
.ofr{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,80px);align-items:center}.oft p{color:var(--sub);margin:16px 0 22px;max-width:540px}
.ofs{list-style:none;display:grid;gap:10px;margin:0 0 24px;padding:0}.ofs li{display:flex;align-items:center;gap:12px;font-size:14px}.ofs b{font:500 10px Poppins,sans-serif;letter-spacing:.16em;color:var(--grey);margin-right:10px}
#ofchips .chip{border-radius:10px;transition:border-color .3s,background-color .3s,transform .3s var(--e-spring)}#ofchips .chip.on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent);transform:translateY(-2px)}
.ofv{position:relative;height:460px;perspective:1600px}
.oest{position:absolute;right:0;top:34px;width:62%;padding:22px;border-radius:18px;transform:rotateY(-10deg) rotateZ(2deg)}.oesth{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.oesth .lab{color:var(--gt)}.oesth b{font:400 19px Adventor,sans-serif;color:var(--fg)}
.oestr{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--line);font-size:13px;color:var(--sub)}.oestr i{height:8px;width:var(--w);max-width:46%;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 26%,transparent),var(--gold),color-mix(in srgb,var(--gold) 26%,transparent));background-size:220% 100%;animation:shim 2.6s linear infinite;animation-delay:var(--d)}@keyframes shim{to{background-position:-220% 0}}
.oestt{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px solid var(--stroke);margin-top:4px;padding-top:14px;font-size:12px;color:var(--grey)}.oestt b{font:700 15px Adventor,sans-serif;color:var(--gt)}
.bro{position:absolute;left:2%;top:0;width:54%;height:100%;transform-style:preserve-3d;transform:rotateY(16deg) rotateZ(-3deg);--c:#4F7DF7;animation:brof 7s ease-in-out infinite alternate}@keyframes brof{to{translate:0 -12px}}
.bro.turn{animation:brot .62s var(--e-out)}@keyframes brot{0%{transform:rotateY(16deg) rotateZ(-3deg)}45%{transform:rotateY(86deg) rotateZ(-3deg)}55%{transform:rotateY(-70deg) rotateZ(-3deg)}100%{transform:rotateY(16deg) rotateZ(-3deg)}}
.brof{position:absolute;inset:0;border-radius:6px 16px 16px 6px;background:linear-gradient(155deg,#16130f,#0a0908 60%);color:#F3EFE6;padding:26px 24px;display:flex;flex-direction:column;box-shadow:-10px 0 0 -4px #2a251d,0 40px 70px -30px rgba(20,14,4,.7);overflow:hidden;border-left:5px solid var(--c);transition:border-color .4s}
.brof:before{content:"";position:absolute;right:-30%;top:-20%;width:90%;aspect-ratio:1;border-radius:50%;background:var(--c);filter:blur(60px);opacity:.38;transition:background .5s}
.brof>img:first-child{width:34px;height:34px;position:relative}.brof small{color:#8A8479;margin-top:10px;position:relative;font-size:8.5px!important}.broi{margin-top:auto;position:relative}.brof em{font:400 13px Poppins,sans-serif;font-style:normal;color:#B8975A;margin-top:14px;position:relative}.brof h3{font-size:clamp(24px,2.4vw,34px)!important;color:#F3EFE6;margin:4px 0 12px;position:relative;line-height:1.05}.brof p{font-size:11.5px;color:#cfc8ba;position:relative}.brof u{text-decoration:none;border-bottom:1px dashed #B8975A}.brof .pbadge{height:26px!important;margin-top:18px;position:relative}
@media(max-width:899px){.ofr{grid-template-columns:1fr}.ofv{height:380px;order:-1}.oest{width:64%;padding:14px;top:26px}.oestr{font-size:11px;padding:8px 0}.bro{width:56%}.brof{padding:18px 16px}}
@media(min-width:900px){.still{max-width:calc((100vh - 290px)*1.52);min-width:380px;margin-left:auto;margin-right:26px}#site .cmp{max-width:min(1040px,calc((100vh - 150px)*1.6))}
 .bro{left:0;width:46%;z-index:2}.oest{width:58%;top:56px;right:0;padding-left:34px}}
@media(max-width:899px){.ofv{height:400px;margin-bottom:34px}.oest{width:60%;top:20px;max-height:340px;overflow:hidden}.oest .oestr:nth-of-type(n+5){display:none}.oesth b{font-size:15px}.oestt{flex-direction:column;gap:2px}#site .cmp-a .cl{bottom:auto;top:10px;left:10px}}
@media(max-width:899px){.bro{width:48%}.oest{width:60%;padding-left:26px}}
/* ---------- round 8 */
.frlogo{height:26px;width:auto;display:block;margin-bottom:22px}
:root:not([data-theme=light]) .frlogo{filter:invert(1)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .frlogo{filter:none}}
/* hero screen: flat, plain and large */
#site .still{transform:translateY(calc(var(--p,0)*-30px));max-width:calc((100vh - 280px)*1.6);margin-right:0}.still:before{display:none}
#site .still .scr.scrh{border-radius:14px;border:1px solid #d9d2c3!important;box-shadow:0 2px 6px rgba(40,28,6,.08),0 26px 60px -26px rgba(40,28,6,.38)}
.scrlogo{height:16px;width:auto;margin-left:8px;display:block}#site .still .scrbar span{margin-left:10px}
@media(min-width:900px){#site .whero.h3d .wrap{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr)}}
.brof .pbadge{align-self:flex-start;width:auto!important;height:24px!important;max-width:100%;object-fit:contain}
#site .wl b{display:none}

/* ---------- v8: flat colour. Cream is exactly the lobby cream; white is plain white. */
:root[data-theme=light] #site{--ink:#F3EFE6;--bg0:#F3EFE6;--bg:#F3EFE6;--tp:0%;--lob:#F3EFE6;background-color:#F3EFE6;background-image:none}
:root[data-theme=light] #site:before,:root[data-theme=light] #site:after{display:none}
:root[data-theme=light] #site .nav{background:#F3EFE6;-webkit-backdrop-filter:none;backdrop-filter:none}
:root[data-theme=light] #site .tw{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-block:0}
:root[data-theme=light] #site .tc{background:#F3EFE6!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-block:0}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site{--ink:#F3EFE6;--bg0:#F3EFE6;--bg:#F3EFE6;--tp:0%;--lob:#F3EFE6;background-color:#F3EFE6;background-image:none}
:root:not([data-theme=dark]) #site:before,:root:not([data-theme=dark]) #site:after{display:none}
:root:not([data-theme=dark]) #site .nav{background:#F3EFE6;-webkit-backdrop-filter:none;backdrop-filter:none}
:root:not([data-theme=dark]) #site .tw{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-block:0}
:root:not([data-theme=dark]) #site .tc{background:#F3EFE6!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-block:0}}
#site .tick{border-block:0;mask-image:none;-webkit-mask-image:none}
#site .brands{padding-block:clamp(34px,4vw,54px)}.brands .lab{display:block;text-align:center;color:var(--grey);margin-bottom:24px}
.brow{overflow:hidden}.brow>div{display:flex;gap:22px;width:max-content;animation:brow 46s linear infinite}.brow:hover>div{animation-play-state:paused}@keyframes brow{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.bl{flex:none;width:190px;height:104px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);overflow:hidden;padding:4px}.bl img{width:100%;height:100%;min-height:0;display:block;object-fit:contain}
@media(max-width:700px){.bl{width:124px;height:66px;padding:8px}.brow>div{gap:12px}}
@media (prefers-reduced-motion:reduce){.brow>div{animation:none}}

/* ---------- v9: more air, calmer scale, hero sized to the window */
#site .wrap{max-width:1200px}#site .whero .wrap,#site .nav .wrap,#site footer .wrap,#site .pqw{max-width:1320px}
#site section{padding-block:clamp(68px,8.4vw,124px)}#site .brands{padding-block:clamp(44px,5vw,70px)}
#site h2{font-size:clamp(24px,2.55vw,37px);line-height:1.08}#site h3{font-size:clamp(16.5px,1.3vw,19.5px)}#site p:not(.lw p){font-size:14.5px;line-height:1.6}
#site .sh{margin-bottom:clamp(36px,4.6vw,64px)}#site .scrub{font-size:clamp(22px,2.7vw,38px);max-width:900px}#site .say{padding-block:clamp(70px,9vw,130px)!important}
#site .bento{gap:18px}#site .ph h1{font-size:clamp(32px,4vw,58px)}
/* hero */
#site .still .scrimg .hlogo{position:absolute;left:1.6%;top:.7%;height:4.6%;width:auto;z-index:2;inset-inline-end:auto;object-fit:contain}
#site .still .scr.scrh{border-radius:12px}
@media(min-width:900px){#site .whero{min-height:calc(100vh - 68px - var(--annh,0px));display:flex;flex-direction:column;justify-content:center;padding-block:16px 20px}
 #site .whero.h3d .wrap{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);width:100%;gap:clamp(24px,3vw,48px)}
 #site .still{max-width:calc((100vh - 68px - 172px - var(--annh,0px))*1.65);min-width:420px;margin-left:auto;margin-right:0}
 #site .whero h1{font-size:clamp(30px,min(3.9vw,8.2vh),58px);margin-bottom:clamp(10px,2vh,20px)}#site .whero .lead{font-size:clamp(14px,min(1.15vw,2.4vh),17px);margin-bottom:clamp(14px,2.6vh,26px)}
 .frlogo{height:clamp(18px,3.4vh,26px);margin-bottom:clamp(10px,2.2vh,22px)}}
/* partner plaque: two equal halves */
#site .plaque{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;width:min(560px,100%);padding:12px 10px;margin-top:clamp(12px,2.4vh,28px)}
.plaque .pcol{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.plaque .pcol small{font-size:10.5px;letter-spacing:.04em;color:var(--grey)}
#site .plaque .pbadge{height:32px!important}.plaque .pe{display:inline-flex;align-items:center;gap:9px;height:32px}#site .plaque .pe img{width:32px;height:32px}#site .plaque .pe b{font:700 21px Adventor,sans-serif;color:var(--fg);line-height:1}
#site .plaque>i{width:1px;height:44px;background:var(--stroke);margin:0;display:block}
@media(max-width:700px){#site .plaque{flex-direction:row;padding:12px 6px;margin-top:30px}#site .plaque>i{display:block}#site .plaque .pbadge{height:26px!important}#site .plaque .pe b{font-size:17px}#site .plaque .pe img{width:26px;height:26px}.plaque .pe{height:26px}.plaque .pcol small{font-size:9.5px}}
/* before and after: the box takes the screen's own shape, nothing is cropped */
#site .cmp{aspect-ratio:1280/649;max-width:min(1100px,calc((100vh - 150px)*1.972))}#site .cmpimg{object-fit:contain;object-position:center}
.xw{width:34cqw}.xg span{height:2.5cqw;line-height:2.5cqw}
/* estimate and brochure: fewer things */
.oft p{margin-bottom:28px}.ofr{gap:clamp(40px,7vw,110px)}
/* trusted by: logos only, no tiles */
#site .bl{background:none!important;border:0;width:170px;height:84px;padding:0}.bl img{mix-blend-mode:multiply}.brow>div{gap:56px}
:root:not([data-theme=light]) #site .bl{background:#fff!important;border-radius:12px;padding:8px}:root:not([data-theme=light]) .bl img{mix-blend-mode:normal}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .bl{background:none!important;padding:0}:root:not([data-theme=dark]) .bl img{mix-blend-mode:multiply}}
@media(max-width:700px){#site .bl{width:120px;height:60px}.brow>div{gap:30px}}
@media(min-width:900px){#site .whero .cta{flex-wrap:nowrap;gap:10px}#site .whero .btn{padding:13px 16px;font-size:10.5px;letter-spacing:.16em}}
#site .pqw{width:100%}
@media(min-width:900px){#site .still{max-width:calc((100vh - 68px - 152px - var(--annh,0px))*1.65)}}
/* ---------- round 12 */
#site .icn{line-height:0}#site .tick .icn{display:grid;place-items:center;gap:0;font-size:0}#site .tick .icn svg{display:block}
/* trusted by: a still wall, muted until you point at one */
.bwall{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px clamp(36px,6vw,84px)}
.bw{width:150px;height:70px;display:grid;place-items:center}.bw img{width:150px;height:70px;object-fit:contain;display:block;mix-blend-mode:multiply;filter:grayscale(1);opacity:.78;transition:filter .45s,opacity .45s,transform .45s var(--e-out)}
.bw:hover img,.bw:active img{filter:none;opacity:1;transform:scale(1.06)}
:root:not([data-theme=light]) .bw{background:#fff;border-radius:12px;padding:8px;width:150px;height:78px}:root:not([data-theme=light]) .bw img{mix-blend-mode:normal}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .bw{background:none;padding:0;width:150px;height:70px}:root:not([data-theme=dark]) .bw img{mix-blend-mode:multiply}}
@media(max-width:700px){.bwall{gap:22px 30px}.bw{width:96px;height:48px}.bw img{width:96px;height:48px}}
/* small touches of colour */
#site .oestr i{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 30%,transparent),var(--c),color-mix(in srgb,var(--c) 30%,transparent));background-size:220% 100%}
#site .oestr span{display:inline-flex;align-items:center;gap:9px}#site .oestr span:before{content:"";width:8px;height:8px;border-radius:3px;background:var(--c);flex:none}
#site #view details summary{padding-left:26px}#site #view details summary:before{content:"";position:absolute;left:2px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:3px;background:var(--qc,#4F7DF7)}
#site #view details:nth-of-type(6n+2){--qc:#34C38F}#site #view details:nth-of-type(6n+3){--qc:#F5A524}#site #view details:nth-of-type(6n+4){--qc:#EC5C9C}#site #view details:nth-of-type(6n+5){--qc:#9D7BF5}#site #view details:nth-of-type(6n){--qc:#2BB8D6}
#site #view details[open] summary:before{box-shadow:0 0 0 5px color-mix(in srgb,var(--qc,#4F7DF7) 22%,transparent)}
#scrub span.lit:nth-child(4){color:#E8A33A}#scrub span.lit:nth-child(6){color:#4F7DF7}#scrub span.lit:nth-child(9){color:#34C38F}
:root:not([data-theme=light]) .bw img{width:134px;height:62px}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .bw img{width:150px;height:70px}}@media(max-width:700px){#site .bw img{width:96px;height:48px}#site .bw{width:96px;height:48px}}

/* ---------- v10: inner Business Systems pages */
.th-d{display:var(--dd)}.th-l{display:var(--dl)}
html.js #site [data-rv]{opacity:0;transform:translateY(22px);transition:opacity .6s var(--e-out),transform .7s var(--e-out)}html.js #site [data-rv].in{opacity:1;transform:none}
/* page header */
#site .iph{padding-block:clamp(34px,4.4vw,64px) clamp(44px,5.4vw,78px)}.iphg{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(28px,4vw,64px);align-items:center}.iph.solo .iphg{grid-template-columns:minmax(0,1fr)}.iph.solo .iphg>div{max-width:820px}
#site .iph h1{font-size:clamp(30px,3.6vw,52px);margin-bottom:18px;line-height:1.04}#site .iph .lead{margin-bottom:26px;max-width:560px}#site .iph .crumb{margin-bottom:26px}
.ikick{display:flex;align-items:center;gap:14px;margin-bottom:18px}.ikick .lab{color:var(--gt)}
.scrf{border-radius:12px;overflow:hidden;border:1px solid #d9d2c3;background:#fff;box-shadow:0 2px 6px rgba(40,28,6,.08),0 26px 60px -26px rgba(40,28,6,.38)}.scrf img{display:block;width:100%;height:auto}
#site .iph .cta{flex-wrap:wrap;gap:10px}
/* industries index */
.isearch{display:flex;align-items:center;gap:14px;padding:10px 18px 10px 10px;border-radius:16px;max-width:560px;margin-top:6px}.isearch input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--fg);font:400 15px Poppins,sans-serif;padding:8px 0}.isearch b{font:500 10px Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gt);white-space:nowrap}
.isearch:focus-within{box-shadow:0 0 0 2px var(--gold)}
.icards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.icard{position:relative;display:flex;flex-direction:column;padding:22px;border-radius:18px;overflow:hidden;transition:transform .35s var(--e-out),box-shadow .35s,border-color .35s,opacity .3s}.icard:before,.mcard:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--e-out)}
.icard:hover,.mcard:hover{transform:translateY(-5px);box-shadow:0 24px 50px -28px var(--c)}.icard:hover:before,.mcard:hover:before{transform:scaleX(1)}
.icard h3,.mcard h3{margin:16px 0 8px}.icard p,.mcard p{color:var(--sub);font-size:13.5px!important;flex:1}.icard.off{display:none}
.imods{display:flex;align-items:center;gap:6px;margin:16px 0 14px}.imods .icn{width:24px;height:24px;border-radius:6px;box-shadow:none}.imods small{font-size:11px;color:var(--grey);margin-left:4px}
.icard .more,.mcard .more{color:var(--gt)}
.inone{text-align:center;padding:40px 0}.inone p{margin:10px auto 22px;max-width:440px;color:var(--sub)}
/* industry page */
.pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pain{position:relative;padding:26px 24px 28px;border-radius:18px;overflow:hidden;border-left:3px solid var(--c)!important}.pain b{position:absolute;right:16px;top:6px;font:400 64px Adventor,sans-serif;color:var(--c);opacity:.16;line-height:1}.pain h3{margin-top:18px;line-height:1.25}
.caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cap{padding:24px;border-radius:18px;transition:transform .35s var(--e-out),box-shadow .35s}.cap:hover{transform:translateY(-4px);box-shadow:0 22px 46px -28px var(--c)}.cap h3{margin:16px 0 8px}.cap p{color:var(--sub);font-size:13.5px!important}
.day{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dstep{position:relative;text-align:left;padding:26px 20px 22px;border-radius:18px;cursor:pointer;color:var(--fg);font:inherit;opacity:.55;transition:opacity .4s,transform .5s var(--e-out),box-shadow .4s;overflow:hidden}
.dstep>i{position:absolute;left:0;right:0;top:0;height:4px;background:color-mix(in srgb,var(--c) 22%,transparent)}.dstep u{position:absolute;inset:0;background:var(--c);transform:scaleX(0);transform-origin:left}
.dstep b{display:block;font:400 30px Adventor,sans-serif;color:var(--c);margin-bottom:12px}.dstep span{font-size:15px;line-height:1.4;display:block}
.dstep.on{opacity:1;transform:translateY(-6px);box-shadow:0 26px 50px -28px var(--c)}.dstep.on u{animation:dfill 2.8s linear forwards}.dstep.done{opacity:.85}.dstep.done u{transform:scaleX(1)}@keyframes dfill{to{transform:scaleX(1)}}
.rlist{list-style:none;padding:0;margin:0;display:grid;gap:4px}.rlist li{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line)}.rlist li:first-child{border-top:0}.rlist strong{font-weight:500;font-size:15px;display:block}.rlist span:not(.icn){font-size:13px;color:var(--sub);display:block;margin-top:2px}
.film2{display:flex;align-items:center;gap:22px;padding:26px 28px;border-radius:20px;background:linear-gradient(120deg,#16130f,#0a0908);color:#F3EFE6;position:relative;overflow:hidden}.film2:before{content:"";position:absolute;right:-8%;top:-80%;width:46%;aspect-ratio:1;border-radius:50%;background:var(--c);filter:blur(70px);opacity:.4}
.play2{position:relative;flex:none;width:58px;height:58px;border-radius:50%;background:var(--gold);display:grid;place-items:center}.play2 svg{width:20px;height:20px;fill:#111;margin-left:3px}.play2:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--gold);animation:pring 2.4s ease-out infinite}@keyframes pring{to{transform:scale(1.9);opacity:0}}
.film2 strong{display:block;font:400 clamp(18px,1.9vw,24px) Adventor,sans-serif;position:relative}.film2 .lab{color:#B8975A;display:block;margin-top:6px;position:relative}
#site #film{padding-block:clamp(30px,3.6vw,50px)}
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(34px,4vw,56px)}.pnav a{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:16px;transition:transform .35s var(--e-out)}.pnav a:hover{transform:translateY(-3px)}.pnav a:last-child{justify-content:flex-end;text-align:right}.pnav .lab{display:block;color:var(--grey);margin-bottom:4px}.pnav strong{font:400 clamp(17px,1.6vw,21px) Adventor,sans-serif}
/* modules */
.mcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.mcard{position:relative;display:flex;flex-direction:column;padding:24px;border-radius:18px;overflow:hidden;transition:transform .35s var(--e-out),box-shadow .35s}
.mcard ul{list-style:none;padding:0;margin:14px 0 16px;display:grid;gap:7px}.mcard li{font-size:12.5px;color:var(--sub);padding-left:18px;position:relative;line-height:1.4}.mcard li:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:3px;background:var(--c)}
.tks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tk{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;opacity:.5;transition:opacity .45s,transform .5s var(--e-out),box-shadow .45s}.tk h3{font-size:16px!important;line-height:1.3}
.tkb{flex:none;width:30px;height:30px;border-radius:9px;border:1.5px solid var(--c);display:grid;place-items:center;transition:background-color .35s}.tkb svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .45s .1s}
.tk.on{opacity:1;box-shadow:0 18px 40px -28px var(--c)}.tk.on .tkb{background:var(--c)}.tk.on .tkb svg{stroke-dashoffset:0}
.tkc{margin-top:22px;color:var(--grey)}.tkc b{font:400 26px Adventor,sans-serif;color:var(--gt);letter-spacing:0;margin-right:6px}
/* method */
.mtrack{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.mtrack span{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:99px;border:1px solid var(--line);font-size:12.5px}.mtrack i{width:8px;height:8px;border-radius:3px;background:var(--c)}
.spy{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,90px);align-items:start}.spyl{position:sticky;top:calc(50vh - 150px);text-align:center}
.spyc{position:relative;width:200px;height:200px;margin:0 auto 22px}.spyc svg{width:100%;height:100%;transform:rotate(-90deg)}.spyc circle{fill:none;stroke-width:6;stroke:var(--line)}#spyring{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .7s var(--e-out),stroke .5s}
.spyc b{position:absolute;inset:0;display:grid;place-items:center;font:400 62px Adventor,sans-serif;color:var(--fg)}.spyl h3{font-size:clamp(22px,2.2vw,30px)!important;margin-bottom:8px}.spyl .lab{color:var(--grey)}
.spyb{min-height:42vh;display:flex;flex-direction:column;justify-content:center;padding:26px 0 26px 26px;border-left:2px solid var(--line);opacity:.35;transition:opacity .45s,border-color .45s}.spyb.on{opacity:1;border-left-color:var(--c)}.spyb h3{font-size:clamp(22px,2.2vw,30px)!important;margin:18px 0 10px}.spyb p{max-width:460px;font-size:15.5px!important;color:var(--sub)}
.docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.docc{position:relative;padding:24px 24px 22px;border-radius:6px 18px 18px 6px;border-left:4px solid var(--c)!important;rotate:var(--r);transition:rotate .5s var(--e-spring),transform .4s var(--e-out),box-shadow .4s}.docc:hover{rotate:0deg;transform:translateY(-5px);box-shadow:0 24px 50px -28px var(--c)}
.docc h3{margin:16px 0 8px}.docc p{font-size:13.5px!important;color:var(--sub);margin-bottom:16px}.docc>i{display:block;height:5px;border-radius:5px;background:color-mix(in srgb,var(--c) 20%,transparent);margin-top:7px}.docc>i:nth-of-type(2){width:74%}.docc>i:nth-of-type(3){width:48%}
/* partner */
.bplate{display:grid;place-items:center;gap:18px;padding:clamp(34px,5vw,64px) 30px;border-radius:26px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent)!important;animation:bfloat 7s ease-in-out infinite alternate}@keyframes bfloat{to{transform:translateY(-10px)}}.bplate img{width:min(360px,80%);height:auto;border-radius:12px;box-shadow:0 24px 50px -24px rgba(20,14,4,.5)}.bplate .lab{color:var(--gt)}
.pchain{display:flex;align-items:flex-start;gap:0}.chn{flex:none;width:210px;text-align:center;opacity:.35;transform:translateY(10px);transition:opacity .5s,transform .6s var(--e-out)}.chn.lit{opacity:1;transform:none}
.chb{height:110px;border-radius:20px;display:grid;place-items:center;padding:18px;margin-bottom:16px}.chb img{max-width:130px;max-height:54px;width:auto;height:auto;margin:0}.chb .frlogo{height:30px;margin:0}.chn b{display:block;font:400 19px Adventor,sans-serif;color:var(--fg)}.chn span:not(.icn){font-size:13px;color:var(--sub)}
.chl{flex:1;height:2px;margin-top:55px;background:var(--line);position:relative;min-width:30px}.chl u{position:absolute;inset:0;background:var(--gold);transform-origin:left}.chl:nth-of-type(1) u{transform:scaleX(var(--d1,0))}.chl:nth-of-type(2) u{transform:scaleX(var(--d2,0))}
.chl:after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left-color:var(--gold);opacity:.8}
/* resources */
.rcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rcard{padding:26px 24px;border-radius:18px;border-top:3px solid var(--c)!important}.rcard h3{margin:18px 0 8px}.rcard>p{color:var(--sub);font-size:13.5px!important}.rcard ul{list-style:none;padding:0;margin:18px 0 0}
.rcard li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:13.5px}.rcard em{font-style:normal;font-size:8.5px!important;padding:4px 8px;border-radius:99px;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--fg);white-space:nowrap}
/* demo */
.dial{position:relative;width:min(300px,70%);aspect-ratio:1;margin:0 auto}.dial svg{width:100%;height:100%;transform:rotate(-90deg)}.dial circle{fill:none;stroke-width:14}.dbg{stroke:var(--line)}
.darc{stroke-linecap:round;stroke-dasharray:160 528;stroke-dashoffset:calc(var(--k)*-176);animation:darc 1.1s var(--e-out) both;animation-delay:calc(var(--k)*.35s + .3s)}@keyframes darc{from{stroke-dasharray:0 528}}
.dmid{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.dmid b{font:400 76px Adventor,sans-serif;line-height:1;color:var(--fg)}.dmid .lab{color:var(--grey);margin-top:6px}
/* estimate */
.eprog{margin-bottom:20px}.eprog>div{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:8px}.eprog i{height:6px;border-radius:6px;background:color-mix(in srgb,var(--fg) 12%,transparent);transition:background-color .4s}.eprog i.on{background:var(--c)}.eprog .lab{color:var(--grey)}
#site .qn{display:inline-flex;align-items:center;gap:9px}#site .qn:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--c)}
.caps.c3 .cap{padding:28px 26px}
@media(max-width:899px){.iphg{grid-template-columns:minmax(0,1fr)}.pains,.caps,.docs,.rcards{grid-template-columns:minmax(0,1fr)}.day{grid-template-columns:1fr 1fr}.tks{grid-template-columns:1fr}.pnav{grid-template-columns:1fr}
 .spy{grid-template-columns:1fr;gap:10px}.spyl{position:sticky;top:60px;z-index:3;display:flex;align-items:center;gap:14px;text-align:left;padding:10px 0;background:var(--stickbg,#F3EFE6)}.spyc{width:62px;height:62px;margin:0;flex:none}.spyc b{font-size:20px}.spyl h3{margin:0;font-size:19px!important}.spyl .lab{display:none}.spyb{min-height:36vh}
 .pchain{flex-direction:column;align-items:center}.chl{width:2px;height:44px;flex:none;margin:10px 0;min-width:0}.chl u{transform-origin:top}.chl:nth-of-type(1) u{transform:scaleY(var(--d1,0))}.chl:nth-of-type(2) u{transform:scaleY(var(--d2,0))}.chl:after{display:none}.docc{rotate:0deg}
 .film2{flex-direction:column;align-items:flex-start}.isearch b{display:none}}
:root:not([data-theme=light]) #site .spyl{--stickbg:var(--bg)}
@media (prefers-reduced-motion:reduce){.bplate,.play2:after,.darc{animation:none}.dstep.on u{animation:none;transform:scaleX(1)}}
/* ---------- refinement: calmer, flatter, cleaner inner pages */
#site .iph~section .glass,#site .iph~section .pain,#site .iph~section .cap,#site .iph~section .icard,#site .iph~section .mcard,#site .iph~section .rcard,#site .iph~section .docc,#site .iph~section .tk,#site .iph~section .dstep,#site .iph~section .pnav a,#site .iph~section .tq{box-shadow:none;border:1px solid var(--line);background:#fff}
#site .iph~section.tw .glass,#site .iph~section.tw .pain,#site .iph~section.tw .cap,#site .iph~section.tw .icard,#site .iph~section.tw .mcard,#site .iph~section.tw .rcard,#site .iph~section.tw .docc,#site .iph~section.tw .tk,#site .iph~section.tw .dstep,#site .iph~section.tw .pnav a,#site .iph~section.tw .tq{background:#FAF7F1}
:root:not([data-theme=light]) #site .iph~section .glass,:root:not([data-theme=light]) #site .iph~section .pain,:root:not([data-theme=light]) #site .iph~section .cap,:root:not([data-theme=light]) #site .iph~section .icard,:root:not([data-theme=light]) #site .iph~section .mcard,:root:not([data-theme=light]) #site .iph~section .rcard,:root:not([data-theme=light]) #site .iph~section .docc,:root:not([data-theme=light]) #site .iph~section .tk,:root:not([data-theme=light]) #site .iph~section .dstep,:root:not([data-theme=light]) #site .iph~section .pnav a,:root:not([data-theme=light]) #site .iph~section .tq{background:color-mix(in srgb,var(--fg) 4%,transparent)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .iph~section .glass,:root:not([data-theme=dark]) #site .iph~section .cap,:root:not([data-theme=dark]) #site .iph~section .icard,:root:not([data-theme=dark]) #site .iph~section .mcard,:root:not([data-theme=dark]) #site .iph~section .pain,:root:not([data-theme=dark]) #site .iph~section .rcard,:root:not([data-theme=dark]) #site .iph~section .docc,:root:not([data-theme=dark]) #site .iph~section .tk,:root:not([data-theme=dark]) #site .iph~section .dstep,:root:not([data-theme=dark]) #site .iph~section .pnav a,:root:not([data-theme=dark]) #site .iph~section .tq{background:#fff}
 :root:not([data-theme=dark]) #site .iph~section.tw .glass,:root:not([data-theme=dark]) #site .iph~section.tw .cap,:root:not([data-theme=dark]) #site .iph~section.tw .icard,:root:not([data-theme=dark]) #site .iph~section.tw .mcard,:root:not([data-theme=dark]) #site .iph~section.tw .pain,:root:not([data-theme=dark]) #site .iph~section.tw .rcard,:root:not([data-theme=dark]) #site .iph~section.tw .docc,:root:not([data-theme=dark]) #site .iph~section.tw .tk,:root:not([data-theme=dark]) #site .iph~section.tw .dstep,:root:not([data-theme=dark]) #site .iph~section.tw .pnav a,:root:not([data-theme=dark]) #site .iph~section.tw .tq{background:#FAF7F1}}
#site .iph~section .cap:hover,#site .iph~section .icard:hover,#site .iph~section .mcard:hover,#site .iph~section .docc:hover,#site .iph~section .pnav a:hover,#site .iph~section .ncard:hover{box-shadow:0 18px 36px -24px rgba(40,28,6,.35);border-color:color-mix(in srgb,var(--c,var(--gold)) 45%,var(--line))}
#site .iph~section .dstep.on{box-shadow:0 18px 36px -26px var(--c);border-color:color-mix(in srgb,var(--c) 50%,var(--line))}#site .iph~section .tk.on{border-color:color-mix(in srgb,var(--c) 45%,var(--line))}
#site .pain{border-left:3px solid var(--c)!important}#site .pain b{display:none}#site .pain h3{margin-top:16px}
#site .docc{rotate:calc(var(--r)*.5)}#site .rcard{border-top:3px solid var(--c)!important}
.dstep{opacity:.68}
#site .iph+section,#site .iph+.subnav+section{padding-top:clamp(44px,5vw,72px)}#site .iph{padding-block:clamp(30px,4vw,56px) clamp(38px,4.6vw,64px)}
#site .iph .crumb{margin-bottom:20px}
#site .pnav a{min-height:84px}
.panel{padding:24px 24px 18px;border-radius:18px;border:1px solid var(--line);background:#fff;align-self:stretch}#site section.tw .panel{background:#FAF7F1}:root:not([data-theme=light]) .panel{background:color-mix(in srgb,var(--fg) 4%,transparent)!important}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .panel{background:#fff!important}:root:not([data-theme=dark]) #site section.tw .panel{background:#FAF7F1!important}}
.panel>.lab{display:block;color:var(--gt);margin-bottom:16px}.panel .chips{gap:7px}.panel .chip{font-size:12.5px}
.mtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.mtiles a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;border:1px solid var(--line);font-size:13.5px;transition:border-color .25s,transform .3s var(--e-out)}.mtiles a:hover{border-color:var(--gold);transform:translateY(-2px)}
#site .iph~section .two{align-items:stretch}
.mtiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.mtiles a{padding:9px 10px;gap:10px;font-size:13px}@media(max-width:700px){.mtiles{grid-template-columns:1fr 1fr}.mtiles a{font-size:12px}}

/* ---------- v11 */
/* lighter painting: no live blur behind cards on flat colour */
#site .glass,#site .pl,#site .band,#site .sum{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
:root[data-theme=light] #site .glass{background-color:rgba(255,255,255,.62)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .glass{background-color:rgba(255,255,255,.62)}}
:root[data-theme=light] #site .tw .glass{background-color:#FBF9F5}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .tw .glass{background-color:#FBF9F5}}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
.cylr,.ringr,.stk,.still{will-change:transform}
/* calls to action: black on light, gold stays in dark */
:root[data-theme=light] #site .btn:not(.o){background:#111;color:#F3EFE6}:root[data-theme=light] #site .btn:not(.o):hover{background:var(--gold);color:#111}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .btn:not(.o){background:#111;color:#F3EFE6}:root:not([data-theme=dark]) #site .btn:not(.o):hover{background:var(--gold);color:#111}}
:root[data-theme=light] #site .btn.o{box-shadow:inset 0 0 0 1px #111}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .btn.o{box-shadow:inset 0 0 0 1px #111}}
/* hero desk */
.desk{position:relative;aspect-ratio:1120/679;container-type:inline-size;background:#fff;border:1px solid #d9d2c3;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px rgba(40,28,6,.08),0 26px 60px -26px rgba(40,28,6,.38);color:#1f1d1a}
.dbar{position:absolute;left:0;right:0;top:0;height:6.4cqw;display:flex;align-items:center;justify-content:space-between;padding:0 2cqw;background:#f6f3ec;border-bottom:1px solid #ebe5d8;z-index:2}
.dlogo{height:3cqw;width:auto}.dsearch{display:flex;align-items:center;gap:.9cqw;width:38cqw;height:3.6cqw;padding:0 1.2cqw;border-radius:1cqw;background:#fff;border:1px solid #e6dfd1;font:400 1.3cqw Poppins,sans-serif;color:#8a8479}.dsearch svg{width:1.5cqw;height:1.5cqw;fill:none;stroke:#8a8479;stroke-width:1.6}.dsearch kbd{margin-left:auto;font:500 1.05cqw Poppins,sans-serif;color:#a49d90}
.dav{width:3.4cqw;height:3.4cqw;border-radius:50%;background:#B8975A;color:#fff;display:grid;place-items:center;font:500 1.15cqw Poppins,sans-serif}
.dgrid{position:absolute;inset:6.4cqw 0 0;display:grid;grid-template-columns:repeat(6,1fr);align-content:center;row-gap:3.2cqw;padding:0 7cqw}
.dapp{display:flex;flex-direction:column;align-items:center;gap:1.1cqw;background:none;border:0;padding:0;cursor:pointer;color:#2b2925;font:500 1.2cqw Poppins,sans-serif;animation:dpop .6s var(--e-spring) both;animation-delay:calc(var(--i)*35ms + .25s)}
.dapp img{width:6.4cqw;height:6.4cqw;border-radius:1.6cqw;transition:transform .35s var(--e-spring),box-shadow .35s;box-shadow:0 .6cqw 1.4cqw -.8cqw rgba(0,0,0,.35)}.dapp:hover img{transform:translateY(-.6cqw) scale(1.06);box-shadow:0 1.4cqw 2.4cqw -1cqw rgba(0,0,0,.4)}
.dapp span{white-space:nowrap}@keyframes dpop{from{opacity:0;transform:translateY(1.6cqw) scale(.8)}}.dapp.nudge img{animation:nudge .45s}@keyframes nudge{30%{transform:translateX(-.6cqw)}60%{transform:translateX(.6cqw)}}
.dview{position:absolute;inset:6.4cqw 0 0;background:#fff;z-index:3;opacity:0;transform:scale(.06);pointer-events:none;transition:transform .55s var(--e-out),opacity .3s}.desk.opened .dview{opacity:1;transform:none;pointer-events:auto}
.dview img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.dback{position:absolute;left:1.6cqw;bottom:1.6cqw;border:0;border-radius:99px;padding:1cqw 1.8cqw;background:#111;color:#F3EFE6;font:500 1.2cqw Poppins,sans-serif;cursor:pointer;box-shadow:0 1cqw 2cqw -1cqw rgba(0,0,0,.5)}
.dname{position:absolute;right:1.6cqw;bottom:1.8cqw;background:rgba(255,255,255,.92);padding:.8cqw 1.4cqw;border-radius:99px;font-size:1.05cqw!important;color:#6f6a61}
.dcur{position:absolute;left:0;top:0;width:3cqw;height:3cqw;margin:-.4cqw 0 0 -.6cqw;z-index:5;fill:#111;stroke:#fff;stroke-width:1.2;opacity:0;transition:transform .9s var(--e-out),opacity .4s;pointer-events:none;filter:drop-shadow(0 .4cqw .6cqw rgba(0,0,0,.3))}.desk.touring .dcur{opacity:1}
.dclick{position:absolute;left:0;top:0;width:5cqw;height:5cqw;margin:-2.5cqw;border-radius:50%;border:2px solid var(--gold);opacity:0;z-index:4;pointer-events:none}.dclick.go{animation:dclk .55s ease-out}@keyframes dclk{from{opacity:1;scale:.3}to{opacity:0;scale:1.4}}
@media (prefers-reduced-motion:reduce){.dapp{animation:none}}
/* testimonials inside trusted by */
.tsh{text-align:center;margin-bottom:clamp(26px,3vw,40px)}.tsh .lab{display:block;color:var(--gt);margin-bottom:12px}
.bw{background:none;border:0;padding:0;cursor:pointer;border-radius:12px;position:relative}.bw.nq{cursor:default}.bw.on img{filter:none;opacity:1}.bw.on:after{content:"";position:absolute;left:30%;right:30%;bottom:-12px;height:3px;border-radius:3px;background:var(--gold)}
.qst{position:relative;max-width:900px;margin:clamp(34px,4vw,54px) auto 0;padding:clamp(26px,3.4vw,46px) clamp(24px,4vw,56px) clamp(22px,2.6vw,32px);border-radius:22px}.qst.sw blockquote,.qst.sw .qwho{animation:qin .6s var(--e-out)}@keyframes qin{from{opacity:0;transform:translateY(10px)}}
.qm{position:absolute;left:clamp(14px,2vw,26px);top:-18px;font:400 110px/1 Adventor,sans-serif;color:var(--gold);opacity:.55}
.qst blockquote,.tq blockquote{font:400 clamp(18px,1.9vw,25px)/1.45 Adventor,sans-serif;letter-spacing:-.01em;color:var(--fg);margin:0}
.qfoot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;flex-wrap:wrap}.qwho,.tq figcaption{display:flex;align-items:center;gap:14px}.qwho img,.tq figcaption img{height:40px;width:auto;max-width:90px;object-fit:contain;mix-blend-mode:multiply}
.qwho b,.tq b{display:block;font-weight:500;font-size:14.5px}.qwho small,.tq small{font-size:12px;color:var(--grey)}
.mono{width:40px;height:40px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:500 13px Poppins,sans-serif}
.qdots{display:flex;gap:8px}.qdots button{background:none;border:0;padding:6px 2px;cursor:pointer}.qdots i{display:block;width:22px;height:4px;border-radius:4px;background:color-mix(in srgb,var(--fg) 16%,transparent);transition:background .3s,width .3s}.qdots button.on i{background:var(--gold);width:34px}
:root:not([data-theme=light]) .qwho img,:root:not([data-theme=light]) .tq figcaption img{mix-blend-mode:normal;background:#fff;border-radius:8px;padding:4px}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .qwho img,:root:not([data-theme=dark]) .tq figcaption img{mix-blend-mode:multiply;background:none;padding:0}}
.tq{position:relative;max-width:900px;margin:0 auto;padding:clamp(28px,3.4vw,46px) clamp(24px,4vw,56px);border-radius:22px}.tq figcaption{margin-top:24px}.tq .qm{top:-18px}
/* latest */
.ncards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ncard{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;transition:transform .35s var(--e-out),box-shadow .35s}.ncard:hover{transform:translateY(-5px);box-shadow:0 24px 50px -28px var(--c)}
.nvis{position:relative;height:130px;display:flex;align-items:flex-end;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 26%,transparent),color-mix(in srgb,var(--c) 8%,transparent))}.nvis .lab{color:var(--fg);background:rgba(255,255,255,.7);padding:5px 10px;border-radius:99px}
.ncard h3{margin:18px 20px 8px}.ncard p{margin:0 20px;color:var(--sub);font-size:13.5px!important;flex:1}.ncard .more{margin:18px 20px 20px;color:var(--gt)}
/* inner page navigation */
.subnav{position:sticky;top:68px;z-index:20;background:var(--lob,#F3EFE6);border-block:1px solid var(--line)}.subnav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px}.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;font-size:12.5px;color:var(--sub);transition:background .3s,color .3s}.subnav a i{width:8px;height:8px;border-radius:3px;background:var(--c);opacity:.5;transition:opacity .3s}
.subnav a:hover{color:var(--fg)}.subnav a.on{background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--fg)}.subnav a.on i{opacity:1}
/* announcement bar */
#site{--annh:0px}#site.hasann{--annh:38px}.annbar{position:relative;height:38px;display:flex;align-items:center;justify-content:center;background:#111;color:#F3EFE6;font-size:12.5px;padding:0 44px}
.annbar a{display:flex;align-items:center;gap:12px;min-width:0}.annbar .lab{display:inline-flex;align-items:center;gap:7px;color:#B8975A}.annbar .lab i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 var(--c);animation:annp 2s infinite}@keyframes annp{70%{box-shadow:0 0 0 7px transparent}}
.annbar b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.annbar em{font-style:normal;color:#B8975A;white-space:nowrap}.annbar button{position:absolute;right:12px;top:50%;translate:0 -50%;background:none;border:0;color:#8A8479;font-size:13px;cursor:pointer;padding:6px}
html.lobby .annbar{display:none}
@media(max-width:899px){.ncards{grid-template-columns:1fr}.subnav{top:60px}.annbar{justify-content:flex-start;padding:0 40px 0 16px}.annbar em{display:none}.qfoot{flex-direction:column;align-items:flex-start}}
#site .qst,#site .tq{display:block}#site .qst blockquote{display:block;width:auto}
.dview{inset:0}

/* ---------- v12: hero C */
.pstrip{display:inline-flex;align-items:center;gap:12px;padding:7px 14px 7px 7px;border-radius:99px;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);background:color-mix(in srgb,var(--bg) 70%,transparent);margin-bottom:clamp(14px,2.6vh,24px);transition:border-color .3s,transform .3s var(--e-out)}.pstrip:hover{border-color:var(--gold);transform:translateY(-2px)}
.pstrip img.b{height:24px;width:auto;border-radius:5px;background:#fff;display:block}.pstrip span{font-size:12.5px;color:var(--sub)}.pstrip b{font-weight:500;color:var(--fg)}.pstrip img.e{width:20px;height:20px;display:block}
.hc-wrap{position:relative;perspective:1400px;padding-bottom:44px}
.hc-glow{position:absolute;inset:6% 4% 18%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 28%,transparent),transparent);filter:blur(18px);z-index:-1;pointer-events:none}
.desk.hc .dapp{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;animation:none;transition:left 1.1s var(--e-out),top 1.1s var(--e-out),transform 1.1s var(--e-out),opacity .6s;transition-delay:calc(var(--i)*28ms);z-index:1}
.desk.hc .dapp span{transition:opacity .4s}.desk.hc .dgrid{display:none}
.desk.hc{background:transparent;border-color:transparent;box-shadow:none;overflow:visible;transition:background-color .6s,border-color .6s,box-shadow .8s}.desk.hc .dbar{opacity:0;transition:opacity .6s}
.desk.hc.built{background:#fff;border-color:#d9d2c3;box-shadow:0 2px 6px rgba(40,28,6,.08),0 30px 70px -30px rgba(40,28,6,.45);overflow:hidden}.desk.hc.built .dbar{opacity:1}
.desk.hc.scat .dapp{left:var(--sx);top:var(--sy);transform:translateZ(var(--sz)) rotate(var(--sr)) scale(1.25)}.desk.hc.scat .dapp span{opacity:0}
.desk.hc.scat .dapp img{animation:hcfloat 4s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.37s)}@keyframes hcfloat{to{transform:translateY(-1.4cqw)}}
.hc-cap{position:absolute;left:0;right:0;bottom:0;height:34px;text-align:center;font:400 clamp(17px,1.7vw,23px) Adventor,sans-serif;color:var(--fg)}.hc-cap em{font-style:normal;color:var(--gold)}.hc-cap span{display:inline-block;animation:hccap .6s var(--e-out)}@keyframes hccap{from{opacity:0;transform:translateY(8px)}}
@media(min-width:900px){#site .whero.h3d .wrap{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}#site .still{max-width:calc((100vh - 68px - 150px - var(--annh,0px))*1.65)}}
@media(max-width:899px){.hc-wrap{margin-top:10px}.pstrip span{font-size:11.5px}}
/* Frappe mark above the headline; partner and ERPNext as a trust row under the buttons */
.frmark{display:inline-flex;align-items:center;gap:10px;margin-bottom:clamp(14px,2.6vh,24px)}.frmark .fi{width:30px;height:30px;border-radius:8px;display:block}#site .frmark .frlogo{height:24px;margin:0;display:block}
.trow{display:flex;align-items:center;gap:18px;margin-top:clamp(18px,3.4vh,32px);padding-top:clamp(14px,2.6vh,22px);border-top:1px solid var(--line);max-width:440px}
.trow a{display:flex;align-items:center;gap:11px;transition:opacity .25s}.trow a:hover{opacity:.75}.trow i{width:1px;height:34px;background:var(--line);flex:none}
.trow .tb{height:28px;width:auto;border-radius:5px;background:#fff;display:block}.trow .te{width:28px;height:28px;display:block}.trow span{font-size:11.5px;color:var(--grey);line-height:1.35}.trow b{display:block;font-weight:500;font-size:13px;color:var(--fg)}
@media(max-width:899px){.trow{gap:12px}.trow .tb{height:24px}.trow .te{width:24px;height:24px}.trow span{font-size:10.5px}}
.trow{max-width:560px}.trow a{flex:none}.trow span{white-space:nowrap}
:root:not([data-theme=light]) .frmark .fi{box-shadow:0 0 0 1px rgba(243,239,230,.25)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .frmark .fi{box-shadow:none}}
@media(max-width:420px){.trow{flex-wrap:wrap}.trow i{display:none}}

/* ---------- soft flat industry scenes */
.xscene{position:relative;overflow:hidden;background:color-mix(in srgb,var(--acc) 7%,#fff);container-type:inline-size;--acc2:color-mix(in srgb,var(--acc) 34%,#fff);--acc3:color-mix(in srgb,var(--acc) 14%,#fff)}
.xart{position:absolute;inset:0;width:100%;height:100%;display:block}
.xart .x0{fill:#fff}.xart .x1{fill:var(--acc)}.xart .x2{fill:var(--acc2)}.xart .x3{fill:var(--acc3)}.xart .xk{fill:#3a3631}.xart .xa{fill:#F5A524}.xart .xg{fill:#34C38F}
.xart .xstk{stroke:#b9b1a3}.xart .xroad{stroke:#e2dbcd}.xart .xroute{stroke:var(--acc);stroke-dasharray:10 10;animation:xdash 1.2s linear infinite}.xart .xr2{stroke:#F5A524;opacity:.85}.xart .xline{stroke:var(--acc);stroke-dasharray:400;stroke-dashoffset:400;animation:xdraw 3.4s var(--e-out,ease) infinite}
.xart .xdig{font:500 13px Poppins,sans-serif;fill:#9df0c6;animation:xblink 1.6s steps(2) infinite}
@keyframes xdash{to{stroke-dashoffset:-40}}@keyframes xdraw{0%{stroke-dashoffset:400}60%,100%{stroke-dashoffset:0}}
@keyframes xbelt{to{transform:translateX(120px)}}.xbelt{animation:xbelt 3.2s linear infinite}
@keyframes xpress{0%,40%,100%{transform:translateY(0)}55%,70%{transform:translateY(34px)}}.xram{animation:xpress 2.6s ease infinite}
@keyframes xarm{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(20deg)}}.xarm{transform-box:fill-box;transform-origin:50% 100%;animation:xarm 4s ease-in-out infinite}
@keyframes xarm2{0%,100%{transform:rotate(26deg)}50%{transform:rotate(-20deg)}}.xarm2{transform-box:fill-box;transform-origin:20% 50%;animation:xarm2 4s ease-in-out infinite}
@keyframes xblink{50%{opacity:.3}}.xblink{animation:xblink 1.4s steps(2) infinite}.xb2{animation-delay:.7s}
@keyframes xwalk{0%{transform:translateX(-80px)}45%,70%{transform:translateX(var(--to))}100%{transform:translateX(var(--to2))}}.xwalk{animation:xwalk var(--d) ease-in-out infinite;animation-delay:var(--dl)}
@keyframes xbob{50%{transform:translateY(-3px)}}.xbob{animation:xbob .55s ease-in-out infinite}
@keyframes xpaper{0%,30%{transform:scaleY(.15)}60%,100%{transform:scaleY(1)}}.xpaper{transform-box:fill-box;transform-origin:50% 100%;animation:xpaper 3.2s ease-out infinite}
@keyframes xpulse{0%{r:6;opacity:.7}100%{r:24;opacity:0}}.xpulse{animation:xpulse 2s ease-out infinite}
@keyframes xcloud{to{transform:translateX(60px)}}.xcloud{animation:xcloud 18s ease-in-out infinite alternate}
@keyframes xfork{0%,100%{transform:translateX(0)}45%,55%{transform:translateX(-60px)}}.xfork{animation:xfork 7s ease-in-out infinite}
@keyframes xsteam{0%{transform:translateY(8px);opacity:0}40%{opacity:.9}100%{transform:translateY(-16px);opacity:0}}.xsteam{animation:xsteam 2.4s ease-out infinite}
@keyframes xsun{50%{transform:scale(1.06)}}.xsun{transform-box:fill-box;transform-origin:center;animation:xsun 4s ease-in-out infinite}
@keyframes xsway{50%{transform:rotate(6deg)}}.xsway{transform-box:fill-box;transform-origin:50% 100%;animation:xsway 2.6s ease-in-out infinite}
@keyframes xdrive{0%{transform:translateX(-80px)}100%{transform:translateX(860px)}}.xdrive{animation:xdrive 14s linear infinite}
@keyframes xswing{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.xswing{transform-box:view-box;transform-origin:603px 62px;animation:xswing 6s ease-in-out infinite}
@keyframes xhoist{0%,100%{transform:translateY(0)}50%{transform:translateY(40px)}}.xhoist{animation:xhoist 6s ease-in-out infinite}.xhoist2{animation:xhoist 5s ease-in-out infinite}
@keyframes xspin{to{transform:rotate(360deg)}}.xspin{animation:xspin 3s linear infinite}
@keyframes xship{0%{transform:translateX(120px)}50%,100%{transform:translateX(0)}}.xship{animation:xship 14s ease-out infinite alternate}
@keyframes xwave{to{transform:translateX(-120px)}}.xwave{animation:xwave 6s linear infinite}
@keyframes xtank{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.82)}}.xtank{transform-box:fill-box;transform-origin:50% 100%;animation:xtank 8s ease-in-out infinite}
@keyframes xpulse2{50%{transform:scale(1.08)}}.xpulse2{transform-box:fill-box;transform-origin:center;animation:xpulse2 1.8s ease-in-out infinite}
@keyframes xflag{50%{transform:skewY(-6deg)}}.xflag{transform-box:fill-box;transform-origin:0 50%;animation:xflag 1.8s ease-in-out infinite}
@keyframes xwrite{0%,10%{transform:scaleX(0)}40%,100%{transform:scaleX(1)}}.xwrite{transform-box:fill-box;transform-origin:0 50%;animation:xwrite 5s ease-out infinite}
@keyframes xbar{0%,10%{transform:scaleX(.1)}50%,100%{transform:scaleX(1)}}.xbar{transform-box:fill-box;transform-origin:0 50%;animation:xbar 5s ease-out infinite}
@keyframes xhand{to{transform:rotate(360deg)}}.xhand{animation:xhand 8s linear infinite}
@keyframes xglow{50%{opacity:.6}}.xglow{animation:xglow 2.4s ease-in-out infinite}
@keyframes xstack{0%,10%{transform:scaleY(.2)}50%,100%{transform:scaleY(1)}}.xstack{transform-box:fill-box;transform-origin:50% 100%;animation:xstack 5s ease-out infinite}
@media (prefers-reduced-motion:reduce){.xart *{animation:none!important}}

/* ---------- v13: industry control room */
:root #site section.iph.xcr.xcr{position:relative;background:#0b0a09!important;color:#F3EFE6;padding-block:clamp(30px,4vw,56px) clamp(36px,4.4vw,60px);overflow:hidden}
.xcr:before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 82% 24%,color-mix(in srgb,var(--acc) 30%,transparent),transparent 70%),linear-gradient(rgba(243,239,230,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,230,.05) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;pointer-events:none}
.xcr>.wrap{position:relative;max-width:1320px}.xtop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;margin-bottom:26px}
#site .xcr h1{color:#F3EFE6;font-size:clamp(32px,4vw,56px);margin-bottom:10px}#site .xcr .lead{color:#cfc8ba;margin:0;max-width:540px}#site .xcr .crumb,#site .xcr .crumb a{color:#8A8479}
#site .xcr .btn:not(.o){background:var(--gold);color:#111}#site .xcr .btn:not(.o):hover{background:#F3EFE6}#site .xcr .btn.o{color:#F3EFE6;box-shadow:inset 0 0 0 1px rgba(243,239,230,.6)}#site .xcr .cta{display:flex;gap:10px;flex-wrap:wrap}
.xdash{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(108px,auto);gap:12px}
.xtile{position:relative;overflow:hidden;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(243,239,230,.1);padding:15px 18px}.xtile .lab{color:#8A8479;font-size:9px}.xtile>b{display:block;font:400 clamp(22px,2.3vw,32px) Adventor,sans-serif;margin-top:8px;color:#F3EFE6}.xtile small{font-size:11.5px;color:#8A8479}.xtile small em{font-style:normal;color:#34C38F}
.xspark{position:absolute;left:0;right:0;bottom:0;width:100%;height:42%}.xspark path{fill:none;stroke:var(--acc);stroke-width:2;stroke-dasharray:400;stroke-dashoffset:400;animation:xdraw2 2.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes xdraw2{to{stroke-dashoffset:0}}
.xtile.xlive{grid-column:span 2;grid-row:span 2;padding:0;min-height:260px}.xtile.xlive .xscene{position:absolute;inset:0}.xtl{position:absolute;left:14px;top:12px;z-index:4;background:rgba(0,0,0,.6);color:#F3EFE6!important;padding:5px 10px;border-radius:99px}
.xtile.xfeed{grid-column:span 2;grid-row:span 2}.xfeedl{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.xfeedl li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.045);font-size:13px;color:#e8e2d6;animation:xfin .6s cubic-bezier(.16,1,.3,1)}@keyframes xfin{from{opacity:0;transform:translateY(-10px)}}
.xfeedl li i{width:8px;height:8px;border-radius:50%;background:var(--tc);flex:none;box-shadow:0 0 10px var(--tc)}.xfeedl li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xfeedl li small{margin-left:auto;color:#8A8479;font-size:11px;white-space:nowrap}
.xtile.xbars{grid-column:span 2}.xbs{display:flex;align-items:flex-end;gap:5px;height:66px;margin-top:10px}.xbs i{flex:1;border-radius:4px 4px 0 0;background:var(--acc);height:var(--h);transform-origin:bottom;animation:xgrow 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--k)*50ms)}@keyframes xgrow{from{transform:scaleY(0)}}
.xsamp{margin-top:14px;color:#6f6a61!important;font-size:8.5px!important}
.xtag{position:absolute;left:var(--x);top:var(--y);translate:-50% -100%;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 8px;border:0;border-radius:99px;background:#fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.45);font:500 max(9.5px,1.5cqw) Poppins,sans-serif;color:#1f1d1a;white-space:nowrap;cursor:pointer;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .45s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.xtag.show{opacity:1;transform:none}.xtag:hover{transform:translateY(-2px)}.xtag i{width:8px;height:8px;border-radius:50%;background:var(--tc);animation:xtp 2s infinite}@keyframes xtp{0%{box-shadow:0 0 0 0 var(--tc)}70%{box-shadow:0 0 0 6px transparent}}
.xtag:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:#fff;transform:translateX(-50%) rotate(45deg)}
.xshot{position:absolute;inset:5%;z-index:6;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);opacity:0;transform:scale(.9) translateY(14px);pointer-events:none;transition:opacity .35s,transform .5s cubic-bezier(.16,1,.3,1)}.xshot.on{opacity:1;transform:none;pointer-events:auto}.xshot img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.xshot button{position:absolute;left:10px;bottom:10px;border:0;border-radius:99px;padding:7px 12px;background:#111;color:#F3EFE6;font:500 11px Poppins,sans-serif;cursor:pointer}.xshot .lab{position:absolute;right:10px;bottom:12px;background:#fff;padding:5px 9px;border-radius:99px;color:#6f6a61!important;font-size:8px!important}
.xsplit{display:grid;grid-template-columns:1fr 1fr;gap:16px}.xcol{border-radius:18px;padding:26px}.xcol.bad{background:#fff6f4;border:1px solid #f4d2cb}.xcol.good{background:#f2faf6;border:1px solid #cdeedb}.xcol h3{margin-bottom:12px;color:#1f1d1a}.xcol ul{list-style:none;padding:0;margin:0}.xcol li{display:flex;gap:12px;padding:11px 0;border-top:1px solid rgba(17,17,17,.08);font-size:14.5px;color:#2b2925}.xcol li:first-child{border-top:0}.xcol li b{font-weight:500}
.xcol li i{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:12px;color:#fff;margin-top:1px}.xcol.bad li i{background:#EF6A5B}.xcol.good li i{background:#34C38F}
:root:not([data-theme=light]) .xcol.bad{background:rgba(239,106,91,.08);border-color:rgba(239,106,91,.3)}:root:not([data-theme=light]) .xcol.good{background:rgba(52,195,143,.08);border-color:rgba(52,195,143,.3)}:root:not([data-theme=light]) .xcol h3,:root:not([data-theme=light]) .xcol li{color:var(--fg)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .xcol.bad{background:#fff6f4;border-color:#f4d2cb}:root:not([data-theme=dark]) .xcol.good{background:#f2faf6;border-color:#cdeedb}:root:not([data-theme=dark]) .xcol h3,:root:not([data-theme=dark]) .xcol li{color:#2b2925}}
.xcaps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.xcaps>div{background:var(--bg,#fff);padding:26px 24px}#site section.tc .xcaps>div{background:#fff}#site section.tw .xcaps>div{background:#FAF7F1}.xcaps h3{margin:14px 0 6px}.xcaps p{font-size:13.5px!important;color:var(--sub)}
:root:not([data-theme=light]) #site .xcaps>div{background:var(--bg)!important}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site section.tc .xcaps>div{background:#fff!important}:root:not([data-theme=dark]) #site section.tw .xcaps>div{background:#FAF7F1!important}}
@media(max-width:899px){.xtop{grid-template-columns:1fr}.xdash{grid-template-columns:1fr 1fr}.xtile.xlive,.xtile.xfeed,.xtile.xbars{grid-column:span 2}.xtile.xlive{min-height:0;aspect-ratio:16/10}.xsplit,.xcaps{grid-template-columns:1fr}.xtag{font-size:9px;padding:5px 9px 5px 7px}}
:root #site section.xcr.xcr .btn:not(.o){background:var(--gold);color:#111}:root #site section.xcr.xcr .btn:not(.o):hover{background:#F3EFE6;color:#111}:root #site section.xcr.xcr .btn.o{color:#F3EFE6;box-shadow:inset 0 0 0 1px rgba(243,239,230,.6);background:none}
@media(max-width:700px){.xtag[data-k="2"]{display:none}.xtl{font-size:8px!important;padding:4px 8px!important}.xfeedl li small{display:none}.xfeedl li{font-size:12px}}

/* ---------- v14 */
.xarea{display:block;width:100%;height:66px;margin-top:10px}.xdon{display:flex;align-items:center;gap:18px;margin-top:8px}.xdon svg{width:72px;height:72px;flex:none}.xdon ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}.xdon li{display:flex;align-items:center;gap:8px;font-size:12px;color:#cfc8ba}.xdon li i{width:8px;height:8px;border-radius:3px}.xdon li b{color:#F3EFE6;font-weight:500;margin-left:4px}
/* before and after */
.yba{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff}:root:not([data-theme=light]) .yba{background:rgba(255,255,255,.03)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .yba{background:#fff}}
.ytog{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;margin:20px;padding:4px;border-radius:99px;background:color-mix(in srgb,var(--fg) 7%,transparent)}.ytog button{position:relative;z-index:1;border:0;background:none;padding:10px 20px;border-radius:99px;cursor:pointer;font:500 12.5px Poppins,sans-serif;color:var(--sub);transition:color .3s}.ytog button.on{color:#fff}
.ytog i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:99px;background:#EF6A5B;transition:transform .5s cubic-bezier(.16,1,.3,1),background .4s}.yba.on1 .ytog i{transform:translateX(100%);background:#34C38F}
.ybg{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0;border-top:1px solid var(--line)}.ybsc{position:relative;aspect-ratio:16/9;overflow:hidden;background:color-mix(in srgb,var(--acc) 7%,#fff);--acc2:color-mix(in srgb,var(--acc) 34%,#fff);--acc3:color-mix(in srgb,var(--acc) 14%,#fff);container-type:inline-size}
.ybsc .xart{filter:grayscale(1) contrast(.85) brightness(1.04);transition:filter .8s}.yba.on1 .ybsc .xart{filter:none}.ybsc .xart *{animation-play-state:paused}.yba.on1 .ybsc .xart *{animation-play-state:running}
.ymk{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%}.ymk b{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font:500 14px Poppins,sans-serif;transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}.ymk .m0{background:#EF6A5B;box-shadow:0 0 0 6px rgba(239,106,91,.25)}.ymk .m1{background:#34C38F;box-shadow:0 0 0 6px rgba(52,195,143,.25);opacity:0;transform:scale(.4)}.yba.on1 .ymk .m0{opacity:0;transform:scale(.4)}.yba.on1 .ymk .m1{opacity:1;transform:none}
.ybl{position:relative;padding:28px 30px}.ybl ul{list-style:none;padding:0;margin:0;transition:opacity .45s,transform .55s cubic-bezier(.16,1,.3,1)}.ybl .l1{position:absolute;inset:28px 30px;opacity:0;transform:translateY(12px)}.yba.on1 .l0{opacity:0;transform:translateY(-12px)}.yba.on1 .l1{opacity:1;transform:none}
.ybl li{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.45}.ybl li:first-child{border-top:0}.ybl li i{flex:none;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:12px;color:#fff}.l0 li i{background:#EF6A5B}.l1 li i{background:#34C38F}.ybl li b{font-weight:500}
/* bento */
.ybento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ybig{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#fff}.yscr{flex:1;min-height:220px;overflow:hidden;border-bottom:1px solid var(--line);background:#f6f3ec}.yscr img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.ybig:hover .yscr img{transform:scale(1.04)}
.ybt{padding:20px 22px}.ybt h3,.ysm h3{margin:8px 0 6px}.ybt p,.ysm p{font-size:13.5px!important;color:var(--sub)}.ynum{font:500 10px Poppins,sans-serif;letter-spacing:.16em;color:var(--acc)}
.ysm{padding:22px;border-radius:20px;border:1px solid var(--line);background:#fff;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}.ysm:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 45%,var(--line));box-shadow:0 18px 36px -24px var(--c)}.ysh{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ysm .ynum{color:var(--c)}
#site section.tw .ybig,#site section.tw .ysm,#site section.tw .yrep{background:#FAF7F1}:root:not([data-theme=light]) .ybig,:root:not([data-theme=light]) .ysm,:root:not([data-theme=light]) .yrep{background:rgba(255,255,255,.03)!important}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .ybig,:root:not([data-theme=dark]) .ysm,:root:not([data-theme=dark]) .yrep{background:#fff!important}:root:not([data-theme=dark]) #site section.tw .ybig,:root:not([data-theme=dark]) #site section.tw .ysm,:root:not([data-theme=dark]) #site section.tw .yrep{background:#FAF7F1!important}}
/* modules dock and reports */
.ydock{display:flex;flex-wrap:wrap;gap:12px;padding:18px;border-radius:22px;background:color-mix(in srgb,var(--acc) 10%,transparent);border:1px solid color-mix(in srgb,var(--acc) 22%,transparent);margin-bottom:16px}.ydock a{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:14px;background:var(--bg,#fff);font-size:14px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.ydock a:hover{transform:translateY(-3px);box-shadow:0 14px 26px -18px rgba(0,0,0,.4)}
:root:not([data-theme=light]) .ydock a{background:rgba(255,255,255,.05)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .ydock a{background:#fff}}
.yreps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.yrep{padding:18px 18px 16px;border-radius:18px;border:1px solid var(--line);background:#fff}.yrep .lab{color:var(--grey);font-size:9px}.yrep h3{font-size:15.5px!important;margin:6px 0 14px;min-height:2.5em}.yrb{display:flex;align-items:flex-end;gap:4px;height:54px}.yrb i{flex:1;height:var(--h);border-radius:3px 3px 0 0;transform-origin:bottom;animation:xgrow 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--k)*60ms)}
/* story with video */
.ystory{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:stretch}.ystory .tq{margin:0;max-width:none}
.yvid,.yfilm{position:relative;border-radius:22px;overflow:hidden;background:#0b0a09;min-height:240px;cursor:pointer;--acc2:color-mix(in srgb,var(--acc) 34%,#fff);--acc3:color-mix(in srgb,var(--acc) 14%,#fff)}.yvbg{position:absolute;inset:0;opacity:.55;filter:saturate(.9)}.yvbg .xart{width:100%;height:100%}.yvid:after,.yfilm:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,9,.1),rgba(11,10,9,.85))}
.yplay{position:absolute;left:50%;top:44%;translate:-50% -50%;z-index:2;width:66px;height:66px;border-radius:50%;background:var(--gold);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(184,151,90,.25);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.yplay svg{width:22px;height:22px;fill:#111;margin-left:3px}.yvid:hover .yplay,.yfilm:hover .yplay{transform:scale(1.08)}
.yvt{position:absolute;left:22px;bottom:18px;z-index:2;color:#F3EFE6}.yvt .lab{color:var(--gold)}.yvt b{display:block;font:400 20px Adventor,sans-serif;margin-top:4px}.yvt small{color:#a8a194;font-size:12px}
.yfilm{min-height:300px}.yfx{position:absolute;inset:auto 0 0 0;z-index:2;display:flex;align-items:center;gap:20px;padding:26px 28px;color:#F3EFE6}.yfx .yplay{position:static;translate:none;flex:none}.yfx h3{color:#F3EFE6;margin:4px 0}.yfx .lab{color:var(--gold)}.yfx small{color:#a8a194}.yfx .btn{margin-left:auto}:root #site .yfx .btn{background:var(--gold);color:#111}
/* prev / next with scenes */
.ypn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(30px,3.4vw,48px)}.ypn a{display:flex;align-items:center;gap:16px;padding:12px;border-radius:18px;border:1px solid var(--line);background:#fff;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.ypn a:hover{transform:translateY(-3px);box-shadow:0 18px 36px -26px rgba(0,0,0,.4)}.ypn a:last-child{flex-direction:row-reverse;text-align:right}
.ypn .lab{display:block;color:var(--grey);margin-bottom:4px}.ypn strong{font:400 clamp(17px,1.6vw,21px) Adventor,sans-serif}.ythumb{position:relative;flex:none;width:150px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--acc) 7%,#fff);--acc2:color-mix(in srgb,var(--acc) 34%,#fff);--acc3:color-mix(in srgb,var(--acc) 14%,#fff)}.ythumb .xart{width:100%;height:100%}.yico{padding:8px}
:root:not([data-theme=light]) .ypn a{background:rgba(255,255,255,.03)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .ypn a{background:#fff}:root:not([data-theme=dark]) #site section.tw .ypn a{background:#FAF7F1}}
/* module header */
.ymg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,60px);align-items:center}#site .ymh h1{margin-bottom:10px}
.yfl{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:6px}.yfl li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:#cfc8ba;font-size:14px;cursor:default;transition:background .3s,color .3s}.yfl li b{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:500 12px Poppins,sans-serif;background:rgba(255,255,255,.08);color:#F3EFE6;transition:background .3s}.yfl li.on{background:rgba(255,255,255,.06);color:#F3EFE6}.yfl li.on b{background:var(--acc)}
.ymscr{border-radius:14px;overflow:hidden;border:1px solid rgba(243,239,230,.18);box-shadow:0 0 0 6px rgba(255,255,255,.03),0 40px 90px -30px rgba(0,0,0,.9),0 0 100px -30px var(--acc)}.ybar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#1a1816;color:#8A8479;font:500 10px Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase}.ybar i{width:9px;height:9px;border-radius:50%;background:#3a3631}.ybar i:first-child{background:var(--acc)}.ybar span{margin-left:8px}
.yimg{position:relative;background:#fff}.yimg img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left}.yhot{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;width:30px;height:30px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font:500 13px Poppins,sans-serif;box-shadow:0 0 0 6px color-mix(in srgb,var(--acc) 30%,transparent);cursor:default;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.yhot.on{transform:scale(1.3);box-shadow:0 0 0 12px color-mix(in srgb,var(--acc) 26%,transparent)}
/* module flow */
.yflow{display:flex;align-items:center;justify-content:center;gap:0;padding:26px;border-radius:22px;background:color-mix(in srgb,var(--acc) 8%,transparent);border:1px solid color-mix(in srgb,var(--acc) 20%,transparent);overflow:hidden}.yfn{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 16px;border-radius:18px;background:var(--bg,#fff);min-width:130px;text-align:center;font-size:13.5px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.yfn b{font-weight:500}a.yfn:hover{transform:translateY(-4px)}
.ycore{box-shadow:0 0 0 2px var(--acc),0 20px 44px -22px var(--acc);transform:scale(1.08)}:root:not([data-theme=light]) .yfn{background:rgba(255,255,255,.05)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .yfn{background:#fff}}
.yfw{flex:1;min-width:24px;height:2px;background:color-mix(in srgb,var(--acc) 30%,transparent);position:relative;overflow:hidden}.yfw u{position:absolute;top:-3px;left:-12px;width:12px;height:8px;border-radius:4px;background:var(--acc);animation:yrun 2.2s linear infinite}.yfw:nth-of-type(even) u{animation-direction:reverse}@keyframes yrun{to{left:100%}}
.yinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.yinds a{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.yinds a:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(0,0,0,.4)}.yinds .ythumb{width:100%;border-radius:0}.yit{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.yit b{font:400 16px Adventor,sans-serif}.yit .more{color:var(--gt)}
:root:not([data-theme=light]) .yinds a{background:rgba(255,255,255,.03)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .yinds a{background:#fff}}
@media(max-width:899px){.ybg,.ystory,.ymg{grid-template-columns:1fr}.ybento{grid-template-columns:1fr}.ybig{grid-column:auto;grid-row:auto}.yreps{grid-template-columns:1fr 1fr}.ypn{grid-template-columns:1fr}.ythumb{width:110px}.yinds{grid-template-columns:1fr 1fr}.yflow{flex-direction:column;gap:0}.yfw{width:2px;height:28px;flex:none}.yfw u{top:-12px;left:-3px;width:8px;height:12px;animation-name:yrunv}@keyframes yrunv{to{top:100%}}.yfx{flex-wrap:wrap}.yfx .btn{margin-left:0}.ybl .l1{inset:28px 20px}}
.qvid{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:99px;border:1px solid var(--line);font-size:12px;color:var(--grey)}.qvid i{width:26px;height:26px;border-radius:50%;background:var(--gold);display:grid;place-items:center}.qvid svg{width:10px;height:10px;fill:#111;margin-left:2px}.qfoot{gap:14px 20px}


/* ---------- v16 estimate wizard: plain, readable, product-led */
#site .ehd{padding:clamp(34px,4vw,56px) 0 clamp(20px,2.4vw,30px)}.ehd h1{font:500 clamp(30px,3.4vw,44px)/1.12 Adventor,sans-serif;letter-spacing:-.02em;margin:16px 0 10px}.ehd p{font-size:17px;color:var(--sub);margin:0}
.eget{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px 26px}.eget li{display:flex;align-items:center;gap:9px;font-size:14.5px;color:var(--fg)}.eget svg{width:18px;height:18px;color:#1F9D72}
#site .ewz{padding:0 0 clamp(60px,7vw,100px)}.ewg{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.ecard,.esum{background:var(--uc);border:1px solid var(--ul);border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 20px 50px -34px rgba(40,28,6,.35);color:var(--ufg)}
.etop{padding:18px 26px 0;border-bottom:1px solid var(--ul2)}.esteps{list-style:none;margin:0;padding:0;display:flex;gap:6px;justify-content:space-between}.esteps li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--umut);padding-bottom:14px}.esteps i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:600 11.5px Poppins,sans-serif;font-style:normal;background:var(--ut1);color:var(--usub)}.esteps li.on{color:var(--ufg);font-weight:500}.esteps li.on i{background:var(--uink);color:var(--uinkfg)}.esteps li.dn i{background:#1F9D72;color:#fff}
.ebar{height:3px;background:var(--ut1);margin:0 -26px}.ebar b{display:block;height:100%;background:#1F9D72;transition:width .5s cubic-bezier(.16,1,.3,1)}
.ebody{padding:30px 26px 10px;min-height:400px}.ebody.ein{animation:ein .4s cubic-bezier(.16,1,.3,1)}@keyframes ein{from{opacity:0;transform:translateX(14px)}}
.ebody h2{font:500 clamp(22px,2vw,28px)/1.2 Adventor,sans-serif;letter-spacing:-.015em;margin:0 0 6px;color:var(--ufg)}.esub{color:var(--usub);font-size:15px;margin:0 0 22px}.eq{font:500 15px Poppins,sans-serif!important;margin:24px 0 12px;color:var(--ufg)}.eq small{font-weight:400;color:var(--umut);margin-left:6px;font-size:13px}
.eopt{position:relative;border:1.5px solid var(--ul);background:var(--uc);border-radius:14px;cursor:pointer;text-align:left;font:inherit;color:var(--ufg);transition:border-color .2s,box-shadow .2s,transform .2s}.eopt:hover{border-color:var(--uhov);transform:translateY(-1px)}.eopt.on{border-color:#1F9D72;box-shadow:0 0 0 3px rgba(31,157,114,.14)}
.eopt>u{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:#1F9D72;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:.2s}.eopt>u svg{width:13px;height:13px}.eopt.on>u{opacity:1;transform:none}
.eind{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.eio{display:flex;align-items:center;gap:12px;padding:12px 28px 12px 12px}.eio b{display:block;font-weight:500;font-size:14.5px;line-height:1.25}.eio span:not(.eic){display:block;font-size:12.5px;color:var(--umut);margin-top:3px;line-height:1.35}
.eic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 72%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 82%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px -8px var(--c)}.eic svg{width:23px;height:23px}.eio:hover .eic{transform:scale(1.06)}.eic{transition:transform .25s}
.erow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.erow.e3{grid-template-columns:repeat(3,1fr)}.ebig{padding:18px 14px;text-align:center}.ebig b{display:block;font:500 24px/1 Adventor,sans-serif}.ebig span{display:block;font-size:12.5px;color:var(--umut);margin-top:6px}
.emods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.emo{display:flex;gap:12px;align-items:flex-start;padding:14px 40px 14px 14px}.emo .icn{flex:none;width:36px;height:36px;border-radius:10px}.emo b{display:block;font-weight:500;font-size:14.5px}.emo b em{font-style:normal;font-size:10.5px;font-weight:500;color:#1F9D72;background:rgba(31,157,114,.1);padding:2px 7px;border-radius:99px;margin-left:6px;vertical-align:2px}.emo span{display:block;font-size:12.5px;color:var(--usub);margin-top:3px;line-height:1.4}
.ehost{padding:18px 40px 18px 18px}.ehost b{display:block;font-weight:500;font-size:15px;margin-bottom:6px}.ehost span{font-size:13px;color:var(--usub);line-height:1.45}
.echips{display:flex;flex-wrap:wrap;gap:8px}.echip{padding:9px 15px;border-radius:99px;font-size:13.5px}.echip.on{background:rgba(31,157,114,.08)}
.eform{display:grid;grid-template-columns:1fr 1fr;gap:14px}.eform label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--usub)}.eform label:last-child{grid-column:1/-1}.eform input{border:1.5px solid var(--ul);border-radius:11px;padding:13px 14px;font:400 15px Poppins,sans-serif;color:var(--ufg);background:var(--uc);outline:0}.eform input:focus{border-color:var(--uink);box-shadow:0 0 0 3px rgba(0,0,0,.06)}.enote{font-size:13px;color:var(--umut);margin-top:14px}
.efoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 26px;border-top:1px solid var(--ul2);margin-top:20px}.efoot[hidden]{display:none}.ebk{border:0;background:none;font:500 14px Poppins,sans-serif;color:var(--ufg);cursor:pointer;padding:10px 4px}#ehint{font-size:13px;color:var(--umut)}#ehint.shk{animation:shk .4s;color:#D2453A}@keyframes shk{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
#site .efoot .btn{background:var(--uink)!important;color:var(--uinkfg)!important;border-color:var(--uink)!important}#site .efoot .btn.dis{opacity:.35}
.edone{text-align:center;padding:30px 10px 40px;max-width:520px;margin:0 auto}.eok{width:64px;height:64px;border-radius:50%;background:#1F9D72;display:grid;place-items:center;margin:0 auto 20px;animation:ein .5s}.eok svg{width:30px;height:30px}.edone p{color:var(--usub);font-size:15.5px}.esamp{font-size:12px!important;color:var(--umut)!important}.edone .cta{justify-content:center;margin-top:22px;flex-wrap:wrap}
.esum{position:sticky;top:96px;padding:22px}.esum h3{font:500 16px Poppins,sans-serif!important;margin:0 0 12px}.esl{list-style:none;margin:0;padding:0}.esl li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:11px 0;border-top:1px solid var(--ul2)}.esl span{font-size:12px;color:var(--umut)}.esl b{grid-column:1;font-weight:500;font-size:14px}.esl li.emp b{color:var(--uhov);font-weight:400}.esl button{grid-column:2;grid-row:1/3;align-self:center;border:0;background:none;color:#1F7A5A;font:500 12.5px Poppins,sans-serif;cursor:pointer}
.emi{display:flex;flex-wrap:wrap;gap:5px;padding:4px 0 12px}.emi .icn{width:26px;height:26px;border-radius:7px}
.esz{padding-top:14px;border-top:1px solid var(--ul2)}.esz>span{font-size:12px;color:var(--umut)}.eszb{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:8px 0}.eszb i{font-style:normal;text-align:center;font-size:12.5px;padding:8px 0;border-radius:8px;background:var(--ut2);color:var(--umut);transition:.3s}.eszb i.on{background:var(--uink);color:var(--uinkfg)}.esz small{font-size:11.5px;color:var(--umut);line-height:1.4;display:block}
#site .enext{padding-block:clamp(60px,7vw,100px)}.enext h2{font:500 clamp(24px,2.4vw,32px) Adventor,sans-serif;margin:0 0 24px}.enext ol{list-style:none;padding:0;margin:0 0 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.enext ol li{padding:22px;border-radius:16px;background:var(--uc);border:1px solid var(--ul);color:var(--ufg)}.enext ol i{width:30px;height:30px;border-radius:50%;background:var(--uink);color:var(--uinkfg);display:grid;place-items:center;font:600 13px Poppins,sans-serif;font-style:normal;margin-bottom:14px}.enext ol h3{font-size:17px!important;margin:0 0 6px}.enext ol p{font-size:14px!important;color:var(--usub)}.efaq{max-width:820px}
:root:not([data-theme=light]) .ecard,:root:not([data-theme=light]) .esum,:root:not([data-theme=light]) .enext ol li{filter:none}
@media(max-width:899px){.ewg{grid-template-columns:1fr}.esum{position:static}.esteps span{display:none}.esteps li.on span{display:inline}.erow{grid-template-columns:repeat(3,1fr)}.erow.e3,.emods,.eform{grid-template-columns:1fr}.enext ol{grid-template-columns:1fr}.eind{grid-template-columns:1fr}.ebody{padding:24px 18px 6px}.etop{padding:16px 18px 0}.ebar{margin:0 -18px}.efoot{padding:14px 18px}}

/* ---------- v17: plain, readable inner pages */
#site .uhd{padding:clamp(34px,4vw,60px) 0 clamp(30px,3.4vw,48px)}.uhdg{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(30px,5vw,80px);align-items:center}
#site .uhd h1{font:500 clamp(30px,3.4vw,46px)/1.12 Adventor,sans-serif;letter-spacing:-.02em;margin:16px 0 12px;max-width:820px}.ulead{font-size:17px!important;line-height:1.6;color:var(--sub);max-width:680px;margin:0}
.ucta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
#site .us{padding-block:clamp(56px,6.4vw,92px)}#site .us.usm{padding-block:clamp(30px,3.4vw,48px)}
.ush{margin-bottom:clamp(24px,2.8vw,36px);max-width:720px}.ukick{display:block;font:500 12.5px Poppins,sans-serif;color:#1F7A5A;margin-bottom:8px}#site .ush h2{font:500 clamp(24px,2.4vw,34px)/1.18 Adventor,sans-serif;letter-spacing:-.015em;margin:0}.ush p{margin:10px 0 0;font-size:15.5px;color:var(--sub)}
.ugrid{display:grid;gap:14px}.ugrid.u3{grid-template-columns:repeat(3,1fr)}.ugrid.u2{grid-template-columns:repeat(2,1fr)}
.ucard{position:relative;background:var(--uc);border:1px solid var(--ul);border-radius:16px;padding:18px;color:var(--ufg);box-shadow:0 1px 2px rgba(0,0,0,.03);transition:border-color .2s,box-shadow .2s,transform .2s}a.ucard:hover{border-color:var(--uhov);transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(40,28,6,.4)}
.ucard b{display:block;font-weight:500;font-size:15px;line-height:1.3}.ucard span{display:block;font-size:13.5px;color:var(--usub);line-height:1.5;margin-top:3px}
.umc,.uic{display:flex;align-items:center;gap:14px;padding-right:40px;text-decoration:none}.umc .icn{flex:none;width:42px;height:42px;border-radius:11px}.umc>s,.uic>s,.ucb s{position:absolute;right:16px;top:50%;translate:0 -50%;text-decoration:none;color:var(--uhov);transition:.2s}a.ucard:hover>s{color:var(--ufg);right:12px}.uic[hidden],.uart2[hidden]{display:none}
.usearch{display:flex;align-items:center;gap:10px;max-width:520px;margin-top:24px;padding:0 16px;border:1.5px solid var(--ul);border-radius:12px;background:var(--uc)}.usearch svg{width:18px;height:18px;color:var(--umut)}.usearch input{flex:1;border:0;outline:0;padding:14px 0;font:400 15px Poppins,sans-serif;background:none;color:var(--ufg)}.usearch:focus-within{border-color:var(--uink)}
.unone{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px}.unone[hidden]{display:none}.unone .btn{margin-top:10px}
/* jump bar */
.ujump{position:sticky;top:var(--navh,72px);z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--ul)}.ujump .wrap{display:flex;align-items:center;gap:4px;height:56px;overflow-x:auto;scrollbar-width:none}.ujump a{flex:none;padding:8px 14px;border-radius:99px;font-size:14px;color:var(--usub);text-decoration:none;white-space:nowrap}.ujump a.on{background:var(--ut1);color:var(--ufg);font-weight:500}.ujump .btn{margin-left:auto;padding:9px 16px!important;font-size:11px!important}
:root:not([data-theme=light]) .ujump{background:rgba(20,18,15,.96)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .ujump{background:rgba(255,255,255,.96)}}
/* problems */
.upf{padding:0;overflow:hidden;display:flex;flex-direction:column}.upft{display:flex;gap:12px;padding:20px;background:var(--ured);flex:1}.upft p{margin:0;font-size:15.5px!important;line-height:1.45;color:var(--ufg)}.ubad{flex:none;width:24px;height:24px;border-radius:50%;display:grid!important;place-items:center;background:#EF6A5B;color:#fff!important;font:700 13px Poppins,sans-serif!important;margin:0!important}.upfb{display:flex;gap:12px;padding:18px 20px;border-top:1px solid var(--ul2)}
.uok{flex:none;width:24px;height:24px;border-radius:50%;display:grid!important;place-items:center;background:#1F9D72;margin:0!important}.uok svg{width:13px;height:13px}
/* flow */
.uflow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:f}.uflow li{position:relative;background:var(--uc);border:1px solid var(--ul);border-radius:16px;padding:20px;color:var(--ufg)}.uflow li:not(:last-child)::after{content:'→';position:absolute;right:-13px;top:50%;translate:0 -50%;width:24px;height:24px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:12px;z-index:1}.uflow i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);font:600 13px Poppins,sans-serif;font-style:normal;margin-bottom:14px}.uflow b{font-weight:500;font-size:15px;line-height:1.4}
/* what you get */
.ugsplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,5vw,70px);align-items:start}.uchk{list-style:none;margin:0;padding:0}.uchk li{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.uchk li:first-child{border-top:0;padding-top:0}.uchk b{display:block;font-weight:500;font-size:15.5px}.uchk span:not(.uok):not(.eic){display:block;font-size:14px;color:var(--sub);margin-top:3px;line-height:1.5}.uchk .eic{width:34px;height:34px;border-radius:10px}.uchk .eic svg{width:17px;height:17px}
.ugr{display:grid;gap:14px;position:sticky;top:150px}.uscr{border-radius:14px;overflow:hidden;border:1px solid var(--ul);background:var(--uc);box-shadow:0 30px 60px -40px rgba(40,28,6,.5)}.uscrb{display:flex;gap:6px;padding:10px 12px;background:var(--ut2);border-bottom:1px solid var(--ul2)}.uscrb i{width:9px;height:9px;border-radius:50%;background:var(--uhov)}.uscr img{display:block;width:100%;height:auto}
.urep ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.urep li{display:flex;align-items:center;gap:10px;font-size:13.5px;line-height:1.35}.urep .eic{width:30px;height:30px;border-radius:9px}.urep .eic svg{width:15px;height:15px}
/* quote, faq, prev/next */
.uquote{margin:0 auto;max-width:860px;text-align:center}.uquote blockquote{margin:0;font:400 clamp(20px,2.2vw,28px)/1.45 Adventor,sans-serif;color:var(--fg)}.uquote figcaption{margin-top:18px}.uquote b{display:block;font-weight:500}.uquote span{color:var(--grey);font-size:14px}
.ufq{max-width:860px}.ufaq details{background:var(--uc);border:1px solid var(--ul);border-radius:14px;padding:0 20px;margin-bottom:10px;color:var(--ufg)}.ufaq summary{padding:18px 0;font-weight:500;font-size:15.5px;cursor:pointer}.ufaq p{margin:0 0 18px;color:var(--usub);font-size:14.5px}
.upn{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upn .ucard{display:flex;align-items:center;gap:14px;text-decoration:none}.upn .ucard:last-child{flex-direction:row-reverse;text-align:right}.upn span{font-size:12px!important;color:var(--umut)!important;margin:0 0 2px!important}.upn .icn{width:42px;height:42px;border-radius:11px;flex:none}
/* cta band */
#site .uctas{padding-block:clamp(40px,5vw,72px)}.ucb{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;padding:clamp(26px,3.4vw,44px);border-radius:22px;background:#141210;color:#fff}#site .ucb h2{font:500 clamp(22px,2.2vw,30px)/1.2 Adventor,sans-serif;color:#fff;margin:0 0 6px}.ucb p{margin:0;color:#b9b2a4;font-size:15px}.ucb .ucta{margin:0}#site .ucb .btn:not(.o){background:var(--uc)!important;color:#111!important;border-color:#fff!important}#site .ucb .btn.o{color:#fff!important;border-color:rgba(255,255,255,.35)!important;background:none!important}
/* module page */
.umk{display:flex;align-items:center;gap:12px;margin-top:18px}.umk .icn{width:52px;height:52px;border-radius:14px}.umk span{font-size:13.5px;color:var(--grey)}#site .umh h1{margin-top:14px}
#site .us.ushot{padding-top:0}.ushot .uscr{max-width:1100px;margin:0 auto}.unote{text-align:center;font-size:12.5px;color:var(--grey);margin-top:14px}
.ufe{display:flex;flex-direction:column;gap:12px}.ufe .eic{width:36px;height:36px;border-radius:10px}.ufe .eic svg{width:18px;height:18px}.ufe span{margin-top:-6px}
/* method */
.usteps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.usteps li{display:grid;grid-template-columns:44px minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:center;background:var(--uc);border:1px solid var(--ul);border-radius:16px;padding:20px 22px;color:var(--ufg)}.usteps.sm li{grid-template-columns:44px 1fr}.usteps i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font:600 15px Poppins,sans-serif;font-style:normal}.ust b{font-weight:500;font-size:17px}.ust p{margin:4px 0 0;font-size:14px!important;color:var(--usub);line-height:1.5}
.usr{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:14px 16px;border-radius:12px;background:var(--ut3)}.usr>span{grid-column:1/-1;font-size:11.5px;color:var(--umut)}.usr .eic{width:34px;height:34px;border-radius:10px}.usr .eic svg{width:17px;height:17px}.usr b{font-weight:500;font-size:14px}.usr small{display:block;font-size:12.5px;color:var(--usub);line-height:1.4}
/* partner */
.ubadge{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px}.ubadge img{width:min(240px,80%);height:auto}.ubadge span{font-size:13px}
.uchain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center}.uchain>s{text-decoration:none;font-size:20px;color:var(--uhov)}.uchain .ucard{text-align:center;padding:26px 18px}.ucl{height:64px;display:grid;place-items:center;margin-bottom:12px}.ucl img{max-height:56px;max-width:160px}.ucl .eic{width:52px;height:52px;border-radius:14px}.ucl .eic svg{width:26px;height:26px}
.ucols{gap:clamp(30px,5vw,70px)!important}
/* resources */
.uchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.uchips button{border:1.5px solid var(--ul);background:var(--uc);color:var(--ufg);border-radius:99px;padding:9px 16px;font:400 13.5px Poppins,sans-serif;cursor:pointer}.uchips button.on{background:var(--uink);border-color:var(--uink);color:var(--uinkfg)}
.uart2{display:flex;flex-direction:column;gap:10px;min-height:170px}.uart2 .eic{width:36px;height:36px;border-radius:10px}.uart2 .eic svg{width:18px;height:18px}.utag{font-size:12px!important;color:var(--umut)!important;margin:0!important}.uart2 em{margin-top:auto;font-style:normal;font-size:12px;color:var(--umut);background:var(--ut2);border-radius:99px;padding:4px 10px;align-self:flex-start}
/* demo */
.udemo{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,60px);align-items:start}.uwho{margin-top:14px}.ubook{position:sticky;top:120px;padding:26px}.ubook h3{font:500 20px Poppins,sans-serif!important;margin:0 0 16px}.ubook ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}.ubook li{display:flex;align-items:center;gap:12px;font-size:14.5px}.ubook .eic{width:32px;height:32px;border-radius:9px}.ubook .eic svg{width:16px;height:16px}.ubook .btn{width:100%;justify-content:center}.ubook .txt{display:block;text-align:center;margin-top:14px;font-size:14px}.ubook small{display:block;margin-top:14px;font-size:12px;color:var(--umut);text-align:center}
/* light buttons stay black on these pages */
#site .uhd .btn:not(.o),#site .ujump .btn{background:var(--uink)!important;color:var(--uinkfg)!important;border-color:var(--uink)!important}
/* dark theme: cards stay light-on-dark readable */
:root[data-theme=dark] .ucard,:root[data-theme=dark] .uflow li,:root[data-theme=dark] .usteps li,:root[data-theme=dark] .ufaq details{background:#1d1b18;border-color:#2e2b26;color:#eee}:root[data-theme=dark] .ucard span,:root[data-theme=dark] .ust p{color:#a9a294}:root[data-theme=dark] .upft{background:#2a1c19}:root[data-theme=dark] .upft p{color:#eee}:root[data-theme=dark] .usr{background:#24221e}
/* tablet */
@media(max-width:1100px){.ugrid.u3{grid-template-columns:repeat(2,1fr)}.uflow{grid-template-columns:repeat(2,1fr)}.uflow li:nth-child(2)::after{display:none}.ugsplit,.udemo,.uhdg{grid-template-columns:1fr}.ugr{position:static}.usteps li{grid-template-columns:44px 1fr}.usr{grid-column:2}.ubook{position:static}.uart{max-width:340px}}
@media(max-width:640px){.ugrid.u3,.ugrid.u2,.uflow,.upn{grid-template-columns:1fr}.uflow li::after{display:none}.uchain{grid-template-columns:1fr}.uchain>s{rotate:90deg;justify-self:center}.urep ul{grid-template-columns:1fr}.usteps li{grid-template-columns:1fr;gap:12px}.usr{grid-column:1}.upn .ucard:last-child{flex-direction:row;text-align:left}.ujump .btn{display:none}.ucb .ucta .btn{flex:1;justify-content:center}}
/* nav: switch to menu earlier so it never overflows on tablets */
@media(max-width:1180px) and (min-width:900px){#site .nav .links,#site .nav .btn,#site .nav .wmode0{display:none}#site .burger{display:block}}
/* estimate on tablet */
@media(max-width:1180px){.ewg{grid-template-columns:1fr}.esum{position:static}}
@media(max-width:1180px) and (min-width:641px){.eind{grid-template-columns:repeat(2,1fr)!important}.emods{grid-template-columns:1fr 1fr!important}.erow{grid-template-columns:repeat(5,1fr)!important}.erow.e3{grid-template-columns:repeat(3,1fr)!important}.eform{grid-template-columns:1fr 1fr!important}.esteps span{display:inline!important}}
@media(max-width:640px){.erow{grid-template-columns:repeat(3,1fr)!important}.ebig b{font-size:20px}}
.ucard .eic,.uchk .eic,.ubook .eic,.urep .eic,.usr .eic,.ucl .eic{display:grid!important;place-items:center;margin:0!important;color:#fff}
.umg+.umg{margin-top:clamp(36px,4vw,56px)}#site .umgh{font:500 clamp(20px,1.8vw,24px) Adventor,sans-serif;margin:0 0 16px;display:flex;align-items:baseline;gap:12px}.umgh span{font:400 13px Poppins,sans-serif;color:var(--grey)}
.ucl svg,.ucl>img{max-height:56px}.ucl>svg{width:auto;height:44px}
.usteps .usr{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 12px}.usteps .usr>span:first-child{width:100%}.usteps .usr>div{flex:1;min-width:0}
@media(max-width:640px){.uflow li:not(:last-child)::after{display:none}.ucb .ucta{flex-direction:column;width:100%}.ucb .ucta .btn{width:100%;justify-content:center;white-space:nowrap}.uhd .ucta .btn{white-space:nowrap}}

/* ---------- v18: soft tinted icon tiles */
#site .ict{background:color-mix(in srgb,var(--c) 12%,transparent)!important;border:1px solid color-mix(in srgb,var(--c) 24%,transparent)!important;color:color-mix(in srgb,var(--c) 90%,#000)!important;box-shadow:none!important;display:inline-grid!important;place-items:center;background-image:none!important}
#site .ict::before,#site .ict::after{display:none!important}
#site .ict svg{width:60%!important;height:60%!important;fill:currentColor!important;stroke:none!important;filter:none!important}#site .ict svg path{stroke:none!important}
#site .ict.big svg{width:56%!important;height:56%!important}
#site .eio:hover .ict,#site a.ucard:hover .ict{background:color-mix(in srgb,var(--c) 18%,transparent)!important}
.phi{width:18px;height:18px;flex:none}
/* lobby world plaque: feature tags back on one line, side by side */
.caps.lab{display:block!important;grid-template-columns:none!important;gap:0!important}
/* integrations: a steady, continuous flow */
#wsvg .wdot{filter:drop-shadow(0 0 3px currentColor)}
#hub.hflow{animation:hubglow 3.2s ease-in-out infinite}@keyframes hubglow{0%,100%{box-shadow:0 0 0 0 rgba(31,157,114,0),0 20px 40px -24px rgba(0,0,0,.25)}50%{box-shadow:0 0 0 10px rgba(31,157,114,.08),0 20px 40px -24px rgba(0,0,0,.25)}}

/* ---------- v19 tokens: one set of card colours that works in dark and light */
:root{--uc:#1c1a17;--ufg:#F1EDE4;--usub:#B5AE9F;--umut:#8f887b;--ul:#34302a;--ul2:#2c2924;--ut1:#2a2723;--ut2:#26231f;--ut3:#23211d;--ured:#2b1d1a;--uhov:#5a544a;--uink:#F1EDE4;--uinkfg:#141210}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--uc:#fff;--ufg:#1a1814;--usub:#6b655a;--umut:#8A8479;--ul:#E4DED2;--ul2:#EEE9DF;--ut1:#F1EDE4;--ut2:#F6F3EC;--ut3:#F8F6F1;--ured:#FDF3F1;--uhov:#bdb5a5;--uink:#111;--uinkfg:#fff}}
:root[data-theme=light]{--uc:#fff;--ufg:#1a1814;--usub:#6b655a;--umut:#8A8479;--ul:#E4DED2;--ul2:#EEE9DF;--ut1:#F1EDE4;--ut2:#F6F3EC;--ut3:#F8F6F1;--ured:#FDF3F1;--uhov:#bdb5a5;--uink:#111;--uinkfg:#fff}
:root[data-theme=dark]{--uc:#1c1a17;--ufg:#F1EDE4;--usub:#B5AE9F;--umut:#8f887b;--ul:#34302a;--ul2:#2c2924;--ut1:#2a2723;--ut2:#26231f;--ut3:#23211d;--ured:#2b1d1a;--uhov:#5a544a;--uink:#F1EDE4;--uinkfg:#141210}
#site .ucb{border:1px solid var(--ul)}
/* lobby button: clear and readable */
#site .nav a.lobby{background:var(--uink)!important;color:var(--uinkfg)!important;border-color:var(--uink)!important;font-weight:600;padding:8px 16px 8px 10px}
#site .nav a.lobby img{background:var(--uc);border-radius:50%;padding:2px}
/* area switcher: quiet label, premium directory panel */
#site .wsw{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:7px 12px 7px 10px;border-radius:99px;border:1px solid transparent;font-size:14px!important;font-weight:400!important;color:var(--sub)!important;transition:background .2s,border-color .2s,color .2s}
#site .nav .wsw::before{display:inline!important;content:attr(data-no)!important;background:none!important;width:auto!important;height:auto!important;border:0!important;box-shadow:none!important;position:static!important;mask:none!important;-webkit-mask:none!important;font:500 11px Poppins,sans-serif;color:var(--gt);letter-spacing:.06em}
#site .wsw::after{content:'';width:6px;height:6px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;rotate:45deg;translate:0 -2px;transition:rotate .25s;opacity:.7}
#site .wsw:hover,#site .wsw.open{border-color:var(--line);color:var(--fg)!important}#site .wsw.open::after{rotate:225deg;translate:0 2px}
.wpanel{position:absolute;top:calc(100% + 10px);left:max(16px,calc((100vw - 1200px)/2));width:min(880px,calc(100vw - 32px));background:radial-gradient(120% 90% at 100% 0,rgba(184,151,90,.14),transparent 55%),#121110;color:#F1EDE4;border:1px solid rgba(184,151,90,.28);border-radius:4px;box-shadow:0 40px 90px -30px rgba(0,0,0,.65);padding:26px 34px 18px;z-index:300;animation:wpin .45s cubic-bezier(.16,1,.3,1)}
.wpanel::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#B8975A 30%,#B8975A 70%,transparent)}
.wpanel[hidden]{display:none}@keyframes wpin{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
.wph{display:flex;justify-content:space-between;gap:20px;padding-bottom:14px;font:500 10px Poppins,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#B8975A}.wph span+span{color:#8a8377;letter-spacing:.16em}
.wrows{border-top:1px solid rgba(184,151,90,.22)}
.wrow{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto 24px;align-items:baseline;gap:14px;padding:13px 0;border-bottom:1px solid rgba(184,151,90,.16);color:#F1EDE4;text-decoration:none;animation:wrin .5s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d)}@keyframes wrin{from{opacity:0;transform:translateY(8px)}}
.wrow::after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:0;background:#B8975A;transition:width .5s cubic-bezier(.16,1,.3,1)}
.wrow em{font:400 12px Poppins,sans-serif;font-style:normal;color:#B8975A}
.wrow b{font:300 clamp(22px,2.3vw,30px)/1.1 Adventor,sans-serif;letter-spacing:-.01em;transition:transform .45s cubic-bezier(.16,1,.3,1),color .3s}
.wrow span{font-size:12.5px;color:#8a8377;text-align:right;transition:color .3s}
.wrow i{font-style:normal;color:#B8975A;opacity:0;transform:translateX(-6px);transition:.35s}
.wrow:hover b{transform:translateX(10px);color:#fff}.wrow:hover::after{width:100%}.wrow:hover i{opacity:1;transform:none}.wrow:hover span{color:#cfc6b4}
.wrow.on b{color:#D9BE85}.wrow.on span{color:#B8975A}.wrow.on em::after{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#B8975A;margin-left:8px;vertical-align:2px;box-shadow:0 0 0 4px rgba(184,151,90,.18)}
.wrow.wlob{border-bottom:0}.wrow.wlob b{font-size:clamp(18px,1.8vw,22px);color:#cfc6b4}
@media(max-width:640px){.wpanel{padding:20px 18px 10px}.wrow{grid-template-columns:34px 1fr 18px}.wrow span{display:none}.wph span+span{display:none}}
/* the main menu is the invitation: clear, sentence case, easy to hit */
@media(min-width:900px){#site .nav .links{gap:4px!important}
#site .nav .links>a,#site .nav .links>button,#site .nav .links>div>button,#site .nav .links>div>a{font:500 14.5px Poppins,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--fg)!important;padding:9px 14px!important;border-radius:99px!important;opacity:1!important;transition:background .2s}
#site .nav .links>a:hover,#site .nav .links>button:hover,#site .nav .links>div>button:hover,#site .nav .links>a.on,#site .nav .links>a[aria-current]{background:var(--ut1)!important}}
#site .nav .wrap{position:relative}
/* industry: problems as a clear before and after */
.ucmp{background:var(--uc);border:1px solid var(--ul);border-radius:20px;overflow:hidden;color:var(--ufg)}
.ucmph{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);padding:14px 24px;background:var(--ut3);border-bottom:1px solid var(--ul);font-size:13px;font-weight:500;color:var(--usub)}.ucmph span{display:flex;align-items:center;gap:8px}.ucmph .phi{width:18px;height:18px}
.ucmpr{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;padding:22px 24px}.ucmpr+.ucmpr{border-top:1px solid var(--ul2)}
.ucbf,.ucaf{display:flex;align-items:flex-start;gap:14px}.ucbf .eic,.ucaf .eic{width:40px;height:40px;border-radius:12px;flex:none}.ucbf p{margin:8px 0 0;font-size:15.5px!important;line-height:1.45;color:var(--usub)}.ucaf b{display:block;font-weight:500;font-size:15.5px;margin-top:2px}.ucaf span:not(.eic){display:block;font-size:14px;color:var(--usub);margin-top:3px;line-height:1.5}
.ucar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:var(--ut1);color:var(--umut)}.ucar .phi{width:16px;height:16px}
/* industry: the day as a connected timeline with a steady flow */
.utl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.utl::before{content:'';position:absolute;left:12.5%;right:12.5%;top:36px;height:2px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--c) 55%,transparent) 0 8px,transparent 8px 16px);background-size:16px 2px;animation:utlflow 1.1s linear infinite;z-index:0}@keyframes utlflow{to{background-position:16px 0}}
.utl li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.utli{position:relative;width:72px;height:72px;border-radius:22px;background:var(--uc);border:1px solid var(--ul);display:grid;place-items:center;box-shadow:0 14px 30px -20px rgba(0,0,0,.35)}.utli .eic{width:48px;height:48px;border-radius:14px}.utli em{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--c);color:#fff;font:600 11.5px Poppins,sans-serif;font-style:normal;display:grid;place-items:center;border:2px solid var(--uc)}
.utl b{font-weight:500;font-size:15px;line-height:1.4;max-width:220px;color:var(--fg)}
.upb{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding-right:44px;text-decoration:none}.upb .eic{width:42px;height:42px;border-radius:12px;flex:none}.upb>s{position:absolute;right:16px;top:50%;translate:0 -50%;text-decoration:none;color:var(--uhov)}#method .upb,.us .upb{margin-top:18px}
/* how we work */
.mfacts{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:920px}.mfacts li{display:flex;gap:12px;align-items:center;background:var(--uc);border:1px solid var(--ul);border-radius:14px;padding:14px;color:var(--ufg)}.mfacts .eic{width:40px;height:40px;border-radius:12px;flex:none}.mfacts b{display:block;font-weight:500;font-size:14.5px}.mfacts span:not(.eic){display:block;font-size:12.5px;color:var(--usub);line-height:1.4}
.mgrid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.mnav{position:sticky;top:110px;display:flex;flex-direction:column;gap:4px;background:var(--uc);border:1px solid var(--ul);border-radius:18px;padding:10px;color:var(--ufg)}
.mnav a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;text-decoration:none;color:var(--usub);transition:background .25s,color .25s}.mnav a .eic{width:36px;height:36px;border-radius:10px;flex:none;filter:grayscale(.6);opacity:.7;transition:.25s}.mnav a span{font-size:14.5px;line-height:1.25}.mnav small{display:block;font-size:11px;color:var(--umut)}
.mnav a.on{background:var(--ut2);color:var(--ufg);font-weight:500}.mnav a.on .eic,.mnav a.dn .eic{filter:none;opacity:1}
.mbar{display:block;height:3px;border-radius:3px;background:var(--ut1);margin:8px 10px 4px;overflow:hidden}.mbar b{display:block;height:100%;width:calc(var(--p,0)*100%);background:#1F9D72;transition:width .5s cubic-bezier(.16,1,.3,1)}
.msteps{display:grid;gap:16px}.mstep{background:var(--uc);border:1px solid var(--ul);border-radius:20px;padding:clamp(20px,2.6vw,32px);color:var(--ufg);transition:border-color .3s,box-shadow .3s;scroll-margin-top:110px}.mstep.on{border-color:color-mix(in srgb,var(--c) 45%,var(--ul));box-shadow:0 24px 50px -36px color-mix(in srgb,var(--c) 80%,transparent)}
.mstep header{display:flex;gap:18px;align-items:flex-start}.mstep header .eic{width:56px;height:56px;border-radius:16px;flex:none}.mstep small{font-size:12px;color:var(--umut)}#site .mstep h2{font:500 clamp(22px,2vw,28px)/1.2 Adventor,sans-serif;margin:2px 0 6px;color:var(--ufg)}.mstep header p{margin:0;font-size:15px!important;color:var(--usub);line-height:1.55}
.mcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.mcols>div{border-radius:14px;background:var(--ut3);padding:16px}.mcols>div.mrecv{background:color-mix(in srgb,var(--c) 9%,var(--uc));border:1px solid color-mix(in srgb,var(--c) 25%,transparent)}
#site .mcols h3{display:flex;align-items:center;gap:8px;font:600 13px Poppins,sans-serif!important;margin:0 0 10px;color:var(--ufg)}.mcols h3 .phi{width:18px;height:18px}.mcols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mcols li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.45;color:var(--usub)}.mcols li::before{content:'';position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--c)}
/* resources */
.rfeat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,50px);align-items:center;padding:clamp(20px,3vw,36px);text-decoration:none;margin-bottom:clamp(36px,4vw,56px)}.rfeat[hidden]{display:none}.rfeat .eic{width:44px;height:44px;border-radius:12px}.rfeat .utag{display:block;margin:16px 0 6px!important}#site .rfeat h2{font:500 clamp(22px,2.4vw,32px)/1.2 Adventor,sans-serif;margin:0 0 10px;color:var(--ufg)}.rfeat p{margin:0;color:var(--usub);font-size:15px}.rfeat em,.rcard2 em{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-style:normal;font-size:12.5px;color:var(--umut)}.rfeat em .phi,.rcard2 em .phi{width:15px;height:15px}
.rsec+.rsec{margin-top:clamp(36px,4vw,56px)}.rsec[hidden]{display:none}.rsec .umgh .phi{width:22px;height:22px}
.rcard2{display:flex;flex-direction:column;gap:6px;text-decoration:none;min-height:200px}.rcard2 .eic{width:38px;height:38px;border-radius:11px;margin-bottom:8px}.rcard2 b{font-size:15.5px!important}.rcard2 em{margin-top:auto;padding-top:10px}
/* article */
#site .rhd{padding-bottom:clamp(20px,2.4vw,32px)}.rwrap{max-width:860px}.rkick{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:13.5px;color:var(--sub)}.rkick .eic{width:34px;height:34px;border-radius:10px}#site .rhd h1{max-width:820px}
.rmeta{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:13px;color:var(--grey)}.rmeta span{display:inline-flex;align-items:center;gap:6px}.rmeta .phi{width:16px;height:16px}
#site .us.rbody{padding-top:clamp(20px,2.4vw,32px)}.ragrid{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:clamp(30px,5vw,70px);justify-content:space-between;align-items:start}
.rart{font-size:17px;line-height:1.75;color:var(--fg)}.rart p{margin:0 0 18px;font-size:17px!important;line-height:1.75!important;color:var(--sub)}#site .rart h2{font:500 clamp(21px,1.9vw,25px)/1.3 Adventor,sans-serif;margin:36px 0 12px;color:var(--fg);scroll-margin-top:110px}
.rart ul,.rart ol{margin:0 0 20px;padding-left:22px;color:var(--sub)}.rart li{margin:6px 0;padding-left:4px}.rart ol li::marker{color:#1F9D72;font-weight:600}.rart ul li::marker{color:#1F9D72}
.rart dl{margin:0 0 20px;background:var(--uc);border:1px solid var(--ul);border-radius:16px;overflow:hidden}.rart dt{padding:14px 18px 0;font-weight:600;font-size:15px;color:var(--ufg)}.rart dd{margin:0;padding:4px 18px 14px;font-size:15px;color:var(--usub);border-bottom:1px solid var(--ul2)}.rart dd:last-child{border-bottom:0}
.rtip{display:flex;gap:14px;align-items:flex-start;margin:28px 0 0;padding:18px 20px;border-radius:16px;background:color-mix(in srgb,#F5A524 12%,var(--uc));border:1px solid color-mix(in srgb,#F5A524 30%,transparent)}.rtip .phi{width:24px;height:24px;flex:none;color:#C98A0E;fill:#C98A0E}.rtip p{margin:0!important;color:var(--ufg)!important;font-size:15.5px!important}
.rside{position:sticky;top:110px;display:grid;gap:14px}.rtoc{display:flex;flex-direction:column;gap:2px}.rtoc b{margin-bottom:8px}.rtoc a{font-size:13.5px;color:var(--usub);text-decoration:none;padding:6px 0;border-top:1px solid var(--ul2)}.rtoc a:hover{color:var(--ufg)}.rcta .btn{margin-top:14px;width:100%;justify-content:center}#site .rcta .btn{background:var(--uink)!important;color:var(--uinkfg)!important;border-color:var(--uink)!important}
/* responsive */
@media(max-width:1100px){.mgrid{grid-template-columns:1fr}.mnav{position:sticky;top:64px;z-index:15;flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:14px}.mnav a{flex:none;padding:8px 12px}.mnav a .eic{width:30px;height:30px}.mnav small{display:none}.mbar{display:none}.ragrid{grid-template-columns:1fr}.rside{position:static}.rfeat{grid-template-columns:1fr}}
@media(max-width:899px){.ucmph{display:none}.ucmpr{grid-template-columns:1fr;gap:12px;padding:18px}.ucar{rotate:90deg;margin:0 0 0 4px}.utl{grid-template-columns:1fr;gap:0}.utl::before{left:35px;right:auto;top:36px;bottom:36px;width:2px;height:auto;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--c) 55%,transparent) 0 8px,transparent 8px 16px);background-size:2px 16px;animation:utlflowv 1.1s linear infinite}@keyframes utlflowv{to{background-position:0 16px}}.utl li{flex-direction:row;text-align:left;padding:10px 0;gap:18px}.utl b{max-width:none}.mcols{grid-template-columns:1fr}.mfacts{grid-template-columns:1fr}.wpg{grid-template-columns:1fr}}
/* CTA band buttons readable in both themes */
#site .uctas .ucb .ucta a.btn:not(.o){background:#fff!important;color:#111!important;border-color:#fff!important}
#site .uctas .ucb .ucta a.btn.o{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.4)!important}
:root:not([data-theme=light]) #site .ucb{background:#1f1c18}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .ucb{background:#141210}}

/* ---------- Azzir Robotics: a robotics company site. White and studio grey, graphite bands, gold for Azzir. */
#site[data-w=robo]{--x-bg:#fff;--x-grey:#EEF0F3;--x-ink:#0E1116;--x-sub:#5A6270;--x-mut:#8C93A0;--x-line:#E1E4E9;--x-dark:#0B0E13;--x-dsub:#9AA3B2;--x-dline:rgba(255,255,255,.1);--x-gold:#B8975A;--x-goldh:#C9A86B}
:root:not([data-theme=light]) #site[data-w=robo]{--x-bg:#0D1015;--x-grey:#141820;--x-ink:#EEF1F5;--x-sub:#A2AAB7;--x-mut:#6F7887;--x-line:#232934;--x-dark:#06080B}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=robo]{--x-bg:#fff;--x-grey:#EEF0F3;--x-ink:#0E1116;--x-sub:#5A6270;--x-mut:#8C93A0;--x-line:#E1E4E9;--x-dark:#0B0E13}}
:root[data-theme=light] #site[data-w=robo]{--x-bg:#fff;--x-grey:#EEF0F3;--x-ink:#0E1116;--x-sub:#5A6270;--x-mut:#8C93A0;--x-line:#E1E4E9;--x-dark:#0B0E13}
#site[data-w=robo]{background:var(--x-bg)!important}
:root:not(.zz) #site[data-w=robo] #view section{background:transparent!important;border:0!important;padding:0}
#site[data-w=robo] #view{background:var(--x-bg)}
/* header */
#site[data-w=robo] .nav{background:var(--x-bg)!important;border-bottom:1px solid var(--x-line)!important}
#site[data-w=robo] .nav .links>a,#site[data-w=robo] .nav .links>button{color:var(--x-ink)!important;font:500 14px Poppins,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
#site[data-w=robo] .nav .links>a:hover,#site[data-w=robo] .nav .links>button:hover,#site[data-w=robo] .nav .links>button.on{background:var(--x-grey)!important}
#site[data-w=robo] .nav .btn:not(.o){background:var(--x-gold)!important;color:#0E1116!important;border-color:var(--x-gold)!important}#site[data-w=robo] .nav .btn.o{background:transparent!important;color:var(--x-ink)!important;border-color:var(--x-line)!important}
#site[data-w=robo] #mega{background:var(--x-bg)!important;border-bottom:1px solid var(--x-line)}
#site[data-w=robo] footer{background:var(--x-dark)!important;color:var(--x-dsub)!important}#site[data-w=robo] footer a{color:#E8ECF1!important}
/* type and buttons */
.rxw{font-family:Poppins,sans-serif;color:var(--x-ink)}
.rx-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.rx-k{display:inline-block;font:600 11.5px Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--x-gold);margin-bottom:16px}
#site .rxw h1{font:500 clamp(42px,5.6vw,86px)/1.0 Adventor,sans-serif;letter-spacing:-.035em;margin:0}
#site .rxw h2{font:500 clamp(32px,3.8vw,58px)/1.04 Adventor,sans-serif;letter-spacing:-.03em;margin:0;color:inherit}
#site .rxw h3{font:500 clamp(22px,2vw,30px)/1.15 Adventor,sans-serif;letter-spacing:-.02em;margin:0}
#site .rxw p{margin:0}
.rx-lead{font-size:17px!important;line-height:1.65!important;color:var(--x-dsub);margin-top:22px!important;max-width:540px}.rx-lead.dk{color:var(--x-sub);margin:0!important;max-width:none;font-size:clamp(18px,1.6vw,22px)!important;line-height:1.55!important}
.rx-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.rx-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 24px;border-radius:4px;font:600 14px Poppins,sans-serif;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s,transform .25s}
.rx-btn s{text-decoration:none;transition:transform .3s}.rx-btn:hover s{transform:translateX(4px)}
.rx-btn.gold{background:var(--x-gold);color:#0E1116}.rx-btn.gold:hover{background:var(--x-goldh)}
.rx-btn.line{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}.rx-btn.line:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.rx-btn.line.dk{border-color:var(--x-line);color:var(--x-ink)}.rx-btn.line.dk:hover{border-color:var(--x-ink);background:transparent}
.rx-btn.sm{padding:10px 16px;font-size:13px}
/* sections */
.rx-s{position:relative;padding:clamp(72px,9vw,140px) 0}.rx-white{background:var(--x-bg)!important}.rx-grey{background:var(--x-grey)!important}
:root:not(.zz) #site[data-w=robo] #view .rx-white{background:var(--x-bg)!important}:root:not(.zz) #site[data-w=robo] #view .rx-grey{background:var(--x-grey)!important}:root:not(.zz) #site[data-w=robo] #view .rx-dark,:root:not(.zz) #site[data-w=robo] #view .rx-hero{background:var(--x-dark)!important;color:#EEF1F5}
.rx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:clamp(36px,4vw,56px)}.rx-hp{max-width:460px;font-size:16px;line-height:1.6;color:var(--x-sub)}.rx-dark .rx-hp{color:var(--x-dsub)}
/* hero */
.rx-hero{position:relative;height:min(92vh,880px);min-height:600px;overflow:hidden;color:#EEF1F5}
.rx-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(60% 70% at 70% 45%,#1E2632 0%,#0B0E13 60%);}
.rx-3d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.rx-hshade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,14,19,.85) 0%,rgba(11,14,19,.25) 45%,transparent 70%),linear-gradient(0deg,rgba(11,14,19,.8),transparent 30%);pointer-events:none}
.rx-hin{position:absolute;left:0;right:0;bottom:clamp(90px,12vh,140px);max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}.rx-hin>*{max-width:560px}
.rx-hk{display:inline-block;font:600 12px Poppins,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--x-gold);margin-bottom:20px}
#site .rx-hero h1{color:#fff;font-size:clamp(48px,6.4vw,104px)}.rx-hin p{margin-top:22px!important;font-size:18px;line-height:1.6;color:#B8C0CC}
.rx-hbar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:clamp(18px,4vw,64px);padding:18px 20px;border-top:1px solid var(--x-dline);font:500 12px Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8E97A6;flex-wrap:wrap}
/* product grid */
.rx-filt{display:flex;gap:6px;flex-wrap:wrap}.rx-filt button{border:1px solid var(--x-line);background:transparent;color:var(--x-sub);font:500 13.5px Poppins,sans-serif;padding:10px 16px;border-radius:99px;cursor:pointer;transition:.2s}.rx-filt button.on{background:var(--x-ink);color:var(--x-bg);border-color:var(--x-ink)}
.rx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rx-card{display:flex;flex-direction:column;text-decoration:none;color:var(--x-ink);border-radius:8px;overflow:hidden;background:var(--x-bg);border:1px solid var(--x-line);transition:border-color .3s,box-shadow .3s,transform .3s}.rx-card[hidden]{display:none}
.rx-card:hover{border-color:transparent;box-shadow:0 30px 60px -30px rgba(14,17,22,.35);transform:translateY(-4px)}
.rx-ci{position:relative;aspect-ratio:4/3.2;background:radial-gradient(70% 70% at 50% 40%,#fff,var(--x-grey) 80%);display:grid;place-items:center;overflow:hidden}
:root:not([data-theme=light]) #site[data-w=robo] .rx-ci{background:radial-gradient(70% 70% at 50% 40%,#2a313d,#151a22 80%)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=robo] .rx-ci{background:radial-gradient(70% 70% at 50% 40%,#fff,#EEF0F3 80%)}}:root[data-theme=light] #site[data-w=robo] .rx-ci{background:radial-gradient(70% 70% at 50% 40%,#fff,#EEF0F3 80%)}
.rx-ci img{max-width:78%;max-height:84%;object-fit:contain;transition:transform .6s cubic-bezier(.16,1,.3,1)}.rx-card:hover .rx-ci img{transform:scale(1.05)}
.rx-cb{display:flex;flex-direction:column;gap:8px;padding:22px 22px 24px;flex:1}.rx-cc{font:600 11px Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--x-gold)}.rx-cb b{font:500 24px/1.15 Adventor,sans-serif;letter-spacing:-.015em}.rx-cb p{font-size:14.5px;color:var(--x-sub);line-height:1.55}
.rx-cb ul{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--x-line)}.rx-cb li{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--x-line);font-size:13px;color:var(--x-ink)}.rx-cb li span{color:var(--x-mut)}
.rx-more{margin-top:auto;padding-top:12px;font:600 14px Poppins,sans-serif;color:var(--x-ink)}.rx-more s{text-decoration:none;display:inline-block;transition:transform .3s}.rx-card:hover .rx-more s{transform:translateX(5px)}
.rx-grid.three{margin-top:36px}
/* spotlight */
.rx-spot{overflow:hidden}.rx-spg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:center}.rx-spot .rx-btn{margin-top:30px}
.rx-spimg{position:relative;border-radius:10px;background:radial-gradient(60% 60% at 50% 45%,#232B37,#0B0E13 75%);aspect-ratio:1/0.92;display:grid;place-items:center}.rx-spimg img{width:auto;height:88%;max-width:90%}
.rx-hot{position:absolute;display:flex;align-items:flex-start;gap:10px;max-width:200px}.rx-hot i{flex:none;width:14px;height:14px;border-radius:50%;background:var(--x-gold);box-shadow:0 0 0 5px rgba(184,151,90,.25);margin-top:3px;animation:rxh 2.4s infinite}@keyframes rxh{50%{box-shadow:0 0 0 10px rgba(184,151,90,0)}}
.rx-hot b{display:block;font:600 13.5px Poppins,sans-serif;color:#fff}.rx-hot span{display:block;font-size:12.5px;color:var(--x-dsub);line-height:1.4}
/* applications */
.rx-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rx-app{position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;text-decoration:none;color:#fff;background:var(--bg);min-height:340px}
.rx-ai{flex:1;display:grid;place-items:center;padding:20px;background:radial-gradient(60% 70% at 50% 40%,rgba(255,255,255,.12),transparent 70%)}.rx-ai img{max-height:200px;max-width:70%;object-fit:contain;transition:transform .6s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}.rx-app:hover .rx-ai img{transform:translateY(-6px) scale(1.04)}
.rx-at{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:20px 22px;border-top:1px solid rgba(255,255,255,.12)}.rx-at b{font:500 20px Adventor,sans-serif}.rx-at span{grid-column:1;font-size:13.5px;color:rgba(255,255,255,.7)}.rx-at s{grid-row:1/3;grid-column:2;align-self:center;text-decoration:none;color:var(--x-gold);font-size:20px;transition:transform .3s}.rx-app:hover .rx-at s{transform:translateX(5px)}
/* fleet console */
.rx-con{display:grid;grid-template-columns:240px minmax(0,1fr) 260px;border:1px solid var(--x-dline);border-radius:10px;overflow:hidden;background:#10141B;margin-top:10px}
.rxc-side,.rxc-feed{padding:16px}.rxc-side{border-right:1px solid var(--x-dline)}.rxc-feed{border-left:1px solid var(--x-dline)}.rxc-t{font:600 11px Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--x-mut);margin-bottom:12px}
.rxc-r{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--x-dline)}.rxc-r>i{width:8px;height:8px;border-radius:50%}.rxc-r b{display:block;font-size:13px;color:#fff;font-weight:600}.rxc-r span{font-size:12px;color:var(--x-dsub)}.rxc-r em{font-style:normal;font-size:11px;padding:3px 8px;border-radius:99px}
i.g{background:#34C38F}i.b{background:#4F9BF7}i.y{background:#F5A524}i.n{background:#6F7887}em.g{background:rgba(52,195,143,.15);color:#5FDCAA}em.b{background:rgba(79,155,247,.15);color:#8DBDFA}em.y{background:rgba(245,165,36,.15);color:#F7C566}em.n{background:rgba(255,255,255,.08);color:#AEB6C2}
.rxc-map{padding:14px}.rxc-map svg{width:100%;height:auto;display:block}.m-fl{fill:#0C1016;stroke:rgba(255,255,255,.08)}.m-z{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.08)}.m-dock{fill:rgba(245,165,36,.08);stroke:rgba(245,165,36,.35)}.m-tx{font:500 11px Poppins,sans-serif;fill:#F7C566;text-anchor:middle}.m-p{fill:none;stroke:rgba(79,155,247,.25);stroke-width:1.5;stroke-dasharray:4 6}
.m-bot{stroke:#0B0E13;stroke-width:2;animation:rxbot 14s linear infinite}.m-bot.b1{fill:#34C38F}.m-bot.b2{fill:#4F9BF7;animation-duration:9s}.m-bot.b3{fill:#4F9BF7;animation-duration:11s}@keyframes rxbot{from{offset-distance:0%}to{offset-distance:100%}}
#rxfeed{list-style:none;margin:0;padding:0;display:grid;gap:8px}#rxfeed li{padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.04)}#rxfeed li.new{animation:rxnew .6s cubic-bezier(.16,1,.3,1)}@keyframes rxnew{from{opacity:0;transform:translateY(-6px)}}#rxfeed b{display:block;font-size:13px;color:#fff;font-weight:600}#rxfeed span{font-size:12px;color:var(--x-dsub)}
/* steps and lab */
.rx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--x-line)}.rx-steps li{padding:26px 22px 0 0}.rx-steps li+li{padding-left:22px;border-left:1px solid var(--x-line)}.rx-steps span{font:500 14px Poppins,sans-serif;color:var(--x-gold)}.rx-steps b{display:block;font:500 22px/1.2 Adventor,sans-serif;margin:14px 0 10px}.rx-steps p{font-size:14.5px!important;line-height:1.6;color:var(--x-sub)}
.rx-steps.dk{border-color:var(--x-dline)}.rx-steps.dk li+li{border-color:var(--x-dline)}.rx-steps.dk p{color:var(--x-dsub)}.rx-steps.dk b{color:#fff}
.rx-lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center;margin-top:clamp(56px,6vw,90px);padding:clamp(28px,4vw,56px);border-radius:10px;background:var(--x-grey)}.rx-labt p{margin-top:14px!important;font-size:16px;color:var(--x-sub);line-height:1.6}
.rx-labi{display:flex;justify-content:center;align-items:flex-end;gap:10px;height:300px}.rx-labi img{height:100%;width:auto;object-fit:contain}.rx-labi img:nth-child(2){height:62%}.rx-labi img:nth-child(3){height:82%}
/* trial and hire */
.rx-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rx-pr{display:flex;flex-direction:column;gap:12px;padding:clamp(28px,3vw,44px);border-radius:8px;background:var(--x-bg);border:1px solid var(--x-line);text-decoration:none;color:var(--x-ink);transition:.3s}.rx-pr:hover{border-color:var(--x-ink)}.rx-pr p{color:var(--x-sub);font-size:15.5px;line-height:1.6}.rx-pr>span{margin-top:8px;font-weight:600;font-size:14px}.rx-pr>span s{text-decoration:none;display:inline-block;transition:transform .3s}.rx-pr:hover>span s{transform:translateX(5px)}
/* faq */
.rx-faqg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px)}.rx-faq{border-top:1px solid var(--x-line)}.rx-faq details{border-bottom:1px solid var(--x-line);background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;border-left:0!important;border-right:0!important;border-top:0!important}
.rx-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font:500 18px Poppins,sans-serif;color:var(--x-ink)}.rx-faq summary::-webkit-details-marker{display:none}.rxw details summary::before,.rxw details summary::after{display:none!important;content:none!important}
.rx-faq summary i{position:relative;flex:none;width:14px;height:14px}.rx-faq summary i::before,.rx-faq summary i::after{content:'';position:absolute;left:0;top:6.5px;width:14px;height:1.5px;background:var(--x-ink);transition:transform .3s}.rx-faq summary i::after{transform:rotate(90deg)}.rx-faq details[open] summary i::after{transform:none}.rx-faq p{padding:0 0 22px;font-size:15.5px;line-height:1.65;color:var(--x-sub);max-width:680px}
/* cta */
.rx-cta .rx-wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}#site .rx-cta h2{color:#fff}
/* product page */
.rx-ph{padding:clamp(40px,5vw,72px) 0 0;background:var(--x-grey)!important}:root:not(.zz) #site[data-w=robo] #view .rx-ph{background:var(--x-grey)!important}
.rx-phg{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,4vw,60px);align-items:end}.rx-phg>div:first-child{padding-bottom:clamp(50px,6vw,90px)}
.rx-crumb{font:500 13px Poppins,sans-serif;color:var(--x-mut);margin-bottom:22px}.rx-crumb a{color:var(--x-sub);text-decoration:none}.rx-crumb a:hover{color:var(--x-ink)}.rx-crumb span{margin:0 8px}
.rx-ph-h{margin-top:20px!important;font:400 clamp(20px,1.9vw,26px)/1.35 Adventor,sans-serif;color:var(--x-sub)}
.rx-view{position:relative;height:min(70vh,640px)}.rx-drag{position:absolute;right:16px;bottom:16px;font:500 12px Poppins,sans-serif;color:var(--x-mut);letter-spacing:.06em}
.rx-sub{position:sticky;top:var(--navh,72px);z-index:20;background:var(--x-bg);border-bottom:1px solid var(--x-line)}.rx-sub .rx-wrap{display:flex;align-items:center;gap:4px;height:58px;overflow-x:auto;scrollbar-width:none}.rx-sub a[data-jump]{flex:none;padding:8px 14px;font:500 14px Poppins,sans-serif;color:var(--x-sub);text-decoration:none;border-bottom:2px solid transparent}.rx-sub a.on{color:var(--x-ink);border-bottom-color:var(--x-gold)}.rx-sub .rx-btn{margin-left:auto;flex:none}
.rx-ovg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px);align-items:start}
.rx-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(50px,6vw,80px);border-top:1px solid var(--x-line)}.rx-feats>div{padding:28px 24px 0 0}.rx-feats>div+div{padding-left:24px;border-left:1px solid var(--x-line)}.rx-feats span{font-size:14px;color:var(--x-gold);font-weight:500}.rx-feats b{display:block;font:500 22px Adventor,sans-serif;margin:12px 0 8px}.rx-feats p{font-size:15px;color:var(--x-sub);line-height:1.6}
.rx-capg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}.rx-capi{border-radius:10px;background:radial-gradient(60% 60% at 50% 45%,var(--x-bg),var(--x-grey) 80%);aspect-ratio:1;display:grid;place-items:center}.rx-capi img{max-height:80%;max-width:80%}
.rx-tab{width:100%;border-collapse:collapse;margin-top:26px;border-top:1px solid var(--x-line)}.rx-tab th{width:34%;text-align:left;vertical-align:top;font:500 13px Poppins,sans-serif;color:var(--x-mut);padding:16px 16px 16px 0;border-bottom:1px solid var(--x-line)}.rx-tab td{font-size:15px;color:var(--x-ink);padding:16px 0;border-bottom:1px solid var(--x-line);line-height:1.5}
.rx-note{margin-top:16px!important;font-size:13px;color:var(--x-mut)}
.rx-ap3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.rx-ap{padding:30px;border-radius:8px;background:var(--x-grey);min-height:200px;display:flex;flex-direction:column}.rx-ap span{font-size:14px;color:var(--x-gold);font-weight:500}.rx-ap b{font:500 24px/1.2 Adventor,sans-serif;margin:auto 0 8px}.rx-ap p{font-size:15px;color:var(--x-sub)}
/* contact */
.rx-ctg{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,80px);align-items:start}#site .rx-contact h1{font-size:clamp(36px,4.2vw,62px)}.rx-cside>p{margin-top:20px!important;font-size:16.5px;line-height:1.6;color:var(--x-sub)}
.rx-cside ol{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid var(--x-line)}.rx-cside li{display:grid;grid-template-columns:46px 1fr;padding:18px 0;border-bottom:1px solid var(--x-line)}.rx-cside li span{color:var(--x-gold);font-weight:500;font-size:14px;padding-top:2px}.rx-cside b{font-weight:600;font-size:15.5px}.rx-cside li p{font-size:14px;color:var(--x-sub);margin-top:2px!important}.rx-csimg{width:56%;margin-top:30px;opacity:.95}
.rx-form{padding:clamp(24px,3vw,40px);border-radius:10px;border:1px solid var(--x-line);background:var(--x-bg)}.rx-fg{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.rx-fg label{display:flex;flex-direction:column;gap:7px;font:500 13px Poppins,sans-serif;color:var(--x-ink)}.rx-fg label.w2{grid-column:1/-1}.rx-fg em{font-style:normal;color:var(--x-mut);font-weight:400}
.rx-fg input,.rx-fg select,.rx-fg textarea{border:1px solid var(--x-line);border-radius:4px;background:var(--x-bg);color:var(--x-ink);font:400 15px Poppins,sans-serif;padding:13px 14px;outline:0;transition:border-color .2s}.rx-fg input:focus,.rx-fg select:focus,.rx-fg textarea:focus{border-color:var(--x-gold);box-shadow:0 0 0 3px rgba(184,151,90,.18)}
.rx-fs{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.rx-fs small{font-size:12.5px;color:var(--x-mut)}.rx-fs small.bad{color:#D2453A}.rx-done{padding:40px;border-radius:10px;background:var(--x-grey)}.rx-done p{margin:14px 0 24px!important;color:var(--x-sub)}
/* mega */
.rx-mg{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;color:var(--x-ink)}.rx-mgg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rx-mgg a{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--x-ink)}.rx-mgg a>div{height:110px;border-radius:6px;background:var(--x-grey);display:grid;place-items:center;margin-bottom:8px;transition:background .2s}.rx-mgg a:hover>div{background:var(--x-line)}.rx-mgg img{max-height:86%;max-width:70%}.rx-mgg span{font:600 10.5px Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--x-gold)}.rx-mgg b{font:500 16px Adventor,sans-serif}
.rx-mgl{display:flex;flex-direction:column;gap:10px;padding-left:24px;border-left:1px solid var(--x-line)}.rx-mgl a:not(.rx-btn){display:flex;justify-content:space-between;font:500 15px Poppins,sans-serif;color:var(--x-ink);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--x-line)}.rx-mgl a s{text-decoration:none;color:var(--x-gold)}.rx-mgl .rx-btn{margin-top:10px;justify-content:center}
@media(max-width:1100px){.rx-grid,.rx-apps{grid-template-columns:1fr 1fr}.rx-spg,.rx-phg,.rx-capg,.rx-ctg,.rx-faqg,.rx-ovg,.rx-lab{grid-template-columns:1fr}.rx-con{grid-template-columns:1fr}.rxc-side,.rxc-feed{border:0}.rx-steps{grid-template-columns:1fr 1fr}.rx-steps li:nth-child(3){border-left:0;padding-left:0}.rx-view{height:56vh}.rx-mg{grid-template-columns:1fr}.rx-mgl{border:0;padding:0}}
@media(max-width:640px){.rx-grid,.rx-apps,.rx-two,.rx-ap3,.rx-feats,.rx-steps,.rx-fg{grid-template-columns:1fr}.rx-feats>div+div,.rx-steps li+li{border-left:0;padding-left:0}.rx-hero{height:86svh;min-height:560px}.rx-hin{bottom:80px}.rx-hshade{background:linear-gradient(0deg,rgba(11,14,19,.95) 30%,rgba(11,14,19,.2) 70%,transparent)}.rx-hbar{display:none}.rx-hot{display:none}.rx-mgg{grid-template-columns:1fr 1fr}.rx-labi{height:200px}.rx-sub .rx-btn{display:none}}
:root:not(.zz) #site[data-w=robo] #view .rx-s{padding:clamp(72px,9vw,140px) 0}:root:not(.zz) #site[data-w=robo] #view .rx-ph{padding:clamp(40px,5vw,72px) 0 0}:root:not(.zz) #site[data-w=robo] #view .rx-hero{padding:0}
.rx-ci img{position:absolute;left:11%;top:8%;width:78%;height:84%;max-width:none;max-height:none;object-fit:contain}
.rx-ai{position:relative;min-height:220px}.rx-ai img{position:absolute;left:15%;top:10%;width:70%;height:80%;max-width:none;max-height:none;object-fit:contain}
.rx-capi{position:relative}.rx-capi img{position:absolute;inset:10%;width:80%;height:80%;max-width:none;max-height:none;object-fit:contain}
#site .rxw p.rx-ph-h{font:400 clamp(20px,1.9vw,26px)/1.35 Adventor,sans-serif!important}#site .rxw .rx-hin p{font-size:18px!important}
@media(max-width:640px){#site .rx-hero{height:auto;min-height:100svh}#site .rx-hero .rx-3d{top:20px;height:40%}#site .rx-hin{position:absolute;bottom:40px}#site .rx-hero h1{font-size:46px}#site .rxw .rx-hin p{font-size:16px!important}}
/* ---------- Azzir Robotics v4: robotic motion layer */
.rx4{--mono:'SFMono-Regular',ui-monospace,Menlo,Consolas,monospace}
.rx4 .rx-k{font-family:var(--mono);letter-spacing:.12em}.rx4 .rx-k{font-family:Poppins,sans-serif;letter-spacing:.16em}@keyframes rxblink{50%{opacity:0}}
/* progress */
.rx-prog{position:fixed;left:0;right:0;top:0;height:2px;z-index:400;pointer-events:none}.rx-prog i{position:absolute;inset:0;background:var(--x-gold);transform-origin:left;transform:scaleX(0)}.rx-prog span{position:fixed;right:14px;bottom:14px;font:500 10.5px var(--mono);letter-spacing:.12em;color:var(--x-gold);background:rgba(11,14,19,.75);padding:5px 8px;border:1px solid rgba(184,151,90,.35);border-radius:3px}
/* cursor */
.rx4-cur{position:fixed;left:-18px;top:-18px;width:36px;height:36px;z-index:450;pointer-events:none;opacity:0;transition:opacity .3s,width .25s,height .25s,left .25s,top .25s}.rx4-cur.vis{opacity:1}
.rx4-cur::before,.rx4-cur::after{content:'';position:absolute;inset:0;border:1.5px solid var(--x-gold);border-radius:50%;clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,100% 0,100% 0,65% 0,65% 100%,100% 100%,100% 0)}.rx4-cur::after{inset:15px;border:0;background:var(--x-gold);border-radius:50%;clip-path:none}
.rx4-cur.on{width:56px;height:56px;left:-28px;top:-28px}.rx4-cur.on::before{animation:rxspin 2.4s linear infinite}@keyframes rxspin{to{transform:rotate(360deg)}}
/* hero */
.rx4h{height:min(96vh,920px)!important}.rx4-grid{position:absolute;inset:0;background:linear-gradient(rgba(184,151,90,.07) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(184,151,90,.07) 1px,transparent 1px) 0 0/48px 48px;mask:radial-gradient(60% 70% at 70% 50%,#000 30%,transparent 80%);-webkit-mask:radial-gradient(60% 70% at 70% 50%,#000 30%,transparent 80%);animation:rxgrid 18s linear infinite}@keyframes rxgrid{to{background-position:0 48px,48px 0}}
.rx4h .rx-3d{z-index:1}.rx4h .rx-hshade{z-index:2}.rx4h .rx-hin{z-index:3}
.rx4-hud{position:absolute;z-index:2;left:56%;top:10%;width:min(30vw,420px);height:80%;pointer-events:none}.rx4-hud i{position:absolute;width:26px;height:26px;border:2px solid var(--x-gold);opacity:0;animation:rxhud .6s 1.2s forwards}@keyframes rxhud{to{opacity:.9}}
.rx4-hud .c1{left:0;top:0;border-right:0;border-bottom:0}.rx4-hud .c2{right:0;top:0;border-left:0;border-bottom:0}.rx4-hud .c3{left:0;bottom:0;border-right:0;border-top:0}.rx4-hud .c4{right:0;bottom:0;border-left:0;border-top:0}
.rx4-hud .scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#9FDBFF,transparent);box-shadow:0 0 18px #9FDBFF;animation:rxscan 2.4s .2s cubic-bezier(.6,0,.4,1) 1 both}@keyframes rxscan{0%{top:0;opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
.rx4-hud .tag{position:absolute;left:34px;top:-4px;font:500 10.5px var(--mono);letter-spacing:.12em;color:#8E97A6;line-height:1.6}.rx4-hud .tag b{color:var(--x-gold);font-weight:600}
.rx4-tel{position:absolute;z-index:3;right:clamp(16px,3vw,48px);bottom:clamp(80px,12vh,130px);width:230px;padding:14px;border:1px solid rgba(184,151,90,.3);background:rgba(11,14,19,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 11px var(--mono);color:#AEB6C2;opacity:0;animation:rxhud .8s 1.6s forwards}
.t-h{color:var(--x-gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.t-r{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.t-r b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}.t-b{height:3px;background:rgba(255,255,255,.08);margin-top:10px}.t-b i{display:block;height:100%;width:0;background:var(--x-gold);transition:width .2s}
.rx4-boot{font:500 11.5px var(--mono);color:#7FB0FF;line-height:1.7;margin-bottom:22px;min-height:96px;letter-spacing:.02em}.rx4-boot div{animation:rxln .3s both}@keyframes rxln{from{opacity:0;transform:translateX(-6px)}}
/* ticker */
.rx4-tick{overflow:hidden;background:#0E1219;border-block:1px solid rgba(184,151,90,.25)}.rx4-tick>div{display:flex;width:max-content;animation:rxtick 40s linear infinite}.rx4-tick span{display:flex;align-items:center;gap:10px;padding:14px 32px;font:500 11.5px var(--mono);letter-spacing:.12em;color:#AEB6C2;white-space:nowrap}.rx4-tick i{width:6px;height:6px;border-radius:50%;background:#34C38F;box-shadow:0 0 8px #34C38F}@keyframes rxtick{to{transform:translateX(-50%)}}
/* section reveal: a scan line passes, content materialises */
.rx4 .rx-s{overflow:hidden}.rx4 .rx-s::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--x-gold),transparent);opacity:0;z-index:5;pointer-events:none}
.rx4 .rx-s.in::before{animation:rxsect 1.4s cubic-bezier(.6,0,.4,1)}@keyframes rxsect{0%{top:0;opacity:.9}100%{top:100%;opacity:0}}
.rx4 .rx-s .rx-wrap>*{transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1)}.rx4 .rx-s:not(.in) .rx-wrap>*{opacity:0;transform:translateY(26px)}.rx4 .rx-s.shown .rx-wrap>*{opacity:1!important;transform:none!important}
.rx4-hint{font:500 12px var(--mono);letter-spacing:.06em;color:var(--x-mut);margin:-30px 0 26px!important}.rx4-hint.dk{color:#7F8896;margin:18px 0 0!important}
/* cards: x-ray on hover */
.rx4c .rx-ci{position:relative}.rx-fr{position:absolute;inset:0}.rx-fr img{position:absolute;left:11%;top:8%;width:78%;height:84%;object-fit:contain;transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1)}.rx-fr .b{opacity:0}
.rx4c .rx-ci::before{content:'';position:absolute;inset:0;background:#0B1220;opacity:0;transition:opacity .5s}.rx4c:hover .rx-ci::before{opacity:1}.rx4c:hover .rx-fr .a{opacity:0}.rx4c:hover .rx-fr .b{opacity:1}
.rx-fr .sc{position:absolute;left:0;right:0;top:-10%;height:2px;background:linear-gradient(90deg,transparent,#C9A86B,transparent);box-shadow:0 0 14px #C9A86B;opacity:0}.rx4c:hover .rx-fr .sc{animation:rxcard 1.6s linear infinite}@keyframes rxcard{0%{top:0;opacity:1}100%{top:100%;opacity:.2}}
.rx4-id,.rx4-xr{position:absolute;top:12px;font:600 10.5px var(--mono);letter-spacing:.12em;z-index:2}.rx4-id{left:14px;color:var(--x-mut)}.rx4-xr{right:14px;color:#C9A86B;opacity:0;transition:opacity .4s}.rx4c:hover .rx4-xr{opacity:1}.rx4c:hover .rx4-id{color:#C9A86B}
.rx4c{position:relative}.rx4c::after{content:'';position:absolute;inset:-1px;border-radius:8px;pointer-events:none;background:linear-gradient(var(--x-gold),var(--x-gold)) 0 0/18px 2px no-repeat,linear-gradient(var(--x-gold),var(--x-gold)) 0 0/2px 18px no-repeat,linear-gradient(var(--x-gold),var(--x-gold)) 100% 100%/18px 2px no-repeat,linear-gradient(var(--x-gold),var(--x-gold)) 100% 100%/2px 18px no-repeat;opacity:0;transition:opacity .3s}.rx4c:hover::after{opacity:1}
.rx4g{grid-template-columns:repeat(3,1fr)}.rx4g .rx-card:nth-child(n+7){grid-column:span 1}
/* compare */
.rx4-cmp{position:relative;aspect-ratio:1/0.92;border-radius:10px;background:radial-gradient(60% 60% at 50% 45%,#232B37,#0B0E13 75%);overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none}
.rx4-cmp>img,.rx4-cmp .bp img{position:absolute;left:6%;top:6%;width:88%;height:88%;object-fit:contain;pointer-events:none}.rx4-cmp .bp{position:absolute;inset:0;background:linear-gradient(rgba(127,176,255,.08) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(127,176,255,.08) 1px,transparent 1px) 0 0/24px 24px,#0B1220;clip-path:inset(0 0 0 var(--p))}
.rx4-cmp .hd{position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:#7FB0FF;box-shadow:0 0 16px #7FB0FF;pointer-events:none}.rx4-cmp .hd i{position:absolute;top:50%;left:-15px;width:32px;height:32px;margin-top:-16px;border-radius:50%;border:2px solid #7FB0FF;background:#0B1220}.rx4-cmp .hd span{position:absolute;top:calc(50% + 24px);left:-16px;font:600 10px var(--mono);letter-spacing:.14em;color:#7FB0FF}
.rx4-cmp .rx-hot{z-index:3}
/* applications: live mission maps */
.rx4-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rx4-app{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:#0E1219;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.06);transition:transform .3s,box-shadow .3s}.rx4-app:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
.rx4-map{position:relative;padding:14px;background:linear-gradient(rgba(127,176,255,.05) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(127,176,255,.05) 1px,transparent 1px) 0 0/20px 20px}.rx4-map svg{display:block;width:100%;height:auto}
.s-pad{fill:rgba(255,255,255,.02);stroke:rgba(255,255,255,.1)}.s-obj{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.16)}.s-dock{fill:rgba(245,165,36,.1);stroke:rgba(245,165,36,.5)}.s-pipe{fill:none;stroke:rgba(245,165,36,.45);stroke-width:5;stroke-linecap:round}.s-tx{font:500 10px Poppins,sans-serif;fill:#8E97A6;text-anchor:middle}
.s-field{fill:rgba(130,190,80,.08);stroke:rgba(130,190,80,.3)}.s-row{stroke:rgba(130,190,80,.25);stroke-width:2}.s-cont{fill:none;stroke:rgba(201,168,107,.3);stroke-dasharray:3 4}
.s-route{fill:none;stroke:rgba(127,176,255,.25);stroke-width:1.5;stroke-dasharray:4 5}.s-trail{fill:none;stroke:#7FB0FF;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:60 2000;animation:rxtrail 9s linear infinite;opacity:.8}.s-trail.agri{stroke:#9BE15D;stroke-width:14;opacity:.35;stroke-dasharray:3000;stroke-dashoffset:3000;animation:rxspray 14s linear infinite}
@keyframes rxtrail{from{stroke-dashoffset:60}to{stroke-dashoffset:-1940}}@keyframes rxspray{to{stroke-dashoffset:0}}
.s-bot{fill:#C9A86B;stroke:#0B0E13;stroke-width:2.5;filter:drop-shadow(0 0 6px #C9A86B);animation:rxbot2 9s linear infinite}.rx4-app:nth-child(4) .s-bot{animation-duration:14s}@keyframes rxbot2{from{offset-distance:0%}to{offset-distance:100%}}
.rx4-live{position:absolute;left:24px;bottom:22px;display:flex;align-items:center;gap:8px;font:500 10.5px var(--mono);letter-spacing:.08em;color:#AEB6C2;background:rgba(11,14,19,.8);padding:5px 9px;border-radius:3px}.rx4-live i{width:6px;height:6px;border-radius:50%;background:#34C38F;animation:ailive 1.6s infinite}
.rx4-app .rx-at{border-top:1px solid rgba(255,255,255,.08)}
/* fleet ping */
.m-ping{fill:none;stroke:#C9A86B;stroke-width:2}.m-ping.go{animation:rxping 1.6s ease-out}@keyframes rxping{from{r:2;opacity:1}to{r:46;opacity:0}}
/* deployment boot */
.rx4-dep{border:1px solid var(--x-line);border-radius:8px;overflow:hidden;font-family:var(--mono)}.d-h{display:flex;justify-content:space-between;padding:12px 18px;background:var(--x-dark);color:#AEB6C2;font-size:12px;letter-spacing:.08em}.d-h span:last-child{color:var(--x-gold)}
.d-r{display:grid;grid-template-columns:60px minmax(0,1fr) 180px 60px;align-items:center;gap:18px;padding:20px 18px;border-top:1px solid var(--x-line);font-family:Poppins,sans-serif}.d-r .n{font:500 14px var(--mono);color:var(--x-gold)}.d-r b{display:block;font:500 20px Adventor,sans-serif}.d-r p{font-size:14px!important;color:var(--x-sub);margin-top:4px!important}
.d-r .bar{height:4px;background:var(--x-line);border-radius:2px;overflow:hidden}.d-r .bar i{display:block;height:100%;width:0;background:var(--x-gold)}.d-r .ok{font:600 11px var(--mono);letter-spacing:.12em;color:#34C38F;opacity:0}
.rx4-dep.run .d-r .bar i{animation:rxdep 1.2s var(--d) cubic-bezier(.6,0,.4,1) forwards}.rx4-dep.run .d-r .ok{animation:rxok .3s calc(var(--d) + 1.2s) forwards}@keyframes rxdep{to{width:100%}}@keyframes rxok{to{opacity:1}}
.rx-grey .d-r,.rx-grey .rx4-dep{background:var(--x-bg)}
/* radar */
.rx4-lab{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)!important}.rx4-radar{position:relative;aspect-ratio:1;max-width:340px;width:100%;justify-self:center;border-radius:50%;background:repeating-radial-gradient(circle,rgba(184,151,90,.18) 0 1px,transparent 1px 34px),radial-gradient(circle,#141A23,#0B0E13);border:1px solid rgba(184,151,90,.35);overflow:hidden}
.rx4-radar .sw{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(201,168,107,.45),transparent 25%);animation:rxspin 4s linear infinite}.rx4-radar b{position:absolute;width:8px;height:8px;margin:-4px;border-radius:50%;background:#C9A86B;box-shadow:0 0 10px #C9A86B;animation:rxblip 4s var(--d) infinite}@keyframes rxblip{0%,100%{opacity:.25}10%{opacity:1}}
.rx4-radar span{position:absolute;left:0;right:0;bottom:16%;text-align:center;font:600 10px var(--mono);letter-spacing:.14em;color:#C9A86B}.rx4-radar.sm{max-width:220px;margin-top:30px}
/* product page */
.rx4p .rx-view{position:relative}.rx4v i{position:absolute;width:22px;height:22px;border:2px solid var(--x-gold);z-index:2;pointer-events:none}.rx4v .c1{left:8%;top:6%;border-right:0;border-bottom:0}.rx4v .c2{right:8%;top:6%;border-left:0;border-bottom:0}.rx4v .c3{left:8%;bottom:6%;border-right:0;border-top:0}.rx4v .c4{right:8%;bottom:6%;border-left:0;border-top:0}
.rx4v .rx4-id{left:calc(8% + 30px);top:calc(6% + 2px)}.rx4v.xr{background:linear-gradient(rgba(127,176,255,.08) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(127,176,255,.08) 1px,transparent 1px) 0 0/24px 24px,#0B1220;border-radius:10px}
.rx4-mode{display:inline-flex;margin-top:26px;padding:4px;border:1px solid var(--x-line);border-radius:99px;font-family:var(--mono)}.rx4-mode button{border:0;background:none;padding:8px 16px;border-radius:99px;font:600 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--x-sub);cursor:pointer}.rx4-mode button.on{background:var(--x-ink);color:var(--x-bg)}
:root:not(.zz) #site[data-w=robo] #view .rx4caps{background:var(--x-dark)!important;color:#EEF1F5}.rx4caps .rx-tab th{color:#7F8896;border-color:rgba(255,255,255,.1)}.rx4caps .rx-tab td{color:#EEF1F5;border-color:rgba(255,255,255,.1)}.rx4caps .rx-tab{border-color:rgba(255,255,255,.1)}.rx4caps .rx-note{color:#7F8896}
.rx4bp{background:linear-gradient(rgba(201,168,107,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(201,168,107,.06) 1px,transparent 1px) 0 0/24px 24px,#0B1220!important;border:1px solid rgba(201,168,107,.2)}.rx4bp .rx4-id{color:#C9A86B}
.rx4f>div{transition:background .3s}.rx4f>div:hover b{color:var(--x-gold)}
@media(max-width:1100px){.rx4-apps,.rx4g{grid-template-columns:1fr 1fr}.rx4-lab{grid-template-columns:1fr!important}.rx4-tel{display:none}.rx4-hud{left:20%;width:60%}}
@media(max-width:640px){.rx4-apps,.rx4g{grid-template-columns:1fr}.rx4h{height:auto!important;min-height:100svh}.rx4-hud{left:12%;width:76%;top:6%;height:38%}.rx4-boot{display:none}.d-r{grid-template-columns:44px 1fr;row-gap:10px}.d-r .bar{grid-column:2}.d-r .ok{grid-column:2}.rx-prog span{display:none}}
@media(prefers-reduced-motion:reduce){.rx4 *{animation:none!important}.rx4 .rx-s:not(.in) .rx-wrap>*{opacity:1;transform:none}}
.rx4g{grid-template-columns:repeat(4,1fr)}.rx4g .rx-cb b{font-size:21px}.rx4g .rx-cb ul{display:none}
.rx4-labc{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:8px;background:var(--x-dark);color:#EEF1F5;text-decoration:none;justify-content:flex-end;background-image:repeating-radial-gradient(circle at 80% 20%,rgba(184,151,90,.14) 0 1px,transparent 1px 28px)}.rx4-labc b{font:500 26px/1.15 Adventor,sans-serif}.rx4-labc p{color:#9AA3B2;font-size:14.5px}.rx4-labc .rx-more{color:#C9A86B}
.rx4g[data-f] .rx4-labc{display:none}
@media(max-width:1100px){.rx4g{grid-template-columns:1fr 1fr}}@media(max-width:640px){.rx4g{grid-template-columns:1fr}}
@media(max-width:640px){.rx4-hud .tag{top:auto;bottom:-44px;left:0}}
/* clean, editorial range */
.rx5{border-top:1px solid var(--x-line)}
.rx5r{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) 280px 40px;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--x-line);text-decoration:none;color:var(--x-ink)}
.rx5n{font:500 13px Poppins,sans-serif;color:var(--x-mut)}.rx5t b{display:block;font:500 clamp(24px,2.4vw,34px)/1.1 Adventor,sans-serif;letter-spacing:-.02em;margin:6px 0;transition:transform .5s cubic-bezier(.16,1,.3,1)}.rx5t p{font-size:15px;color:var(--x-sub);max-width:520px}
.rx5i{height:150px;display:grid;place-items:center}.rx5i img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.rx5r>s{text-decoration:none;font-size:22px;color:var(--x-mut);transition:transform .4s,color .3s}
.rx5r::after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--x-gold);transition:width .6s cubic-bezier(.16,1,.3,1)}
.rx5r:hover::after{width:100%}.rx5r:hover .rx5t b{transform:translateX(8px)}.rx5r:hover .rx5i img{transform:scale(1.08)}.rx5r:hover>s{color:var(--x-gold);transform:translateX(6px)}
.rx5.sm .rx5r{grid-template-columns:minmax(0,1fr) 180px 40px}.rx5.sm .rx5i{height:110px}
.rx4h .rx-hshade{background:linear-gradient(90deg,rgba(11,14,19,.8) 0%,rgba(11,14,19,.1) 50%,transparent 70%)}
.rx4-grid{opacity:.5}
@media(max-width:640px){.rx5r{grid-template-columns:1fr 90px;gap:12px}.rx5n,.rx5r>s{display:none}.rx5i{height:90px}.rx5t p{display:none}.rx5.sm .rx5r{grid-template-columns:1fr 90px}}
#site .rx5i{position:relative;overflow:hidden}#site .rx5i img{position:absolute;inset:8px 0;width:100%!important;height:calc(100% - 16px)!important;max-width:none!important;max-height:none!important;object-fit:contain}
.rx4h .rx4-hud{display:none}

/* light mode: nothing forced dark */
:root[data-theme=light] #site[data-w=robo] #view .rx-hero,:root[data-theme=light] #site[data-w=robo] #view .rx-dark,:root[data-theme=light] #site[data-w=robo] #view .rx4caps{background:var(--x-grey)!important;color:var(--x-ink)!important}
:root[data-theme=light] #site[data-w=robo] #view .rx-hero{background:radial-gradient(70% 80% at 72% 45%,#fff 0%,#E6E9EE 70%)!important}
:root[data-theme=light] #site[data-w=robo] .rx-hero::before{display:none}
:root[data-theme=light] #site[data-w=robo] .rx4h .rx-hshade{background:linear-gradient(90deg,rgba(238,240,243,.85) 0%,rgba(238,240,243,.1) 50%,transparent 70%)}
:root[data-theme=light] #site[data-w=robo] .rx-hero h1,:root[data-theme=light] #site[data-w=robo] .rx-dark h2,:root[data-theme=light] #site[data-w=robo] .rx-cta h2,:root[data-theme=light] #site[data-w=robo] .rx4caps h2{color:var(--x-ink)!important}
:root[data-theme=light] #site[data-w=robo] .rx-hin p,:root[data-theme=light] #site[data-w=robo] .rx-lead,:root[data-theme=light] #site[data-w=robo] .rx-dark .rx-hp{color:var(--x-sub)!important}
:root[data-theme=light] #site[data-w=robo] .rx-dark .rx-btn.line,:root[data-theme=light] #site[data-w=robo] .rx-hero .rx-btn.line{border-color:var(--x-line);color:var(--x-ink)}
:root[data-theme=light] #site[data-w=robo] .rx4-grid{background:linear-gradient(rgba(14,17,22,.05) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(14,17,22,.05) 1px,transparent 1px) 0 0/48px 48px}
:root[data-theme=light] #site[data-w=robo] .rx4caps .rx-tab th{color:var(--x-mut);border-color:var(--x-line)}:root[data-theme=light] #site[data-w=robo] .rx4caps .rx-tab td{color:var(--x-ink);border-color:var(--x-line)}:root[data-theme=light] #site[data-w=robo] .rx4caps .rx-tab{border-color:var(--x-line)}
:root[data-theme=light] #site[data-w=robo] .rx-dark .rx-hot b{color:#fff}
:root[data-theme=light] #site[data-w=robo] .rx4-hint.dk{color:var(--x-mut)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=robo] #view .rx-hero,:root:not([data-theme=dark]) #site[data-w=robo] #view .rx-dark,:root:not([data-theme=dark]) #site[data-w=robo] #view .rx4caps{background:var(--x-grey)!important;color:var(--x-ink)!important}
:root:not([data-theme=dark]) #site[data-w=robo] #view .rx-hero{background:radial-gradient(70% 80% at 72% 45%,#fff 0%,#E6E9EE 70%)!important}
:root:not([data-theme=dark]) #site[data-w=robo] .rx-hero::before{display:none}
:root:not([data-theme=dark]) #site[data-w=robo] .rx4h .rx-hshade{background:linear-gradient(90deg,rgba(238,240,243,.85) 0%,rgba(238,240,243,.1) 50%,transparent 70%)}
:root:not([data-theme=dark]) #site[data-w=robo] .rx-hero h1,:root:not([data-theme=dark]) #site[data-w=robo] .rx-dark h2,:root:not([data-theme=dark]) #site[data-w=robo] .rx-cta h2,:root:not([data-theme=dark]) #site[data-w=robo] .rx4caps h2{color:var(--x-ink)!important}
:root:not([data-theme=dark]) #site[data-w=robo] .rx-hin p,:root:not([data-theme=dark]) #site[data-w=robo] .rx-lead,:root:not([data-theme=dark]) #site[data-w=robo] .rx-dark .rx-hp{color:var(--x-sub)!important}
:root:not([data-theme=dark]) #site[data-w=robo] .rx-dark .rx-btn.line,:root:not([data-theme=dark]) #site[data-w=robo] .rx-hero .rx-btn.line{border-color:var(--x-line);color:var(--x-ink)}
:root:not([data-theme=dark]) #site[data-w=robo] .rx4-grid{background:linear-gradient(rgba(14,17,22,.05) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(14,17,22,.05) 1px,transparent 1px) 0 0/48px 48px}
:root:not([data-theme=dark]) #site[data-w=robo] .rx4caps .rx-tab th{color:var(--x-mut);border-color:var(--x-line)}:root:not([data-theme=dark]) #site[data-w=robo] .rx4caps .rx-tab td{color:var(--x-ink);border-color:var(--x-line)}:root:not([data-theme=dark]) #site[data-w=robo] .rx4caps .rx-tab{border-color:var(--x-line)}
:root:not([data-theme=dark]) #site[data-w=robo] .rx-dark .rx-hot b{color:#fff}
:root:not([data-theme=dark]) #site[data-w=robo] .rx4-hint.dk{color:var(--x-mut)}
}
.rx6dep{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px);align-items:start}.rx6dep .rx-btn{margin-top:24px}
@media(max-width:900px){.rx6dep{grid-template-columns:1fr}}
.rx5r{grid-template-columns:minmax(0,1fr) 280px 40px}.rx5.sm .rx5r{grid-template-columns:minmax(0,1fr) 180px 40px}

.rx4-cmp>img.lt{display:none}
:root[data-theme=light] #site[data-w=robo] .rx4-cmp{background:radial-gradient(60% 60% at 50% 45%,#fff,#E3E7EC 80%)}:root[data-theme=light] #site[data-w=robo] .rx4-cmp>img.dk{display:none}:root[data-theme=light] #site[data-w=robo] .rx4-cmp>img.lt{display:block}:root[data-theme=light] #site[data-w=robo] .rx4-cmp .rx-hot b{color:var(--x-ink)}:root[data-theme=light] #site[data-w=robo] .rx4-cmp .rx-hot span{color:var(--x-sub)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=robo] .rx4-cmp{background:radial-gradient(60% 60% at 50% 45%,#fff,#E3E7EC 80%)}:root:not([data-theme=dark]) #site[data-w=robo] .rx4-cmp>img.dk{display:none}:root:not([data-theme=dark]) #site[data-w=robo] .rx4-cmp>img.lt{display:block}:root:not([data-theme=dark]) #site[data-w=robo] .rx4-cmp .rx-hot b{color:var(--x-ink)}:root:not([data-theme=dark]) #site[data-w=robo] .rx4-cmp .rx-hot span{color:var(--x-sub)}}/* v5: page headers and why */
.rx6h{padding:clamp(56px,7vw,110px) 0 clamp(20px,3vw,40px);background:var(--x-bg)}:root:not(.zz) #site[data-w=robo] #view .rx6h{padding:clamp(56px,7vw,110px) 0 clamp(20px,3vw,40px)!important}
#site .rx6h h1{font:500 clamp(44px,5.6vw,84px)/1.0 Adventor,sans-serif;letter-spacing:-.035em;color:var(--x-ink)}.rx6l{margin-top:22px!important;max-width:620px;font-size:18px;line-height:1.6;color:var(--x-sub)}
.rx6why{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--x-line)}.rx6why.three{grid-template-columns:repeat(3,1fr)}
.rx6why>*{position:relative;display:block;padding:30px 26px 34px 0;text-decoration:none;color:var(--x-ink)}.rx6why>*+*{padding-left:26px;border-left:1px solid var(--x-line)}
.rx6why b{display:block;font:500 26px Adventor,sans-serif;letter-spacing:-.015em;margin-bottom:10px;transition:color .3s}.rx6why p{font-size:15px;line-height:1.6;color:var(--x-sub)}.rx6why s{position:absolute;right:20px;top:34px;text-decoration:none;color:var(--x-mut);transition:transform .3s,color .3s}
.rx6why a:hover b{color:var(--x-gold)}.rx6why a:hover s{color:var(--x-gold);transform:translateX(5px)}
@media(max-width:900px){.rx6why,.rx6why.three{grid-template-columns:1fr 1fr}.rx6why>*:nth-child(3){padding-left:0;border-left:0}}@media(max-width:560px){.rx6why,.rx6why.three{grid-template-columns:1fr}.rx6why>*+*{padding-left:0;border-left:0;border-top:1px solid var(--x-line)}}
/* content is never hidden waiting for a reveal: only the scan line plays */
.rx4 .rx-s:not(.in) .rx-wrap>*,.rx4 .rx-s .rx-wrap>*{opacity:1!important;transform:none!important;transition:none!important}
/* solutions menu */
.rx7mg{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px}
.rx7mg a{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--x-line);border-radius:14px;text-decoration:none;color:var(--x-ink);transition:border-color .3s,transform .3s,box-shadow .3s}
.rx7mg a:hover{border-color:var(--x-gold);transform:translateY(-2px);box-shadow:0 18px 40px -26px rgba(14,17,22,.35)}
.rx7i{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--x-gold) 14%,transparent)}.rx7i .phi{width:20px;height:20px;fill:var(--x-gold)}
.rx7mg b{font:500 19px Adventor,sans-serif}.rx7mg p{font-size:13.5px;color:var(--x-sub);line-height:1.5}.rx7mg s{position:absolute;right:18px;top:22px;text-decoration:none;color:var(--x-gold)}
/* cards with presence: border, soft surface, gold accent on hover */
.rx6why{border-top:0!important;gap:14px}.rx6why>*,.rx6why>*+*{padding:28px 26px 30px!important;border:1px solid var(--x-line)!important;border-radius:16px;background:var(--x-bg);transition:border-color .3s,transform .3s,box-shadow .3s;overflow:hidden}
.rx6why>*::before{content:'';position:absolute;left:0;top:0;height:3px;width:0;background:var(--x-gold);transition:width .5s cubic-bezier(.16,1,.3,1)}
.rx6why>*:hover{border-color:color-mix(in srgb,var(--x-gold) 55%,var(--x-line))!important;transform:translateY(-3px);box-shadow:0 24px 50px -32px rgba(14,17,22,.35)}.rx6why>*:hover::before{width:100%}
.rx-grey .rx6why>*{background:var(--x-bg)}.rx-white .rx6why>*{background:var(--x-grey)}
.rx6why b{font-size:24px}
.rx-feats{border-top:0!important;gap:14px}.rx-feats>div,.rx-feats>div+div{position:relative;padding:28px 26px!important;border:1px solid var(--x-line)!important;border-radius:16px;background:var(--x-grey)}
.rx-feats>div::before{content:'';display:block;width:28px;height:3px;background:var(--x-gold);margin-bottom:18px}
.rx-ap{border:1px solid var(--x-line);border-radius:16px!important;background:var(--x-bg)!important;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}.rx-white .rx-ap{background:var(--x-grey)!important}
.rx-ap::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--x-gold),transparent)}.rx-ap:hover{border-color:var(--x-gold);transform:translateY(-3px)}
.rx-pr{border-radius:16px!important}.rx-pr:hover{border-color:var(--x-gold)!important}
/* range rows become framed rows */
.rx5{border-top:0!important;display:grid;gap:12px}.rx5r{padding:18px 26px!important;border:1px solid var(--x-line)!important;border-radius:16px;background:var(--x-bg);transition:border-color .3s,box-shadow .3s,transform .3s}
.rx5r::after{display:none}.rx5r:hover{border-color:color-mix(in srgb,var(--x-gold) 60%,var(--x-line))!important;box-shadow:0 24px 50px -34px rgba(14,17,22,.4);transform:translateY(-2px)}
.rx5 .rx5i{border-radius:12px;background:radial-gradient(70% 70% at 50% 45%,var(--x-bg),var(--x-grey) 90%)}
.rx-grey .rx5r{background:var(--x-bg)}
#site[data-w=ai]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}
:root:not([data-theme=light]) #site[data-w=ai]{--l-bg:#0E0D0B;--l-card:#17150F;--l-tint:#1B1914;--l-ink:#F2EDE2;--l-sub:#BDB4A3;--l-mut:#8D8576;--l-line:#2A2620;--l-acc:#C9A66A;--l-accfg:#15130F;--l-acc2:#B8975A;--l-sh:rgba(0,0,0,.5)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=ai]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}}
:root[data-theme=light] #site[data-w=ai]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}
#site[data-w=iot]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}
:root:not([data-theme=light]) #site[data-w=iot]{--l-bg:#0E0D0B;--l-card:#17150F;--l-tint:#1B1914;--l-ink:#F2EDE2;--l-sub:#BDB4A3;--l-mut:#8D8576;--l-line:#2A2620;--l-acc:#C9A66A;--l-accfg:#15130F;--l-acc2:#B8975A;--l-sh:rgba(0,0,0,.5)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=iot]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}}
:root[data-theme=light] #site[data-w=iot]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}
#site[data-w=auto]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}
:root:not([data-theme=light]) #site[data-w=auto]{--l-bg:#0E0D0B;--l-card:#17150F;--l-tint:#1B1914;--l-ink:#F2EDE2;--l-sub:#BDB4A3;--l-mut:#8D8576;--l-line:#2A2620;--l-acc:#C9A66A;--l-accfg:#15130F;--l-acc2:#B8975A;--l-sh:rgba(0,0,0,.5)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=auto]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}}
:root[data-theme=light] #site[data-w=auto]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}
#site[data-w=energy]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}
:root:not([data-theme=light]) #site[data-w=energy]{--l-bg:#0E0D0B;--l-card:#17150F;--l-tint:#1B1914;--l-ink:#F2EDE2;--l-sub:#BDB4A3;--l-mut:#8D8576;--l-line:#2A2620;--l-acc:#C9A66A;--l-accfg:#15130F;--l-acc2:#B8975A;--l-sh:rgba(0,0,0,.5)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=energy]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}}
:root[data-theme=light] #site[data-w=energy]{--l-bg:#F6F2EA;--l-card:#FFFFFF;--l-tint:#EEE8DC;--l-ink:#15130F;--l-sub:#4A453C;--l-mut:#6E685C;--l-line:#E2DBCC;--l-acc:#8F6F33;--l-accfg:#FFFFFF;--l-acc2:#B8975A;--l-sh:rgba(40,30,10,.10)}
/* ---------- shared plumbing for AI, IoT, Automation, Energy. Looks are per line below. */
:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]){background:var(--l-bg)!important}
:root:not(.zz) :is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) #view section{background:transparent;border:0;padding:0;min-height:0}
:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) #view{background:var(--l-bg)}
:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) .nav{background:color-mix(in srgb,var(--l-bg) 92%,transparent)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--l-line)!important}
:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) .nav .links>a,:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) .nav .links>button{color:var(--l-ink)!important;font:500 14px Poppins,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) .nav .links>a:hover,:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) .nav .links>a.on,:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) .nav .links>button:hover,:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) .nav .links>button.on{background:var(--l-tint)!important}
:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) .nav .btn{background:var(--l-acc)!important;color:var(--l-accfg)!important;border-color:var(--l-acc)!important}
:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) #mega{background:var(--l-bg)!important;border-bottom:1px solid var(--l-line);color:var(--l-ink)}
.lw{font-family:Poppins,sans-serif;color:var(--l-ink);-webkit-font-smoothing:antialiased}
.lw p{margin:0}.lw ul,.lw ol{margin:0;padding:0;list-style:none}
#site .lw h1,#site .lw h2,#site .lw h3{color:var(--l-ink);margin:0;font-family:Adventor,sans-serif;font-weight:500}
#site .lw h1 em,#site .lw h2 em{font-style:normal;color:var(--l-acc)}
.lwrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.lctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;align-items:center}
.lb{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:var(--l-r,10px);background:var(--l-acc);color:var(--l-accfg)!important;font:600 14px Poppins,sans-serif;text-decoration:none;border:1px solid var(--l-acc);transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer}
.lb s{text-decoration:none;transition:transform .25s}.lb:hover{transform:translateY(-1px);box-shadow:0 14px 30px -16px var(--l-acc)}.lb:hover s{transform:translateX(4px)}
.lb.ln{background:transparent;color:var(--l-ink)!important;border-color:var(--l-line)}.lb.ln:hover{border-color:var(--l-ink);box-shadow:none}
.lcr{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--l-mut);margin-bottom:22px}.lcr a{color:var(--l-sub);text-decoration:none}.lcr a:hover{color:var(--l-acc)}
.lfaq{border-top:1px solid var(--l-line)}.lfaq details{border-bottom:1px solid var(--l-line)}.lfaq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:500 17px Poppins,sans-serif;cursor:pointer;color:var(--l-ink)}.lfaq summary::-webkit-details-marker{display:none}
.lfaq summary i{flex:none;width:14px;height:14px;position:relative;margin-top:5px}.lfaq summary i::before,.lfaq summary i::after{content:'';position:absolute;left:0;top:6px;width:14px;height:2px;background:var(--l-acc);transition:transform .3s}.lfaq summary i::after{transform:rotate(90deg)}.lfaq details[open] summary i::after{transform:rotate(0)}
.lfaq details p{padding:0 0 22px;color:var(--l-sub);line-height:1.65;max-width:640px}
/* form */
.lfg{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.lfg label{display:flex;flex-direction:column;gap:7px}.lfg .w2{grid-column:1/-1}
.lfg span{font-size:13px;font-weight:500;color:var(--l-sub)}.lfg em{font-style:normal;color:var(--l-mut);font-weight:400}
.lfg input,.lfg select,.lfg textarea{width:100%;box-sizing:border-box;font:400 15px Poppins,sans-serif;color:var(--l-ink);background:var(--l-card);border:1px solid var(--l-line);border-radius:calc(var(--l-r,10px) - 2px);padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.lfg select{background-image:linear-gradient(45deg,transparent 50%,var(--l-mut) 50%),linear-gradient(135deg,var(--l-mut) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.lfg input:focus,.lfg select:focus,.lfg textarea:focus{border-color:var(--l-acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--l-acc) 18%,transparent)}
.lfg textarea{resize:vertical;min-height:110px}
.lfs{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px}.lfs small{font-size:13px;color:var(--l-mut)}.lfs small.bad{color:#D9443A}
@media(max-width:640px){.lfg{grid-template-columns:1fr}}
/* mega */
.lmg{color:var(--l-ink)}.lmgl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.lmgl a{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--l-r,10px);text-decoration:none;color:var(--l-ink);border:1px solid transparent;transition:background .2s,border-color .2s}
.lmgl a:hover{background:var(--l-tint);border-color:var(--l-line)}
.lmi{flex:none;width:38px;height:38px;border-radius:calc(var(--l-r,10px) - 2px);display:grid;place-items:center;background:color-mix(in srgb,var(--l-acc) 12%,transparent);color:var(--l-acc)}.lmi svg{width:20px;height:20px}
.lmgl b{display:block;font:500 15px Poppins,sans-serif}.lmgl small{display:block;font-size:12.5px;line-height:1.45;color:var(--l-sub);margin-top:3px}
@media(max-width:1100px){.lmgl{grid-template-columns:1fr 1fr}}
/* ---------- AI and Agents: editorial. Paper, ink, an indigo accent, mono for what the agent does. Big type, thin rules, no boxes where a rule will do. */
#site[data-w=ai]{--l-r:999px}
.lw-ai{--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
.lw-ai .lb{border-radius:999px}
.ai-k{display:inline-block;font:500 12px var(--mono);letter-spacing:.04em;color:var(--l-acc);margin-bottom:18px}
#site .lw-ai h1{font-size:clamp(44px,5.2vw,82px);line-height:.98;letter-spacing:-.045em}
#site .lw-ai h2{font-size:clamp(34px,4.2vw,62px);line-height:1.02;letter-spacing:-.035em}
.ai-lead{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--l-sub);margin-top:24px!important;max-width:520px}
.ai-p{font-size:17px;line-height:1.65;color:var(--l-sub);margin:20px 0 26px!important;max-width:480px}
.ai-hero{padding:clamp(56px,9vw,120px) 0 clamp(60px,8vw,110px)!important}
.ai-hg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,90px);align-items:center}
/* the agent run */
.ai-run{background:var(--l-card);border:1px solid var(--l-line);border-radius:22px;box-shadow:0 40px 80px -50px var(--l-sh),0 2px 0 var(--l-line);overflow:hidden;font-family:var(--mono)}
.ai-rt{display:flex;gap:4px;padding:10px;border-bottom:1px solid var(--l-line);overflow-x:auto;scrollbar-width:none}.ai-rt::-webkit-scrollbar{display:none}
.ai-rt button{flex:none;border:0;background:none;font:500 12.5px Poppins,sans-serif;color:var(--l-sub);padding:8px 12px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.ai-rt button.on{background:var(--l-ink);color:var(--l-bg)}
.ai-rb{padding:24px 24px 8px;min-height:330px;position:relative}
.ai-rh{display:flex;align-items:center;gap:10px;font-size:12.5px;margin-bottom:18px}.ai-rh b{font-weight:600;color:var(--l-ink)}.ai-rh em{font-style:normal;color:var(--l-mut)}
.ai-dot{width:8px;height:8px;border-radius:50%;background:var(--l-acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--l-acc) 20%,transparent);animation:aipulse 1.6s infinite}
@keyframes aipulse{50%{box-shadow:0 0 0 8px transparent}}
.ai-steps li{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--l-ink);padding:9px 0;opacity:.18;transform:translateY(4px);transition:opacity .45s,transform .45s}
.ai-steps li.in{opacity:1;transform:none}
.ai-steps li i{flex:none;width:16px;height:16px;margin-top:2px;border-radius:50%;border:1.5px solid var(--l-acc);position:relative}
.ai-steps li.in i{background:var(--l-acc)}.ai-steps li.in i::after{content:'';position:absolute;left:4.5px;top:2px;width:4px;height:7px;border:solid var(--l-accfg);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.ai-steps li.warn i{border-color:#D98A1C}.ai-steps li.warn.in i{background:#D98A1C}.ai-steps li.warn span{color:#B26C06}
:root:not([data-theme=light]) .ai-steps li.warn span{color:#F0B15A}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .ai-steps li.warn span{color:#B26C06}}
.ai-ask{margin-top:14px;padding:16px;border-radius:14px;background:var(--l-tint);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;pointer-events:none}
.ai-ask.in{opacity:1;transform:none;pointer-events:auto}
.ai-ask p{font:500 14px Poppins,sans-serif;color:var(--l-ink)}.ai-ask small{display:block;font-size:11.5px;color:var(--l-mut);margin-top:4px}
.ai-ask div{display:flex;gap:8px;margin-top:12px}.ai-ask button{font:600 12.5px Poppins,sans-serif;border-radius:999px;padding:9px 15px;cursor:pointer;border:1px solid var(--l-line);background:var(--l-card);color:var(--l-ink)}
.ai-ask .ai-ok{background:var(--l-acc);color:var(--l-accfg);border-color:var(--l-acc)}
.ai-fin{position:absolute;left:24px;right:24px;bottom:22px;font:500 13.5px Poppins,sans-serif;color:var(--l-acc);opacity:0;transition:opacity .4s}.ai-fin.in{opacity:1}
.ai-rf{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid var(--l-line);font-size:11.5px;color:var(--l-mut)}
.ai-rf span{display:inline-flex;align-items:center;gap:6px}.ai-rf svg{width:15px;height:15px;color:var(--l-acc)}
.ai-run.still .ai-rb{min-height:0;padding-bottom:16px}
/* sections */
.ai-s{padding:clamp(72px,9vw,128px) 0!important}
.ai-tint{background:var(--l-tint)!important}
.ai-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(36px,4vw,56px)}
.ai-hd p{max-width:400px;color:var(--l-sub);line-height:1.6;font-size:16px}
/* index of agents */
.ai-idx{border-top:1px solid var(--l-ink)}
.ai-idx a{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1fr) 30px;gap:24px;align-items:center;padding:26px 6px;border-bottom:1px solid var(--l-line);text-decoration:none;color:var(--l-ink);position:relative;transition:background .3s,padding .3s}
.ai-idx a:hover{background:var(--l-card);padding-left:18px;padding-right:18px}
.ai-ii{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--l-line);color:var(--l-acc);background:var(--l-card);transition:background .3s,color .3s}.ai-ii svg{width:22px;height:22px}
.ai-idx a:hover .ai-ii{background:var(--l-acc);color:var(--l-accfg);border-color:var(--l-acc)}
.ai-idx b{display:block;font:500 clamp(20px,1.9vw,26px) Adventor,sans-serif;letter-spacing:-.02em}
.ai-idx p{font-size:14.5px;color:var(--l-sub);line-height:1.5;margin-top:4px!important}
.ai-idx ul{display:flex;flex-wrap:wrap;gap:6px}.ai-idx li{font-size:12px;color:var(--l-sub);border:1px solid var(--l-line);border-radius:999px;padding:5px 10px;background:var(--l-bg)}
.ai-idx s{text-decoration:none;font-size:20px;color:var(--l-mut);transition:transform .3s,color .3s}.ai-idx a:hover s{color:var(--l-acc);transform:translateX(4px)}
.ai-idx.sm a{grid-template-columns:56px minmax(0,1fr) 30px}
/* cloud or premises */
.ai-where{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(36px,6vw,90px);align-items:center}
.ai-seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--l-card);border:1px solid var(--l-line);margin-bottom:22px}
.ai-seg button{border:0;background:none;font:500 13.5px Poppins,sans-serif;color:var(--l-sub);padding:10px 18px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}.ai-seg button.on{background:var(--l-ink);color:var(--l-bg)}
.ai-where .lb{display:flex;width:max-content}
.ai-dia{position:relative;display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;padding:56px 28px 32px;min-height:260px}
.ai-prem{position:absolute;top:0;bottom:0;left:0;width:calc(50% - 35px + 28px);border:1.5px dashed var(--l-acc);border-radius:24px;transition:width .7s cubic-bezier(.16,1,.3,1)}
.ai-dia[data-v=p] .ai-prem{width:100%}
.ai-prem span{position:absolute;top:16px;left:20px;font:500 12px var(--mono);color:var(--l-acc)}
.ai-box{position:relative;z-index:1;background:var(--l-card);border:1px solid var(--l-line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:6px;box-shadow:0 20px 40px -30px var(--l-sh)}
.ai-box svg{width:26px;height:26px;color:var(--l-acc);margin-bottom:6px}.ai-box b{font:500 16px Poppins,sans-serif}.ai-box small{font-size:12.5px;color:var(--l-sub)}
.ai-dia[data-v=c] .ai-box .p,.ai-dia[data-v=p] .ai-box .c{display:none}
.ai-link{height:2px;background:repeating-linear-gradient(90deg,var(--l-acc) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:ailink 1s linear infinite}
@keyframes ailink{to{background-position:24px 0}}
/* doors */
.ai-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ai-door{position:relative;display:flex;flex-direction:column;gap:10px;padding:34px;border:1px solid var(--l-line);border-radius:24px;background:var(--l-card);text-decoration:none;color:var(--l-ink);transition:border-color .3s,transform .3s,box-shadow .3s}
.ai-door:hover{border-color:var(--l-acc);transform:translateY(-3px);box-shadow:0 30px 60px -40px var(--l-sh)}
.ai-door>span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--l-acc) 12%,transparent);color:var(--l-acc);margin-bottom:8px}.ai-door>span svg{width:24px;height:24px}
.ai-door b{font:500 26px Adventor,sans-serif;letter-spacing:-.02em}.ai-door p{color:var(--l-sub);line-height:1.6;max-width:380px}
.ai-door s{position:absolute;right:30px;top:34px;text-decoration:none;font-size:22px;color:var(--l-acc)}
/* cta */
.ai-cta{padding:clamp(80px,10vw,140px) 0!important;border-top:1px solid var(--l-line)!important;text-align:center}
.ai-cta .lctas{justify-content:center}
/* page heads */
.ai-ph{padding:clamp(50px,7vw,96px) 0 clamp(50px,6vw,80px)!important;border-bottom:1px solid var(--l-line)!important}
#site .lw-ai .ai-ph h1{font-size:clamp(42px,5.4vw,80px)}
.ai-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);align-items:start}
#site .lw-ai .ai-big{font:500 clamp(22px,2.2vw,32px)/1.3 Adventor,sans-serif;letter-spacing:-.02em;color:var(--l-ink)}
.ai-ck li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--l-line);font-size:16px;line-height:1.5}.ai-ck li:first-child{border-top:1px solid var(--l-line)}.ai-ck svg{flex:none;width:20px;height:20px;color:var(--l-acc);margin-top:1px}
.ai-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--l-ink)}
.ai-flow li{padding:26px 24px 0 0;position:relative}
.ai-flow span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--l-ink);font:500 13px var(--mono);margin-bottom:18px;background:var(--l-bg)}
.ai-tint .ai-flow span{background:var(--l-tint)}
.ai-flow b{display:block;font:500 19px Adventor,sans-serif;margin-bottom:8px}.ai-flow p{font-size:14.5px;line-height:1.6;color:var(--l-sub)}
.ai-flow.big li{padding-top:34px}.ai-flow.big b{font-size:24px}
.ai-flow.v{grid-template-columns:1fr;border:0;margin-top:40px}.ai-flow.v li{display:grid;grid-template-columns:50px 1fr;padding:16px 0;border-top:1px solid var(--l-line)}.ai-flow.v span{grid-row:span 2;margin:0}.ai-flow.v b{font-size:17px;margin-bottom:2px}
.ai-sec{display:flex;flex-wrap:wrap;gap:10px}.ai-sec span{padding:14px 22px;border:1px solid var(--l-line);border-radius:999px;background:var(--l-card);font-size:15px}
/* guardrails */
.ai-gr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center}
.ai-sl{display:block;margin-top:10px}.ai-sl span{display:block;font-size:15px;color:var(--l-sub);margin-bottom:14px}.ai-sl b{color:var(--l-ink);font-family:var(--mono)}
.ai-sl input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--l-acc) var(--p,30%),var(--l-line) var(--p,30%));outline:none}
.ai-sl input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--l-card);border:2px solid var(--l-acc);box-shadow:0 4px 12px var(--l-sh);cursor:grab}
.ai-sl input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--l-card);border:2px solid var(--l-acc);cursor:grab}
.ai-q{border:1px solid var(--l-line);border-radius:20px;background:var(--l-card);overflow:hidden}
.ai-qh{display:flex;justify-content:space-between;padding:14px 22px;font:500 12px var(--mono);color:var(--l-mut);border-bottom:1px solid var(--l-line)}
.ai-qr{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--l-line)}.ai-qr:last-child{border:0}
.ai-qr b{display:block;font-weight:500;font-size:15px}.ai-qr small{font:500 12.5px var(--mono);color:var(--l-mut)}
.ai-qr em{font-style:normal;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,#D98A1C 15%,transparent);color:#B26C06;transition:background .3s,color .3s;white-space:nowrap}
.ai-qr.auto em{background:color-mix(in srgb,var(--l-acc) 14%,transparent);color:var(--l-acc)}
.ai-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ai-rules div{padding:30px;border-radius:22px;background:var(--l-card);border:1px solid var(--l-line)}
.ai-rules span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--l-acc) 12%,transparent);color:var(--l-acc);margin-bottom:20px}.ai-rules svg{width:24px;height:24px}
.ai-rules b{display:block;font:500 20px Adventor,sans-serif;margin-bottom:8px}.ai-rules p{font-size:14.5px;line-height:1.6;color:var(--l-sub)}
.ai-log{font-family:var(--mono);border-top:1px solid var(--l-ink)}.ai-log li{display:grid;grid-template-columns:60px 90px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--l-line);font-size:13.5px}
.ai-log time{color:var(--l-mut)}.ai-log b{color:var(--l-acc);font-weight:600}
/* proposal */
.ai-pg{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,6vw,90px);align-items:start}
.ai-fc{background:var(--l-card);border:1px solid var(--l-line);border-radius:26px;padding:clamp(22px,3vw,40px);box-shadow:0 40px 80px -60px var(--l-sh)}
.lw-ai .lfg input,.lw-ai .lfg select,.lw-ai .lfg textarea{border-radius:14px}
@media(max-width:1000px){.ai-hg,.ai-where,.ai-split,.ai-gr,.ai-pg{grid-template-columns:1fr}.ai-flow{grid-template-columns:1fr 1fr;row-gap:30px}.ai-rules{grid-template-columns:1fr}.ai-idx a{grid-template-columns:50px minmax(0,1fr) 24px}.ai-idx ul{display:none}.ai-hd{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.ai-two{grid-template-columns:1fr}.ai-flow{grid-template-columns:1fr}.ai-idx a{gap:14px;padding:20px 0}.ai-idx a:hover{padding-left:0;padding-right:0;background:none}.ai-ii{width:40px;height:40px}.ai-dia{grid-template-columns:1fr;gap:16px;padding:52px 16px 18px}.ai-prem{width:100%!important;bottom:auto;height:calc(50% + 6px)}.ai-dia[data-v=p] .ai-prem{height:100%}.ai-link{width:2px;height:30px;justify-self:center;background:repeating-linear-gradient(180deg,var(--l-acc) 0 6px,transparent 6px 12px)}.ai-rb{min-height:360px;padding:20px 18px 8px}.ai-log li{grid-template-columns:50px 1fr}.ai-log span{grid-column:2}}
/* ---------- Smart Hardware and IoT: technical and calm. Square-ish corners, teal signal, mono labels, a dot-grid site plan. */
#site[data-w=iot]{--l-r:6px}
.lw-io{--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.io-k{display:inline-flex;align-items:center;gap:8px;font:600 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--l-acc);margin-bottom:16px}
.io-k i{width:7px;height:7px;border-radius:50%;background:var(--l-acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--l-acc) 25%,transparent);animation:iopl 2s infinite}
@keyframes iopl{50%{box-shadow:0 0 0 7px transparent}}
#site .lw-io h1{font-size:clamp(38px,4.4vw,66px);line-height:1.02;letter-spacing:-.04em}
#site .lw-io h2{font-size:clamp(30px,3.4vw,50px);line-height:1.05;letter-spacing:-.03em}
.io-lead{font-size:clamp(16px,1.3vw,18.5px);line-height:1.65;color:var(--l-sub);max-width:520px;margin-top:20px!important}
.io-hero{padding:clamp(40px,5vw,70px) 0 clamp(50px,6vw,80px)!important}
.io-ht{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(30px,4vw,50px)}
.io-ht .io-lead{margin-top:0!important}.io-ht .lctas{margin-top:24px}
/* the plan */
.io-map{position:relative;border:1px solid var(--l-line);border-radius:10px;background:var(--l-card);overflow:hidden;box-shadow:0 30px 70px -50px var(--l-sh)}
.io-mh{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--l-line);font:500 12px var(--mono);color:var(--l-mut)}
.io-mh span{display:inline-flex;align-items:center;gap:8px}.io-mh i{width:7px;height:7px;border-radius:50%;background:#2BB673}
.io-plan{display:block;width:100%;height:auto}
.io-gd{fill:var(--l-line)}
.io-zn rect{fill:var(--l-bg);stroke:var(--l-line);stroke-width:1.5}.io-zn text{font:600 12px var(--mono);fill:var(--l-mut);letter-spacing:.06em;text-transform:uppercase}
.io-tk{fill:none;stroke:var(--l-line);stroke-width:1.5;stroke-dasharray:4 4}.io-sh{stroke:var(--l-line);stroke-width:6;stroke-linecap:round}
.io-road{fill:none;stroke:var(--l-line);stroke-width:14;stroke-linecap:round;stroke-linejoin:round}
.io-truck rect{fill:var(--l-ink)}
.io-nd{cursor:pointer;outline:none}.io-nd .io-ring{fill:none;stroke:var(--l-acc);stroke-width:1.5;opacity:.35;transform-box:fill-box;transform-origin:center;animation:ioring 2.4s infinite}
.io-nd .io-dot{fill:var(--l-card);stroke:var(--l-acc);stroke-width:2.5;transition:r .3s}.io-nd .io-c{fill:var(--l-acc)}
.io-nd[data-s=al] .io-dot,.io-nd[data-s=al] .io-ring{stroke:#E5484D}.io-nd[data-s=al] .io-c{fill:#E5484D}
.io-nd[data-s=wa] .io-dot,.io-nd[data-s=wa] .io-ring{stroke:#E39A0B}.io-nd[data-s=wa] .io-c{fill:#E39A0B}
.io-nd.on .io-dot{fill:var(--l-acc)}.io-nd.on .io-c{fill:var(--l-card)}.io-nd[data-s=al].on .io-dot{fill:#E5484D}.io-nd[data-s=wa].on .io-dot{fill:#E39A0B}
.io-nd:focus-visible .io-dot{stroke-width:4}
@keyframes ioring{0%{transform:scale(.6);opacity:.6}100%{transform:scale(1.6);opacity:0}}
.io-card{position:absolute;left:60%;top:80px;width:270px;background:var(--l-card);border:1px solid var(--l-line);border-radius:10px;box-shadow:0 24px 50px -24px var(--l-sh);padding:16px;transition:left .5s cubic-bezier(.16,1,.3,1),top .5s cubic-bezier(.16,1,.3,1);z-index:2}
.io-ch{display:flex;gap:12px;align-items:center}.io-ch b{display:block;font:600 14.5px Poppins,sans-serif}.io-ch small{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#1F9D5B}.io-ch small.al{color:#E5484D}.io-ch small.wa{color:#C27C00}
.io-cr{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;padding:14px 0;border-top:1px solid var(--l-line);border-bottom:1px solid var(--l-line)}
.io-cr b{display:block;font:600 19px var(--mono);letter-spacing:-.02em;color:var(--l-ink)}.io-cr small{font-size:11.5px;color:var(--l-mut)}
.io-card a{display:flex;justify-content:space-between;font:600 13px Poppins,sans-serif;color:var(--l-acc);text-decoration:none}.io-card a s{text-decoration:none}
.io-di{flex:none;width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--l-acc) 12%,transparent);color:var(--l-acc)}.io-di svg{width:22px;height:22px}.io-di.lg{width:64px;height:64px;border-radius:12px}.io-di.lg svg{width:34px;height:34px}
/* sections */
.io-s{padding:clamp(70px,8vw,120px) 0!important}.io-tint{background:var(--l-tint)!important}
.io-hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 60px;align-items:end;margin-bottom:clamp(36px,4vw,56px)}.io-hd .io-k{grid-column:1/-1;margin:0}.io-hd p{color:var(--l-sub);line-height:1.65;max-width:440px}
/* signal path */
.io-path{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.io-path::before{content:'';position:absolute;left:30px;right:30px;top:31px;height:2px;background:linear-gradient(90deg,var(--l-line) 50%,transparent 50%);background-size:10px 2px}
.io-pk{position:absolute;top:27px;left:30px;width:10px;height:10px;border-radius:50%;background:var(--l-acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--l-acc) 25%,transparent);animation:iopk 5s cubic-bezier(.6,0,.4,1) infinite;z-index:1}
@keyframes iopk{0%{left:30px;opacity:0}5%{opacity:1}95%{opacity:1}100%{left:calc(100% - 40px);opacity:0}}
.io-st{position:relative;padding:0 6px 0 0}
.io-st>span{position:relative;z-index:2;display:grid;place-items:center;width:62px;height:62px;border-radius:12px;background:var(--l-card);border:1px solid var(--l-line);color:var(--l-acc);margin-bottom:22px;box-shadow:0 10px 24px -18px var(--l-sh)}.io-st>span svg{width:28px;height:28px}
.io-st b{display:block;font:500 20px Adventor,sans-serif;margin-bottom:8px}.io-st p{font-size:14.5px;line-height:1.6;color:var(--l-sub);min-height:70px}
.io-st code{display:inline-block;margin-top:14px;font:500 12px var(--mono);color:var(--l-ink);background:var(--l-tint);border:1px solid var(--l-line);border-radius:6px;padding:7px 10px}
/* devices */
.io-dv{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--l-line);border:1px solid var(--l-line);border-radius:10px;overflow:hidden}
.io-dv a{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 24px 24px;background:var(--l-card);text-decoration:none;color:var(--l-ink);transition:background .25s}
.io-dv a:hover{background:var(--l-bg)}.io-dv a::after{content:'';position:absolute;left:0;top:0;height:2px;width:0;background:var(--l-acc);transition:width .4s}.io-dv a:hover::after{width:100%}
.io-dv a .io-di{margin-bottom:8px}.io-dv b{font:500 17.5px Poppins,sans-serif;line-height:1.3}.io-dv p{font-size:13.5px;line-height:1.55;color:var(--l-sub);flex:1}
.io-dv s{position:absolute;right:20px;top:26px;text-decoration:none;color:var(--l-mut);transition:color .25s,transform .25s}.io-dv a:hover s{color:var(--l-acc);transform:translateX(3px)}
.io-ms{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.io-ms em{font:500 11px var(--mono);font-style:normal;color:var(--l-sub);background:var(--l-tint);border-radius:4px;padding:4px 7px}
.io-dv.three{grid-template-columns:repeat(3,1fr);margin-top:6px}
/* alerts */
.io-al{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center}
.io-pts{margin-top:30px!important;border-top:1px solid var(--l-line)}.io-pts li{padding:18px 0;border-bottom:1px solid var(--l-line)}.io-pts b{display:block;font:500 16.5px Poppins,sans-serif}.io-pts p{font-size:14.5px;color:var(--l-sub);line-height:1.6;margin-top:3px!important}
.io-ph{justify-self:center;width:min(360px,100%);border-radius:34px;border:1px solid var(--l-line);background:var(--l-tint);padding:16px 14px 18px;box-shadow:0 40px 80px -50px var(--l-sh);position:relative}
.io-pt{display:flex;justify-content:center;padding:6px 0 16px}.io-pt span{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--l-mut)}
.io-n{display:flex;gap:12px;align-items:flex-start;background:var(--l-card);border:1px solid var(--l-line);border-radius:16px;padding:14px;margin-bottom:10px;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1)}
.io-ns.in .io-n{opacity:1;transform:none}.io-ns.in .io-n:nth-child(2){transition-delay:.25s}.io-ns.in .io-n:nth-child(3){transition-delay:.5s}
:root:not(.js) .io-n{opacity:1;transform:none}
.io-n i{flex:none;width:10px;height:10px;border-radius:50%;margin-top:5px;background:#2BB673}.io-n.al i{background:#E5484D}.io-n.wa i{background:#E39A0B}
.io-n b{font:600 14px Poppins,sans-serif}.io-n p{font-size:13px;line-height:1.5;color:var(--l-sub);margin-top:2px!important}.io-n small{flex:none;margin-left:auto;font:500 11px var(--mono);color:var(--l-mut)}
.io-ex{display:block;text-align:center;font:500 11px var(--mono);color:var(--l-mut);margin-top:8px}
/* doors and cta */
.io-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.io-door{position:relative;display:block;padding:32px;background:var(--l-card);border:1px solid var(--l-line);border-radius:10px;text-decoration:none;color:var(--l-ink);transition:border-color .3s,transform .3s}
.io-door:hover{border-color:var(--l-acc);transform:translateY(-2px)}.io-door b{display:block;font:500 26px Adventor,sans-serif;letter-spacing:-.02em;margin-bottom:8px}.io-door p{color:var(--l-sub);line-height:1.6}
.io-door s{position:absolute;right:28px;top:30px;text-decoration:none;color:var(--l-acc);font-size:20px}
.io-cta{padding:clamp(70px,8vw,110px) 0!important;border-top:1px solid var(--l-line)!important}
.io-ctg{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}.io-ctg .lctas{margin:0}
/* inner pages */
.io-pgh{padding:clamp(46px,6vw,84px) 0 clamp(46px,6vw,80px)!important;border-bottom:1px solid var(--l-line)!important}
.io-pgg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center}
.io-spec{background:var(--l-card);border:1px solid var(--l-line);border-radius:10px;padding:24px;box-shadow:0 30px 60px -45px var(--l-sh)}
.io-sph{display:flex;gap:18px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--l-line)}.io-sph small{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--l-mut)}
.io-spec table{width:100%;border-collapse:collapse;margin-top:6px}.io-spec th,.io-spec td{text-align:left;padding:13px 0;border-bottom:1px solid var(--l-line);font-size:14px;vertical-align:top}.io-spec tr:last-child th,.io-spec tr:last-child td{border:0}
.io-spec th{font:500 12px var(--mono);color:var(--l-mut);width:44%;padding-right:12px}
.io-inc{border-top:1px solid var(--l-ink)}.io-inc li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--l-line);font-size:16px}.io-inc span{font:500 12.5px var(--mono);color:var(--l-acc);padding-top:3px}
#site .lw-io .io-big{font:500 clamp(22px,2.1vw,30px)/1.3 Adventor,sans-serif;letter-spacing:-.02em}
.io-steps{counter-reset:s}.io-steps li{position:relative;padding:0 0 22px 40px;counter-increment:s}.io-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:2px;font:600 12px var(--mono);color:var(--l-acc)}
.io-steps li::after{content:'';position:absolute;left:8px;top:24px;bottom:4px;width:1px;background:var(--l-line)}.io-steps li:last-child::after{display:none}
.io-steps b{display:block;font:500 16.5px Poppins,sans-serif}.io-steps p{font-size:14.5px;line-height:1.6;color:var(--l-sub);margin-top:2px!important}
.io-steps.sm{margin-top:36px}
.io-secs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.io-sc{background:var(--l-card);border:1px solid var(--l-line);border-radius:10px;padding:26px}
.io-sc>b{display:block;font:500 21px Adventor,sans-serif;letter-spacing:-.01em;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--l-line)}
.io-sc a{display:flex;align-items:center;gap:12px;padding:10px 0;text-decoration:none;color:var(--l-ink);font-size:14.5px}.io-sc a svg{width:20px;height:20px;color:var(--l-acc)}.io-sc a span{flex:1}.io-sc a s{text-decoration:none;color:var(--l-mut)}.io-sc a:hover span{color:var(--l-acc)}
.io-tl{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.io-tl li{background:var(--l-card);border:1px solid var(--l-line);border-radius:10px;padding:28px 24px;border-top:3px solid var(--l-acc)}
.io-tl span{font:600 13px var(--mono);color:var(--l-acc)}.io-tl b{display:block;font:500 21px Adventor,sans-serif;margin:16px 0 8px}.io-tl p{font-size:14.5px;line-height:1.6;color:var(--l-sub)}
.io-fc{background:var(--l-card);border:1px solid var(--l-line);border-radius:10px;padding:clamp(22px,3vw,36px)}
.io-prop .io-pgg{align-items:start}
@media(max-width:1000px){.io-ht,.io-al,.io-pgg,.io-hd{grid-template-columns:1fr}.io-dv{grid-template-columns:1fr 1fr}.io-path{grid-template-columns:1fr 1fr;row-gap:36px}.io-path::before,.io-pk{display:none}.io-secs,.io-tl{grid-template-columns:1fr 1fr}.io-dv.three{grid-template-columns:1fr}}
@media(max-width:760px){.io-pw{overflow-x:auto;scrollbar-width:none}.io-pw::-webkit-scrollbar{display:none}.io-pw .io-plan{width:780px;max-width:none}.io-card{position:relative;left:auto!important;top:auto!important;width:auto;margin:0 12px 12px;box-shadow:none}.io-plan{min-height:200px}}
@media(max-width:640px){.io-dv,.io-path,.io-secs,.io-tl,.io-two{grid-template-columns:1fr}.io-st p{min-height:0}}
.io-al.t{align-items:start}
/* ---------- Industrial Automation: drawing sheet. Warm grey with a faint grid, ink line work, safety orange, uppercase mono labels, square corners. */
#site[data-w=auto]{--l-r:3px}
.lw-au{--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background-image:linear-gradient(var(--l-line) 1px,transparent 1px),linear-gradient(90deg,var(--l-line) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px}
.lw-au>section{background:color-mix(in srgb,var(--l-bg) 86%,transparent)!important}
.au-k{display:inline-block;font:600 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--l-acc);margin-bottom:16px;padding-left:16px;position:relative}
.au-k::before{content:'';position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-5px;background:var(--l-acc)}
#site .lw-au h1{font-size:clamp(44px,5.8vw,90px);line-height:.98;letter-spacing:-.045em}
#site .lw-au h2{font-size:clamp(32px,3.8vw,56px);line-height:1.02;letter-spacing:-.035em}
.au-lead{font-size:clamp(16px,1.3vw,18.5px);line-height:1.65;color:var(--l-sub);max-width:520px;margin-top:18px!important}
.au-p{font-size:16px;line-height:1.65;color:var(--l-sub);margin:20px 0 30px!important;max-width:470px}
.au-hero{padding:clamp(44px,6vw,80px) 0 clamp(50px,6vw,90px)!important}
.au-ht{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(30px,4vw,48px)}.au-ht .au-lead{margin:0!important}.au-ht .lctas{margin-top:24px}
/* the drawing sheet */
.au-sheet{border:1.5px solid var(--l-ink);background:var(--l-card);position:relative}
.au-sheet::before,.au-sheet::after{content:'';position:absolute;width:14px;height:14px;border:1.5px solid var(--l-acc)}.au-sheet::before{left:-8px;top:-8px;border-right:0;border-bottom:0}.au-sheet::after{right:-8px;bottom:-8px;border-left:0;border-top:0}
.au-sh{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--l-line);font:600 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--l-sub)}
.au-sh span:last-child{color:var(--l-acc)}
.au-line{display:block;width:100%;height:auto;padding:10px 0 0}
.au-dim path{stroke:var(--l-mut);stroke-width:1;fill:none}.au-dim text{font:600 10.5px var(--mono);letter-spacing:.12em;fill:var(--l-mut);text-anchor:middle}
.au-belt{fill:var(--l-tint);stroke:var(--l-ink);stroke-width:1.5}.au-rl{fill:var(--l-card);stroke:var(--l-ink);stroke-width:1}
.au-stn .au-ld{fill:none;stroke:var(--l-mut);stroke-width:1}.au-stn text{font:700 11px var(--mono);letter-spacing:.14em;fill:var(--l-ink)}
.au-m rect,.au-m path,.au-m circle{fill:var(--l-card);stroke:var(--l-ink);stroke-width:1.5}
.au-noz{stroke-width:6!important;stroke:var(--l-ink)!important}.au-noz.on{stroke:var(--l-acc)!important}
.au-beam{fill:color-mix(in srgb,var(--l-acc) 30%,transparent)!important;stroke:none!important;transition:opacity .2s}
.au-push{fill:var(--l-acc)!important;stroke:none!important;transition:x .15s}.au-chute{fill:none!important;stroke-dasharray:5 5}
.au-b{fill:color-mix(in srgb,var(--l-card) 60%,transparent);stroke:var(--l-ink);stroke-width:1.5}.au-fl{fill:#3B82C4;opacity:.75}.au-cp{fill:var(--l-ink);transition:opacity .2s}
#aubot g.bad .au-b{stroke:#E5484D;stroke-width:2.5}
.au-ct{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--l-line)}.au-ct div{padding:16px 20px;border-right:1px solid var(--l-line)}.au-ct div:last-child{border:0}
.au-ct small{display:block;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--l-mut)}.au-ct b{display:block;font:600 22px var(--mono);letter-spacing:-.02em;margin-top:4px;color:var(--l-ink)}
#aurej{color:var(--l-acc)}
/* sections */
.au-s{padding:clamp(70px,8vw,120px) 0!important}.lw-au>.au-tint{background:color-mix(in srgb,var(--l-tint) 92%,transparent)!important}
.au-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(34px,4vw,54px)}.au-hd>p{max-width:420px;color:var(--l-sub);line-height:1.65}
/* oee */
.au-oee{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center}
.au-sl{display:block;padding:16px 0;border-top:1px solid var(--l-line)}.au-sl:last-of-type{border-bottom:1px solid var(--l-line)}
.au-sl span{display:flex;justify-content:space-between}.au-sl b{font:500 16px Poppins,sans-serif}.au-sl em{font:600 16px var(--mono);font-style:normal;color:var(--l-acc)}.au-sl small{display:block;font-size:13px;color:var(--l-mut);margin:2px 0 12px}
.au-sl input{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(90deg,var(--l-ink) var(--p,50%),var(--l-line) var(--p,50%));outline:none}
.au-sl input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--l-acc);border:3px solid var(--l-card);box-shadow:0 0 0 1.5px var(--l-acc);cursor:grab}
.au-sl input::-moz-range-thumb{width:16px;height:16px;border-radius:0;background:var(--l-acc);border:3px solid var(--l-card);cursor:grab}
.au-gauge{border:1.5px solid var(--l-ink);background:var(--l-card);padding:clamp(24px,3vw,40px)}
.au-gv{display:flex;align-items:flex-start;gap:4px;font-family:var(--mono);color:var(--l-ink)}.au-gv b{font-size:clamp(80px,9vw,140px);font-weight:600;line-height:.9;letter-spacing:-.06em}.au-gv span{font-size:32px;font-weight:600;margin-top:10px;color:var(--l-acc)}
.au-gauge>small{display:block;font:600 11px var(--mono);letter-spacing:.14em;color:var(--l-mut);margin:8px 0 28px}

.au-wb{display:grid;grid-template-columns:120px 1fr 48px;gap:12px;align-items:center;margin-top:10px}
.au-wb span{font:500 12px Poppins,sans-serif;color:var(--l-sub)}.au-wb em{font:600 12px var(--mono);font-style:normal;text-align:right;color:var(--l-ink)}
.au-tr{position:relative;height:18px;background:var(--l-tint)}.au-tr i{position:absolute;top:0;bottom:0;left:0;background:var(--l-ink);transition:left .4s,width .4s}
.au-wb.l i{background:repeating-linear-gradient(135deg,var(--l-acc) 0 4px,transparent 4px 8px);border:1px solid var(--l-acc)}.au-wb.g i{background:var(--l-acc)}
/* stack */
.au-stk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}
.au-lv li{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:20px 22px;border:1.5px solid var(--l-line);background:var(--l-card);margin-top:-1.5px;cursor:pointer;position:relative;transition:border-color .2s,transform .3s}
.au-lv li:nth-child(1){margin-right:0}.au-lv li:nth-child(2){margin-left:14px}.au-lv li:nth-child(3){margin-left:28px}.au-lv li:nth-child(4){margin-left:42px}.au-lv li:nth-child(5){margin-left:56px}
.au-lv li:hover{border-color:var(--l-ink);z-index:1}.au-lv li.on{border-color:var(--l-acc);z-index:2;transform:translateX(-6px)}
.au-lv span{grid-row:span 2;font:700 14px var(--mono);color:var(--l-acc);padding-top:3px}.au-lv b{font:500 17px Poppins,sans-serif}.au-lv small{font-size:13px;color:var(--l-sub)}
.au-lp{border:1.5px solid var(--l-ink);background:var(--l-card);padding:30px;position:sticky;top:110px}.au-lp>p{font-size:16px;line-height:1.65;color:var(--l-ink);margin-bottom:22px!important}
.au-lp a{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--l-line);text-decoration:none;color:var(--l-ink);font:500 15px Poppins,sans-serif}.au-lp a svg{width:20px;height:20px;color:var(--l-acc)}.au-lp a span{flex:1}.au-lp a s{text-decoration:none;color:var(--l-mut)}.au-lp a:hover span{color:var(--l-acc)}
/* solutions table */
.au-tb{border-top:1.5px solid var(--l-ink)}
.au-tb a{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr) 24px;gap:22px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--l-line);text-decoration:none;color:var(--l-ink);transition:background .2s}
.au-tb a:hover{background:var(--l-card)}.au-tb b{font:500 18px Poppins,sans-serif}.au-tb p{font-size:14.5px;color:var(--l-sub);line-height:1.5}.au-tb small{font-size:13px;color:var(--l-mut);line-height:1.5}
.au-tb s{text-decoration:none;color:var(--l-mut);transition:transform .2s,color .2s}.au-tb a:hover s{color:var(--l-acc);transform:translateX(4px)}
.au-ti{display:grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--l-ink);color:var(--l-ink);background:var(--l-card)}.au-ti svg{width:22px;height:22px}.au-tb a:hover .au-ti{background:var(--l-acc);border-color:var(--l-acc);color:#fff}
.au-ti.lg{width:64px;height:64px}.au-ti.lg svg{width:32px;height:32px}
.au-door{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:clamp(28px,4vw,48px);border:1.5px solid var(--l-ink);background:var(--l-card);text-decoration:none;color:var(--l-ink);transition:border-color .2s}
.au-door:hover{border-color:var(--l-acc)}.au-door b{display:block;font:500 clamp(24px,2.6vw,36px) Adventor,sans-serif;letter-spacing:-.02em}.au-door p{color:var(--l-sub);margin-top:8px!important}.au-door>s{text-decoration:none;font-size:30px;color:var(--l-acc)}
.au-cta{padding:clamp(70px,8vw,120px) 0!important;border-top:1.5px solid var(--l-ink)!important}.au-ctg{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}.au-ctg .lctas{margin:0}
/* inner pages */
.au-pgh{padding:clamp(44px,6vw,80px) 0!important;border-bottom:1.5px solid var(--l-ink)!important}
.au-pgg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,5vw,80px);align-items:center}.au-pgg.t{align-items:start}
.au-dw{border:1.5px solid var(--l-ink);background:var(--l-card);position:relative}
.au-dwc{padding:28px;display:grid;grid-template-columns:80px 1fr;gap:20px;min-height:200px}
.au-dwc ol{counter-reset:none}.au-dwc li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;font-size:14.5px;line-height:1.5}
.au-dwc li i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--l-acc);color:var(--l-acc);font:700 11px var(--mono);font-style:normal}
.au-tbk{width:100%;border-collapse:collapse;border-top:1.5px solid var(--l-ink)}.au-tbk th,.au-tbk td{padding:10px 16px;border-bottom:1px solid var(--l-line);text-align:left;font-size:13.5px;vertical-align:top}.au-tbk tr:last-child th,.au-tbk tr:last-child td{border-bottom:0}
.au-tbk th{width:34%;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--l-mut);border-right:1px solid var(--l-line)}
.au-tbk.wide{margin-top:36px;border:1.5px solid var(--l-ink);background:var(--l-card)}
.au-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);align-items:start}
#site .lw-au .au-big{font:500 clamp(22px,2.1vw,30px)/1.3 Adventor,sans-serif;letter-spacing:-.02em}
.au-why{border-top:1.5px solid var(--l-ink)}.au-why li{padding:18px 0;border-bottom:1px solid var(--l-line)}.au-why b{font:500 16.5px Poppins,sans-serif}.au-why p{font-size:14.5px;color:var(--l-sub);margin-top:3px!important;line-height:1.6}
.au-ph4{display:grid;grid-template-columns:repeat(4,1fr);border:1.5px solid var(--l-ink);background:var(--l-card)}
.au-ph4 li{padding:26px 22px;border-right:1px solid var(--l-line);position:relative}.au-ph4 li:last-child{border:0}
.au-ph4 li::after{content:'';position:absolute;right:-7px;top:30px;width:12px;height:12px;background:var(--l-card);border:1.5px solid var(--l-ink);border-left:0;border-bottom:0;transform:rotate(45deg);z-index:1}.au-ph4 li:last-child::after{display:none}
.au-ph4 span{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--l-acc)}.au-ph4 b{display:block;font:500 19px Adventor,sans-serif;margin:12px 0 8px}.au-ph4 p{font-size:14px;line-height:1.6;color:var(--l-sub)}
.au-gt{border:1.5px solid var(--l-ink);background:var(--l-card)}
.au-gr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center;padding:26px 24px;border-bottom:1px solid var(--l-line)}.au-gr:last-child{border:0}
.au-gl span,.au-gd small{font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--l-acc)}.au-gd small{color:var(--l-mut)}
.au-gl b,.au-gd b{display:block;font:500 18px Poppins,sans-serif;margin:6px 0 4px}.au-gl p,.au-gd p{font-size:13.5px;line-height:1.55;color:var(--l-sub)}
.au-gb{position:relative;height:26px;background:repeating-linear-gradient(90deg,var(--l-line) 0 1px,transparent 1px 10%)}
.au-gb i{position:absolute;top:4px;bottom:4px;left:var(--s);width:var(--w);background:var(--l-acc)}
.au-secs{display:flex;flex-wrap:wrap;gap:10px}.au-secs span{padding:14px 20px;border:1.5px solid var(--l-ink);background:var(--l-card);font-size:15px}
.au-fc{border:1.5px solid var(--l-ink);background:var(--l-card);padding:clamp(22px,3vw,36px)}
@media(max-width:1000px){.au-ht,.au-oee,.au-stk,.au-pgg,.au-two{grid-template-columns:1fr}.au-tb a{grid-template-columns:48px minmax(0,1fr) 20px}.au-tb p,.au-tb small{display:none}.au-tb a b+p{display:block;grid-column:2}.au-ph4{grid-template-columns:1fr 1fr}.au-ph4 li::after{display:none}.au-gr{grid-template-columns:1fr}.au-lp{position:static}.au-hd{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.au-ct{grid-template-columns:1fr 1fr}.au-ct div:nth-child(2){border-right:0}.au-ct div:nth-child(-n+2){border-bottom:1px solid var(--l-line)}.au-ph4{grid-template-columns:1fr}.au-ph4 li{border-right:0;border-bottom:1px solid var(--l-line)}.au-lv li{margin-left:0!important}.au-dwc{grid-template-columns:1fr}.au-wb{grid-template-columns:96px 1fr 40px}.au-line{min-width:0}}
@media(max-width:640px){.au-lw{overflow-x:auto;scrollbar-width:none}.au-lw::-webkit-scrollbar{display:none}.au-lw .au-line{width:720px;max-width:none}}
/* ---------- Smart Energy: warm, airy, round. Amber sun, leaf green for savings, generous radius, soft shadows. */
#site[data-w=energy]{--l-r:16px}
.en-k{display:inline-flex;align-items:center;gap:8px;font:600 13px Poppins,sans-serif;color:var(--l-ink);margin-bottom:18px;padding:7px 14px 7px 9px;border-radius:999px;background:var(--l-tint);border:1px solid var(--l-line)}
.en-k svg{width:18px;height:18px;color:var(--l-acc)}
#site .lw-en h1{font-size:clamp(42px,5.6vw,86px);line-height:1;letter-spacing:-.04em}
#site .lw-en h2{font-size:clamp(32px,3.8vw,56px);line-height:1.04;letter-spacing:-.03em}
#site .lw-en h1 em,#site .lw-en h2 em{color:var(--l-acc2)}
.en-lead{font-size:clamp(16px,1.35vw,19px);line-height:1.65;color:var(--l-sub);max-width:600px;margin:22px auto 0!important}
.en-p{font-size:16.5px;line-height:1.65;color:var(--l-sub);margin:20px 0 28px!important;max-width:460px}
.en-hero{padding:clamp(46px,6vw,84px) 0 clamp(56px,7vw,100px)!important}
.en-ht{text-align:center;max-width:900px;margin:0 auto clamp(34px,4vw,54px)}.en-ht .lctas{justify-content:center}
/* the day */
.en-day{border-radius:28px;overflow:hidden;border:1px solid var(--l-line);background:var(--l-card);box-shadow:0 50px 100px -60px var(--l-sh)}
.en-scw{position:relative}.en-sc{display:block;width:100%;height:auto}
.en-arc{fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.5;stroke-dasharray:3 7}
.en-sun{fill:#FFC93C;filter:drop-shadow(0 0 24px rgba(255,190,60,.9))}.en-moon{fill:#F2F0E6;filter:drop-shadow(0 0 14px rgba(255,255,255,.5))}
.en-gr{fill:#E9E1CF}.en-sc.night .en-gr{fill:#1A1F36}
.en-bd rect{fill:#FFFFFF;stroke:#2A2720;stroke-width:2}.en-pv{fill:#2C4A7A;stroke:#2A2720;stroke-width:2}.en-pvl{fill:none;stroke:#8FB2E8;stroke-width:1.5;stroke-dasharray:14 4}
.en-wn{fill:#CFE0F2!important;stroke:none!important;transition:fill .6s}.en-sc.night .en-wn{fill:#FFD27A!important}
.en-bt rect{fill:#FFFFFF;stroke:#2A2720;stroke-width:2}.en-bt .en-socf{fill:#3E9E5B;stroke:none;transition:height .3s,y .3s}
.en-pl path{fill:none;stroke:#2A2720;stroke-width:2.5;stroke-linejoin:round}.en-sc.night .en-pl path{stroke:#C9CEDF}
.en-gn rect{fill:#FFFFFF;stroke:#2A2720;stroke-width:2}.en-gn path{stroke:#2A2720;stroke-width:2}
.en-sc.night .en-bd rect,.en-sc.night .en-bt rect,.en-sc.night .en-gn rect{fill:#262C48;stroke:#C9CEDF}.en-sc.night .en-gn path{stroke:#C9CEDF}
.en-f{fill:none;stroke:#2A2720;stroke-width:3;stroke-linecap:round;opacity:.08;stroke-dasharray:2 12;transition:opacity .4s}
.en-f.on{opacity:1;animation:enflow .8s linear infinite}#enf-sol.on,#enf-chg.on{stroke:#E39A0B}#enf-dis.on{stroke:#3E9E5B}#enf-grd.on{stroke:#6B7280}
.en-sc.night .en-f{stroke:#C9CEDF}
@keyframes enflow{to{stroke-dashoffset:-14}}
.en-lb text{font:700 12px Poppins,sans-serif;letter-spacing:.14em;fill:#2A2720;opacity:.7}.en-sc.night .en-lb text{fill:#E6E8F0}
.en-pn{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:24px 40px;align-items:center;padding:22px 28px;border-top:1px solid var(--l-line)}
.en-tm{display:grid;grid-template-columns:1fr 1fr;row-gap:8px}.en-tm b{grid-column:1/-1;font:600 30px Poppins,sans-serif;letter-spacing:-.02em;color:var(--l-ink)}
.en-tm input{grid-column:1/-1;-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,#1E2A55,#F4B43A 30%,#8CC6F0 55%,#F4A05A 80%,#1E2A55);outline:none}
.en-tm input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#FFC93C;border:3px solid var(--l-card);box-shadow:0 2px 10px rgba(0,0,0,.25);cursor:grab}
.en-tm input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#FFC93C;border:3px solid var(--l-card);cursor:grab}
.en-tm span{font-size:12px;color:var(--l-mut)}.en-tm span:last-child{text-align:right}
.en-fl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.en-fl>div{padding:14px;border-radius:16px;background:var(--l-tint);border:1px solid var(--l-line);opacity:.5;transition:opacity .3s,border-color .3s,background .3s}
.en-fl>div.on{opacity:1;border-color:color-mix(in srgb,var(--l-acc) 50%,var(--l-line))}
.en-fl span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--l-card);color:var(--l-acc);margin-bottom:8px}.en-fl span svg{width:18px;height:18px}
.en-fl small{display:block;font-size:12px;color:var(--l-mut)}.en-fl b{display:block;font:600 15.5px Poppins,sans-serif;color:var(--l-ink);margin-top:2px;white-space:nowrap}
.en-note{grid-column:1/-1;font-size:12px;color:var(--l-mut)}
/* sections */
.en-s{padding:clamp(72px,8vw,124px) 0!important}.en-tint{background:var(--l-tint)!important}
.en-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(34px,4vw,54px)}.en-hd p{max-width:420px;color:var(--l-sub);line-height:1.65}
.en-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.en-grid a{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 24px;border-radius:22px;background:var(--l-card);border:1px solid var(--l-line);text-decoration:none;color:var(--l-ink);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;overflow:hidden}
.en-grid a::before{content:'';position:absolute;right:-60px;top:-60px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--l-acc) 30%,transparent),transparent 70%);opacity:0;transition:opacity .4s}
.en-grid a:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px var(--l-sh);border-color:color-mix(in srgb,var(--l-acc) 50%,var(--l-line))}.en-grid a:hover::before{opacity:1}
.en-grid b{font:500 18px Poppins,sans-serif;line-height:1.3;margin-top:8px}.en-grid p{font-size:14px;line-height:1.55;color:var(--l-sub)}
.en-grid s{position:absolute;right:22px;bottom:22px;text-decoration:none;color:var(--l-acc);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}.en-grid a:hover s{opacity:1;transform:none}
.en-grid.three{grid-template-columns:repeat(3,1fr)}
.en-i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--l-acc) 22%,transparent),color-mix(in srgb,var(--l-acc) 8%,transparent));color:var(--l-acc)}.en-i svg{width:26px;height:26px}
.en-i.xl{width:96px;height:96px}.en-i.xl svg{width:48px;height:48px}
/* monitoring */
.en-mon{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,6vw,90px);align-items:center}
.en-dash{background:var(--l-card);border:1px solid var(--l-line);border-radius:24px;padding:24px;box-shadow:0 40px 80px -60px var(--l-sh)}
.en-dh{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.en-dh b{font:600 17px Poppins,sans-serif}.en-dh span{font-size:12px;color:var(--l-mut)}
.en-kp{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.en-kp div{padding:12px 14px;border-radius:14px;background:var(--l-tint)}.en-kp small{display:block;font-size:11.5px;color:var(--l-mut)}.en-kp b{display:block;font:600 16px Poppins,sans-serif;margin-top:2px;white-space:nowrap}
.en-ch{display:block;width:100%;height:220px}
.en-gl{stroke:var(--l-line);stroke-width:1}.en-gt{font:500 11px Poppins,sans-serif;fill:var(--l-mut)}
.en-as1{fill:color-mix(in srgb,var(--l-acc) 22%,transparent)}.en-ln{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}.en-ln.s{stroke:var(--l-acc)}.en-ln.u{stroke:var(--l-ink);stroke-dasharray:5 4}.en-ln.g{stroke:#8A93A6}
.en-lg{display:flex;gap:18px;margin-top:10px;font-size:12.5px;color:var(--l-sub)}.en-lg span::before{content:'';display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:7px;vertical-align:middle}.en-lg .s::before{background:var(--l-acc)}.en-lg .u::before{background:var(--l-ink)}.en-lg .g::before{background:#8A93A6}
/* doors and cta */
.en-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.en-two.t{align-items:start;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px)}
.en-door{position:relative;display:flex;gap:20px;align-items:center;padding:30px;border-radius:24px;background:var(--l-card);border:1px solid var(--l-line);text-decoration:none;color:var(--l-ink);transition:transform .3s,box-shadow .3s,border-color .3s}
.en-door:hover{transform:translateY(-3px);box-shadow:0 30px 60px -40px var(--l-sh);border-color:color-mix(in srgb,var(--l-acc) 50%,var(--l-line))}.en-door b{display:block;font:500 23px Adventor,sans-serif;letter-spacing:-.02em}.en-door p{color:var(--l-sub);margin-top:4px!important;line-height:1.55}.en-door>div{flex:1}.en-door s{text-decoration:none;color:var(--l-acc);font-size:22px}
.en-cta{padding:0 0 clamp(70px,8vw,110px)!important}
.en-cb{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;padding:clamp(34px,5vw,64px);border-radius:32px;background:linear-gradient(120deg,color-mix(in srgb,var(--l-acc) 22%,var(--l-card)),var(--l-card) 60%,color-mix(in srgb,var(--l-acc2) 14%,var(--l-card)));border:1px solid var(--l-line)}
.en-cb p{color:var(--l-sub);margin-top:10px!important;font-size:16.5px}.en-cb .lctas{margin:0}
/* inner pages */
.en-pgh{padding:clamp(46px,6vw,84px) 0!important}
.en-pgg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center}.en-pgg.t{align-items:start}
.en-pgh .en-lead{margin-left:0!important}
.en-badge{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:34px;border-radius:28px;background:var(--l-card);border:1px solid var(--l-line);box-shadow:0 40px 80px -60px var(--l-sh)}
.en-badge li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;font-size:15px;line-height:1.5}.en-badge li svg{flex:none;width:20px;height:20px;color:var(--l-acc2)}
#site .lw-en .en-big{font:500 clamp(22px,2.1vw,30px)/1.3 Adventor,sans-serif;letter-spacing:-.02em}
.en-why li{padding:18px 0;border-bottom:1px solid var(--l-line)}.en-why li:first-child{border-top:1px solid var(--l-line)}.en-why b{font:500 16.5px Poppins,sans-serif}.en-why p{font-size:14.5px;color:var(--l-sub);margin-top:3px!important;line-height:1.6}
.en-sun4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.en-sun4 li{padding:28px 24px;border-radius:22px;background:var(--l-card);border:1px solid var(--l-line)}
.en-sun4 span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--l-acc);color:var(--l-accfg);font:600 16px Poppins,sans-serif;margin-bottom:18px;box-shadow:0 0 0 6px color-mix(in srgb,var(--l-acc) 18%,transparent)}
.en-sun4 b{display:block;font:500 19px Adventor,sans-serif;margin-bottom:8px}.en-sun4 p{font-size:14.5px;line-height:1.6;color:var(--l-sub)}
.en-sun4.big b{font-size:23px}
.en-sun4.v{grid-template-columns:1fr;gap:10px;margin-top:34px}.en-sun4.v li{display:grid;grid-template-columns:56px 1fr;padding:18px 20px}.en-sun4.v span{grid-row:span 2;margin:0}.en-sun4.v b{font-size:17px;margin-bottom:2px}
.en-secs{display:flex;flex-wrap:wrap;gap:10px}.en-secs span{padding:14px 22px;border-radius:999px;background:var(--l-card);border:1px solid var(--l-line);font-size:15px}
.en-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.en-cin,.en-cout{padding:clamp(24px,3vw,40px);border-radius:28px;background:var(--l-card);border:1px solid var(--l-line)}
.en-in{display:block;padding:14px 0;border-bottom:1px solid var(--l-line)}.en-in>span{display:block;font-size:14px;font-weight:500;color:var(--l-sub);margin-bottom:8px}
.en-in div{display:flex;align-items:center;gap:10px;border:1px solid var(--l-line);border-radius:14px;padding:4px 16px;background:var(--l-bg)}.en-in div:focus-within{border-color:var(--l-acc)}
.en-in input{flex:1;min-width:0;border:0;outline:0;background:none;font:600 20px Poppins,sans-serif;color:var(--l-ink);padding:10px 0}.en-in em{font-style:normal;font-size:13px;color:var(--l-mut)}
.en-as{font-size:13px;line-height:1.6;color:var(--l-mut);margin-top:18px!important}
.en-cout{background:linear-gradient(160deg,color-mix(in srgb,var(--l-acc) 14%,var(--l-card)),var(--l-card) 55%)}
.en-big1 small{display:block;font-size:14px;color:var(--l-sub)}.en-big1 b{font:600 clamp(64px,7vw,104px)/1 Poppins,sans-serif;letter-spacing:-.05em;color:var(--l-ink)}.en-big1 span{font:600 22px Poppins,sans-serif;color:var(--l-acc);margin-left:6px}
.en-cg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 6px}.en-cg div{padding:16px;border-radius:16px;background:var(--l-card);border:1px solid var(--l-line)}.en-cg small{display:block;font-size:12.5px;color:var(--l-mut)}.en-cg b{display:block;font:600 19px Poppins,sans-serif;margin-top:3px}
.en-cg .g b{color:var(--l-acc2)}
.en-cout .lb{margin-top:22px}
.en-fc{padding:clamp(22px,3vw,40px);border-radius:28px;background:var(--l-card);border:1px solid var(--l-line);box-shadow:0 40px 80px -60px var(--l-sh)}
.lw-en .lfg input,.lw-en .lfg select,.lw-en .lfg textarea{border-radius:14px}
@media(max-width:1000px){.en-pn{grid-template-columns:1fr}.en-grid{grid-template-columns:1fr 1fr}.en-mon,.en-pgg,.en-calc,.en-two.t{grid-template-columns:1fr}.en-sun4{grid-template-columns:1fr 1fr}.en-hd{flex-direction:column;align-items:flex-start}.en-grid.three{grid-template-columns:1fr}}
@media(max-width:640px){.en-fl{grid-template-columns:1fr 1fr}.en-grid,.en-sun4,.en-two{grid-template-columns:1fr}.en-kp{grid-template-columns:1fr 1fr}.en-day{border-radius:20px}.en-pn{padding:18px}.en-door{flex-direction:column;align-items:flex-start}}
/* ---------- AI and Agents v2: light, colour and movement */
.ai2{position:relative;overflow:hidden}
.ai-aur{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.ai-aur i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;mix-blend-mode:normal;animation:aiaur 22s ease-in-out infinite alternate}
.ai-aur i:nth-child(1){width:46vw;height:46vw;max-width:680px;max-height:680px;left:42%;top:-18%;background:radial-gradient(circle,#7C7FFF 0,transparent 65%)}
.ai-aur i:nth-child(2){width:38vw;height:38vw;max-width:560px;max-height:560px;right:-8%;top:30%;background:radial-gradient(circle,#F0B35A 0,transparent 65%);animation-duration:26s;animation-delay:-6s}
.ai-aur i:nth-child(3){width:34vw;height:34vw;max-width:500px;max-height:500px;left:-10%;bottom:-25%;background:radial-gradient(circle,#5EE0D4 0,transparent 65%);animation-duration:30s;animation-delay:-12s;opacity:.4}
.ai-aur i:nth-child(4){width:28vw;height:28vw;max-width:420px;max-height:420px;left:58%;bottom:-20%;background:radial-gradient(circle,#F07BC0 0,transparent 65%);animation-duration:24s;animation-delay:-3s;opacity:.35}
@keyframes aiaur{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-6%,8%) scale(1.12)}100%{transform:translate(5%,-4%) scale(.95)}}
:root:not([data-theme=light]) .ai-aur i{opacity:.32}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .ai-aur i{opacity:.55}}
.ai2 .lwrap{position:relative;z-index:1}
#site .lw-ai .ai2 h1 em{background:linear-gradient(100deg,#4B4FD8 0%,#8B5CF6 40%,#C08A3E 75%,#4B4FD8 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:aish 8s linear infinite}
:root:not([data-theme=light]) #site .lw-ai .ai2 h1 em{background-image:linear-gradient(100deg,#9C9FFF 0%,#C4A1FF 40%,#F0C27A 75%,#9C9FFF 100%)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .lw-ai .ai2 h1 em{background-image:linear-gradient(100deg,#4B4FD8 0%,#8B5CF6 40%,#C08A3E 75%,#4B4FD8 100%)}}
@keyframes aish{to{background-position:-220% 0}}
.ai-k .ai-dot{display:inline-block;width:7px;height:7px;margin-right:8px;vertical-align:1px}
/* stage */
.ai-stage{position:relative;padding:64px 54px 60px}
.ai-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
.ai-wr{fill:none;stroke:color-mix(in srgb,var(--l-acc) 22%,transparent);stroke-width:1.2;stroke-dasharray:3 5;transition:stroke .3s}
.ai-wr.hot{stroke:var(--l-acc);stroke-dasharray:none;stroke-width:1.6}
.ai-pk{fill:var(--l-acc);filter:drop-shadow(0 0 6px var(--l-acc))}
.ai-node{position:absolute;z-index:2;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:500 12px Poppins,sans-serif;color:var(--l-sub);padding:6px 11px 6px 8px;border-radius:999px;background:color-mix(in srgb,var(--l-card) 80%,transparent);backdrop-filter:blur(8px);border:1px solid var(--l-line);box-shadow:0 8px 20px -14px var(--l-sh);transition:color .3s,border-color .3s,box-shadow .3s,transform .3s}
.ai-node svg{width:15px;height:15px;color:var(--l-acc)}
.ai-node.hot{color:var(--l-ink);border-color:var(--l-acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--l-acc) 16%,transparent),0 12px 28px -12px var(--l-acc);transform:translate(-50%,-50%) scale(1.08)}
.ai2 .ai-run{position:relative;z-index:1;background:color-mix(in srgb,var(--l-card) 88%,transparent);backdrop-filter:blur(18px);box-shadow:0 50px 90px -40px color-mix(in srgb,var(--l-acc) 45%,transparent),0 2px 0 var(--l-line)}
/* ribbon */
.ai-rib{padding:26px 0!important;border-top:1px solid var(--l-line)!important;border-bottom:1px solid var(--l-line)!important;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ai-rr{overflow:hidden}.ai-rr+.ai-rr{margin-top:12px}
.ai-rr>div{display:flex;gap:12px;width:max-content;animation:airib 60s linear infinite}.ai-rr.rev>div{animation-direction:reverse;animation-duration:70s}
.ai-rib:hover .ai-rr>div{animation-play-state:paused}
@keyframes airib{to{transform:translateX(-50%)}}
.ai-rr span{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;background:var(--l-card);border:1px solid var(--l-line);font:500 14px Poppins,sans-serif;color:var(--l-ink);white-space:nowrap;box-shadow:0 6px 16px -12px var(--l-sh)}
.ai-rr span svg{width:17px;height:17px;color:var(--l-acc)}
/* agents index in colour */
.ai2i a .ai-ii{background:linear-gradient(140deg,var(--h1),var(--h2));color:#fff;border:0;box-shadow:0 10px 22px -10px var(--h1)}
.ai2i a:hover .ai-ii{background:linear-gradient(140deg,var(--h1),var(--h2));transform:scale(1.06) rotate(-4deg)}
.ai2i a{transition:background .3s,padding .3s,box-shadow .3s}
.ai2i a:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--h1) 9%,var(--l-card)),var(--l-card) 60%);box-shadow:inset 3px 0 0 var(--h1)}
.ai2i a:hover s{color:var(--h1)}
.ai2i .ai-ii{transition:transform .3s}
/* section glow */
.ai-glow{position:relative;overflow:hidden}.ai-glow::before{content:'';position:absolute;right:-10%;top:-30%;width:60%;height:120%;background:radial-gradient(closest-side,color-mix(in srgb,var(--l-acc) 16%,transparent),transparent);pointer-events:none}
.ai-glow .lwrap{position:relative}
.ai-glow .ai-box{box-shadow:0 30px 60px -36px color-mix(in srgb,var(--l-acc) 50%,transparent)}
.ai-glow .ai-box svg{color:#fff;background:linear-gradient(140deg,#5B5FEF,#9B6BFF);padding:8px;border-radius:12px;width:40px;height:40px;box-sizing:border-box}
.ai-glow .ai-box.mdl svg{background:linear-gradient(140deg,#F59E0B,#EC4899)}
.ai-glow .ai-prem{border-color:color-mix(in srgb,var(--l-acc) 70%,transparent);background:color-mix(in srgb,var(--l-acc) 5%,transparent)}
/* doors */
.lw-ai .ai-door{overflow:hidden}.lw-ai .ai-door::before{content:'';position:absolute;inset:0;background:radial-gradient(500px 220px at 0% 0%,color-mix(in srgb,var(--h1,#5B5FEF) 14%,transparent),transparent 70%);opacity:.8;transition:opacity .3s}
.lw-ai .ai-door>*{position:relative}
.lw-ai .ai-door>span{background:linear-gradient(140deg,var(--h1,#5B5FEF),var(--h2,#9B6BFF));color:#fff;box-shadow:0 12px 24px -12px var(--h1,#5B5FEF)}
.lw-ai .ai-door s{position:absolute}
/* cta band */
.ai2c{border-top:0!important;padding:clamp(40px,6vw,80px) 0 clamp(70px,8vw,120px)!important}
.ai-cb{position:relative;overflow:hidden;border-radius:32px;padding:clamp(48px,7vw,96px) 24px;background:linear-gradient(135deg,#16153A,#2A1F5C 55%,#3B2A1A);color:#fff}
.ai-cb .ai-aur i{opacity:.55!important}
.ai-cb>h2,.ai-cb>.lctas{position:relative;z-index:1}
#site .lw-ai .ai-cb h2{color:#fff}#site .lw-ai .ai-cb h2 em{color:#C4C6FF}
.ai-cb .lb{background:#fff;color:#16153A!important;border-color:#fff}.ai-cb .lb.ln{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.35)}
@media(max-width:1000px){.ai-stage{padding:56px 30px 50px}}
@media(max-width:640px){.ai-node{display:none}.ai-wires{display:none}.ai-stage{padding:10px 0 0}.ai-cb{border-radius:22px}}
@media (prefers-reduced-motion:reduce){.ai-aur i,.ai-rr>div,#site .lw-ai .ai2 h1 em{animation:none}}

#site .lw-ai .ai2 h1 em .wd{background:inherit;background-size:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}
/* ---------- IoT v2: 3D site, glowing beacons, colour and depth */
#site[data-w=iot]{--iz-t:#FFFFFF;--iz-l:#D2E6EA;--iz-r:#AFCDD4;--iz-s:rgba(12,40,46,.14);--iz-g:#EAF4F5;--iz-gl:#D3E5E8;--iz-gr:#BFD6DB;--iz-road:#D5E0E3;--iz-tree:#4FBF8B;--iz-grid:rgba(11,154,154,.10)}
:root:not([data-theme=light]) #site[data-w=iot]{--iz-t:#1C3640;--iz-l:#12262D;--iz-r:#0D1D23;--iz-s:rgba(120,220,220,.12);--iz-g:#10242B;--iz-gl:#0B1A1F;--iz-gr:#081418;--iz-road:#173039;--iz-tree:#2E9C6E;--iz-grid:rgba(44,199,194,.10)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=iot]{--iz-t:#FFFFFF;--iz-l:#D2E6EA;--iz-r:#AFCDD4;--iz-s:rgba(12,40,46,.14);--iz-g:#EAF4F5;--iz-gl:#D3E5E8;--iz-gr:#BFD6DB;--iz-road:#D5E0E3;--iz-tree:#4FBF8B;--iz-grid:rgba(11,154,154,.10)}}
:root[data-theme=light] #site[data-w=iot]{--iz-t:#FFFFFF;--iz-l:#D2E6EA;--iz-r:#AFCDD4;--iz-s:rgba(12,40,46,.14);--iz-g:#EAF4F5;--iz-gl:#D3E5E8;--iz-gr:#BFD6DB;--iz-road:#D5E0E3;--iz-tree:#4FBF8B;--iz-grid:rgba(11,154,154,.10)}
.io2{position:relative;overflow:hidden;padding:clamp(40px,5vw,72px) 0 clamp(50px,6vw,90px)!important}
.io-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 600px at 72% 45%,color-mix(in srgb,var(--l-acc) 22%,transparent),transparent 70%),radial-gradient(600px 400px at 10% 90%,color-mix(in srgb,#B8975A 14%,transparent),transparent 70%)}
.io2::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--l-acc) 25%,transparent) 1px,transparent 1.5px);background-size:22px 22px;mask-image:radial-gradient(700px 500px at 70% 45%,#000,transparent);-webkit-mask-image:radial-gradient(700px 500px at 70% 45%,#000,transparent);opacity:.6}
.io2 .lwrap{position:relative;z-index:1}
.io-hg2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,3vw,50px);align-items:center}
#site .lw-io .io2 h1{font-size:clamp(34px,3.7vw,56px)}
#site .lw-io .io2 h1 em{background:linear-gradient(95deg,var(--l-acc),#3B82F6 60%,#B8975A);-webkit-background-clip:text;background-clip:text;color:transparent}
.io-leg{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--l-sub)}
.io-leg span{display:inline-flex;align-items:center;gap:7px}.io-leg i{width:9px;height:9px;border-radius:50%;background:#1FB57A;box-shadow:0 0 10px #1FB57A}.io-leg .wa i{background:#F0A000;box-shadow:0 0 10px #F0A000}.io-leg .al i{background:#EF4444;box-shadow:0 0 10px #EF4444}.io-leg .clk{margin-left:auto;color:var(--l-mut)}
.io-map2{border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
.io-map2 .io-pw{overflow:visible}
.io-tag{position:absolute;left:8px;bottom:6px;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--l-mut)}
svg.iz{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 40px 50px color-mix(in srgb,var(--l-acc) 22%,transparent))}
.iz-box polygon,.iz-gnd polygon{stroke:var(--iz-s);stroke-width:1;stroke-linejoin:round}
.iz-t{fill:var(--iz-t)}.iz-l{fill:var(--iz-l)}.iz-r{fill:var(--iz-r)}
.iz-gnd .iz-t{fill:var(--iz-g)}.iz-gnd .iz-l{fill:var(--iz-gl)}.iz-gnd .iz-r{fill:var(--iz-gr)}
.iz-grid polyline{stroke:var(--iz-grid);stroke-width:1;fill:none}
.iz-road{fill:var(--iz-road)}.iz-lane{fill:none;stroke:color-mix(in srgb,var(--l-ink) 25%,transparent);stroke-width:1.2;stroke-dasharray:6 8}
.iz-zone{fill:color-mix(in srgb,#F0A000 10%,transparent);stroke:color-mix(in srgb,#F0A000 45%,transparent);stroke-dasharray:4 4}
.iz-box.tk .iz-t{fill:color-mix(in srgb,#F0A000 25%,var(--iz-t))}
.iz-box.cn .iz-t{fill:color-mix(in srgb,var(--l-acc) 30%,var(--iz-t))}.iz-box.cn .iz-l,.iz-box.cn .iz-r{fill:var(--l-acc)}
.iz-box.cr .iz-t{fill:color-mix(in srgb,#3B82F6 14%,var(--iz-t))}
.iz-box.wh .iz-t{fill:color-mix(in srgb,#B8975A 16%,var(--iz-t))}
.iz-box.tw .iz-l,.iz-box.tw .iz-r{fill:color-mix(in srgb,var(--l-ink) 60%,transparent)}
.iz-box.pl .iz-l,.iz-box.pl .iz-r{fill:color-mix(in srgb,var(--l-ink) 35%,transparent)}
.iz-tree line{stroke:#8B6B45;stroke-width:2.5}.iz-tree circle{fill:var(--iz-tree)}.iz-tree .hl{fill:rgba(255,255,255,.35)}
.iz-truck .iz-t{fill:#F8FAFB}.iz-truck .iz-l{fill:var(--l-acc)}.iz-truck .iz-r{fill:color-mix(in srgb,var(--l-acc) 70%,#000)}.iz-truck polygon{stroke:rgba(0,0,0,.15)}
.iz-ant circle{fill:var(--l-acc)}.iz-ant .w{fill:none;stroke:var(--l-acc);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:izw 2.2s infinite}.iz-ant .d2{animation-delay:1.1s}
@keyframes izw{0%{transform:scale(.3);opacity:.9}100%{transform:scale(2.4);opacity:0}}
.iz-cloud rect{fill:var(--l-card);stroke:color-mix(in srgb,var(--l-acc) 50%,var(--l-line));stroke-width:1.5;filter:drop-shadow(0 10px 20px color-mix(in srgb,var(--l-acc) 30%,transparent))}
.iz-cloud text{font:600 13px Poppins,sans-serif;fill:var(--l-ink);text-anchor:middle}
.iz-cloud.hit rect{animation:izhit .6s}@keyframes izhit{40%{stroke:var(--l-acc);stroke-width:3}}
.iz-up{fill:none;stroke:color-mix(in srgb,var(--l-acc) 35%,transparent);stroke-width:1.2;stroke-dasharray:3 5}
.iz-arc{fill:none;stroke:var(--l-acc);stroke-width:1.4;stroke-dasharray:2 4}.iz-arc.al{stroke:#EF4444}.iz-arc.wa{stroke:#F0A000}
.iz-pk{fill:var(--l-acc);filter:drop-shadow(0 0 5px var(--l-acc))}.iz-pk.al{fill:#EF4444;filter:drop-shadow(0 0 5px #EF4444)}.iz-pk.wa{fill:#F0A000;filter:drop-shadow(0 0 5px #F0A000)}
.iz-nd{--c:#1FB57A}.iz-nd[data-s=wa]{--c:#F0A000}.iz-nd[data-s=al]{--c:#EF4444}
.iz-nd .iz-beam{stroke:var(--c);stroke-width:2;opacity:.55;stroke-linecap:round}
.iz-nd .iz-base{fill:color-mix(in srgb,var(--c) 30%,transparent)}
.iz-nd .io-ring{fill:none;stroke:var(--c)!important;stroke-width:1.5}
.iz-nd .io-dot{fill:var(--l-card)!important;stroke:var(--c)!important;stroke-width:3;filter:drop-shadow(0 0 8px var(--c))}
.iz-nd .io-c{fill:var(--c)!important}
.iz-nd.on .io-dot{fill:var(--c)!important}.iz-nd.on .io-c{fill:#fff!important}.iz-nd.on .iz-beam{opacity:1;stroke-width:3}
.iz-nd[data-s=al] .io-dot{animation:izal 1s infinite}@keyframes izal{50%{filter:drop-shadow(0 0 16px #EF4444)}}
.io-map2 .io-card{background:color-mix(in srgb,var(--l-card) 86%,transparent);backdrop-filter:blur(14px);box-shadow:0 30px 60px -24px color-mix(in srgb,var(--l-acc) 40%,transparent),0 2px 0 var(--l-line);border-radius:14px}
/* devices with colour and depth */
.io-dv{background:transparent!important;border:0!important;gap:14px!important;overflow:visible!important}
.io-dv a{border:1px solid var(--l-line);border-radius:14px;box-shadow:0 1px 2px var(--l-sh),0 20px 40px -32px var(--l-sh);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}
.io-dv a:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--l-acc) 50%,var(--l-line));box-shadow:0 30px 60px -30px color-mix(in srgb,var(--l-acc) 55%,transparent)}
.io-dv a::after{border-radius:14px 14px 0 0}
.io-dv .io-di{background:linear-gradient(140deg,var(--l-acc),#3B82F6);color:#fff;box-shadow:0 10px 22px -10px var(--l-acc)}
.io-dv a .io-di{position:relative}.io-dv a .io-di::after{content:'';position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;background:#1FB57A;border:2px solid var(--l-card);animation:iopl 2s infinite}
.io-st>span{background:linear-gradient(140deg,var(--l-acc),#3B82F6)!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px -14px var(--l-acc)!important}
.io-pk{width:12px!important;height:12px!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--l-acc) 25%,transparent),0 0 18px var(--l-acc)!important}
.io-path::before{background:linear-gradient(90deg,color-mix(in srgb,var(--l-acc) 50%,transparent) 50%,transparent 50%)!important;background-size:10px 2px!important}
/* phone */
.io-ph{background:linear-gradient(160deg,color-mix(in srgb,var(--l-acc) 18%,var(--l-tint)),var(--l-tint))!important;box-shadow:0 50px 90px -50px color-mix(in srgb,var(--l-acc) 60%,transparent)!important}
.io-ph.buzz{animation:iobz .5s}@keyframes iobz{20%{transform:translateX(-3px) rotate(-.6deg)}40%{transform:translateX(3px) rotate(.6deg)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
.io-n{transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1)}.io-ns.in .io-n.new{opacity:0;transform:translateY(-14px) scale(.97)}
.io-n.al{border-color:color-mix(in srgb,#EF4444 40%,var(--l-line))}.io-n i{box-shadow:0 0 8px currentColor}
.lw-io .io-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,color-mix(in srgb,var(--l-acc) 16%,var(--l-bg)),var(--l-bg) 55%,color-mix(in srgb,#3B82F6 12%,var(--l-bg)))!important}
@media(max-width:1000px){.io-hg2{grid-template-columns:1fr}}
@media(max-width:760px){.io-map2 .io-pw svg{width:100%}.io-map2 .io-card{margin:0}.io-leg .clk{margin-left:0}}

.io-map2 .io-card{left:-10px!important;top:6%!important;width:250px;transition:none}
.iz-win{fill:none;stroke:color-mix(in srgb,var(--l-acc) 55%,transparent);stroke-width:3;stroke-linecap:round}
.iz-door{fill:color-mix(in srgb,var(--l-ink) 18%,var(--iz-l))}.iz-door.c{fill:color-mix(in srgb,#3B82F6 30%,var(--iz-l))}
.iz-box.cr .iz-l{fill:color-mix(in srgb,#3B82F6 22%,var(--iz-l))}.iz-box.cr .iz-r{fill:color-mix(in srgb,#3B82F6 30%,var(--iz-r))}
.iz-box.wh .iz-l{fill:color-mix(in srgb,#B8975A 26%,var(--iz-l))}.iz-box.wh .iz-r{fill:color-mix(in srgb,#B8975A 34%,var(--iz-r))}
.iz-box.of .iz-l{fill:color-mix(in srgb,var(--l-acc) 18%,var(--iz-l))}.iz-box.of .iz-r{fill:color-mix(in srgb,var(--l-acc) 26%,var(--iz-r))}.iz-box.of .iz-t{fill:color-mix(in srgb,var(--l-acc) 10%,var(--iz-t))}
.iz-box.gh .iz-l{fill:color-mix(in srgb,#F0A000 22%,var(--iz-l))}.iz-box.gh .iz-r{fill:color-mix(in srgb,#F0A000 30%,var(--iz-r))}
.io-hg2{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important}
@media(max-width:760px){.io-map2 .io-card{position:relative;left:auto!important;top:auto!important;width:auto;margin-top:8px}}

#site .lw-io .io2 h1 em .wd{background:inherit;background-size:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:1000px){.io-hg2{grid-template-columns:minmax(0,1fr)!important}.io-map2{margin-top:10px}}
/* ---------- v20 fixes from the full-site check */
/* robotics: range rows stacked cleanly on phones (an unscoped rule was overriding the phone layout) */
@media(max-width:640px){#site .rx5r,#site .rx5.sm .rx5r{grid-template-columns:minmax(0,1fr) 96px!important;gap:12px!important;padding:14px 16px!important}#site .rx5r .rx5i{height:84px!important}#site .rx5r>s,#site .rx5n{display:none!important}#site .rx5t b{font-size:17px!important;line-height:1.25}}
/* robotics contact page: nothing wider than the phone */
.rx-ctg>*,.rx-cside,.rx-form{min-width:0;max-width:100%}.rx-form select,.rx-form input,.rx-form textarea{max-width:100%;box-sizing:border-box}
@media(max-width:640px){.rx-fg{grid-template-columns:minmax(0,1fr)!important}.rx-fg .w2{grid-column:auto!important}}
/* estimate: unfilled answers readable */
.esum li.emp b{color:#8A8374!important}:root:not([data-theme=light]) .esum li.emp b{color:#A39C8C!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .esum li.emp b{color:#8A8374!important}}
/* home: brochure mock title stays inside its cover */
.bro h3,#bron{overflow-wrap:anywhere;word-break:break-word;hyphens:auto;max-width:100%}
@media(max-width:640px){.bro h3,#bron{font-size:clamp(18px,5.4vw,24px)!important}}
/* send panel used by every form */
.azp{padding:clamp(22px,3vw,34px);border:1px solid var(--l-line,var(--ul,#E3DED3));border-radius:20px;background:var(--l-card,var(--uc,#fff));color:var(--l-ink,var(--ufg,#16140F));text-align:left;margin-top:8px}
.azp-i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--l-acc,#B8975A) 14%,transparent);color:var(--l-acc,#B8975A);margin-bottom:14px}.azp-i svg{width:22px;height:22px}
.azp h3{font:500 24px Adventor,sans-serif!important;margin:0 0 6px!important;color:inherit!important}
.azp-s{font-size:15px!important;line-height:1.6!important;color:var(--l-sub,var(--usub,#5C5850))!important;max-width:520px}
.azp-l{list-style:none;margin:18px 0!important;padding:0!important;border-top:1px solid var(--l-line,var(--ul,#E3DED3))}
.azp-l li{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--l-line,var(--ul,#E3DED3));font-size:13.5px}
.azp-l span{color:var(--l-mut,var(--umut,#948F84))}.azp-l b{font-weight:500;overflow-wrap:anywhere}
.azp-b{display:flex;flex-wrap:wrap;gap:10px}
.azb{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:12px;font:600 14px Poppins,sans-serif;text-decoration:none!important;background:var(--l-ink,var(--ufg,#16140F));color:var(--l-bg,var(--uc,#fff))!important;transition:transform .2s}
.azb svg{width:18px;height:18px}.azb:hover{transform:translateY(-1px)}
.azb.wa{background:#1F9D5B;color:#fff!important}
.azp-n{font-size:13px!important;color:var(--l-mut,var(--umut,#948F84))!important;margin-top:16px!important}.azp-n a{color:inherit;text-decoration:underline}
#azest{margin-top:22px}
/* light mode only: generated by light21.py */
:root[data-theme=light] #site{--usub:#4A453C;--umut:#686256;--grey:#4F4A42}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site{--usub:#4A453C;--umut:#686256;--grey:#4F4A42}}
:root[data-theme=light] #site[data-w=robo]{--x-sub:#434A56;--x-mut:#626A76}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=robo]{--x-sub:#434A56;--x-mut:#626A76}}
:root[data-theme=light] #site :is(p,li,small,dd,td,label,figcaption,summary){font-weight:400}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site :is(p,li,small,dd,td,label,figcaption,summary){font-weight:400}}
:root[data-theme=light] #site .lead:not(.xcr *){color:#3F3B34}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .lead:not(.xcr *){color:#3F3B34}}
:root[data-theme=light] #site{--gt:#7A5C26}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site{--gt:#7A5C26}}
:root[data-theme=light] #site :is(.lab,footer h4,footer .lab):not(.xcr *){color:#7A5C26}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site :is(.lab,footer h4,footer .lab):not(.xcr *){color:#7A5C26}}
:root[data-theme=light] #site :is(.crumb,.crumb a,.crumb span,.lcr,.lcr a):not(.xcr *){color:#5F594F}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site :is(.crumb,.crumb a,.crumb span,.lcr,.lcr a):not(.xcr *){color:#5F594F}}
:root[data-theme=light] #site .esum li.emp b{color:#6E6759!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .esum li.emp b{color:#6E6759!important}}
:root[data-theme=light] #site[data-w=robo] :is(.rx-k,.rx-hk,.rx-cc,.rx-crumb a,.rx-tab th){color:#86652A!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=robo] :is(.rx-k,.rx-hk,.rx-cc,.rx-crumb a,.rx-tab th){color:#86652A!important}}
:root[data-theme=light] #site[data-w=iot] .io-k{color:#067878}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=iot] .io-k{color:#067878}}
:root[data-theme=light] #site[data-w=auto] .au-k{color:#B8460A}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=auto] .au-k{color:#B8460A}}
:root[data-theme=light] #site[data-w=energy] .en-k svg{color:#B87A00}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=energy] .en-k svg{color:#B87A00}}
:root[data-theme=light] #site :is(.ai-k){color:#3D41C4}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site :is(.ai-k){color:#3D41C4}}
:root[data-theme=light] footer :is(p,a,li,small){font-weight:400}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) footer :is(p,a,li,small){font-weight:400}}
:root[data-theme=light] #site:is([data-w=bs],[data-w=house]){background-color:#F6F2EA!important;background-image:radial-gradient(1100px 700px at -5% 18%,rgba(79,125,247,.13),transparent 62%),radial-gradient(900px 700px at 105% 72%,rgba(201,160,90,.20),transparent 62%),radial-gradient(700px 500px at 60% 110%,rgba(52,195,143,.08),transparent 60%),linear-gradient(rgba(22,20,15,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,20,15,.035) 1px,transparent 1px)!important;background-size:auto,auto,auto,48px 48px,48px 48px!important;background-attachment:fixed!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site:is([data-w=bs],[data-w=house]){background-color:#F6F2EA!important;background-image:radial-gradient(1100px 700px at -5% 18%,rgba(79,125,247,.13),transparent 62%),radial-gradient(900px 700px at 105% 72%,rgba(201,160,90,.20),transparent 62%),radial-gradient(700px 500px at 60% 110%,rgba(52,195,143,.08),transparent 60%),linear-gradient(rgba(22,20,15,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,20,15,.035) 1px,transparent 1px)!important;background-size:auto,auto,auto,48px 48px,48px 48px!important;background-attachment:fixed!important}}
:root[data-theme=light] #site:is([data-w=bs],[data-w=house]) :is(.ucard,.glass,.bt,.dcard,.mcard,.ust,.ucb,.mstep,.rcard,.ufaq details,.esum,.ecard){box-shadow:0 1px 2px rgba(40,30,10,.05),0 22px 44px -30px rgba(60,45,20,.30)!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site:is([data-w=bs],[data-w=house]) :is(.ucard,.glass,.bt,.dcard,.mcard,.ust,.ucb,.mstep,.rcard,.ufaq details,.esum,.ecard){box-shadow:0 1px 2px rgba(40,30,10,.05),0 22px 44px -30px rgba(60,45,20,.30)!important}}
:root[data-theme=light] #site:is([data-w=bs],[data-w=house]) :is(.ucard,.bt,.dcard,.mcard,.rcard):hover{box-shadow:0 2px 4px rgba(40,30,10,.05),0 30px 60px -28px rgba(79,125,247,.35)!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site:is([data-w=bs],[data-w=house]) :is(.ucard,.bt,.dcard,.mcard,.rcard):hover{box-shadow:0 2px 4px rgba(40,30,10,.05),0 30px 60px -28px rgba(79,125,247,.35)!important}}
:root[data-theme=light] #site:is([data-w=bs],[data-w=house]) :is(h1,h2) em .wd{background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site:is([data-w=bs],[data-w=house]) :is(h1,h2) em .wd{background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}}
:root[data-theme=light] #site:is([data-w=bs],[data-w=house]) .ict{box-shadow:0 8px 18px -10px currentColor}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site:is([data-w=bs],[data-w=house]) .ict{box-shadow:0 8px 18px -10px currentColor}}
:root[data-theme=light] #site:is([data-w=bs],[data-w=house]) .btn:not(.o){box-shadow:0 14px 28px -14px rgba(22,20,15,.55)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site:is([data-w=bs],[data-w=house]) .btn:not(.o){box-shadow:0 14px 28px -14px rgba(22,20,15,.55)}}
:root[data-theme=light] #site:is([data-w=bs],[data-w=house]) h1 em,:root[data-theme=light] #site:is([data-w=bs],[data-w=house]) h2 em{background:linear-gradient(95deg,#9A6E2E,#C9A05A 45%,#4F7DF7);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site:is([data-w=bs],[data-w=house]) h1 em,:root:not([data-theme=dark]) #site:is([data-w=bs],[data-w=house]) h2 em{background:linear-gradient(95deg,#9A6E2E,#C9A05A 45%,#4F7DF7);-webkit-background-clip:text;background-clip:text;color:transparent}}
:root[data-theme=light] #site[data-w=robo] #view .rx-s:not(.rx-dark){background-image:radial-gradient(900px 500px at 0% 0%,rgba(80,130,230,.08),transparent 65%),radial-gradient(800px 500px at 100% 100%,rgba(184,151,90,.12),transparent 65%)!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=robo] #view .rx-s:not(.rx-dark){background-image:radial-gradient(900px 500px at 0% 0%,rgba(80,130,230,.08),transparent 65%),radial-gradient(800px 500px at 100% 100%,rgba(184,151,90,.12),transparent 65%)!important}}
:root[data-theme=light] #site[data-w=robo] :is(.rx6why>*,.rx-feats>div,.rx-ap,.rx-pr,.rx5r,.rx-card,.rx7mg a){box-shadow:0 1px 2px rgba(14,17,22,.05),0 22px 44px -30px rgba(14,17,22,.32)!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=robo] :is(.rx6why>*,.rx-feats>div,.rx-ap,.rx-pr,.rx5r,.rx-card,.rx7mg a){box-shadow:0 1px 2px rgba(14,17,22,.05),0 22px 44px -30px rgba(14,17,22,.32)!important}}
:root[data-theme=light] #site[data-w=robo] :is(.rx6why>*,.rx5r,.rx-card):hover{box-shadow:0 30px 60px -28px rgba(184,151,90,.5)!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=robo] :is(.rx6why>*,.rx5r,.rx-card):hover{box-shadow:0 30px 60px -28px rgba(184,151,90,.5)!important}}
:root[data-theme=light] #site[data-w=robo] .rx-btn.gold{box-shadow:0 14px 28px -12px rgba(184,151,90,.7)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=robo] .rx-btn.gold{box-shadow:0 14px 28px -12px rgba(184,151,90,.7)}}
:root[data-theme=light] :is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) #view{background-image:radial-gradient(1100px 700px at -5% 10%,color-mix(in srgb,var(--l-acc) 9%,transparent),transparent 62%),radial-gradient(900px 700px at 105% 60%,color-mix(in srgb,var(--l-acc2) 12%,transparent),transparent 62%);background-attachment:fixed}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) :is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) #view{background-image:radial-gradient(1100px 700px at -5% 10%,color-mix(in srgb,var(--l-acc) 9%,transparent),transparent 62%),radial-gradient(900px 700px at 105% 60%,color-mix(in srgb,var(--l-acc2) 12%,transparent),transparent 62%);background-attachment:fixed}}
:root[data-theme=light] :is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) :is(.lb:not(.ln)){box-shadow:0 14px 28px -12px color-mix(in srgb,var(--l-acc) 70%,transparent)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) :is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) :is(.lb:not(.ln)){box-shadow:0 14px 28px -12px color-mix(in srgb,var(--l-acc) 70%,transparent)}}
:root[data-theme=light] :is(.ai-tint,.io-tint,.en-tint){background:color-mix(in srgb,var(--l-tint) 70%,transparent)!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) :is(.ai-tint,.io-tint,.en-tint){background:color-mix(in srgb,var(--l-tint) 70%,transparent)!important}}
:root[data-theme=light] #site[data-w=energy] :is(.en-grid a,.en-door,.en-sun4 li,.en-dash,.en-cin,.en-cout,.en-fc,.en-badge){box-shadow:0 1px 2px rgba(60,45,10,.05),0 24px 50px -32px rgba(160,110,20,.38)!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=energy] :is(.en-grid a,.en-door,.en-sun4 li,.en-dash,.en-cin,.en-cout,.en-fc,.en-badge){box-shadow:0 1px 2px rgba(60,45,10,.05),0 24px 50px -32px rgba(160,110,20,.38)!important}}
:root[data-theme=light] #site[data-w=energy] .en-i{background:linear-gradient(145deg,#FFC93C,#F29A0B)!important;color:#fff!important;box-shadow:0 10px 22px -10px #F29A0B}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=energy] .en-i{background:linear-gradient(145deg,#FFC93C,#F29A0B)!important;color:#fff!important;box-shadow:0 10px 22px -10px #F29A0B}}
:root[data-theme=light] #site[data-w=auto] :is(.au-sheet,.au-gauge,.au-lp,.au-door,.au-dw,.au-gt,.au-ph4,.au-fc,.au-lv li){box-shadow:6px 6px 0 color-mix(in srgb,var(--l-acc) 18%,transparent),0 24px 50px -36px rgba(18,18,18,.35)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=auto] :is(.au-sheet,.au-gauge,.au-lp,.au-door,.au-dw,.au-gt,.au-ph4,.au-fc,.au-lv li){box-shadow:6px 6px 0 color-mix(in srgb,var(--l-acc) 18%,transparent),0 24px 50px -36px rgba(18,18,18,.35)}}
:root[data-theme=light] #site[data-w=auto] .au-tb a:hover .au-ti{box-shadow:0 10px 20px -8px var(--l-acc)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=auto] .au-tb a:hover .au-ti{box-shadow:0 10px 20px -8px var(--l-acc)}}
:root[data-theme=light] #site[data-w=ai] :is(.ai-rules>div,.ai-q,.ai-fc,.ai-door,.ai-box){box-shadow:0 1px 2px rgba(22,20,15,.05),0 26px 54px -34px color-mix(in srgb,var(--l-acc) 45%,transparent)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=ai] :is(.ai-rules>div,.ai-q,.ai-fc,.ai-door,.ai-box){box-shadow:0 1px 2px rgba(22,20,15,.05),0 26px 54px -34px color-mix(in srgb,var(--l-acc) 45%,transparent)}}
:root[data-theme=light] #site[data-w=iot] :is(.io-sc,.io-tl li,.io-fc,.io-spec,.io-door){box-shadow:0 1px 2px rgba(12,27,31,.05),0 26px 54px -34px color-mix(in srgb,var(--l-acc) 45%,transparent)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=iot] :is(.io-sc,.io-tl li,.io-fc,.io-spec,.io-door){box-shadow:0 1px 2px rgba(12,27,31,.05),0 26px 54px -34px color-mix(in srgb,var(--l-acc) 45%,transparent)}}
/* v21: robotics footer in the page's own colour, both themes */
#site[data-w=robo] footer{background:var(--x-grey)!important;color:var(--x-sub)!important;border-top:1px solid var(--x-line)!important}
#site[data-w=robo] footer a{color:var(--x-ink)!important}
#site[data-w=robo] footer :is(h4,h5,.lab,small){color:var(--x-sub)!important}
/* ---------- v22: icons in colour on every line. Lively = solid gradient tiles; calm = tinted tile with a coloured glyph. */
:root{--c1:#4F7DF7;--c2:#8B5CF6;--c3:#EC4899;--c4:#F59E0B;--c5:#10B981;--c6:#06B6D4;--c7:#EF4444;--c8:#B8975A}
/* a hue for each position in a list */
:is(.lmgl a,.ai-rr span,.ai-rules>div,.ai-flow li,.ai-ck li,.io-dv a,.io-st,.io-sc li,.io-tl li,.io-steps li,.io-inc li,.au-tb a,.au-lp a,.au-ph4 li,.en-grid a,.en-sun4 li,.en-fl>div,.en-badge li,.en-door,.io-door,.ai-door,.ai-sec span,.au-secs span,.en-secs span):nth-child(8n+1){--hc:var(--c1)}
:is(.lmgl a,.ai-rr span,.ai-rules>div,.ai-flow li,.ai-ck li,.io-dv a,.io-st,.io-sc li,.io-tl li,.io-steps li,.io-inc li,.au-tb a,.au-lp a,.au-ph4 li,.en-grid a,.en-sun4 li,.en-fl>div,.en-badge li,.en-door,.io-door,.ai-door,.ai-sec span,.au-secs span,.en-secs span):nth-child(8n+2){--hc:var(--c2)}
:is(.lmgl a,.ai-rr span,.ai-rules>div,.ai-flow li,.ai-ck li,.io-dv a,.io-st,.io-sc li,.io-tl li,.io-steps li,.io-inc li,.au-tb a,.au-lp a,.au-ph4 li,.en-grid a,.en-sun4 li,.en-fl>div,.en-badge li,.en-door,.io-door,.ai-door,.ai-sec span,.au-secs span,.en-secs span):nth-child(8n+3){--hc:var(--c3)}
:is(.lmgl a,.ai-rr span,.ai-rules>div,.ai-flow li,.ai-ck li,.io-dv a,.io-st,.io-sc li,.io-tl li,.io-steps li,.io-inc li,.au-tb a,.au-lp a,.au-ph4 li,.en-grid a,.en-sun4 li,.en-fl>div,.en-badge li,.en-door,.io-door,.ai-door,.ai-sec span,.au-secs span,.en-secs span):nth-child(8n+4){--hc:var(--c4)}
:is(.lmgl a,.ai-rr span,.ai-rules>div,.ai-flow li,.ai-ck li,.io-dv a,.io-st,.io-sc li,.io-tl li,.io-steps li,.io-inc li,.au-tb a,.au-lp a,.au-ph4 li,.en-grid a,.en-sun4 li,.en-fl>div,.en-badge li,.en-door,.io-door,.ai-door,.ai-sec span,.au-secs span,.en-secs span):nth-child(8n+5){--hc:var(--c5)}
:is(.lmgl a,.ai-rr span,.ai-rules>div,.ai-flow li,.ai-ck li,.io-dv a,.io-st,.io-sc li,.io-tl li,.io-steps li,.io-inc li,.au-tb a,.au-lp a,.au-ph4 li,.en-grid a,.en-sun4 li,.en-fl>div,.en-badge li,.en-door,.io-door,.ai-door,.ai-sec span,.au-secs span,.en-secs span):nth-child(8n+6){--hc:var(--c6)}
:is(.lmgl a,.ai-rr span,.ai-rules>div,.ai-flow li,.ai-ck li,.io-dv a,.io-st,.io-sc li,.io-tl li,.io-steps li,.io-inc li,.au-tb a,.au-lp a,.au-ph4 li,.en-grid a,.en-sun4 li,.en-fl>div,.en-badge li,.en-door,.io-door,.ai-door,.ai-sec span,.au-secs span,.en-secs span):nth-child(8n+7){--hc:var(--c7)}
:is(.lmgl a,.ai-rr span,.ai-rules>div,.ai-flow li,.ai-ck li,.io-dv a,.io-st,.io-sc li,.io-tl li,.io-steps li,.io-inc li,.au-tb a,.au-lp a,.au-ph4 li,.en-grid a,.en-sun4 li,.en-fl>div,.en-badge li,.en-door,.io-door,.ai-door,.ai-sec span,.au-secs span,.en-secs span):nth-child(8n+8){--hc:var(--c8)}
/* calm tiles: tinted ground, coloured glyph (menus, ribbons, lists, rules) */
.lmgl a .lmi{background:color-mix(in srgb,var(--hc) 14%,transparent)!important;color:var(--hc)!important}
.ai-rr span svg,.ai-ck li svg,.au-lp a svg,.io-sc a svg,.en-badge li svg{color:var(--hc)!important}
.ai-rules span{background:color-mix(in srgb,var(--hc) 14%,transparent)!important;color:var(--hc)!important}
.en-fl span{color:var(--hc)!important}
.ai-sec span,.au-secs span,.en-secs span{border-color:color-mix(in srgb,var(--hc) 40%,var(--l-line))!important;box-shadow:inset 3px 0 0 var(--hc)}
/* lively tiles: solid gradient (main grids and numbered steps) */
.io-dv a .io-di,.io-st>span{background:linear-gradient(140deg,var(--hc),color-mix(in srgb,var(--hc) 55%,#fff))!important;color:#fff!important;box-shadow:0 12px 24px -12px var(--hc)!important}
.io-dv a::after{background:var(--hc)!important}
.en-grid a .en-i{background:linear-gradient(145deg,var(--hc),color-mix(in srgb,var(--hc) 55%,#fff))!important;color:#fff!important;box-shadow:0 12px 24px -12px var(--hc)!important}
.en-grid a::before{background:radial-gradient(circle,color-mix(in srgb,var(--hc) 30%,transparent),transparent 70%)!important}
.au-tb a .au-ti{color:var(--hc)!important;border-color:var(--hc)!important}.au-tb a:hover .au-ti{background:var(--hc)!important;color:#fff!important}
.ai-door>span,.io-door .io-k,.en-door .en-i{--x:0}.en-door .en-i{background:linear-gradient(145deg,var(--hc),color-mix(in srgb,var(--hc) 55%,#fff))!important;color:#fff!important}
/* numbered steps in colour */
.ai-flow span{background:var(--hc)!important;border-color:var(--hc)!important;color:#fff!important}
.en-sun4 span{background:var(--hc)!important;box-shadow:0 0 0 6px color-mix(in srgb,var(--hc) 18%,transparent)!important;color:#fff!important}
.io-tl li{border-top-color:var(--hc)!important}.io-tl span{color:var(--hc)!important}
.io-steps li::before,.io-inc span{color:var(--hc)!important}
.au-ph4 span{color:var(--hc)!important}
/* ---------- AI hero: eight agents orbiting one core */
.ai-stage3{position:relative;display:grid;justify-items:center;gap:22px}
.ai-orb3{position:relative;width:min(100%,520px);aspect-ratio:1}
.ai-ring3 i{position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--l-acc) 30%,transparent)}
.ai-ring3 .r1{inset:9%}.ai-ring3 .r2{inset:28%;border-style:solid;border-color:color-mix(in srgb,var(--l-acc) 14%,transparent)}
.ai-core3{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;justify-items:center;text-align:center;gap:2px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--l-acc) 18%,var(--l-card)),var(--l-card) 70%);border:1px solid color-mix(in srgb,var(--l-acc) 30%,var(--l-line));box-shadow:0 0 0 10px color-mix(in srgb,var(--l-acc) 6%,transparent),0 30px 70px -30px color-mix(in srgb,var(--l-acc) 60%,transparent)}
.ai-core3 img{height:38px;width:auto;margin-bottom:6px}.ai-core3 b{font:500 clamp(15px,1.6vw,19px) Adventor,sans-serif}.ai-core3 small{font-size:11px;color:var(--l-mut)}
.ai-spin{position:absolute;inset:0;animation:aispin 70s linear infinite}
.ai-sat{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--l-ink);transform:translate(-50%,-50%)}
.ai-sat>*{animation:aispin 70s linear infinite reverse}
.ai-sati{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(140deg,var(--h1),var(--h2));color:#fff;box-shadow:0 14px 28px -12px var(--h1);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.ai-sati svg{width:28px;height:28px}
.ai-sat em{font:500 11.5px Poppins,sans-serif;font-style:normal;white-space:nowrap;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--l-card) 85%,transparent);border:1px solid var(--l-line)}
.ai-sat:hover .ai-sati,.ai-sat.hot .ai-sati{transform:scale(1.14);box-shadow:0 0 0 6px color-mix(in srgb,var(--h1) 18%,transparent),0 18px 34px -12px var(--h1)}
.ai-sat.hot em{border-color:var(--h1);color:var(--h1)}
.ai-orb3:hover .ai-spin,.ai-orb3:hover .ai-sat>*{animation-play-state:paused}
@keyframes aispin{to{transform:rotate(360deg)}}
.ai-sat>*{transform-origin:center}
.ai-tick{display:flex;align-items:center;gap:10px;max-width:100%;padding:10px 16px;border-radius:999px;background:var(--l-card);border:1px solid var(--l-line);box-shadow:0 14px 30px -22px var(--l-sh);font-size:13.5px;opacity:.2;transform:translateY(4px);transition:opacity .35s,transform .35s}
.ai-tick.in{opacity:1;transform:none}
.ai-td{width:9px;height:9px;border-radius:50%;background:var(--h1,var(--l-acc));box-shadow:0 0 0 4px color-mix(in srgb,var(--h1,var(--l-acc)) 22%,transparent);flex:none}
.ai-tick b{font-weight:600;white-space:nowrap;color:var(--h1,var(--l-acc))}.ai-tick span:not(.ai-td){color:var(--l-sub);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-tick small{font-size:10.5px;color:var(--l-mut);margin-left:4px;flex:none}
@media(max-width:640px){.ai-sati{width:44px;height:44px;border-radius:14px}.ai-sati svg{width:22px;height:22px}.ai-sat em{font-size:10px;padding:2px 6px}.ai-core3 small{display:none}.ai-tick small{display:none}}
@media (prefers-reduced-motion:reduce){.ai-spin,.ai-sat>*{animation:none}}
/* ---------- group: no announcement bar; a clear lobby button */
.annbar{display:none!important}#site.hasann{--annh:0px!important}
#site .nav a.lobby img{display:none!important}
#site .nav a.lobby span{display:inline!important;font-size:10.5px;letter-spacing:.2em}
#site .nav a.lobby{gap:8px;padding:9px 16px 9px 13px!important}
#site .nav a.lobby:before{content:"\2190";font-size:14px;letter-spacing:0}
/* ---------- v2 after the audit */
/* gold text that passes contrast on cream */
:root[data-theme=light]{--gt:#7A5C26}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--gt:#7A5C26}}
/* lobby: skip the floors */
.skipf{position:absolute;right:34px;bottom:96px;z-index:4;color:var(--grey);display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;transition:color .3s,border-color .3s}
.skipf:hover{color:var(--gt);border-color:var(--gold)}.skipf s{text-decoration:none}
html.lmore .skipf{display:none}
@media(max-width:899px){.skipf{left:auto;right:12px;bottom:auto;top:76px;transform:none;padding:8px 12px}.lift button{height:36px!important}}
/* one button system across the businesses */
.lb,#site .rx-btn{border-radius:10px!important;font:500 14px Poppins,sans-serif!important;letter-spacing:0!important;min-height:46px}
.lw-ai .lb{border-radius:10px!important}
:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy],#site[data-w=robo]) .nav .btn{border-radius:10px!important;font:500 13.5px Poppins,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
/* calmer AI page: the gradient stays, the shimmer goes */
#site .lw-ai .ai2 h1 em,#site .lw-ai .ai2 h1 em .wd{animation:none!important}
.ai-aur i{animation-duration:40s!important}
/* lighter on low-power phones and for people who prefer less motion */
html.lite :is(.ai-spin,.ai-sat>*,.ai-aur i,.ai-rr>div,.io-k i,.iz-ant .w,.en-f.on,.io-pk,.ai-dot){animation:none!important}
@media (prefers-reduced-motion:reduce){.ai-spin,.ai-sat>*,.ai-rr>div{animation:none!important}}
/* readable minimum for small labels on phones */
@media(max-width:640px){#site .lab{font-size:max(11px,1em)}#site small{font-size:max(12px,1em)}}
/* consent bar (only shown when analytics is switched on) */
.azcon{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;max-width:560px;margin:0 auto;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:#14130F;color:#F3EFE6;font:400 13.5px/1.5 Poppins,sans-serif;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
.azcon p{flex:1;min-width:200px;margin:0}.azcon a{color:#C9A86B}.azcon button{font:500 13px Poppins,sans-serif;border-radius:8px;padding:9px 14px;border:1px solid #C9A86B;background:#C9A86B;color:#14130F;cursor:pointer}.azcon button.n{background:transparent;color:#F3EFE6;border-color:rgba(243,239,230,.3)}
/* =====================================================================
   v2.1 shared frame: one company across every business.
   Each business keeps its accent colour and its hero illustration.
   Everything else (type, spacing, cards, labels, buttons, forms, call to
   action, questions, header, footer) follows one system.
   ===================================================================== */
#site{--f-bg:#F6F2EA;--f-card:#FFFFFF;--f-ink:#15130F;--f-sub:#4A453C;--f-mut:#6E685C;--f-line:#E2DBCC;--f-gold:#7A5C26;--f-r:14px;--f-sh:0 1px 2px rgba(40,30,10,.05),0 18px 40px -28px rgba(40,30,10,.32)}
:root:not([data-theme=light]) #site{--f-bg:#0E0D0B;--f-card:#17150F;--f-ink:#F2EDE2;--f-sub:#BDB4A3;--f-mut:#8D8576;--f-line:#2A2620;--f-gold:#D6B678;--f-sh:0 1px 2px rgba(0,0,0,.3),0 18px 40px -28px rgba(0,0,0,.7)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site{--f-bg:#F6F2EA;--f-card:#FFFFFF;--f-ink:#15130F;--f-sub:#4A453C;--f-mut:#6E685C;--f-line:#E2DBCC;--f-gold:#7A5C26;--f-sh:0 1px 2px rgba(40,30,10,.05),0 18px 40px -28px rgba(40,30,10,.32)}}
:root[data-theme=light] #site{--f-bg:#F6F2EA;--f-card:#FFFFFF;--f-ink:#15130F;--f-sub:#4A453C;--f-mut:#6E685C;--f-line:#E2DBCC;--f-gold:#7A5C26;--f-sh:0 1px 2px rgba(40,30,10,.05),0 18px 40px -28px rgba(40,30,10,.32)}
/* the accent of each business */
#site{--wacc:#B8975A}
#site:is([data-w=ai],[data-w=iot],[data-w=auto],[data-w=energy]){--wacc:var(--l-acc)}
#site[data-w=robo]{--wacc:var(--x-gold)}

/* ---------- containers and rhythm */
#site #view :is(.wrap,.lwrap,.rx-wrap){max-width:1200px;padding-inline:clamp(20px,4vw,48px)}
#site #view :is(.ai-s,.io-s,.au-s,.en-s,.rx-s,.us,.tc,.tw,.band,.latest){padding-block:clamp(64px,7vw,104px)!important}
#site #view :is(.ai-hd,.io-hd,.au-hd,.en-hd,.rx-head,.ush){margin-bottom:clamp(28px,3.4vw,44px)!important}

/* ---------- one type scale */
#site #view h1{font-family:Adventor,sans-serif!important;font-weight:400!important;font-size:clamp(38px,4.6vw,66px)!important;line-height:1.04!important;letter-spacing:-.035em!important;text-wrap:balance}
#site #view h2{font-family:Adventor,sans-serif!important;font-weight:400!important;font-size:clamp(28px,2.8vw,42px)!important;line-height:1.08!important;letter-spacing:-.025em!important;text-wrap:balance}
#site #view :is(.mstep,.ucard,.fl,.ucb,.mgrp) h2{font-size:clamp(22px,2vw,28px)!important}
#site #view h3{font-family:Adventor,sans-serif;font-weight:400;letter-spacing:-.01em}
#site #view :is(.lead,.ulead,.ai-lead,.io-lead,.au-lead,.en-lead,.rx-ph-h,.rx-lead.dk){font-size:clamp(16.5px,1.25vw,18.5px)!important;line-height:1.65!important;font-weight:400!important;max-width:58ch}
#site #view :is(.ai-p,.au-p,.en-p,.rx-hp,.ai-hd>p,.io-hd>p,.au-hd>p,.en-hd>p,.ush>p){font-size:16px!important;line-height:1.65!important}
/* one eyebrow label */
#site #view :is(.ai-k,.io-k,.au-k,.en-k,.rx-k,.rx-hk,.ukick,.sh .lab,.ikick .lab){font:600 11.5px/1.2 Poppins,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--wacc)!important;background:none!important;border:0!important;padding:0!important;margin-bottom:14px!important;display:inline-flex;align-items:center;gap:8px}
:root[data-theme=light] #site #view :is(.ai-k,.io-k,.au-k,.en-k,.rx-k,.rx-hk){color:color-mix(in srgb,var(--wacc) 78%,#000)!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site #view :is(.ai-k,.io-k,.au-k,.en-k,.rx-k,.rx-hk){color:color-mix(in srgb,var(--wacc) 78%,#000)!important}}
#site #view :is(.au-k)::before{display:none}
#site #view .en-k svg{display:none}
/* breadcrumbs */
#site #view :is(.lcr,.rx-crumb,.crumb){font:500 12.5px Poppins,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important;margin-bottom:18px!important}

/* ---------- one card */
#site #view :is(.ai-door,.ai-rules>div,.ai-q,.ai-fc,.ai-box,.io-dv a,.io-sc,.io-tl li,.io-fc,.io-spec,.au-gauge,.au-lp,.au-dw,.au-gt,.au-ph4,.au-fc,.au-lv li,.au-sheet,.en-grid a,.en-sun4 li,.en-dash,.en-cin,.en-cout,.en-fc,.en-badge,.rx6why>*,.rx5r,.rx-card,.rx-feats>div,.rx-ap,.rx-form,.ucard,.azp){border-radius:var(--f-r)!important;border-width:1px!important;box-shadow:var(--f-sh)!important}
#site #view :is(.au-gauge,.au-lp,.au-dw,.au-gt,.au-ph4,.au-fc,.au-sheet,.au-lv li){border-color:var(--l-line)!important}
#site #view :is(.ai-door,.io-dv a,.en-grid a,.rx6why>*,.rx5r,.rx-card,.ucard,.au-tb a,.io-sc,.en-sun4 li):hover{transform:translateY(-2px)}
#site #view .au-sheet::before,#site #view .au-sheet::after{display:none}
/* auto keeps its drawing grid only behind the hero */
.lw-au{background-image:none!important}
.lw-au>.au-hero{background-image:linear-gradient(var(--l-line) 1px,transparent 1px),linear-gradient(90deg,var(--l-line) 1px,transparent 1px)!important;background-size:48px 48px!important}
.lw-au>section{background:transparent!important}.lw-au>.au-tint{background:var(--l-tint)!important}
/* form fields */
#site #view :is(.lfg,.rx-fg,.eform) :is(input,select,textarea){border-radius:10px!important;font:400 15px Poppins,sans-serif!important}
/* chips */
#site #view :is(.ai-sec span,.au-secs span,.en-secs span,.ai-idx li,.io-ms em){border-radius:999px!important}

/* ---------- one closing call to action */
#site #view :is(.ai-cta,.io-cta,.au-cta,.en-cta,.uctas){padding-block:clamp(40px,5vw,72px) clamp(64px,7vw,100px)!important;border:0!important;background:transparent!important}
#site #view :is(.ai-cb,.io-ctg,.au-ctg,.en-cb,.ucb){position:relative;overflow:hidden;display:flex!important;flex-wrap:wrap;justify-content:space-between!important;align-items:center!important;gap:24px 40px!important;text-align:left!important;padding:clamp(32px,5vw,60px)!important;border-radius:20px!important;border:0!important;background:radial-gradient(600px 300px at 100% 0%,color-mix(in srgb,var(--wacc) 34%,transparent),transparent 70%),#15130F!important;color:#F2EDE2!important}
#site #view .io-ctg,#site #view .au-ctg{max-width:1200px;margin-inline:auto}
#site #view :is(.ai-cb,.io-ctg,.au-ctg,.en-cb,.ucb) h2{color:#F2EDE2!important;max-width:20ch;font-size:clamp(26px,2.6vw,38px)!important}
#site #view :is(.ai-cb,.io-ctg,.au-ctg,.en-cb,.ucb) h2 em{color:color-mix(in srgb,var(--wacc) 70%,#fff)!important;background:none!important;-webkit-text-fill-color:currentColor}
#site #view :is(.ai-cb,.io-ctg,.au-ctg,.en-cb,.ucb) p{color:#BDB4A3!important}
#site #view :is(.ai-cb,.io-ctg,.au-ctg,.en-cb,.ucb) :is(.io-k){color:color-mix(in srgb,var(--wacc) 70%,#fff)!important}
#site #view :is(.ai-cb,.io-ctg,.au-ctg,.en-cb,.ucb) .lctas{margin:0!important;justify-content:flex-end}
#site #view :is(.ai-cb,.io-ctg,.au-ctg,.en-cb) .lb.ln{color:#F2EDE2!important;border-color:rgba(242,237,226,.3)!important;background:transparent!important}
#site #view .ai-cb .ai-aur{display:none}
#site #view .ai-cb .lb:not(.ln){background:var(--l-acc)!important;color:var(--l-accfg)!important;border-color:var(--l-acc)!important}
/* robotics closing band in the same shape */
#site[data-w=robo] #view .rx-cta{background:transparent!important;padding-block:clamp(40px,5vw,72px) clamp(64px,7vw,100px)!important}
#site[data-w=robo] #view .rx-cta>.rx-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;padding:clamp(32px,5vw,60px)!important;border-radius:20px;background:radial-gradient(600px 300px at 100% 0%,color-mix(in srgb,var(--x-gold) 34%,transparent),transparent 70%),#15130F;color:#F2EDE2;max-width:calc(1200px - 2*clamp(20px,4vw,48px))}
#site[data-w=robo] #view .rx-cta h2{color:#F2EDE2!important;font-size:clamp(26px,2.6vw,38px)!important}
#site[data-w=robo] #view .rx-cta .rx-lead{color:#BDB4A3!important}

/* ---------- questions */
#site #view :is(.lfaq,.rx-faq) summary{font:500 16.5px Poppins,sans-serif!important;padding:20px 0!important}
#site #view :is(.lfaq,.rx-faq) details p{font-size:15px!important;line-height:1.65!important}

/* ---------- header, identical everywhere */
#site .nav{height:auto}
#site .nav .wrap{max-width:1200px!important;padding-inline:clamp(20px,4vw,48px)!important}
#site .nav .links>a,#site .nav .links>button{font:500 14px Poppins,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
#site .nav .btn{border-radius:10px!important;font:500 13.5px Poppins,sans-serif!important;letter-spacing:0!important;text-transform:none!important;padding:11px 18px!important;background:var(--wacc)!important;border-color:var(--wacc)!important;color:#fff!important}
#site[data-w=energy] .nav .btn,#site[data-w=robo] .nav .btn{color:#15130F!important}
:root:not([data-theme=light]) #site:is([data-w=bs],[data-w=house]) .nav .btn{color:#15130F!important}
#site .nav a.lobby{border-radius:999px!important}

/* ---------- footer, identical everywhere */
#site footer{background:var(--f-bg)!important;color:var(--f-sub)!important;border-top:1px solid var(--f-line)!important}
#site footer :is(a,p,span){color:var(--f-sub)!important}
#site footer a:hover{color:var(--f-ink)!important}
#site footer :is(h4,h5,.lab){color:var(--f-gold)!important}
#site footer .wrap{max-width:1200px!important;padding-inline:clamp(20px,4vw,48px)!important}
/* robotics band: outline button readable on the dark panel */
#site[data-w=robo] #view .rx-cta :is(.rx-btn.line,.rx-btn.dk,.rx-btn:not(.gold)){color:#F2EDE2!important;border-color:rgba(242,237,226,.3)!important;background:transparent!important}
/* Business Systems buttons in the same voice as the rest */
#site #view :is(.btn,.ubtn),#site .unav .btn,#site #view .cta .btn{border-radius:10px!important;font:500 14px Poppins,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
#site #view .txt{letter-spacing:.02em!important;text-transform:none!important;font:500 14px Poppins,sans-serif!important}
/* Business Systems home closing band as the same panel */
#site #view .cband>.wrap{border-radius:20px;padding:clamp(36px,5vw,64px)!important;background:radial-gradient(600px 300px at 100% 0%,color-mix(in srgb,var(--wacc) 34%,transparent),transparent 70%),#15130F;color:#F2EDE2}
#site #view .cband h2{color:#F2EDE2!important}#site #view .cband p{color:#BDB4A3!important}
#site #view .cband .btn.o,#site #view .cband .txt{color:#F2EDE2!important;border-color:rgba(242,237,226,.3)!important}
#site #view .cband{background:transparent!important}
#site #view :is(.ai-hg,.io-hg2,.au-ht,.en-ht,.rx-phg,.io-pgg,.au-pgg,.en-pgg,.ai-pg)>*{min-width:0}
@media(max-width:640px){.ai-sat em{display:none}.ai-orb3{width:min(100%,340px)}.ai-stage3{margin-top:10px}}
#site #view .stkmore{display:flex;justify-content:center;padding:8px 0 0}
/* =====================================================================
   v2.2 one palette. Every business shares the group neutrals (cream and
   ink, white cards, warm lines). The accent is the only colour that
   changes, and it is used in a few places: eyebrow, main button, the
   coloured word in a headline, the active state and the hero drawing.
   ===================================================================== */
/* robotics on the group neutrals */
#site[data-w=robo]{--x-bg:#F6F2EA;--x-grey:#EEE8DC;--x-ink:#15130F;--x-sub:#4A453C;--x-mut:#6E685C;--x-line:#E2DBCC;--x-dark:#15130F;--x-dsub:#BDB4A3;--x-dline:rgba(242,237,226,.12)}
:root:not([data-theme=light]) #site[data-w=robo]{--x-bg:#0E0D0B;--x-grey:#1B1914;--x-ink:#F2EDE2;--x-sub:#BDB4A3;--x-mut:#8D8576;--x-line:#2A2620;--x-dark:#15130F}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=robo]{--x-bg:#F6F2EA;--x-grey:#EEE8DC;--x-ink:#15130F;--x-sub:#4A453C;--x-mut:#6E685C;--x-line:#E2DBCC;--x-dark:#15130F}}
:root[data-theme=light] #site[data-w=robo]{--x-bg:#F6F2EA;--x-grey:#EEE8DC;--x-ink:#15130F;--x-sub:#4A453C;--x-mut:#6E685C;--x-line:#E2DBCC;--x-dark:#15130F}
#site[data-w=robo] #view .rx-s:not(.rx-dark){background-image:none!important}
#site[data-w=robo] #view .rx-white{background:var(--x-bg)!important}
#site[data-w=robo] #view .rx-grey{background:var(--x-grey)!important}
#site[data-w=robo] :is(.rx5r,.rx-card,.rx6why>*,.rx-feats>div,.rx-ap,.rx-form){background:var(--f-card)!important}
/* the same page ground everywhere: no tinted ambient glows per business */
:is(#site[data-w=ai],#site[data-w=iot],#site[data-w=auto],#site[data-w=energy]) #view{background-image:none!important}
#site:is([data-w=bs],[data-w=house]){background-image:radial-gradient(1000px 640px at 105% 70%,rgba(201,160,90,.12),transparent 62%)!important;background-attachment:fixed!important}
/* hero atmospheres reduced to one soft accent glow */
.ai-aur i:nth-child(n+2){display:none!important}
.ai-aur i:nth-child(1){background:radial-gradient(circle,color-mix(in srgb,var(--l-acc) 55%,transparent) 0,transparent 65%)!important;opacity:.35!important}
.io-glow{background:radial-gradient(800px 520px at 72% 45%,color-mix(in srgb,var(--l-acc) 14%,transparent),transparent 70%)!important}
.io2::after{opacity:.35!important}
.lw-io .io-cta,.lw-en .en-cta{background:transparent!important}
/* headline accent word: one treatment, solid accent, no rainbow gradients */
#site #view :is(h1,h2) em,#site #view :is(h1,h2) em .wd{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:var(--wacc)!important;animation:none!important}
:root[data-theme=light] #site #view :is(h1,h2) em{color:color-mix(in srgb,var(--wacc) 82%,#000)!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site #view :is(h1,h2) em{color:color-mix(in srgb,var(--wacc) 82%,#000)!important}}
#site[data-w=energy] #view :is(h1,h2) em{color:color-mix(in srgb,var(--l-acc) 70%,#000)!important}
/* one tinted section ground */
#site #view :is(.ai-tint,.io-tint,.au-tint,.en-tint){background:var(--l-tint)!important}
/* icon tiles: one shape, the colours stay lively */
#site #view :is(.ai-ii,.io-di,.au-ti,.en-i,.lmi,.ai-rules span,.ai-door>span){border-radius:12px!important}
#site #view .au-tb a .au-ti{border-width:1px!important}
/* the energy day scene and IoT plan sit in a white card like every other hero visual */
#site #view :is(.en-day,.io-map2,.au-sheet,.ai-run){border-radius:var(--f-r)!important}
/* step numbers: one round badge */
#site #view :is(.ai-flow span,.en-sun4 span){width:34px!important;height:34px!important;border-radius:50%!important;font:600 13px Poppins,sans-serif!important;box-shadow:none!important}
/* dividers and lines in one warm tone */
#site #view :is(.ai-idx,.ai-flow,.io-inc,.au-tb,.au-why,.ai-log,.ai-ck li:first-child){border-top-color:var(--l-line)!important}
/* dark bands in robotics: the same ink as every closing panel */
#site[data-w=robo] #view .rx-dark:not(.rx-cta){background:#15130F!important}
.io-hg2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
@media(max-width:1000px){.io-hg2{grid-template-columns:minmax(0,1fr)!important}}
#site[data-w=robo] #view :is(.rx-hero,.rx-ph,.rx4h,.rx6h){background:var(--x-bg)!important;background-image:none!important}
:root[data-theme=light] #site[data-w=bs] #view section.tw:not(.whero):not(.cband){background:transparent!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site[data-w=bs] #view section.tw:not(.whero):not(.cband){background:transparent!important}}
/* ---------- v2.4: AI, IoT and Smart Energy use the calm tiles (option C): soft tinted ground, coloured symbol, no solid fills */
#site:is([data-w=ai],[data-w=iot],[data-w=energy]) #view :is(.io-dv a .io-di,.io-st>span,.en-grid a .en-i,.en-door .en-i,.en-i,.io-di,.ai-ii,.ai-door>span,.ai-rules span,.lmi){background:color-mix(in srgb,var(--hc,var(--h1,var(--l-acc))) 13%,var(--f-card))!important;color:var(--hc,var(--h1,var(--l-acc)))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hc,var(--h1,var(--l-acc))) 22%,transparent)!important;border:0!important}
#site[data-w=ai] #view .ai2i a .ai-ii{background:color-mix(in srgb,var(--h1) 13%,var(--f-card))!important;color:var(--h1)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--h1) 22%,transparent)!important}
#site[data-w=ai] #view .ai2i a:hover .ai-ii{transform:none!important;background:color-mix(in srgb,var(--h1) 20%,var(--f-card))!important}
#site[data-w=ai] #view .ai-sati{background:color-mix(in srgb,var(--h1) 13%,var(--f-card))!important;color:var(--h1)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--h1) 24%,transparent),0 10px 24px -16px var(--h1)!important}
#site[data-w=ai] #view .ai-glow .ai-box svg{background:color-mix(in srgb,var(--l-acc) 13%,var(--f-card))!important;color:var(--l-acc)!important}
#site[data-w=ai] #view .ai-glow .ai-box.mdl svg{background:color-mix(in srgb,#EC4899 13%,var(--f-card))!important;color:#EC4899!important}
#site[data-w=iot] #view .io-dv a .io-di::after{display:none}
#site[data-w=energy] #view .en-fl span{background:color-mix(in srgb,var(--hc) 13%,var(--f-card))!important}
#site[data-w=energy] #view .en-i.xl{background:color-mix(in srgb,var(--l-acc) 13%,var(--f-card))!important;color:color-mix(in srgb,var(--l-acc) 80%,#000)!important}
/* =====================================================================
   v3: one colour system, Ink and Gold, in every business.
   Life comes from the cards and icons: solid gold tiles with a slow
   sheen, cards that lift with a gold edge, small live details.
   ===================================================================== */
:root{--c1:#B8975A;--c2:#B8975A;--c3:#B8975A;--c4:#B8975A;--c5:#B8975A;--c6:#B8975A;--c7:#B8975A;--c8:#B8975A;--gtile:linear-gradient(145deg,#ECD6A6,#B8975A 52%,#8A6A30);--gglyph:#1A160F}
#site{--wacc:#9A7838}
:root:not([data-theme=light]) #site{--wacc:#C9A66A}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site{--wacc:#9A7838}}
:root[data-theme=light] #site{--wacc:#9A7838}


/* gold icon tiles (option 2), the same in every business */
#site #view :is(.io-dv a .io-di,.io-st>span,.en-grid a .en-i,.en-door .en-i,.en-i,.io-di,.ai-ii,.ai-door>span,.ai-rules span,.lmi,.ai-sati,.au-ti,.icn:not(.real),.l2-cards i,.ai-box svg,.ai-glow .ai-box svg):not(#v3),
#site .mega :is(.lmi,.icn:not(.real)),.lmgl a .lmi{
 background:var(--gtile)!important;background-size:180% 180%!important;color:var(--gglyph)!important;border:0!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 22px -12px rgba(143,111,51,.85)!important;
 animation:v3sh 7s ease-in-out infinite;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
#site #view :is(.io-dv a .io-di,.io-st>span,.en-i,.io-di,.ai-ii,.ai-door>span,.ai-rules span,.lmi,.ai-sati,.au-ti,.icn:not(.real)) :is(svg,path){fill:currentColor}
#site #view .icn:not(.real) svg path{fill:var(--gglyph)!important}
#site #view :is(a,div,li):nth-child(2n) > :is(.ai-ii,.io-di,.en-i,.au-ti,.icn,.lmi){animation-delay:-2.3s}
#site #view :is(a,div,li):nth-child(3n) > :is(.ai-ii,.io-di,.en-i,.au-ti,.icn,.lmi){animation-delay:-4.6s}
@keyframes v3sh{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
#site #view :is(a,div):hover > :is(.ai-ii,.io-di,.en-i,.au-ti,.icn,.lmi,.ai-door>span){transform:rotate(-7deg) scale(1.07)}

/* cards: one lift and a gold edge on hover, everywhere */
#site #view :is(.ai-idx a,.io-dv a,.en-grid a,.au-tb a,.cell,.ai-door,.io-door,.en-door,.au-door,.rx-card,.rx6why>*,.ucard,.offers>a,.floors>a){
 transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .5s!important}
#site #view :is(.ai-idx a,.io-dv a,.en-grid a,.au-tb a,.cell,.ai-door,.io-door,.en-door,.au-door,.rx-card,.ucard,.offers>a,.floors>a):hover{
 transform:translateY(-5px)!important;border-color:color-mix(in srgb,#B8975A 55%,var(--f-line,#E2DBCC))!important;box-shadow:0 26px 50px -30px rgba(184,151,90,.75)!important}

/* headline accent word and every accent mark: gold */
#site #view :is(h1,h2) em{color:var(--wacc)!important}
#site[data-w=energy] #view :is(h1,h2) em{color:var(--wacc)!important}
#site #view :is(.ai-dot,.io-live i,.en-live i){background:#B8975A!important}

/* AI hero: a request, a team of agents, a person approves */
#site #view .ai3x{position:relative;border-radius:22px;border:1px solid var(--l-line);background:var(--l-card);padding:22px;box-shadow:0 40px 80px -50px rgba(40,30,10,.45);min-width:0;overflow:hidden}
#site #view .ai3x::before{content:'';position:absolute;right:-120px;top:-160px;width:420px;height:420px;background:radial-gradient(circle,rgba(184,151,90,.22),transparent 65%);pointer-events:none}
.ai3-top{display:flex;align-items:center;gap:10px;font:500 13px Poppins,sans-serif;color:var(--l-ink)}.ai3-top small{margin-left:auto;font:500 10.5px Poppins;letter-spacing:.16em;text-transform:uppercase;color:var(--l-mut)}
.ai3-dot{width:9px;height:9px;border-radius:50%;background:#B8975A;box-shadow:0 0 0 4px rgba(184,151,90,.22);animation:ai3p 2s infinite}@keyframes ai3p{50%{box-shadow:0 0 0 8px rgba(184,151,90,0)}}
.ai3-q{margin:18px 0 16px;padding:16px 18px;border-radius:16px;background:var(--l-tint);display:flex;gap:14px;align-items:flex-start}
.ai3-q>span{font:500 10.5px Poppins;letter-spacing:.16em;text-transform:uppercase;color:var(--wacc);padding-top:4px}
.ai3-q p{font:400 clamp(16px,1.35vw,19px)/1.45 Adventor,sans-serif;color:var(--l-ink);min-height:2.9em;margin:0}
.ai3-car{display:inline-block;width:2px;height:1em;background:#B8975A;vertical-align:-2px;margin-left:2px;animation:ai3c 1s steps(2) infinite}@keyframes ai3c{50%{opacity:0}}
.ai3-c{list-style:none;margin:0;padding:0 0 0 0;position:relative;display:flex;flex-direction:column;gap:8px}
.ai3-c li{display:grid;grid-template-columns:40px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid var(--l-line);opacity:.4;transition:opacity .5s,border-color .5s,background .5s,transform .5s}
.ai3-c li>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--gtile);background-size:180% 180%;color:var(--gglyph);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 18px -10px rgba(143,111,51,.85)}
.ai3-c li>span svg{width:20px;height:20px}
.ai3-c li b{display:block;font:500 13.5px Poppins,sans-serif;color:var(--l-ink)}.ai3-c li p{margin:2px 0 0;font-size:13px;line-height:1.45;color:var(--l-sub)}
.ai3-c li>i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#B8975A;transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.ai3-c li>i svg{width:13px;height:13px}
.ai3-c li.on{opacity:1;border-color:#B8975A;background:color-mix(in srgb,#B8975A 8%,var(--l-card));transform:translateX(4px)}
.ai3-c li.on>span{animation:v3sh 1.4s ease-in-out infinite}
.ai3-c li.ok{opacity:1}.ai3-c li.ok>i{transform:scale(1)}
.ai3-end{margin-top:14px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#15130F;color:#F2EDE2;font:500 13.5px Poppins,sans-serif;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.ai3-end span{color:#C9A66A;display:flex}.ai3-end svg{width:20px;height:20px}
.ai3x.done .ai3-end{opacity:1;transform:none}
@media(max-width:600px){#site #view .ai3x{padding:16px}.ai3-q{flex-direction:column;gap:6px}}
/* real app icons in Business Systems: one gold family */

#site #view :is(.rx-sub,.ujump) :is(.btn,.rx-btn){display:none!important}
/* robotics menu: every robot sits inside its own tile */
#site .rx-mgg a>div{position:relative;overflow:hidden;height:118px!important}
#site .rx-mgg a>div img{position:absolute!important;left:50%;top:50%;width:auto!important;height:86%!important;max-width:80%!important;max-height:86%!important;object-fit:contain;transform:translate(-50%,-50%)}
#site .rx-mgg b{display:block;line-height:1.25}

:root[data-theme=light] #site{--wacc:#7A5C26;--gt:#7A5C26;--f-bg:#FBF9F5;--f-card:#FFFFFF;--f-ink:#100F0C;--f-sub:#36322B;--f-mut:#5A544A;--f-line:#E0D6C4;--f-gold:#7A5C26;--usub:#36322B;--umut:#5A544A;--grey:#4A453D;
 --l-bg:#FBF9F5;--l-card:#FFFFFF;--l-tint:#F2EDE3;--l-ink:#100F0C;--l-sub:#36322B;--l-mut:#5A544A;--l-line:#E0D6C4;--l-acc:#7A5C26;
 --x-bg:#FBF9F5;--x-grey:#F2EDE3;--x-ink:#100F0C;--x-sub:#36322B;--x-mut:#5A544A;--x-line:#E0D6C4;
 --gtile:linear-gradient(145deg,#E6C98F,#B08A45 50%,#7A5C26);--gglyph:#14110B}
:root[data-theme=light] #site #view :is(h1,h2) em{color:#7A5C26!important}
:root[data-theme=light] #site :is(p,li,dd,td,label,figcaption,summary){color:inherit}
:root[data-theme=light] #site #view :is(.ai-idx a,.io-dv a,.en-grid a,.au-tb a,.cell,.ucard,.rx-card,.rx6why>a,.ai-door,.io-door,.en-door,.au-door,.offers>a,.floors>a,.bt,.rc){border-color:#E0D6C4!important;box-shadow:0 1px 2px rgba(30,22,8,.06),0 14px 34px -22px rgba(60,44,14,.35)!important}
:root[data-theme=light] #site .nav .btn:not(#v3),:root[data-theme=light] #site .nav .btn:not(#v3) *,:root[data-theme=light] #site #view .lb:not(.ln):not(#v3),:root[data-theme=light] #site #view .rx-btn.gold:not(#v3){background:#15130F!important;border-color:#15130F!important;color:#F6F2EA!important}
:root[data-theme=light] #site #view :is(.ai-cb,.io-ctg,.au-ctg,.en-cb,.cband,.rx-cta,.ucb) :is(.lb:not(.ln),.btn:not(.o),.rx-btn.gold){background:#C9A66A!important;border-color:#C9A66A!important;color:#15130F!important}
:root[data-theme=light] #site #view :is(.ai-k,.io-k,.au-k,.en-k,.rx-k,.rx-hk,.ukick,.sh .lab){color:#7A5C26!important}
:root[data-theme=light] #site #view .ai3x{box-shadow:0 1px 2px rgba(30,22,8,.06),0 40px 80px -46px rgba(60,44,14,.45)}

@media (prefers-color-scheme:light){
:root:not([data-theme=dark]) #site{--wacc:#7A5C26;--gt:#7A5C26;--f-bg:#FBF9F5;--f-card:#FFFFFF;--f-ink:#100F0C;--f-sub:#36322B;--f-mut:#5A544A;--f-line:#E0D6C4;--f-gold:#7A5C26;--usub:#36322B;--umut:#5A544A;--grey:#4A453D;
 --l-bg:#FBF9F5;--l-card:#FFFFFF;--l-tint:#F2EDE3;--l-ink:#100F0C;--l-sub:#36322B;--l-mut:#5A544A;--l-line:#E0D6C4;--l-acc:#7A5C26;
 --x-bg:#FBF9F5;--x-grey:#F2EDE3;--x-ink:#100F0C;--x-sub:#36322B;--x-mut:#5A544A;--x-line:#E0D6C4;
 --gtile:linear-gradient(145deg,#E6C98F,#B08A45 50%,#7A5C26);--gglyph:#14110B}
:root:not([data-theme=dark]) #site #view :is(h1,h2) em{color:#7A5C26!important}
:root:not([data-theme=dark]) #site :is(p,li,dd,td,label,figcaption,summary){color:inherit}
:root:not([data-theme=dark]) #site #view :is(.ai-idx a,.io-dv a,.en-grid a,.au-tb a,.cell,.ucard,.rx-card,.rx6why>a,.ai-door,.io-door,.en-door,.au-door,.offers>a,.floors>a,.bt,.rc){border-color:#E0D6C4!important;box-shadow:0 1px 2px rgba(30,22,8,.06),0 14px 34px -22px rgba(60,44,14,.35)!important}
:root:not([data-theme=dark]) #site .nav .btn:not(#v3),:root:not([data-theme=dark]) #site .nav .btn:not(#v3) *,:root:not([data-theme=dark]) #site #view .lb:not(.ln):not(#v3),:root:not([data-theme=dark]) #site #view .rx-btn.gold:not(#v3){background:#15130F!important;border-color:#15130F!important;color:#F6F2EA!important}
:root:not([data-theme=dark]) #site #view :is(.ai-cb,.io-ctg,.au-ctg,.en-cb,.cband,.rx-cta,.ucb) :is(.lb:not(.ln),.btn:not(.o),.rx-btn.gold){background:#C9A66A!important;border-color:#C9A66A!important;color:#15130F!important}
:root:not([data-theme=dark]) #site #view :is(.ai-k,.io-k,.au-k,.en-k,.rx-k,.rx-hk,.ukick,.sh .lab){color:#7A5C26!important}
:root:not([data-theme=dark]) #site #view .ai3x{box-shadow:0 1px 2px rgba(30,22,8,.06),0 40px 80px -46px rgba(60,44,14,.45)}
}

:root[data-theme=light] #site{background:#FFFFFF!important;--f-bg:#FFFFFF;--l-bg:#FFFFFF;--x-bg:#FFFFFF;--l-tint:#FFFFFF;--x-grey:#FFFFFF}
:root[data-theme=light] #site #view{background-color:#FFFFFF!important;background-image:linear-gradient(to right,rgba(154,120,56,.085) 1px,transparent 1px),linear-gradient(to bottom,rgba(154,120,56,.085) 1px,transparent 1px)!important;background-size:168px 168px!important;background-position:center 0!important;background-attachment:scroll!important}
:root[data-theme=light] #site #view section:not(.rx-cta):not(.xcr):not(.cband):not(.rx-feat){background-color:transparent!important;background-image:none!important}
:root[data-theme=light] #site #view :is(.lw,.lw-ai,.lw-io,.lw-au,.lw-en){background:transparent!important}
:root[data-theme=light] #site .nav,:root[data-theme=light] #site .nav>.wrap,:root[data-theme=light] #site header.nav{background:#F6F2EA!important}
:root[data-theme=light] #site footer{background:#F6F2EA!important;border-top:1px solid #E6DDCB}
:root[data-theme=light] #site #view :is(.io-dv>a,.en-grid>a,.rx6why>*,.rx-feats>div,.rx-ap,.ai-rules>div,.ugrid>.ucard,.ai-idx>a,.au-tb>a,.offers>a,.rx-card,.rx5r){background:#FFFFFF!important}
:root[data-theme=light] #site #view :is(.io-dv>a,.en-grid>a,.rx6why>*,.rx-feats>div,.rx-ap3>.rx-ap,.ai-rules>div,.ugrid>.ucard,.au-tb>a,.offers>a,.rx5r):nth-child(3n+2){background:linear-gradient(160deg,#FDF8EE,#F4E7CC)!important;border-color:#E7D6B3!important}
:root[data-theme=light] #site #view :is(.ai-idx>a):nth-child(2n){background:linear-gradient(160deg,#FDF8EE,#F6ECD7)!important}
:root[data-theme=light] #site #view :is(.ai-q,.ai3-q){background:#F6F0E3!important}

@media (prefers-color-scheme:light){
:root:not([data-theme=dark]) #site{background:#FFFFFF!important;--f-bg:#FFFFFF;--l-bg:#FFFFFF;--x-bg:#FFFFFF;--l-tint:#FFFFFF;--x-grey:#FFFFFF}
:root:not([data-theme=dark]) #site #view{background-color:#FFFFFF!important;background-image:linear-gradient(to right,rgba(154,120,56,.085) 1px,transparent 1px),linear-gradient(to bottom,rgba(154,120,56,.085) 1px,transparent 1px)!important;background-size:168px 168px!important;background-position:center 0!important;background-attachment:scroll!important}
:root:not([data-theme=dark]) #site #view section:not(.rx-cta):not(.xcr):not(.cband):not(.rx-feat){background-color:transparent!important;background-image:none!important}
:root:not([data-theme=dark]) #site #view :is(.lw,.lw-ai,.lw-io,.lw-au,.lw-en){background:transparent!important}
:root:not([data-theme=dark]) #site .nav,:root:not([data-theme=dark]) #site .nav>.wrap,:root:not([data-theme=dark]) #site header.nav{background:#F6F2EA!important}
:root:not([data-theme=dark]) #site footer{background:#F6F2EA!important;border-top:1px solid #E6DDCB}
:root:not([data-theme=dark]) #site #view :is(.io-dv>a,.en-grid>a,.rx6why>*,.rx-feats>div,.rx-ap,.ai-rules>div,.ugrid>.ucard,.ai-idx>a,.au-tb>a,.offers>a,.rx-card,.rx5r){background:#FFFFFF!important}
:root:not([data-theme=dark]) #site #view :is(.io-dv>a,.en-grid>a,.rx6why>*,.rx-feats>div,.rx-ap3>.rx-ap,.ai-rules>div,.ugrid>.ucard,.au-tb>a,.offers>a,.rx5r):nth-child(3n+2){background:linear-gradient(160deg,#FDF8EE,#F4E7CC)!important;border-color:#E7D6B3!important}
:root:not([data-theme=dark]) #site #view :is(.ai-idx>a):nth-child(2n){background:linear-gradient(160deg,#FDF8EE,#F6ECD7)!important}
:root:not([data-theme=dark]) #site #view :is(.ai-q,.ai3-q){background:#F6F0E3!important}
}

:root[data-theme=light] #site #view :is(.io-dv>a,.en-grid>a,.rx6why>*,.rx-feats>div,.rx-ap,.ai-rules>div,.ugrid>.ucard,.ai-idx>a,.au-tb>a,.offers>a,.rx-card,.rx5r,.itile,.xcard,.ucard,.en-door,.io-door,.ai-door,.au-door,.faq details,.ufaq details){box-shadow:0 1px 2px rgba(30,20,4,.06),0 2px 6px -2px rgba(30,20,4,.06),0 22px 44px -26px rgba(70,48,12,.42)!important;border-color:#E3D7C1!important}
:root[data-theme=light] #site #view :is(.ai-k,.io-k,.au-k,.en-k,.rx-k,.rx-hk,.ukick,.sh .lab):not(:empty){display:inline-flex!important;width:max-content!important;max-width:100%;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px 6px 10px!important;border-radius:99px!important;background:linear-gradient(180deg,#FFF9EC,#F7EBD2)!important;border:1px solid #EAD8B2!important;color:#7A5C26!important;box-shadow:0 6px 14px -10px rgba(122,92,38,.6)}
:root[data-theme=light] #site #view :is(.ai-k,.io-k,.au-k,.en-k,.rx-k,.rx-hk,.ukick,.sh .lab):not(:empty)::before{content:'';width:6px;height:6px;border-radius:50%;background:#B8975A;box-shadow:0 0 0 3px rgba(184,151,90,.22)}
:root[data-theme=light] #site #view :is(.whero,.uhd,.ai-hero,.io-hero,.au-hero,.en-hero,.rx-hero,.rx-ph){position:relative;isolation:isolate}
:root[data-theme=light] #site #view :is(.whero,.uhd,.ai-hero,.io-hero,.au-hero,.en-hero,.rx-hero,.rx-ph)::after{content:'';position:absolute;z-index:-1;inset:-10% -5% auto auto;width:62%;height:120%;background:radial-gradient(closest-side,rgba(226,190,120,.30),rgba(226,190,120,.10) 55%,transparent);pointer-events:none}
:root[data-theme=light] #site #view :is(.whero,.uhd,.ai-hero,.io-hero,.au-hero,.en-hero,.rx-hero,.rx-ph)::before{content:'';position:absolute;z-index:-1;left:-8%;top:30%;width:40%;height:70%;background:radial-gradient(closest-side,rgba(255,214,170,.22),transparent);pointer-events:none}
:root[data-theme=light] #site #view :is(h1,h2):not(.xcr *):not(.aix *):not(.wall *){color:#0E0D0A}
:root[data-theme=light] #site #view section+section{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(184,151,90,.35),transparent) 1}
:root[data-theme=light] #site #view .lb:not(.ln),:root[data-theme=light] #site #view .btn:not(.o){box-shadow:0 12px 24px -12px rgba(20,15,5,.55)!important}

@media (prefers-color-scheme:light){
:root:not([data-theme=dark]) #site #view :is(.io-dv>a,.en-grid>a,.rx6why>*,.rx-feats>div,.rx-ap,.ai-rules>div,.ugrid>.ucard,.ai-idx>a,.au-tb>a,.offers>a,.rx-card,.rx5r,.itile,.xcard,.ucard,.en-door,.io-door,.ai-door,.au-door,.faq details,.ufaq details){box-shadow:0 1px 2px rgba(30,20,4,.06),0 2px 6px -2px rgba(30,20,4,.06),0 22px 44px -26px rgba(70,48,12,.42)!important;border-color:#E3D7C1!important}
:root:not([data-theme=dark]) #site #view :is(.ai-k,.io-k,.au-k,.en-k,.rx-k,.rx-hk,.ukick,.sh .lab):not(:empty){display:inline-flex!important;width:max-content!important;max-width:100%;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px 6px 10px!important;border-radius:99px!important;background:linear-gradient(180deg,#FFF9EC,#F7EBD2)!important;border:1px solid #EAD8B2!important;color:#7A5C26!important;box-shadow:0 6px 14px -10px rgba(122,92,38,.6)}
:root:not([data-theme=dark]) #site #view :is(.ai-k,.io-k,.au-k,.en-k,.rx-k,.rx-hk,.ukick,.sh .lab):not(:empty)::before{content:'';width:6px;height:6px;border-radius:50%;background:#B8975A;box-shadow:0 0 0 3px rgba(184,151,90,.22)}
:root:not([data-theme=dark]) #site #view :is(.whero,.uhd,.ai-hero,.io-hero,.au-hero,.en-hero,.rx-hero,.rx-ph){position:relative;isolation:isolate}
:root:not([data-theme=dark]) #site #view :is(.whero,.uhd,.ai-hero,.io-hero,.au-hero,.en-hero,.rx-hero,.rx-ph)::after{content:'';position:absolute;z-index:-1;inset:-10% -5% auto auto;width:62%;height:120%;background:radial-gradient(closest-side,rgba(226,190,120,.30),rgba(226,190,120,.10) 55%,transparent);pointer-events:none}
:root:not([data-theme=dark]) #site #view :is(.whero,.uhd,.ai-hero,.io-hero,.au-hero,.en-hero,.rx-hero,.rx-ph)::before{content:'';position:absolute;z-index:-1;left:-8%;top:30%;width:40%;height:70%;background:radial-gradient(closest-side,rgba(255,214,170,.22),transparent);pointer-events:none}
:root:not([data-theme=dark]) #site #view :is(h1,h2):not(.xcr *):not(.aix *):not(.wall *){color:#0E0D0A}
:root:not([data-theme=dark]) #site #view section+section{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(184,151,90,.35),transparent) 1}
:root:not([data-theme=dark]) #site #view .lb:not(.ln),:root:not([data-theme=dark]) #site #view .btn:not(.o){box-shadow:0 12px 24px -12px rgba(20,15,5,.55)!important}
}

:root[data-theme=light] #site #view section.iph.xcr.xcr:not(#z1):not(#z2){background:transparent!important;color:#14120E!important}
:root[data-theme=light] #site #view .xcr::before{background:radial-gradient(55% 70% at 82% 20%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%)!important}
:root[data-theme=light] #site #view .xcr h1{color:#0E0D0A!important}
:root[data-theme=light] #site #view .xcr h1 em,:root[data-theme=light] #site #view .xcr h1 em .wd{color:#8F6F33!important}
:root[data-theme=light] #site #view .xcr .lead{color:#3F3B34!important}
:root[data-theme=light] #site #view .xcr :is(.crumb,.crumb a,.crumb span){color:#6E685C!important}
:root[data-theme=light] #site #view section.xcr.xcr .btn.o{color:#14120E!important;box-shadow:inset 0 0 0 1px rgba(20,18,14,.35)!important}
:root[data-theme=light] #site #view section.xcr.xcr .btn:not(.o){background:#15130F!important;color:#F6F2EA!important}
:root[data-theme=light] #site #view .xcr .xtile:not(.xlive){background:#FFFFFF!important;border-color:#E3D7C1!important;box-shadow:0 1px 2px rgba(30,20,4,.06),0 22px 44px -26px rgba(70,48,12,.35)!important}
:root[data-theme=light] #site #view .xcr .xtile>b{color:#14120E!important}
:root[data-theme=light] #site #view .xcr .xtile :is(.lab,small){color:#6E685C!important}
:root[data-theme=light] #site #view .xcr .ikick .lab{color:#7A5C26!important}

@media (prefers-color-scheme:light){
:root:not([data-theme=dark]) #site #view section.iph.xcr.xcr:not(#z1):not(#z2){background:transparent!important;color:#14120E!important}
:root:not([data-theme=dark]) #site #view .xcr::before{background:radial-gradient(55% 70% at 82% 20%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%)!important}
:root:not([data-theme=dark]) #site #view .xcr h1{color:#0E0D0A!important}
:root:not([data-theme=dark]) #site #view .xcr h1 em,:root:not([data-theme=dark]) #site #view .xcr h1 em .wd{color:#8F6F33!important}
:root:not([data-theme=dark]) #site #view .xcr .lead{color:#3F3B34!important}
:root:not([data-theme=dark]) #site #view .xcr :is(.crumb,.crumb a,.crumb span){color:#6E685C!important}
:root:not([data-theme=dark]) #site #view section.xcr.xcr .btn.o{color:#14120E!important;box-shadow:inset 0 0 0 1px rgba(20,18,14,.35)!important}
:root:not([data-theme=dark]) #site #view section.xcr.xcr .btn:not(.o){background:#15130F!important;color:#F6F2EA!important}
:root:not([data-theme=dark]) #site #view .xcr .xtile:not(.xlive){background:#FFFFFF!important;border-color:#E3D7C1!important;box-shadow:0 1px 2px rgba(30,20,4,.06),0 22px 44px -26px rgba(70,48,12,.35)!important}
:root:not([data-theme=dark]) #site #view .xcr .xtile>b{color:#14120E!important}
:root:not([data-theme=dark]) #site #view .xcr .xtile :is(.lab,small){color:#6E685C!important}
:root:not([data-theme=dark]) #site #view .xcr .ikick .lab{color:#7A5C26!important}
}
/* v3.1 lively cards inside every business: a small live picture of what each card does */
#site{--gv:#B8975A;--gvs:color-mix(in srgb,#B8975A 30%,transparent)}
#site .gv{height:46px;margin:14px 0 14px;position:relative;pointer-events:none}
#site .gv-bars{display:flex;align-items:flex-end;gap:4px}#site .gv-bars u{flex:1;border-radius:3px 3px 0 0;background:var(--gvs);transform-origin:bottom;animation:gvb 3.4s ease-in-out infinite;text-decoration:none}
#site .gv-bars u:nth-child(1){height:34%}#site .gv-bars u:nth-child(2){height:52%;animation-delay:.2s}#site .gv-bars u:nth-child(3){height:44%;animation-delay:.4s}#site .gv-bars u:nth-child(4){height:66%;animation-delay:.6s}#site .gv-bars u:nth-child(5){height:58%;animation-delay:.8s}#site .gv-bars u:nth-child(6){height:80%;animation-delay:1s}#site .gv-bars u:nth-child(7){height:96%;background:var(--gv);animation-delay:1.2s}
@keyframes gvb{50%{transform:scaleY(.8)}}
#site .gv-steps{display:flex;flex-direction:column;justify-content:center;gap:3px}#site .gv-steps span{display:flex;align-items:center;gap:8px;font:400 11.5px Poppins,sans-serif;opacity:.8}
#site .gv-steps b{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--gv);animation:gvs 4.5s infinite;flex:none}#site .gv-steps span:nth-child(2) b{animation-delay:1.5s}#site .gv-steps span:nth-child(3) b{animation-delay:3s}
@keyframes gvs{0%,30%{background:var(--gv);box-shadow:0 0 0 4px color-mix(in srgb,#B8975A 22%,transparent)}40%,100%{background:transparent;box-shadow:none}}
#site .gv-ping{display:grid;grid-template-columns:repeat(9,1fr);align-items:center;justify-items:center}#site .gv-ping i{width:6px;height:6px;border-radius:50%;background:var(--gvs);animation:gvp 3s ease-out infinite;animation-delay:var(--d)}
@keyframes gvp{0%{box-shadow:0 0 0 0 color-mix(in srgb,#B8975A 60%,transparent);background:var(--gv)}60%,100%{box-shadow:0 0 0 11px transparent;background:var(--gvs)}}
#site .gv-belt{overflow:hidden}#site .gv-belt em{position:absolute;left:0;right:0;bottom:10px;height:2px;background:repeating-linear-gradient(90deg,var(--gvs) 0 10px,transparent 10px 16px);background-size:16px 2px;animation:gvl 1s linear infinite}
#site .gv-belt i{position:absolute;bottom:14px;width:20px;height:16px;border-radius:4px;background:var(--gvs);border:1px solid var(--gv);animation:gvm 6s linear infinite}
#site .gv-belt i:nth-of-type(2){animation-delay:-1.5s}#site .gv-belt i:nth-of-type(3){animation-delay:-3s}#site .gv-belt i:nth-of-type(4){animation-delay:-4.5s}
@keyframes gvm{from{left:-8%}to{left:100%}}@keyframes gvl{to{background-position:16px 0}}
#site .gv svg{width:100%;height:100%;overflow:visible;display:block}
#site .gv-route .p0{fill:none;stroke:var(--gvs);stroke-width:2;stroke-dasharray:3 5}#site .gv-route .p1{fill:none;stroke:var(--gv);stroke-width:2;stroke-linecap:round;stroke-dasharray:40 400;animation:gvr 4s linear infinite}
@keyframes gvr{from{stroke-dashoffset:40}to{stroke-dashoffset:-260}}
#site .gv-wave path{fill:none;stroke:var(--gv);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:260;animation:gvw 4.2s ease-in-out infinite}
@keyframes gvw{0%{stroke-dashoffset:260}60%,100%{stroke-dashoffset:0}}
#site .gv-fill{display:flex;align-items:center;gap:10px}#site .gv-fill span{flex:1;height:14px;border-radius:7px;border:1.5px solid var(--gv);position:relative;overflow:hidden}#site .gv-fill span::after{content:'';position:absolute;inset:2px auto 2px 2px;border-radius:5px;background:var(--gv);animation:gvf 4s ease-in-out infinite}#site .gv-fill b{width:4px;height:8px;border-radius:2px;background:var(--gv)}
@keyframes gvf{0%{width:10%}70%,100%{width:calc(100% - 4px)}}
#site .gv-scan{border-radius:8px;border:1px dashed var(--gvs);overflow:hidden}#site .gv-scan::after{content:'';position:absolute;left:0;right:0;height:2px;background:var(--gv);box-shadow:0 0 12px var(--gv);animation:gvsc 2.8s ease-in-out infinite alternate}
#site .gv-scan i{position:absolute;left:12%;right:30%;top:30%;height:3px;border-radius:2px;background:var(--gvs)}#site .gv-scan i+i{top:55%;right:46%}
@keyframes gvsc{from{top:4px}to{top:calc(100% - 6px)}}
@media (prefers-reduced-motion:reduce){#site .gv *,#site .gv::after{animation:none!important}}
/* ===================== v3.3 ===================== */
/* AI hero: agents in lanes, in colour, on a dark glass board (the same in light and dark) */
#site #view .aix{position:relative;border-radius:22px;padding:18px 18px 16px;color:#EEEAF6;overflow:hidden;min-width:0;
 background:radial-gradient(420px 260px at 0% 0%,rgba(139,92,246,.30),transparent 70%),radial-gradient(420px 280px at 100% 100%,rgba(20,184,166,.24),transparent 70%),radial-gradient(300px 200px at 100% 0%,rgba(244,114,182,.18),transparent 70%),#0E0D14;
 border:1px solid rgba(255,255,255,.09);box-shadow:0 50px 90px -50px rgba(40,20,80,.65),inset 0 1px 0 rgba(255,255,255,.06)}
.aix-top{display:flex;align-items:center;gap:12px;font:500 13px Poppins,sans-serif}
.aix-top b{flex:1;min-width:0;font:400 clamp(14px,1.15vw,16.5px)/1.35 Adventor,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aix-top small{font:500 11px ui-monospace,Menlo,monospace;color:#A9A3BE}
.aix-live{display:inline-flex;align-items:center;gap:7px;font:600 10px Poppins;letter-spacing:.14em;text-transform:uppercase;color:#C4B5FD;padding:5px 10px;border-radius:99px;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.35)}
.aix-live i{width:7px;height:7px;border-radius:50%;background:#A78BFA;box-shadow:0 0 0 3px rgba(167,139,250,.25);animation:aixp 1.6s infinite}@keyframes aixp{50%{box-shadow:0 0 0 7px rgba(167,139,250,0)}}
.aix-board{display:grid;grid-template-columns:118px minmax(0,1fr);margin-top:16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);overflow:hidden}
.aix-lanes{border-right:1px solid rgba(255,255,255,.07)}
.aix-ln{height:62px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.06)}.aix-ln:last-child{border-bottom:0}
.aix-av{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,var(--a),var(--b));color:#fff;box-shadow:0 8px 18px -8px var(--a)}.aix-av svg{width:17px;height:17px}
.aix-ln b{font:500 11px/1.2 Poppins,sans-serif;color:#E9E5F5}
.aix-trk{position:relative;height:248px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 12.5%),repeating-linear-gradient(180deg,transparent 0 61px,rgba(255,255,255,.06) 61px 62px)}
.aix-now{position:absolute;top:0;bottom:0;left:0;width:1.5px;background:linear-gradient(#fff0,#fff,#fff0);box-shadow:0 0 12px #fff;z-index:3}
.aix-b{position:absolute;width:0;border-radius:9px;padding:0 8px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;white-space:normal;background:linear-gradient(90deg,var(--a),var(--b));color:#fff;box-shadow:0 10px 24px -12px var(--a),inset 0 1px 0 rgba(255,255,255,.35);transition:width 1.1s cubic-bezier(.2,.8,.2,1);z-index:2;opacity:.97}
.aix-b span{font:500 10.5px/1.18 Poppins,sans-serif;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.aix-b small{display:none;font:600 9px Poppins;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.aix-c{position:absolute;width:0;border-left:1.5px dashed var(--a);z-index:1;opacity:.8}
.aix-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.aix-tools span{display:inline-flex;align-items:center;gap:6px;font:500 11px Poppins,sans-serif;color:#A9A3BE;padding:5px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.1);transition:all .35s}.aix-tools svg{width:13px;height:13px}
.aix-tools span.used{color:#E9E5F5;border-color:rgba(255,255,255,.22)}.aix-tools span.on{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);box-shadow:0 0 18px -4px rgba(196,181,253,.8)}
.aix-gate{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(100deg,rgba(201,166,106,.22),rgba(201,166,106,.06));border:1px solid rgba(201,166,106,.45);opacity:.25;filter:saturate(.3);transition:opacity .6s,filter .6s,transform .6s;transform:translateY(4px)}
.aix-gate>span{color:#E7C98C;display:flex}.aix-gate>span svg{width:22px;height:22px}.aix-gate div{flex:1}.aix-gate b{display:block;font:500 13.5px Poppins,sans-serif;color:#fff}.aix-gate small{font-size:11.5px;color:#C9C2B2}
.aix-gate em{font:600 12px Poppins;font-style:normal;color:#15130F;background:#C9A66A;padding:8px 14px;border-radius:99px}
.aix.done .aix-gate{opacity:1;filter:none;transform:none;box-shadow:0 0 40px -10px rgba(201,166,106,.6)}
@media(max-width:700px){.aix-board{grid-template-columns:54px minmax(0,1fr)}.aix-ln b{display:none}.aix-b small{display:none}.aix-top b{white-space:normal}}

/* industry pages: text left, live scene right; then the numbers and the activity in one tidy grid */
html body #site #view section.iph.xcr.xcr:not(#z1){padding-block:clamp(40px,5vw,72px) clamp(40px,5vw,72px)!important}
#site .iph .xtop.v33{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(28px,4vw,64px);align-items:center;margin-bottom:clamp(28px,3.5vw,44px)}
#site .iph .xtop.v33>div:first-child{display:flex;flex-direction:column;gap:14px}
#site .iph .xtop.v33 h1{font-size:clamp(34px,4.2vw,60px)!important;line-height:1.02}
#site .iph .xtop.v33 .cta{margin-top:10px}
#site .iph .xtop.v33 .xlive{grid-column:auto!important;grid-row:auto!important;min-height:clamp(260px,26vw,380px);border-radius:20px;box-shadow:0 40px 80px -40px color-mix(in srgb,var(--acc) 55%,transparent)}
#site .iph .xtop.v33 .xlive .xscene{height:100%}
#site .iph .xdash{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#site .iph .xdash .xfeed{grid-column:span 2!important;grid-row:span 1!important}
#site .iph .xdash .xbars{grid-column:span 1!important}
#site .iph .xtile{border-radius:16px}
@media(max-width:899px){#site .iph .xtop.v33{grid-template-columns:1fr}#site .iph .xdash{grid-template-columns:1fr 1fr!important}#site .iph .xdash .xfeed{grid-column:1/-1!important}}

/* modules: glass chips with the module's icon and traces etched inside */
#site .pl.chip{display:block;overflow:hidden;color:var(--c);background:linear-gradient(150deg,color-mix(in srgb,var(--c) 26%,rgba(255,255,255,.18)),color-mix(in srgb,var(--c) 10%,transparent));border:1.5px solid color-mix(in srgb,var(--c) 75%,#fff)}
#site .pl.chip .pltr{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
#site .pl.chip .pli{position:absolute;left:50%;top:44%;width:30%;height:30%;transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--c);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c) 70%,transparent))}
#site .pl.chip .pli svg{width:100%;height:100%}
#site .pl.chip span{position:absolute;left:0;right:0;bottom:12%;text-align:center;font:500 20px Adventor,sans-serif;color:color-mix(in srgb,var(--c) 70%,var(--fg,#111))}
#site .pl.chip::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 45%,transparent 60%);transform:translateX(-100%);animation:chipsh 5s ease-in-out infinite;animation-delay:calc(var(--i) * .5s)}
@keyframes chipsh{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* the wall of screens */
.wallsec .sh{margin-bottom:28px}
.wall{position:relative;height:min(78vh,700px);border-radius:24px;overflow:hidden;background:#0B0A09;box-shadow:0 50px 100px -50px rgba(0,0,0,.6)}
.wall-in{position:absolute;left:50%;top:50%;width:max(1500px,180%);display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:5px;transform:translate(-50%,-50%) scale(4.6);transform-origin:50% 50%;filter:saturate(1.05)}
.wtv{aspect-ratio:16/10;background:#15130F;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.wtv img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;opacity:.92}
.wtv.mid img{opacity:1}
.wall.play .wall-in{animation:wallout 7.5s cubic-bezier(.65,0,.2,1) forwards}
@keyframes wallout{0%{transform:translate(-50%,-50%) scale(4.6)}100%{transform:translate(-50%,-50%) scale(.8)}}
.wall::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(11,10,9,.6) 100%),linear-gradient(transparent 60%,rgba(11,10,9,.92));pointer-events:none}
.wall-cap{position:absolute;left:0;right:0;bottom:30px;text-align:center;z-index:2;color:#F3EFE6;opacity:0;transform:translateY(10px);transition:opacity 1s 6.4s,transform 1s 6.4s}
.wall.play .wall-cap{opacity:1;transform:none}
.wall-cap b{display:block;font:400 clamp(26px,3vw,40px) Adventor,sans-serif}.wall-cap span{color:#CFC8BA;font-size:15px}
@media (prefers-reduced-motion:reduce){.wall-in{transform:translate(-50%,-50%) scale(.62)!important;animation:none!important}.wall-cap{opacity:1}}

/* industries: a still grid with a pointer spotlight */
.indsec{padding-bottom:clamp(60px,7vw,100px)}
.igrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}
.itile{--x:-200px;--y:-200px;position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 18px;border-radius:18px;background:var(--card,#fff);border:1px solid var(--line);overflow:hidden;color:var(--fg);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s;isolation:isolate}
.itile::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(260px circle at var(--x) var(--y),rgba(201,166,106,.22),transparent 65%);opacity:0;transition:opacity .4s}
.igrid:hover .itile::before{opacity:1}
.itile:hover{transform:translateY(-4px);border-color:rgba(184,151,90,.6);box-shadow:0 26px 50px -30px rgba(184,151,90,.7)}
.itile.lit{border-color:rgba(184,151,90,.55);box-shadow:0 0 0 1px rgba(184,151,90,.25),0 24px 50px -32px rgba(184,151,90,.8)}
.itile.lit .itic .icn{transform:scale(1.08) rotate(-6deg)}
.itile .itic .icn{width:42px;height:42px;transition:transform .5s}
.itile b{font:400 19px/1.2 Adventor,sans-serif;margin-top:6px}
.itile p{font-size:13px;line-height:1.55;color:var(--sub);flex:1;margin:0}
.itile s{text-decoration:none;font:500 12.5px Poppins,sans-serif;color:var(--gt)}.itile s i{font-style:normal;display:inline-block;transition:transform .3s}.itile:hover s i{transform:translateX(4px)}
.itile.icta{grid-column:span 2;background:#15130F;color:#F3EFE6;border-color:#15130F;background-image:radial-gradient(400px 200px at 100% 0,rgba(201,166,106,.3),transparent 70%)}
.itile.icta p{color:#CFC8BA}.itile.icta s{color:#E7C98C}.itile.icta b{font-size:24px}
@media(max-width:1000px){.igrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.igrid{grid-template-columns:1fr}.itile.icta{grid-column:auto}}
:root[data-theme=dark] #site #view .xcr h1 em,:root[data-theme=dark] #site #view .xcr h1 em .wd{color:#D4B074!important}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #site #view .xcr h1 em,:root:not([data-theme=light]) #site #view .xcr h1 em .wd{color:#D4B074!important}}
#site .iph .xtop.v33 .xlive{aspect-ratio:544/290;min-height:0!important;height:auto}
/* ===================== v3.4 ===================== */
/* modules: clear glass chips; only the icon and the name carry colour */
#site .pl.chip{background:linear-gradient(150deg,rgba(255,255,255,.62),rgba(255,255,255,.18))!important;border:1.2px solid rgba(20,18,14,.16)!important;box-shadow:0 24px 40px -26px rgba(20,15,5,.45),inset 0 1px 0 rgba(255,255,255,.9)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#site .pl.chip .pltr{color:rgba(20,18,14,.22);opacity:1}
#site .pl.chip .pli{color:var(--c);filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--c) 45%,transparent))}
#site .pl.chip span{color:color-mix(in srgb,var(--c) 82%,#000)}
:root[data-theme=dark] #site .pl.chip{background:linear-gradient(150deg,rgba(255,255,255,.10),rgba(255,255,255,.02))!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 24px 40px -26px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.18)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #site .pl.chip{background:linear-gradient(150deg,rgba(255,255,255,.10),rgba(255,255,255,.02))!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 24px 40px -26px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.18)!important}}
:root[data-theme=dark] #site .pl.chip .pltr{color:rgba(255,255,255,.22)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #site .pl.chip .pltr{color:rgba(255,255,255,.22)}}
:root[data-theme=dark] #site .pl.chip span{color:color-mix(in srgb,var(--c) 80%,#fff)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #site .pl.chip span{color:color-mix(in srgb,var(--c) 80%,#fff)}}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .pl.chip{background:linear-gradient(150deg,rgba(255,255,255,.62),rgba(255,255,255,.18))!important;border-color:rgba(20,18,14,.16)!important;box-shadow:0 24px 40px -26px rgba(20,15,5,.45),inset 0 1px 0 rgba(255,255,255,.9)!important}:root:not([data-theme=dark]) #site .pl.chip .pltr{color:rgba(20,18,14,.22)}:root:not([data-theme=dark]) #site .pl.chip span{color:color-mix(in srgb,var(--c) 82%,#000)}}

/* follow one sale: the cards carry their colour more clearly */
#site .dcard{background:linear-gradient(160deg,color-mix(in srgb,var(--c) 30%,var(--bg,#fff)),color-mix(in srgb,var(--c) 12%,var(--bg,#fff)))!important;border:1.5px solid color-mix(in srgb,var(--c) 85%,transparent)!important}
#site .dcard .dtop .lab{color:color-mix(in srgb,var(--c) 75%,#000)!important;border-color:color-mix(in srgb,var(--c) 70%,transparent)!important;background:color-mix(in srgb,var(--c) 14%,transparent)}
#site .dcard .dfoot b{color:color-mix(in srgb,var(--c) 70%,var(--fg,#111))}
#site .dcard.on{box-shadow:0 0 0 1px var(--c),0 30px 70px -20px color-mix(in srgb,var(--c) 75%,transparent)!important}
:root[data-theme=dark] #site .dcard .dtop .lab{color:color-mix(in srgb,var(--c) 80%,#fff)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #site .dcard .dtop .lab{color:color-mix(in srgb,var(--c) 80%,#fff)!important}}

/* the statement under the hero: readable again */
#site .say .scrub{font:400 clamp(24px,2.7vw,40px)/1.28 Adventor,sans-serif!important;letter-spacing:-.015em;max-width:30ch}

/* industry pages: simpler. The hero keeps text, buttons, the live scene and one row of numbers */
#site .iph .xdash .xfeed,#site .iph .xdash .xbars{display:none!important}
#site .iph .xtile .xspark{opacity:.55}
#site #view .ujump{display:none!important}

/* industries on the home page: a compact index with one preview */
.ixw{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:stretch;margin-top:6px}
.ixl{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.ixl li{break-inside:avoid}
.ixl a{display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:11px 4px;border-bottom:1px solid var(--line);color:var(--fg);transition:padding .35s,color .35s}
.ixl em{font:500 11px Poppins,sans-serif;font-style:normal;color:var(--sub);letter-spacing:.06em}
.ixl span{font:400 16px/1.25 Adventor,sans-serif}
.ixl s{text-decoration:none;color:var(--gt);opacity:0;transform:translateX(-4px);transition:all .3s}
.ixl a.on{padding-left:10px}.ixl a.on em{color:var(--gt)}.ixl a.on s{opacity:1;transform:none}
.ixl a.on span{color:var(--gt)}
.ixp{position:relative;border-radius:22px;padding:30px 30px 26px;display:flex;flex-direction:column;gap:12px;overflow:hidden;background:#15130F;color:#F3EFE6;background-image:radial-gradient(420px 260px at 100% 0,rgba(201,166,106,.28),transparent 70%);box-shadow:0 40px 80px -46px rgba(0,0,0,.6);min-height:300px}
.ixp .ixpi .icn{width:52px;height:52px}
.ixp b{font:400 clamp(24px,2.2vw,32px)/1.15 Adventor,sans-serif;margin-top:6px}
.ixp p{color:#CFC8BA;font-size:15px;line-height:1.6;flex:1;margin:0}
.ixp .ixgo{align-self:flex-start;font:500 14px Poppins,sans-serif;color:#15130F;background:#C9A66A;padding:11px 18px;border-radius:99px}
.ixp .ixgo s{text-decoration:none}
.ixp .ixalt{position:absolute;top:28px;right:28px;font:500 12px Poppins,sans-serif;color:#CFC8BA;border-bottom:1px solid rgba(201,166,106,.6)}
.ixp>:not(.ixalt){transition:opacity .26s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.ixp.out>:not(.ixalt){opacity:0;transform:translateY(6px)}
@keyframes ixin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:899px){.ixw{grid-template-columns:1fr}.ixl{columns:1}.ixp{min-height:0}}

/* AI and Agents: live agent cards */
.agx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.agc{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:22px;overflow:hidden;color:#EEEAF6;
 background:radial-gradient(360px 220px at 0 0,color-mix(in srgb,var(--a) 34%,transparent),transparent 70%),radial-gradient(300px 220px at 100% 100%,color-mix(in srgb,var(--b) 24%,transparent),transparent 70%),#0F0E15;
 border:1px solid rgba(255,255,255,.09);box-shadow:0 40px 70px -46px color-mix(in srgb,var(--a) 70%,#000);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.agc:hover{transform:translateY(-5px);box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 60%,transparent),0 46px 80px -40px color-mix(in srgb,var(--a) 80%,#000)}
.agh{display:flex;align-items:center;gap:12px}.agh>div{flex:1}
.aga{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--a),var(--b));box-shadow:0 12px 24px -10px var(--a)}.aga svg{width:24px;height:24px}
.agh b{display:block;font:400 21px/1.15 Adventor,sans-serif;color:#fff}
.agh small{display:inline-flex;align-items:center;gap:6px;font:600 10px Poppins;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--a) 70%,#fff);margin-top:4px}
.agh small i{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 30%,transparent);animation:aixp 1.6s infinite}
.agh>s{text-decoration:none;color:#A9A3BE;transition:transform .3s}.agc:hover .agh>s{transform:translateX(4px);color:#fff}
.agc>p{margin:0;font-size:14.5px;line-height:1.55;color:#CFCADB}
.agl{border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:11px 12px;font:500 12.5px ui-monospace,Menlo,monospace;color:#E9E5F5;min-height:42px;display:flex;align-items:center}
.agr{display:flex;align-items:center;gap:9px;width:100%}
.agr em{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--a) 60%,transparent);border-top-color:var(--a);animation:agspin .8s linear infinite}
.agr.done em{animation:none;border-color:var(--a);background:var(--a);box-shadow:0 0 12px var(--a)}
.agr span::after{content:'';display:inline-block;width:7px;height:13px;background:var(--a);margin-left:3px;vertical-align:-2px;animation:ai3c 1s steps(2) infinite}
.agr.done span::after{display:none}
@keyframes agspin{to{transform:rotate(360deg)}}
.agc ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.agc li{font-size:12px;color:#CFCADB;padding:5px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
@media(max-width:760px){.agx{grid-template-columns:1fr}}
/* ===================== v3.5 ===================== */
/* colour comes back to icons: each tile takes its own hue, gold where none is set */
:root{--c1:#4F7DF7;--c2:#8B5CF6;--c3:#EC4899;--c4:#F59E0B;--c5:#10B981;--c6:#06B6D4;--c7:#F97366;--c8:#B8975A}
#site #view :is(.io-dv a .io-di,.io-st>span,.en-grid a .en-i,.en-door .en-i,.en-i,.io-di,.ai-ii,.ai-door>span,.ai-rules span,.lmi,.ai-sati,.au-ti,.l2-cards i,.ai-box svg,.ai-glow .ai-box svg):not(#v3):not(#v4),
#site .mega :is(.lmi),.lmgl a .lmi{
 background:linear-gradient(145deg,color-mix(in srgb,var(--hc,#B8975A) 62%,#fff),var(--hc,#B8975A) 55%,color-mix(in srgb,var(--hc,#B8975A) 72%,#000))!important;background-size:180% 180%!important;color:#fff!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 22px -12px var(--hc,#B8975A)!important}
#site #view .icn:not(.real){background-image:linear-gradient(145deg,rgba(255,255,255,.28),transparent 55%,rgba(0,0,0,.18))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 20px -12px rgba(0,0,0,.35)!important}
#site #view .icn:not(.real) svg path{fill:#fff!important}
/* lists with a hue per item keep it; robotics, automation and energy cards cycle through the palette */
#site #view :is(.en-grid,.io-dv,.au-tb,.rx6why,.rx-feats,.ai-rules,.offers)>:nth-child(6n+1){--hc:#4F7DF7}
#site #view :is(.en-grid,.io-dv,.au-tb,.rx6why,.rx-feats,.ai-rules,.offers)>:nth-child(6n+2){--hc:#10B981}
#site #view :is(.en-grid,.io-dv,.au-tb,.rx6why,.rx-feats,.ai-rules,.offers)>:nth-child(6n+3){--hc:#F59E0B}
#site #view :is(.en-grid,.io-dv,.au-tb,.rx6why,.rx-feats,.ai-rules,.offers)>:nth-child(6n+4){--hc:#8B5CF6}
#site #view :is(.en-grid,.io-dv,.au-tb,.rx6why,.rx-feats,.ai-rules,.offers)>:nth-child(6n+5){--hc:#06B6D4}
#site #view :is(.en-grid,.io-dv,.au-tb,.rx6why,.rx-feats,.ai-rules,.offers)>:nth-child(6n){--hc:#B8975A}
#site .gv{--gv:var(--hc,#B8975A);--gvs:color-mix(in srgb,var(--hc,#B8975A) 30%,transparent)}
/* step numbers in colour */
#site #view :is(.ai-flow span,.en-sun4 span){background:linear-gradient(145deg,color-mix(in srgb,var(--hc,#B8975A) 62%,#fff),var(--hc,#B8975A))!important;color:#fff!important}

/* industry pages: the problem is red, the fix is green */
#site #view .ucbf .eic{--c:#E5484D!important}
#site #view .ucaf .eic{--c:#10B981!important}

/* industrial automation: its own orange in the hero simulation */
#site[data-w=auto] #view .au-hero{--l-acc:#E25A12;--wacc:#E25A12}
:root[data-theme=dark] #site[data-w=auto] #view .au-hero{--l-acc:#FF7A33;--wacc:#FF7A33}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #site[data-w=auto] #view .au-hero{--l-acc:#FF7A33;--wacc:#FF7A33}}
#site[data-w=auto] #view .au-hero :is(h1,h2) em{color:var(--l-acc)!important}

/* modules: frosted dark glass, no traces, colour only on the icon and the name */
#site .pl.chip .pltr{display:none!important}
#site .pl.chip,:root[data-theme=dark] #site .pl.chip{background:linear-gradient(150deg,rgba(28,26,24,.62),rgba(14,13,12,.38))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 24px 44px -24px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.14)!important;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .pl.chip{background:linear-gradient(150deg,rgba(28,26,24,.62),rgba(14,13,12,.38))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 24px 44px -24px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.14)!important}}
#site .pl.chip .pli{top:46%;width:34%;height:34%;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--c) 60%,transparent))}
#site .pl.chip span,:root[data-theme=dark] #site .pl.chip span{color:color-mix(in srgb,var(--c) 70%,#fff)!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .pl.chip span{color:color-mix(in srgb,var(--c) 70%,#fff)!important}}

/* ===== Azzir Group pages ===== */
.gp{--gl:var(--line);color:var(--fg)}
.gp .gh{padding:clamp(56px,7vw,100px) 0 clamp(40px,5vw,70px)}
.gp .gh-g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);align-items:end}
.gp .gh-g>div:only-child{grid-column:1/-1;max-width:900px}
.gp .gh h1{font:400 clamp(40px,5.6vw,80px)/1.02 Adventor,sans-serif;letter-spacing:-.035em;margin:14px 0 18px}
.gp .gh .lead{font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:var(--sub);max-width:58ch}
.gfact{border-radius:22px;background:#15130F;color:#F3EFE6;padding:8px 24px;box-shadow:0 40px 80px -46px rgba(0,0,0,.6);background-image:radial-gradient(360px 220px at 100% 0,rgba(201,166,106,.28),transparent 70%)}
.gfact>div{padding:16px 0;border-bottom:1px solid rgba(242,237,226,.12)}.gfact>div:last-child{border-bottom:0}
.gfact small{display:block;font:600 10.5px Poppins;letter-spacing:.16em;text-transform:uppercase;color:#A89E8B}.gfact b{font:400 21px Adventor,sans-serif}
.gpart{display:flex;align-items:center;gap:14px}.gpart img{height:38px;width:auto;border-radius:6px;background:#fff;padding:4px 6px}.gpart b{display:block;font:500 14px Poppins!important}.gpart span{font-size:12.5px;color:#CFC8BA}
.gs{padding:clamp(56px,7vw,100px) 0}
.gs-t{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--gold,#B8975A) 6%,transparent) 40%,transparent)}
.gsh{max-width:760px;margin-bottom:clamp(28px,3.5vw,48px)}
.gk{display:inline-flex;align-items:center;gap:8px;font:600 11px Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gt);margin-bottom:14px}
.gk::before{content:'';width:6px;height:6px;border-radius:50%;background:#B8975A;box-shadow:0 0 0 3px rgba(184,151,90,.22)}
.gsh h2,.gfr h2,.gcta h2,.gfeat h2{font:400 clamp(30px,3.6vw,52px)/1.06 Adventor,sans-serif;letter-spacing:-.03em}
.gsh h2 em,.gfr h2 em,.gp h1 em{font-style:normal;color:var(--gt)}
.gsh p{margin-top:16px;font-size:16px;line-height:1.65;color:var(--sub)}
.gti{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--hc) 62%,#fff),var(--hc) 55%,color-mix(in srgb,var(--hc) 72%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 24px -12px var(--hc)}.gti svg{width:22px;height:22px}
.gcard,.gbiz>a,.gsteps li,.gpvm>div,.gtech>a,.gways>div,.gnews>a,.gkit>div,.groles>div,.gperks>div{position:relative;border-radius:20px;background:var(--card,#fff);border:1px solid var(--line);padding:24px;box-shadow:0 1px 2px rgba(30,20,4,.05),0 22px 44px -28px rgba(70,48,12,.38);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s}
:is(.gbiz>a,.gtech>a,.gnews>a):hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--hc,#B8975A) 55%,var(--line));box-shadow:0 30px 60px -32px color-mix(in srgb,var(--hc,#B8975A) 70%,transparent)}
.gbiz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gbiz>a{display:flex;flex-direction:column;gap:10px;color:var(--fg)}.gbiz em{position:absolute;top:22px;right:24px;font:500 12px Poppins;font-style:normal;color:var(--hc)}
.gbiz b,.gsteps b,.gways b,.gnews b,.gkit b,.groles b,.gperks b{font:400 21px/1.2 Adventor,sans-serif;margin-top:6px}
.gbiz p,.gsteps p,.gways p,.gnews p,.gkit p,.groles p,.gperks p,.gpvm p{font-size:14.5px;line-height:1.6;color:var(--sub);margin:0}
.gbiz s,.gnews s{text-decoration:none;font:500 13px Poppins;color:var(--hc);margin-top:auto}
.gsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:s}
.gsteps li{display:flex;flex-direction:column;gap:10px}.gsteps .gn{position:absolute;top:22px;right:24px;font:400 30px Adventor;color:color-mix(in srgb,var(--hc) 35%,transparent)}
.gpvm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gpvm>div{display:flex;flex-direction:column;gap:10px}
.gpvm small{font:600 11px Poppins;letter-spacing:.16em;text-transform:uppercase;color:var(--hc);margin-top:6px}.gpvm p{font:400 19px/1.4 Adventor,sans-serif;color:var(--fg)}
.gvals{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.gvals span{display:inline-flex;align-items:center;gap:10px;font:400 20px Adventor,sans-serif;padding:10px 18px 10px 14px;border-radius:99px;border:1px solid var(--line);background:var(--card,#fff)}
.gvals i{width:10px;height:10px;border-radius:50%;background:var(--hc);box-shadow:0 0 0 4px color-mix(in srgb,var(--hc) 22%,transparent)}
.gwhere{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center}
.gwhere dl{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;margin:0;font-size:15px}.gwhere dt{font:600 11px Poppins;letter-spacing:.14em;text-transform:uppercase;color:var(--gt);padding-top:3px}.gwhere dd{margin:0;color:var(--fg)}
.gmap{position:relative;height:300px;border-radius:24px;overflow:hidden;background:#15130F;background-image:linear-gradient(rgba(242,237,226,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(242,237,226,.06) 1px,transparent 1px),radial-gradient(400px 260px at 55% 50%,rgba(201,166,106,.32),transparent 70%);background-size:36px 36px,36px 36px,auto;color:#F3EFE6;box-shadow:0 40px 80px -46px rgba(0,0,0,.6)}
.gpin{position:absolute;left:55%;top:48%;width:16px;height:16px;border-radius:50%;background:#E7C98C;transform:translate(-50%,-50%);box-shadow:0 0 0 8px rgba(231,201,140,.25),0 0 40px 10px rgba(231,201,140,.5);animation:gpin 2.4s infinite}
@keyframes gpin{50%{box-shadow:0 0 0 18px rgba(231,201,140,0),0 0 40px 10px rgba(231,201,140,.5)}}
.gmap span{position:absolute;left:calc(55% + 20px);top:calc(48% - 20px);font:400 22px Adventor,sans-serif}.gmap b{position:absolute;left:24px;bottom:20px;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.1em;color:#A89E8B}
.gcta{display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap;padding:clamp(32px,5vw,60px);border-radius:24px;background:#15130F;color:#F3EFE6;background-image:radial-gradient(600px 300px at 100% 0,rgba(201,166,106,.32),transparent 70%);box-shadow:0 40px 90px -50px rgba(0,0,0,.6)}
.gcta h2{color:#F3EFE6}.gcta p{color:#CFC8BA;margin-top:10px;max-width:52ch;line-height:1.6}
.gcta-b{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.gb{display:inline-flex;align-items:center;gap:10px;font:500 14px Poppins,sans-serif;padding:13px 20px;border-radius:99px;background:#C9A66A;color:#15130F;transition:transform .3s}.gb:hover{transform:translateY(-2px)}.gb s{text-decoration:none}
.gb.o{background:transparent;color:inherit;border:1px solid currentColor;opacity:.85}
.gfr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);padding:clamp(28px,4vw,52px);border-radius:28px;background:var(--card,#fff);border:1px solid var(--line);box-shadow:0 40px 80px -50px rgba(70,48,12,.45)}
.gfr-l{display:flex;flex-direction:column;gap:14px}.gfr-l p{color:var(--sub);line-height:1.65;font-size:15.5px;margin:0}
.gfr-l .gb.o{color:var(--fg)}
.gfr-mark{display:flex;align-items:center;gap:10px;margin-bottom:6px}.gfr-mark .fi{height:34px}.gfr-mark .fw{height:24px}
:root[data-theme=dark] .gfr-mark .fw{filter:invert(1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gfr-mark .fw{filter:invert(1)}}
.gfr-r{display:flex;flex-direction:column;gap:18px;padding:26px;border-radius:22px;background:#15130F;color:#F3EFE6;background-image:radial-gradient(300px 200px at 100% 0,rgba(201,166,106,.3),transparent 70%)}
.gbadge{align-self:flex-start;height:64px;width:auto;border-radius:10px;background:#fff;padding:8px 10px}
.gfr-r ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.gfr-r li{display:flex;align-items:center;gap:12px;font-size:14.5px}.gfr-r .gti{width:36px;height:36px;border-radius:11px}.gfr-r .gti svg{width:18px;height:18px}
.gtech{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gtech>a{display:flex;flex-direction:column;gap:14px;color:var(--fg)}
.gtech b{display:flex;align-items:center;gap:10px;font:400 19px Adventor,sans-serif}.gtech b i{width:10px;height:10px;border-radius:50%;background:var(--hc);box-shadow:0 0 0 4px color-mix(in srgb,var(--hc) 22%,transparent)}
.gtech span{display:flex;flex-wrap:wrap;gap:6px}.gtech em{font-style:normal;font-size:12.5px;padding:5px 10px;border-radius:99px;background:color-mix(in srgb,var(--hc) 10%,transparent);color:color-mix(in srgb,var(--hc) 75%,var(--fg));border:1px solid color-mix(in srgb,var(--hc) 25%,transparent)}
.gways,.gkit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gways>div,.gkit>div{display:flex;flex-direction:column;gap:10px}
.gsw{display:flex;gap:8px;margin-top:6px}.gsw i{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.gfeat{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:30px;align-items:center;padding:clamp(28px,4vw,48px);border-radius:28px;background:#15130F;color:#F3EFE6;background-image:radial-gradient(500px 300px at 100% 0,rgba(16,185,129,.22),transparent 70%),radial-gradient(400px 260px at 0 100%,rgba(201,166,106,.2),transparent 70%);margin-bottom:16px;box-shadow:0 40px 90px -50px rgba(0,0,0,.6);transition:transform .5s}
.gfeat:hover{transform:translateY(-4px)}.gfeat p{color:#CFC8BA;line-height:1.6;margin:12px 0 18px;max-width:56ch}.gfeat s{text-decoration:none;color:#E7C98C;font:500 14px Poppins}
.gfeat-r{display:grid;place-items:center}.gfeat-r img{height:96px;width:auto;background:#fff;border-radius:14px;padding:12px 16px}
.gtag{align-self:flex-start;display:inline-block;font:600 10.5px Poppins;letter-spacing:.14em;text-transform:uppercase;color:var(--hc);padding:5px 10px;border-radius:99px;background:color-mix(in srgb,var(--hc) 14%,transparent);margin-bottom:6px}
.gnews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gnews>a{display:flex;flex-direction:column;gap:10px;color:var(--fg)}
.groles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.groles>div{display:flex;flex-direction:column;gap:10px}
.gperks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gperks>div{display:flex;flex-direction:column;gap:8px}.gperks i{width:28px;height:4px;border-radius:2px;background:var(--hc)}
@media(max-width:999px){.gp .gh-g,.gwhere,.gfr,.gfeat{grid-template-columns:1fr}.gbiz,.gtech,.gnews,.groles,.gways,.gkit,.gpvm{grid-template-columns:1fr 1fr}.gsteps,.gperks{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.gbiz,.gtech,.gnews,.groles,.gways,.gkit,.gpvm,.gsteps,.gperks{grid-template-columns:1fr}}
.gcta h2,.gfeat h2,.gfr-r b{color:#F3EFE6!important}
#site .pl.chip,:root[data-theme=dark] #site .pl.chip{background:linear-gradient(150deg,rgba(24,22,20,.80),rgba(10,9,8,.58))!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .pl.chip{background:linear-gradient(150deg,rgba(24,22,20,.80),rgba(10,9,8,.58))!important}}
/* ===================== v3.6 ===================== */
/* Business Systems hero: the desk floats with no screen behind it; the screen returns when an app opens */
#site .desk.hc.built:not(.opened){background:transparent!important;border-color:transparent!important;box-shadow:none!important;overflow:visible!important}
#site .desk.hc.built:not(.opened) .dbar{opacity:0!important}
#site .desk.hc.built:not(.opened) .dapp span{color:var(--fg,#15130F)!important}
/* the Group pill: a clear arrow in both themes */
#site .nav a.lobby:before{color:inherit!important;opacity:1!important;font-weight:700;font-size:15px!important}

/* module glass: solid black, light and smooth (no blur, no sheen) */
#site .pl.chip,:root[data-theme=dark] #site .pl.chip{background:#050505!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 22px 40px -22px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;will-change:transform}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .pl.chip{background:#050505!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
#site .pl.chip::after{display:none!important}
#site .pl.chip .pli{filter:none!important}
#site .stk{will-change:transform}

/* industrial automation: the line in orange */
#site[data-w=auto] .au-hero .au-fl{fill:#F97316!important}
#site[data-w=auto] .au-hero .au-belt{fill:#FFE4CC!important;stroke:#C2410C!important}
#site[data-w=auto] .au-hero .au-rl{stroke:#C2410C!important;fill:#FFF7ED!important}
#site[data-w=auto] .au-hero .au-sheet path:not(.au-beam):not(.au-noz){stroke:#EA580C!important}
#site[data-w=auto] .au-hero .au-sheet text{fill:#C2410C!important}
#site[data-w=auto] .au-hero .au-b{stroke:#EA580C!important}
#site[data-w=auto] .au-hero .au-sheet{background:linear-gradient(180deg,#FFFFFF,#FFF4EA)!important;border-color:#FDBA8C!important;box-shadow:0 40px 80px -46px rgba(234,88,12,.55)!important}
:root[data-theme=dark] #site[data-w=auto] .au-hero .au-sheet{background:linear-gradient(180deg,#1A120C,#24150B)!important;border-color:#7C2D12!important}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #site[data-w=auto] .au-hero .au-sheet{background:linear-gradient(180deg,#1A120C,#24150B)!important;border-color:#7C2D12!important}:root:not([data-theme=light]) #site[data-w=auto] .au-hero .au-belt{fill:#3B1D0B!important}}

/* Azzir Group pages: brand colours only (ink and gold), and correct surfaces in both themes */
.gp{--gcard:#FFFFFF;--gink:#14120E;--gsub:#4A453C;--gline:#E3D7C1}
:root[data-theme=dark] .gp{--gcard:#17150F;--gink:#F2EDE2;--gsub:#BDB4A3;--gline:#2E2920}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gp{--gcard:#17150F;--gink:#F2EDE2;--gsub:#BDB4A3;--gline:#2E2920}}
.gp,.gp :is(h1,h2,b){color:var(--gink)}
.gp :is(.gcta,.gfeat,.gfr-r,.gfact,.gmap) :is(h1,h2,b){color:#F3EFE6!important}
.gp .lead,.gp .gsh p,.gp :is(.gbiz,.gsteps,.gways,.gnews,.gkit,.groles,.gperks) p,.gp .gfr-l p{color:var(--gsub)!important}
.gp .gpvm p{color:var(--gink)!important}
.gp :is(.gbiz>a,.gsteps li,.gpvm>div,.gtech>a,.gways>div,.gnews>a,.gkit>div,.groles>div,.gperks>div,.gfr,.gvals span,.grb){background:var(--gcard)!important;border-color:var(--gline)!important}
.gp [style*="--hc"],.gp .gti{--hc:#B8975A!important}
.gp .gti{background:linear-gradient(145deg,#2A2620,#0F0E0B)!important;color:#E7C98C!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px -14px rgba(0,0,0,.6)!important;border:1px solid rgba(201,166,106,.35)}
.gp .gtech em{background:color-mix(in srgb,#B8975A 10%,transparent);color:var(--gt);border-color:color-mix(in srgb,#B8975A 30%,transparent)}
.gp .gtag{color:var(--gt);background:color-mix(in srgb,#B8975A 14%,transparent)}
.gp .gfeat{background-image:radial-gradient(500px 300px at 100% 0,rgba(201,166,106,.28),transparent 70%),radial-gradient(400px 260px at 0 100%,rgba(201,166,106,.14),transparent 70%)!important}
:root[data-theme=dark] .gp .gfr-mark .fw{filter:invert(1)}

/* careers: a roles board that fills in as roles are posted */
.grb{border-radius:22px;border:1px solid var(--gline);overflow:hidden}
.grb-f{display:flex;flex-wrap:wrap;gap:8px;padding:16px 18px;border-bottom:1px solid var(--gline)}
.grb-f button{font:500 12.5px Poppins,sans-serif;padding:7px 13px;border-radius:99px;border:1px solid var(--gline);background:transparent;color:var(--gsub);cursor:pointer}
.grb-f button.on{background:#15130F;color:#F3EFE6;border-color:#15130F}
:root[data-theme=dark] .grb-f button.on{background:#C9A66A;color:#15130F;border-color:#C9A66A}
.grb-h,.grb-r{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr) 24px;gap:14px;padding:14px 22px;align-items:center}
.grb-h{font:600 10.5px Poppins;letter-spacing:.14em;text-transform:uppercase;color:var(--gsub);border-bottom:1px solid var(--gline)}
.grb-r{border-bottom:1px solid var(--gline);color:var(--gink)}.grb-r b{font:400 18px Adventor,sans-serif}
.grb-e{display:flex;align-items:center;gap:18px;padding:34px 22px}
.grb-e .gti{flex:none}.grb-e b{display:block;font:400 21px Adventor,sans-serif;color:var(--gink)}.grb-e p{margin:4px 0 0;color:var(--gsub);font-size:14.5px}
.grb-e a{margin-left:auto}
@media(max-width:760px){.grb-h{display:none}.grb-r{grid-template-columns:1fr}.grb-e{flex-wrap:wrap}.grb-e a{margin-left:0}}
/* ===================== v3.7 ===================== */
/* desk view: slightly larger app icons */
#site .desk.hc.built:not(.opened) .dapp img{transform:scale(1.18);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
#site .desk.hc.built:not(.opened) .dapp span{margin-top:4px}

/* module glass: dark and translucent again (no blur, so it stays smooth) */
#site .pl.chip,:root[data-theme=dark] #site .pl.chip{background:linear-gradient(150deg,rgba(20,18,16,.62),rgba(8,8,7,.40))!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 22px 40px -24px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.16)!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) #site .pl.chip{background:linear-gradient(150deg,rgba(20,18,16,.62),rgba(8,8,7,.40))!important}}

/* ink accents: one or two dark cards on each page, so light pages have contrast */
html #site #view :is(section.brands .qst,.io-ph,.au-gauge,.ucard.urep,.en-grid>a:nth-child(1),.rx6why>*:nth-child(2),.ugrid>.ucard.ufe:nth-child(1),.io-dv>a:nth-child(3)):not(#zz){
 background:radial-gradient(420px 240px at 100% 0,rgba(201,166,106,.28),transparent 70%),#15130F!important;border-color:rgba(201,166,106,.28)!important;color:#F2EDE2!important;
 box-shadow:0 40px 70px -40px rgba(0,0,0,.55)!important}
html #site #view :is(section.brands .qst,.au-gauge,.ucard.urep,.en-grid>a:nth-child(1),.rx6why>*:nth-child(2),.ugrid>.ucard.ufe:nth-child(1),.io-dv>a:nth-child(3)):not(#zz) :is(h2,h3,h4,b,strong,blockquote,q,.big){color:#F3EFE6!important}
html #site #view :is(section.brands .qst,.au-gauge,.ucard.urep,.en-grid>a:nth-child(1),.rx6why>*:nth-child(2),.ugrid>.ucard.ufe:nth-child(1),.io-dv>a:nth-child(3)):not(#zz) :is(p,small,span:not(.icn):not(.io-di):not(.en-i):not(.gv *),li,em,dd,dt){color:#CFC8BA!important}
html #site #view section.brands .qst:not(#zz) :is(p,blockquote){color:#F3EFE6!important}
html #site #view .au-gauge:not(#zz) :is(i,.au-bar,div[class*=bar]){border-color:rgba(242,237,226,.15)!important}
html #site #view .io-ph:not(#zz){padding:14px!important;border-radius:30px!important}
html #site #view .io-dv>a:nth-child(3):not(#zz) code,html #site #view .io-dv>a:nth-child(3):not(#zz) .io-tags span{background:rgba(242,237,226,.08)!important;color:#E7DFC9!important;border-color:rgba(242,237,226,.15)!important}

/* v3g */
:root[data-theme=light].lobby .top .mode i{border-color:#000!important;background:linear-gradient(90deg,#000 50%,transparent 50%)!important}
:root[data-theme=light].lobby .top .dirbtn b i,:root[data-theme=light].lobby .dirbtn b i{background:#000!important}
:root[data-theme=light].lobby .lift .ar{color:#000!important}
:root[data-theme=light].lobby .floor{background:linear-gradient(90deg,transparent,rgba(10,9,8,.35),transparent)!important}
:root[data-theme=light].lobby .word{-webkit-text-stroke-color:rgba(0,0,0,.22)!important}
:root[data-theme=light].lobby .cue i{background:#000!important}
:root[data-theme=light].lobby .l2-cards i{color:#000!important;background:rgba(10,9,8,.07)!important}
:root[data-theme=light].lobby .l2-need b::before{background:#000!important;box-shadow:0 0 0 4px rgba(10,9,8,.12)!important}
:root[data-theme=light].lobby .l2-need a:hover s{color:#000!important}
:root[data-theme=light].lobby .w2-i{background:#F2EDE2!important;color:#000!important;box-shadow:inset 0 1px 0 #fff,0 12px 24px -12px rgba(0,0,0,.6)!important}
:root[data-theme=light].lobby .w2-i svg,:root[data-theme=light].lobby .w2-i svg *{color:#000}
:root[data-theme=light].lobby .w2-vi{color:#000!important;border-color:#000!important}
:root[data-theme=light].lobby .w2-v:hover{border-color:#000!important}

@media (prefers-color-scheme:light){
:root:not([data-theme=dark]).lobby .top .mode i{border-color:#000!important;background:linear-gradient(90deg,#000 50%,transparent 50%)!important}
:root:not([data-theme=dark]).lobby .top .dirbtn b i,:root:not([data-theme=dark]).lobby .dirbtn b i{background:#000!important}
:root:not([data-theme=dark]).lobby .lift .ar{color:#000!important}
:root:not([data-theme=dark]).lobby .floor{background:linear-gradient(90deg,transparent,rgba(10,9,8,.35),transparent)!important}
:root:not([data-theme=dark]).lobby .word{-webkit-text-stroke-color:rgba(0,0,0,.22)!important}
:root:not([data-theme=dark]).lobby .cue i{background:#000!important}
:root:not([data-theme=dark]).lobby .l2-cards i{color:#000!important;background:rgba(10,9,8,.07)!important}
:root:not([data-theme=dark]).lobby .l2-need b::before{background:#000!important;box-shadow:0 0 0 4px rgba(10,9,8,.12)!important}
:root:not([data-theme=dark]).lobby .l2-need a:hover s{color:#000!important}
:root:not([data-theme=dark]).lobby .w2-i{background:#F2EDE2!important;color:#000!important;box-shadow:inset 0 1px 0 #fff,0 12px 24px -12px rgba(0,0,0,.6)!important}
:root:not([data-theme=dark]).lobby .w2-i svg,:root:not([data-theme=dark]).lobby .w2-i svg *{color:#000}
:root:not([data-theme=dark]).lobby .w2-vi{color:#000!important;border-color:#000!important}
:root:not([data-theme=dark]).lobby .w2-v:hover{border-color:#000!important}
}