.u-studio{--u-bg:#08090b;--u-bg-soft:#0d0f13;--u-fg:#f1f0ec;--u-muted:#dadfe87a;--u-muted-2:#dadfe847;--u-border:#e7ecf61f;--u-border-strong:#e7ecf638;--u-panel:#0d1016bd;--u-panel-solid:#0a0c11f0;--u-accent:#8fa7ff;--u-accent-soft:#7189ff2e;--u-line:#dae2f438;--u-net:#b1bfdd1a;--u-dot:#dfe6f8;--u-core:#f4f6ff;--u-core-glow:#8198ff;--u-ribbon-a:#11151f;--u-ribbon-b:#6d7fa9;--u-ribbon-c:#e9eefc;--u-ribbon-d:#8da1d1;--u-shadow:#00000075;--u-button-bg:#ffffff06;isolation:isolate;background:var(--u-bg);height:100svh;min-height:100svh;color:var(--u-fg);font-family:Manrope,system-ui,sans-serif;transition:background-color .72s cubic-bezier(.22,1,.36,1),color .72s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.u-studio[data-theme=light]{--u-bg:#f3f4f5;--u-bg-soft:#eceff3;--u-fg:#11151d;--u-muted:#232b398a;--u-muted-2:#232b394d;--u-border:#2b384f1c;--u-border-strong:#2b384f30;--u-panel:#ffffffa3;--u-panel-solid:#fafbfceb;--u-accent:#5276e8;--u-accent-soft:#5577e11f;--u-line:#4d628a3d;--u-net:#566f9d1a;--u-dot:#60749a;--u-core:#fff;--u-core-glow:#89a8ff;--u-ribbon-a:#fff;--u-ribbon-b:#c9d8f0;--u-ribbon-c:#fff;--u-ribbon-d:#a7bbe1;--u-shadow:#4e5c7a29;--u-button-bg:#ffffff7a}.u-studio *{box-sizing:border-box}.u-studio button,.u-studio input,.u-studio textarea{font:inherit}.u-studio button{color:inherit}.u-ambient{z-index:0;pointer-events:none;background:radial-gradient(circle at 68% 40%,#687ec917,#0000 26%),radial-gradient(circle at 72% 42%,#424e6f0f,#0000 32%),linear-gradient(#ffffff03,#0000 24% 76%,#ffffff03);transition:opacity .72s,background .72s;position:absolute;inset:0}.u-studio[data-theme=light] .u-ambient{background:radial-gradient(circle at 67% 38%,#7ea1e829,#0000 27%),radial-gradient(circle at 70% 36%,#fffffff5,#0000 24%),radial-gradient(circle at 82% 78%,#d1dcf16b,#0000 30%),linear-gradient(#f7f7f8,#f1f3f6)}.u-molten-bg{z-index:1;pointer-events:none;opacity:1;transition:opacity .72s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:hidden}.u-molten-bg .molten-metal-container{width:104%;height:104%;position:absolute;inset:-2%}.u-molten-bg canvas{width:100%;height:100%;display:block}.u-molten-mask{pointer-events:none;background:linear-gradient(90deg,#08090bf5,#08090bd1,#08090b3d 52%,#08090b0a 74%,#08090b1f),linear-gradient(#08090b2e,#0000 24% 72%,#08090b42);transition:background .72s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.u-studio[data-theme=light] .u-molten-mask{background:linear-gradient(90deg,#f3f4f5fa,#f3f4f5e0,#f3f4f557 56%,#f3f4f514,#f3f4f529),linear-gradient(#fff3,#0000 24% 72%,#e8ecf23d)}.u-studio[data-theme=dark] .u-ambient{opacity:.42}.u-studio[data-theme=light] .u-ambient{opacity:.26}.u-header{z-index:30;grid-template-columns:1fr auto;align-items:center;gap:28px;height:86px;padding:0 clamp(42px,5.4vw,104px);display:grid;position:absolute;inset:0 0 auto}.u-logo{color:inherit;align-items:center;width:108px;text-decoration:none;display:inline-flex}.u-logo img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.u-header-controls{justify-self:end;align-items:center;gap:10px;display:inline-flex}.u-header-theme{flex:none}.u-theme-glass{border:1px solid var(--u-border);background:linear-gradient(180deg,#ffffff0b,#ffffff04),var(--u-button-bg);width:40px;height:40px;color:var(--u-fg);cursor:pointer;-webkit-backdrop-filter:blur(24px)saturate(135%);box-shadow:inset 0 1px #ffffff13,0 14px 42px var(--u-shadow);border-radius:13px;place-items:center;padding:4px;transition:transform .22s,border-color .22s,background .5s,box-shadow .5s;display:grid}.u-theme-glass:hover,.u-theme-glass:focus-visible{border-color:var(--u-border-strong);outline:none;transform:translateY(-1px)}.u-theme-icon-stack{border-radius:10px;place-items:center;width:28px;height:28px;display:grid;position:relative;overflow:hidden}.u-theme-icon-stack:before{content:"";border-radius:inherit;background:radial-gradient(circle at 34% 26%,#ffffffeb,#dbe1edb8 48%,#aebad261);transition:background .48s cubic-bezier(.22,1,.36,1),box-shadow .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;box-shadow:inset 0 1px #fffffff2,0 4px 15px #00000029}.u-theme-icon-stack svg{z-index:2;transition:opacity .34s,transform .48s cubic-bezier(.22,1,.36,1),color .4s;position:absolute}.u-theme-icon-moon{opacity:0;color:#141820;transform:rotate(-35deg)scale(.72)}.u-theme-icon-sun{opacity:1;color:#f7f8fb;transform:rotate(0)scale(1)}.u-studio[data-theme=dark] .u-theme-icon-stack:before{background:radial-gradient(circle at 35% 28%,#ffffff1f,#ffffff09 58%,#ffffff04);box-shadow:inset 0 1px #ffffff1f,0 4px 16px #0000003d}.u-studio[data-theme=light] .u-theme-glass{background:linear-gradient(180deg,#ffffffdb,#ffffff7a),var(--u-button-bg);box-shadow:inset 0 1px #fffffff5,0 14px 36px #4252711a}.u-studio[data-theme=light] .u-theme-icon-stack:before{background:radial-gradient(circle at 34% 26%,#fff,#e9edf4 48%,#cbd4e2);box-shadow:inset 0 1px #fff,0 4px 14px #424e6624}.u-studio[data-theme=light] .u-theme-icon-moon{opacity:1;color:#171b23;transform:rotate(0)scale(1)}.u-studio[data-theme=light] .u-theme-icon-sun{opacity:0;color:#171b23;transform:rotate(35deg)scale(.72)}.u-nav{border:1px solid var(--u-border);background:linear-gradient(180deg,#ffffff0b,#ffffff04),var(--u-button-bg);-webkit-backdrop-filter:blur(24px)saturate(135%);min-height:42px;box-shadow:inset 0 1px #ffffff13,0 14px 42px var(--u-shadow);border-radius:14px;justify-self:end;align-items:center;gap:2px;padding:4px;display:inline-flex}.u-studio[data-theme=light] .u-nav{background:linear-gradient(180deg,#ffffffd1,#ffffff73),var(--u-button-bg);box-shadow:inset 0 1px #fffffff5,0 14px 36px #4252711a}.u-nav button{cursor:pointer;letter-spacing:-.012em;min-height:32px;color:var(--u-muted);background:0 0;border:0;border-radius:10px;padding:0 14px;font-size:12px;font-weight:560;transition:color .2s,background .2s,transform .2s;position:relative}.u-nav button:hover,.u-nav button:focus-visible{color:var(--u-fg);background:#ffffff0d;outline:none;transform:translateY(-1px)}.u-studio[data-theme=light] .u-nav button:hover,.u-studio[data-theme=light] .u-nav button:focus-visible{background:#11151d0b}.u-mobile-menu-toggle,.u-mobile-menu{display:none}.u-main{z-index:3;grid-template-columns:minmax(450px,.86fr) minmax(680px,1.14fr);height:100%;display:grid;position:relative}.u-copy{z-index:5;align-self:center;padding-left:clamp(42px,5.4vw,104px);padding-right:clamp(20px,2.6vw,48px);animation:.8s cubic-bezier(.22,1,.36,1) both uHeroIn;position:relative;transform:translateY(2vh)}.u-eyebrow{letter-spacing:.18em;color:var(--u-muted-2);text-transform:uppercase;align-items:center;gap:12px;margin-bottom:clamp(28px,4vh,42px);font:10px IBM Plex Mono,monospace;display:inline-flex}.u-eyebrow i{background:var(--u-accent);width:16px;height:2px;box-shadow:0 0 14px var(--u-accent);opacity:.82;border-radius:99px}.u-copy h1{letter-spacing:-.018em;font-synthesis:none;text-transform:uppercase;text-wrap:wrap;overflow-wrap:normal;word-break:normal;max-width:900px;margin:0;font-family:Cabinet Grotesk,Manrope,system-ui,sans-serif;font-size:clamp(56px,5.45vw,108px);font-weight:300;line-height:.93}.u-copy h1 .u-no-break{white-space:nowrap}.u-studio[data-theme=light] .u-copy h1{font-weight:400}.u-services-line{color:var(--u-muted);letter-spacing:.015em;margin:clamp(26px,3.6vh,38px) 0 0;font-size:14px}.u-primary-action{border:1px solid var(--u-border-strong);background:var(--u-button-bg);min-width:216px;height:50px;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(16px)saturate(125%);box-shadow:inset 0 1px #ffffff0e,0 14px 40px var(--u-shadow);border-radius:13px;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding:0 17px;transition:transform .22s,border-color .22s,box-shadow .22s,background .5s;display:inline-flex}.u-primary-action:hover{border-color:color-mix(in srgb,var(--u-accent) 48%,var(--u-border-strong));box-shadow:inset 0 1px #ffffff14,0 18px 48px var(--u-shadow),0 0 30px var(--u-accent-soft);transform:translateY(-2px)}.u-visual{min-width:0;height:100%;position:relative;overflow:hidden}.u-matter{transform:translate3d(var(--dx),var(--dy),0) scale(1.025);transform-origin:55% 48%;color:var(--u-line);transition:transform .12s linear,opacity .72s,filter .72s;position:absolute;inset:0}.u-matter:before{content:"";opacity:.35;background-image:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--u-dot) 55%,transparent) 0 1px,transparent 1.4px),radial-gradient(circle at 68% 18%,color-mix(in srgb,var(--u-dot) 46%,transparent) 0 1px,transparent 1.4px),radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--u-dot) 42%,transparent) 0 1px,transparent 1.3px),radial-gradient(circle at 82% 70%,color-mix(in srgb,var(--u-dot) 34%,transparent) 0 1px,transparent 1.3px);background-size:240px 210px,310px 270px,270px 250px,380px 330px;transition:opacity .72s;position:absolute;inset:0}.u-studio[data-theme=light] .u-matter:before{opacity:.15}.u-matter svg{width:108%;height:108%;position:absolute;inset:-4%;overflow:visible}.u-matter-soft,.u-matter-lines,.u-matter-network{transform-origin:62% 51%;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .72s}.u-matter-soft{opacity:.2;animation:14s ease-in-out infinite alternate uMatterBreath}.u-matter-lines{stroke-width:1.05px;opacity:.88;animation:18s ease-in-out infinite alternate uMatterFlow}.u-matter-network{stroke-width:.72px;opacity:.72}.u-studio[data-theme=light] .u-matter-soft{opacity:.92;filter:drop-shadow(0 18px 28px #5f759e14)}.u-studio[data-theme=light] .u-matter-lines{stroke-width:.82px;opacity:.44}.u-studio[data-theme=light] .u-matter-network{opacity:.38}.u-core-dot{filter:drop-shadow(0 0 5px var(--u-core)) drop-shadow(0 0 18px var(--u-core-glow));animation:3.4s ease-in-out infinite uCorePulse}.u-matter-shade{pointer-events:none;background:radial-gradient(circle at 64% 48%,transparent 0 23%,#08090b0f 48%,#08090bc2 100%),linear-gradient(90deg,var(--u-bg) 0 2%,transparent 31% 100%);transition:background .72s,opacity .72s;position:absolute;inset:0}.u-studio[data-theme=light] .u-matter-shade{background:radial-gradient(circle at 67% 45%,#ffffff1a,transparent 33%,#f3f4f538 70%,#f3f4f57a),linear-gradient(90deg,var(--u-bg) 0 1%,transparent 24% 100%)}.u-studio[data-active-node=AI] .u-matter-lines,.u-studio[data-active-node=AI] .u-matter-soft{transform:rotate(-1.4deg)scale(1.018)}.u-studio[data-active-node=WEB] .u-matter-lines,.u-studio[data-active-node=WEB] .u-matter-soft{transform:rotate(1.3deg)translate(8px)scale(1.015)}.u-studio[data-active-node=BOTS] .u-matter-lines,.u-studio[data-active-node=BOTS] .u-matter-soft{transform:translateY(10px)scale(1.014)}.u-studio[data-active-node=AUTOMATION] .u-matter-lines,.u-studio[data-active-node=AUTOMATION] .u-matter-soft{transform:translate(12px)scale(1.019)}.u-node{z-index:8;min-width:164px;min-height:64px;color:inherit;cursor:pointer;text-align:left;opacity:.82;background:0 0;border:0;padding:10px 12px 10px 42px;transition:opacity .22s,transform .22s;position:absolute}.u-node:hover,.u-node:focus-visible{opacity:1;outline:none;transform:translateY(-2px)}.u-node-core{background:var(--u-core);border:1px solid color-mix(in srgb,var(--u-core) 72%,transparent);width:11px;height:11px;box-shadow:0 0 0 7px var(--u-accent-soft),0 0 25px color-mix(in srgb,var(--u-accent) 56%,transparent);border-radius:50%;transition:width .3s,height .3s,box-shadow .3s,background .72s;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.u-node:after{content:"";border-top:1px solid var(--u-border-strong);width:46px;transition:width .28s;position:absolute;top:50%;left:22px}.u-node:hover .u-node-core,.u-node:focus-visible .u-node-core{width:10px;height:10px;box-shadow:0 0 0 10px var(--u-accent-soft),0 0 34px color-mix(in srgb,var(--u-accent) 72%,transparent)}.u-node:hover:after,.u-node:focus-visible:after{width:48px}.u-node-label{z-index:2;display:block;position:relative}.u-node-label strong{letter-spacing:.12em;font:500 13px IBM Plex Mono,monospace;display:block}.u-node-label small{color:var(--u-muted-2);letter-spacing:.035em;margin-top:3px;font-size:10px;display:block}.u-node-ai{top:14%;left:39%}.u-node-web{top:28%;left:74%}.u-node-bots{top:60%;left:30%}.u-node-automation{top:69%;left:69%}.u-studio[data-theme=light] .u-node{opacity:.9}.u-studio[data-theme=light] .u-node-core{background:radial-gradient(circle at 34% 28%,#fff,#e8edf7 48%,#cdd8ea);width:18px;height:18px;left:5px;box-shadow:inset 0 1px #fff,0 0 0 7px #ffffff6b,0 12px 28px #4a5d841f}.u-studio[data-theme=light] .u-node:hover .u-node-core,.u-studio[data-theme=light] .u-node:focus-visible .u-node-core{width:18px;height:18px;box-shadow:inset 0 1px #fff,0 0 0 11px #7d9adb14,0 16px 32px #4a5d8426}.u-node-info{z-index:14;border:1px solid var(--u-border);background:var(--u-panel);-webkit-backdrop-filter:blur(30px)saturate(130%);width:min(320px,30vw);box-shadow:inset 0 1px #ffffff14,0 28px 80px var(--u-shadow);border-radius:18px;padding:22px 21px 19px;animation:.2s ease-out both uNodeInfoIn;position:absolute}.u-node-info:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff0b,#0000 40%);position:absolute;inset:1px}.u-node-info-kicker{letter-spacing:-.02em;font-size:16px;font-weight:620;display:block;position:relative}.u-node-info p{color:var(--u-muted);margin:10px 0 18px;font-size:13px;line-height:1.6;position:relative}.u-node-info button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:12px;display:inline-flex;position:relative}.u-node-info-ai{top:19%;left:45%}.u-node-info-web{top:34%;right:4%}.u-node-info-bots{top:53%;left:20%}.u-node-info-automation{top:58%;right:5%}.u-optical-lens{z-index:6;left:var(--mx);top:var(--my);pointer-events:none;opacity:.22;-webkit-backdrop-filter:blur(1.8px)saturate(115%);background:radial-gradient(circle at 30% 22%,#ffffff24,#0000 24%),#ffffff03;border:1px solid #ffffff2e;border-radius:999px;width:118px;height:78px;transition:opacity .5s,border-color .72s,background .72s;position:absolute;transform:translate(-50%,-50%)rotate(-9deg);box-shadow:inset 0 1px 1px #ffffff24,0 12px 36px #00000014}.u-studio[data-theme=light] .u-optical-lens{opacity:.48;background:radial-gradient(circle at 30% 22%,#ffffffc7,#0000 26%),#ffffff2e;border-color:#677fb12e;box-shadow:inset 0 1px 1px #fffffff0,0 14px 38px #44557614}.u-panel-backdrop{z-index:60;background:color-mix(in srgb,var(--u-bg) 58%,transparent);-webkit-backdrop-filter:blur(14px)saturate(90%);cursor:default;border:0;padding:0;animation:.22s ease-out both uBackdropIn;position:absolute;inset:0}.u-panel{z-index:70;border:1px solid var(--u-border);background:var(--u-panel-solid);width:min(650px,47vw);color:var(--u-fg);box-shadow:inset 0 1px #ffffff12,0 36px 120px var(--u-shadow);-webkit-backdrop-filter:blur(40px)saturate(125%);border-radius:24px;animation:.34s cubic-bezier(.22,1,.36,1) both uPanelIn;position:absolute;top:clamp(22px,2.2vw,38px);bottom:clamp(18px,2.2vw,34px);right:clamp(22px,3.2vw,60px);overflow:auto}.u-studio[data-theme=light] .u-panel{box-shadow:inset 0 1px #fffffff5,0 32px 90px #42527124}.u-panel-close{z-index:3;float:right;border:1px solid var(--u-border);background:var(--u-button-bg);width:36px;height:36px;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50%;place-items:center;margin:16px 16px 0 0;display:grid;position:sticky;top:16px}.u-panel-content{clear:none;padding:clamp(28px,3.4vw,48px) clamp(42px,5vw,72px) clamp(42px,5vw,72px)}.u-panel-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--u-fg);opacity:.72;font:500 10px IBM Plex Mono,monospace}.u-panel-content h2{letter-spacing:-.025em;font-synthesis:none;margin:16px 0 30px;font-family:Cabinet Grotesk,Manrope,system-ui,sans-serif;font-size:clamp(44px,4.6vw,74px);font-weight:400;line-height:.94}.u-service-list,.u-project-list{border-top:1px solid var(--u-border)}.u-service-row{border:0;border-bottom:1px solid var(--u-border);width:100%;min-height:88px;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:42px 145px 1fr 22px;align-items:center;gap:18px;display:grid}.u-service-row>span,.u-project-row>span{color:var(--u-fg);opacity:.58;font:9px IBM Plex Mono,monospace}.u-service-row strong,.u-project-row strong{font-size:15px;font-weight:610}.u-service-row p,.u-project-row p{color:var(--u-fg);opacity:.62;margin:0;font-size:13px;line-height:1.55}.u-service-row svg,.u-project-row svg{color:var(--u-muted);transition:transform .2s,color .2s}.u-service-row:hover svg{color:var(--u-fg);transform:translate(2px,-2px)}.u-panel-cta{border:1px solid var(--u-border-strong);min-width:208px;height:48px;color:inherit;cursor:pointer;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:0 15px;display:inline-flex}.u-project-row{border-bottom:1px solid var(--u-border);grid-template-columns:38px minmax(220px,1fr) auto 22px;align-items:center;gap:18px;min-height:104px;display:grid}.u-project-row div p{margin-top:5px}.u-project-row em{letter-spacing:.07em;color:var(--u-fg);opacity:.58;font:9px IBM Plex Mono,monospace}.u-about>p{max-width:520px;color:var(--u-fg);opacity:.68;margin:0;font-size:16px;line-height:1.7}.u-about-axis{border-top:1px solid var(--u-border);grid-template-columns:repeat(2,1fr);gap:24px;margin-top:46px;padding-top:22px;display:grid}.u-about-axis span{color:var(--u-fg);opacity:.68;font-size:12px}.u-about-axis strong{color:var(--u-fg);letter-spacing:.08em;margin-bottom:6px;font:12px IBM Plex Mono,monospace;display:block}.u-contact>div>p{max-width:450px;color:var(--u-fg);opacity:.68;font-size:15px;line-height:1.65}.u-contact form{gap:14px;margin-top:36px;display:grid}.u-contact label{gap:7px;display:grid}.u-contact label>span{letter-spacing:.1em;color:var(--u-fg);text-transform:uppercase;opacity:.82;font:500 10px IBM Plex Mono,monospace}.u-contact input,.u-contact textarea{border:1px solid var(--u-border);width:100%;color:inherit;resize:vertical;background:0 0;border-radius:11px;outline:none;padding:14px 15px;font-size:15px;transition:border-color .2s,background .2s}.u-contact input:focus,.u-contact textarea:focus{border-color:var(--u-border-strong);background:var(--u-button-bg)}.u-contact input::placeholder,.u-contact textarea::placeholder{color:var(--u-fg);opacity:.46}.u-contact form>button,.u-success button{border:1px solid var(--u-border-strong);background:var(--u-fg);height:48px;color:var(--u-bg);cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;padding:0 15px;display:inline-flex}.u-success{flex-direction:column;justify-content:center;min-height:440px;display:flex}.u-success>svg{color:var(--u-accent);margin-bottom:18px}.u-success h2{margin-bottom:18px}.u-success p{max-width:440px;color:var(--u-fg);opacity:.68;margin:0;font-size:15px;line-height:1.65}.u-success button{align-self:flex-start;gap:22px;min-width:160px;margin-top:26px}@keyframes uHeroIn{0%{opacity:0;transform:translateY(calc(2vh + 18px))}to{opacity:1;transform:translateY(2vh)}}@keyframes uHeroInMobile{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes uNodeInfoIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes uBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes uPanelIn{0%{opacity:0;transform:translate(34px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes uMatterBreath{0%{transform:rotate(-.35deg)translateY(-4px)scale(1)}to{transform:rotate(.7deg)translateY(5px)scale(1.01)}}@keyframes uMatterFlow{0%{transform:rotate(-.25deg)translate(-3px)}to{transform:rotate(.85deg)translate(5px)}}@keyframes uCorePulse{0%,to{opacity:.68;transform:scale(.92)}50%{opacity:1;transform:scale(1.22)}}@media(max-width:1180px){.u-main{grid-template-columns:minmax(390px,.9fr) minmax(560px,1.1fr)}.u-copy h1{font-size:clamp(54px,5.6vw,82px)}.u-nav button{padding-inline:12px}.u-node-info{width:min(286px,31vw)}}@media(max-width:880px){.u-studio{height:100svh;min-height:100svh;overflow:hidden}.u-header{grid-template-columns:1fr auto;gap:14px;height:72px;padding:0 22px}.u-header-controls{gap:8px}.u-nav{display:none}.u-mobile-menu-toggle{border:1px solid var(--u-border);background:linear-gradient(180deg,#ffffff0b,#ffffff04),var(--u-button-bg);width:40px;height:40px;color:var(--u-fg);cursor:pointer;-webkit-backdrop-filter:blur(22px)saturate(135%);box-shadow:inset 0 1px #ffffff13,0 12px 34px var(--u-shadow);border-radius:13px;place-items:center;display:grid}.u-studio[data-theme=light] .u-mobile-menu-toggle{background:linear-gradient(180deg,#ffffffd1,#ffffff7a),var(--u-button-bg);box-shadow:inset 0 1px #fffffff5,0 12px 30px #4252711a}.u-header-theme{border-radius:13px;width:40px;height:40px}.u-header-theme .u-theme-icon-stack{border-radius:9px;width:28px;height:28px}.u-main{height:100%;min-height:0;display:block}.u-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:94px 22px 96px;animation-name:uHeroInMobile;display:flex;position:absolute;inset:0;transform:none}.u-eyebrow{margin-bottom:20px}.u-copy h1{max-width:760px;font-size:clamp(46px,11.6vw,72px)}.u-services-line{margin-top:20px}.u-primary-action{margin-top:22px}.u-visual{display:none}.u-mobile-menu{z-index:90;background:color-mix(in srgb,var(--u-bg) 54%,transparent);-webkit-backdrop-filter:blur(24px)saturate(95%);place-items:stretch stretch;padding:10px;animation:.22s ease-out both uBackdropIn;display:grid;position:fixed;inset:0}.u-mobile-menu-shell{border:1px solid var(--u-border);background:linear-gradient(155deg,#ffffff0e,transparent 34%),var(--u-panel-solid);height:100%;min-height:0;box-shadow:inset 0 1px #ffffff13,0 34px 110px var(--u-shadow);border-radius:24px;grid-template-rows:auto 1fr;padding:18px;display:grid;overflow:hidden}.u-studio[data-theme=light] .u-mobile-menu-shell{background:linear-gradient(155deg,#ffffffe6,#ffffff85 36%,transparent 62%),var(--u-panel-solid);box-shadow:inset 0 1px #fffffffa,0 28px 90px #42527121}.u-mobile-menu-top{color:var(--u-muted-2);letter-spacing:.16em;justify-content:space-between;align-items:center;font:8px IBM Plex Mono,monospace;display:flex}.u-mobile-menu-close{border:1px solid var(--u-border);background:var(--u-button-bg);width:38px;height:38px;color:var(--u-fg);cursor:pointer;border-radius:50%;place-items:center;display:grid}.u-mobile-menu-links{border-top:1px solid var(--u-border);align-self:center}.u-mobile-menu-links>button{border:0;border-bottom:1px solid var(--u-border);width:100%;min-height:104px;color:var(--u-fg);text-align:left;cursor:pointer;background:0 0;grid-template-rows:auto auto;grid-template-columns:34px 1fr auto;align-items:center;column-gap:12px;padding:18px 4px;display:grid}.u-mobile-menu-links>button>span{color:var(--u-muted-2);letter-spacing:.12em;grid-row:1/3;align-self:start;padding-top:8px;font:8px IBM Plex Mono,monospace}.u-mobile-menu-links strong{letter-spacing:-.025em;font-family:Cabinet Grotesk,Manrope,system-ui,sans-serif;font-size:clamp(34px,9vw,48px);font-weight:400;line-height:.9}.u-mobile-menu-links small{color:var(--u-muted);letter-spacing:.015em;font-size:10px}.u-mobile-menu-links svg{color:var(--u-muted);grid-area:1/3/3}.u-panel{border-radius:24px;width:auto;max-height:min(86svh,760px);position:fixed;inset:auto 10px 10px}.u-panel-content{padding:28px 24px}.u-service-row{grid-template-columns:30px 116px 1fr 18px;gap:10px}.u-project-row{grid-template-columns:30px 1fr 18px}.u-project-row em{display:none}}@media(max-width:560px){.u-header{padding-inline:18px}.u-logo{width:92px}.u-copy{padding:88px 18px}.u-copy h1{letter-spacing:-.012em;max-width:440px;font-size:clamp(40px,11vw,54px);line-height:.95}.u-eyebrow{margin-bottom:18px;font-size:7px}.u-services-line{margin-top:18px;font-size:12px}.u-primary-action{min-width:200px;height:46px;margin-top:20px}.u-mobile-menu{padding:7px}.u-mobile-menu-shell{border-radius:21px;padding:16px}.u-mobile-menu-links>button{min-height:92px}.u-mobile-menu-links strong{font-size:clamp(32px,8.6vw,42px)}.u-panel-content h2{font-size:40px}.u-service-row{grid-template-columns:26px 92px 1fr;min-height:100px}.u-service-row>svg{display:none}.u-service-row p{font-size:12px}.u-about-axis{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.u-copy,.u-mobile-menu,.u-node-info,.u-panel-backdrop,.u-panel,.u-matter,.u-matter-soft,.u-matter-lines,.u-core-dot,.u-primary-action,.u-node{transition-duration:.01ms!important;animation:none!important}.u-optical-lens{display:none}}

/* DOSS server-only mobile parity patch — 2026-09-11 */
@media (max-width: 880px) {
  .u-studio {
    height: 100svh !important;
    min-height: 100svh !important;
    overflow: hidden !important;
  }

  .u-header {
    z-index: 120 !important;
    height: 76px !important;
    padding: 0 16px !important;
    gap: 12px !important;
  }

  .u-logo {
    width: 96px !important;
  }

  .u-header-controls {
    gap: 8px !important;
  }

  .u-mobile-menu-toggle,
  .u-header-theme {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    border-color: var(--u-border-strong) !important;
  }

  .u-mobile-menu-toggle {
    position: relative !important;
    display: grid !important;
  }
  .u-mobile-menu-toggle svg {
    display: none !important;
  }

  .u-mobile-menu-toggle::before,
  .u-mobile-menu-toggle::after {
    content: "" !important;
    width: 17px !important;
    height: 1.5px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    position: absolute !important;
    left: 13px !important;
    transition: transform .2s ease, opacity .2s ease !important;
  }

  .u-mobile-menu-toggle::before {
    top: 17px !important;
    box-shadow: 0 5px 0 currentColor !important;
  }

  .u-mobile-menu-toggle::after {
    top: 27px !important;
  }

  .u-header-theme .u-theme-icon-stack {
    width: 22px !important;
    height: 22px !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  .u-header-theme .u-theme-icon-stack::before {
    display: none !important;
  }

  .u-header-theme .u-theme-icon-stack svg {
    width: 18px !important;
    height: 18px !important;
  }
  .u-main {
    display: block !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  .u-copy {
    z-index: 8 !important;
    justify-content: center !important;
    padding: 86px 18px 300px !important;
    pointer-events: none !important;
  }

  .u-copy > * {
    pointer-events: auto !important;
  }

  .u-copy h1 {
    max-width: 440px !important;
    font-size: clamp(40px, 11vw, 54px) !important;
    line-height: .95 !important;
  }

  .u-services-line {
    margin-top: 18px !important;
    font-size: 12px !important;
  }

  .u-primary-action {
    min-width: 204px !important;
    height: 48px !important;
    margin-top: 20px !important;
  }

  .u-visual {
    z-index: 9 !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }
  .u-visual::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 18px !important;
    height: 286px !important;
    opacity: .62 !important;
    pointer-events: none !important;
    background:
      linear-gradient(153deg, transparent 49.75%, var(--u-net) 49.9%, var(--u-net) 50.1%, transparent 50.25%),
      linear-gradient(28deg, transparent 49.75%, var(--u-net) 49.9%, var(--u-net) 50.1%, transparent 50.25%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 88%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 88%, transparent 100%) !important;
  }

  .u-node {
    min-width: 132px !important;
    min-height: 48px !important;
    padding: 8px 8px 8px 34px !important;
    pointer-events: auto !important;
    opacity: .92 !important;
  }

  .u-node-core {
    left: 7px !important;
    width: 10px !important;
    height: 10px !important;
  }

  .u-node::after {
    left: 18px !important;
    width: 28px !important;
  }

  .u-node-label strong {
    font-size: 11px !important;
  }

  .u-node-label small {
    margin-top: 2px !important;
    font-size: 9px !important;
  }
  .u-node-ai {
    top: auto !important;
    left: 18px !important;
    right: auto !important;
    bottom: 238px !important;
  }

  .u-node-web {
    top: auto !important;
    left: auto !important;
    right: 12px !important;
    bottom: 190px !important;
  }

  .u-node-bots {
    top: auto !important;
    left: 52px !important;
    right: auto !important;
    bottom: 108px !important;
  }

  .u-node-automation {
    top: auto !important;
    left: auto !important;
    right: 8px !important;
    bottom: 46px !important;
    min-width: 158px !important;
  }

  .u-node-info {
    display: none !important;
  }

  .u-studio[data-theme="light"] .u-node-core {
    left: 5px !important;
    width: 16px !important;
    height: 16px !important;
    box-shadow: inset 0 1px #fff, 0 0 0 5px #ffffff5e, 0 10px 26px #4a5d841f !important;
  }

  .u-studio[data-theme="light"] .u-node::after {
    left: 20px !important;
  }
  .u-mobile-menu,
  .u-panel-backdrop {
    position: fixed !important;
    inset: 0 !important;
  }

  .u-mobile-menu {
    z-index: 140 !important;
    padding: 7px !important;
    background: color-mix(in srgb, var(--u-bg) 62%, transparent) !important;
  }

  .u-mobile-menu-shell,
  .u-panel {
    border: 1px solid var(--u-border) !important;
    background: linear-gradient(155deg, #ffffff0e, transparent 34%), var(--u-panel-solid) !important;
    box-shadow: inset 0 1px #ffffff13, 0 34px 110px var(--u-shadow) !important;
    -webkit-backdrop-filter: blur(34px) saturate(120%) !important;
    backdrop-filter: blur(34px) saturate(120%) !important;
  }

  .u-mobile-menu-shell {
    border-radius: 21px !important;
    padding: 16px 18px 18px !important;
  }

  .u-panel-backdrop {
    z-index: 129 !important;
    background: color-mix(in srgb, var(--u-bg) 64%, transparent) !important;
  }

  .u-panel {
    z-index: 130 !important;
    width: auto !important;
    max-height: none !important;
    border-radius: 21px !important;
    position: fixed !important;
    inset: 7px !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
  }
  .u-mobile-menu-close,
  .u-panel-close {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    border-color: var(--u-border-strong) !important;
    background: var(--u-button-bg) !important;
  }

  .u-panel-close {
    margin: 14px 14px 0 0 !important;
    top: 14px !important;
  }

  .u-panel-content {
    padding: 72px 18px 30px !important;
  }

  .u-panel-content h2 {
    margin: 12px 0 26px !important;
    font-size: clamp(38px, 11vw, 52px) !important;
    line-height: .94 !important;
  }

  .u-mobile-menu-links > button {
    min-height: 96px !important;
    padding-inline: 4px !important;
  }

  .u-mobile-menu-links strong {
    font-size: clamp(32px, 8.8vw, 42px) !important;
  }

  .u-panel-cta {
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
  }

  .u-studio[data-theme="light"] .u-mobile-menu-shell,
  .u-studio[data-theme="light"] .u-panel {
    background: linear-gradient(155deg, #ffffffe6, #ffffff85 36%, transparent 62%), var(--u-panel-solid) !important;
    box-shadow: inset 0 1px #fffffff5, 0 28px 90px #42527121 !important;
  }
}
@media (max-width: 880px) and (max-height: 720px) {
  .u-copy {
    padding: 76px 16px 232px !important;
  }

  .u-copy h1 {
    font-size: clamp(34px, 9.8vw, 44px) !important;
  }

  .u-eyebrow {
    margin-bottom: 13px !important;
  }

  .u-services-line {
    margin-top: 12px !important;
  }

  .u-primary-action {
    height: 44px !important;
    margin-top: 14px !important;
  }

  .u-visual::before {
    height: 220px !important;
  }

  .u-node {
    min-height: 42px !important;
  }

  .u-node-ai { bottom: 182px; }
  .u-node-web { bottom: 140px; }
  .u-node-bots { bottom: 76px; }
  .u-node-automation { bottom: 22px; }
}

@media (max-width: 370px) {
  .u-header { padding-inline: 13px; }
  .u-logo { width: 88px; }
  .u-copy { padding-inline: 15px; }
  .u-node-ai { left: 12px; }
  .u-node-web { right: 4px; }
  .u-node-bots { left: 30px; }
  .u-node-automation { right: 2px; }
}

/* DOSS mobile service pills v5 — replaces network points only */
@media (max-width: 880px) {
  .u-visual {
    z-index: 24 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-rows: clamp(56px, 7.6svh, 64px) !important;
    gap: clamp(7px, 1svh, 10px) !important;
    width: min(calc(100% - 24px), 560px) !important;
    height: auto !important;
    inset: auto 12px 12px auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  .u-visual::before {
    content: none !important;
    display: none !important;
  }

  .u-matter,
  .u-optical-lens,
  .u-node-info {
    display: none !important;
  }

  .u-node {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 54px 0 72px !important;
    border: 1px solid color-mix(in srgb, var(--u-border-strong) 78%, #8fa7ff 22%) !important;
    border-radius: 20px !important;
    background:
      radial-gradient(circle at 10% 5%, rgba(143,167,255,.12), transparent 38%),
      linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)),
      rgba(10,13,19,.56) !important;
    -webkit-backdrop-filter: blur(22px) saturate(125%) !important;
    backdrop-filter: blur(22px) saturate(125%) !important;
    box-shadow:
      inset 0 1px rgba(255,255,255,.075),
      inset 0 -1px rgba(130,153,210,.05),
      0 10px 28px rgba(0,0,0,.18) !important;
    transform: none !important;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
  }

  .u-node-ai { order: 1 !important; }
  .u-node-web { order: 2 !important; }
  .u-node-bots { order: 3 !important; }
  .u-node-automation { order: 4 !important; }

  .u-node:hover,
  .u-node:focus-visible {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
    border-color: color-mix(in srgb, var(--u-accent) 48%, var(--u-border-strong)) !important;
    box-shadow:
      inset 0 1px rgba(255,255,255,.10),
      0 14px 34px rgba(0,0,0,.22),
      0 0 26px rgba(112,137,255,.07) !important;
  }

  .u-node:active {
    transform: scale(.992) !important;
  }

  .u-node-core,
  .u-studio[data-theme="light"] .u-node-core {
    top: 50% !important;
    left: 11px !important;
    width: 46px !important;
    height: 46px !important;
    border: 1px solid rgba(151,177,255,.30) !important;
    border-radius: 15px !important;
    background:
      linear-gradient(145deg, rgba(150,174,255,.13), rgba(255,255,255,.025)),
      rgba(16,21,30,.72) !important;
    box-shadow:
      inset 0 1px rgba(255,255,255,.10),
      0 8px 22px rgba(0,0,0,.22),
      0 0 18px rgba(121,150,255,.08) !important;
    transform: translateY(-50%) !important;
  }

  .u-node-core::after {
    content: "" !important;
    position: absolute !important;
    inset: 10px !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    opacity: .92 !important;
  }

  .u-node-ai .u-node-core::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dce6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 4.5A3 3 0 0 0 5 7a3.2 3.2 0 0 0 .5 5.9A3.4 3.4 0 0 0 9 18.5c1.2 0 2.2-.5 3-1.3V6.8A3.3 3.3 0 0 0 9.5 4.5Z'/%3E%3Cpath d='M14.5 4.5A3 3 0 0 1 19 7a3.2 3.2 0 0 1-.5 5.9 3.4 3.4 0 0 1-3.5 5.6c-1.2 0-2.2-.5-3-1.3V6.8a3.3 3.3 0 0 1 2.5-2.3Z'/%3E%3Cpath d='M8 8.5c1.4.1 2.4.7 4 2M16 8.5c-1.4.1-2.4.7-4 2M8 14.5c1.4-.1 2.4-.7 4-2M16 14.5c-1.4-.1-2.4-.7-4-2'/%3E%3C/svg%3E") !important;
  }

  .u-node-web .u-node-core::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dce6ff' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.8 12h16.4M12 3.5c2.1 2.3 3.2 5.2 3.2 8.5S14.1 18.2 12 20.5M12 3.5C9.9 5.8 8.8 8.7 8.8 12s1.1 6.2 3.2 8.5'/%3E%3C/svg%3E") !important;
  }

  .u-node-bots .u-node-core::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dce6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.5h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-8l-4.8 3v-3H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 11h.01M12 11h.01M16 11h.01'/%3E%3C/svg%3E") !important;
  }

  .u-node-automation .u-node-core::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dce6ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 12a7.3 7.3 0 0 0-.1-1l2-1.5-2-3.4-2.4 1a7.8 7.8 0 0 0-1.8-1L14.4 3h-4.8l-.4 3.1a7.8 7.8 0 0 0-1.8 1l-2.4-1-2 3.4L5 11a7.3 7.3 0 0 0 0 2l-2 1.5 2 3.4 2.4-1a7.8 7.8 0 0 0 1.8 1l.4 3.1h4.8l.4-3.1a7.8 7.8 0 0 0 1.8-1l2.4 1 2-3.4-2-1.5c.1-.3.1-.7.1-1Z'/%3E%3C/svg%3E") !important;
  }

  .u-node::after,
  .u-studio[data-theme="light"] .u-node::after {
    content: "↗" !important;
    top: 50% !important;
    right: 17px !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    color: rgba(238,243,255,.88) !important;
    font: 300 22px/1 Manrope, system-ui, sans-serif !important;
    transform: translateY(-52%) !important;
    opacity: .9 !important;
  }

  .u-node-label {
    display: block !important;
    text-align: left !important;
  }

  .u-node-label strong {
    color: var(--u-fg) !important;
    letter-spacing: .075em !important;
    font: 500 clamp(12px, 3.2vw, 14px)/1.1 "IBM Plex Mono", monospace !important;
  }

  .u-node-label small {
    color: var(--u-muted) !important;
    letter-spacing: .01em !important;
    margin-top: 4px !important;
    font-size: clamp(9px, 2.5vw, 11px) !important;
  }

  .u-node-ai {
    border-color: color-mix(in srgb, var(--u-accent) 38%, var(--u-border-strong)) !important;
    background:
      radial-gradient(circle at 8% 10%, rgba(117,145,255,.15), transparent 38%),
      linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028)),
      rgba(10,13,19,.60) !important;
  }

  .u-studio[data-theme="light"] .u-node {
    background:
      radial-gradient(circle at 10% 5%, rgba(82,118,232,.08), transparent 38%),
      linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.62)),
      rgba(244,247,252,.70) !important;
    border-color: rgba(65,83,119,.18) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.95), 0 12px 28px rgba(58,75,108,.10) !important;
  }

  .u-studio[data-theme="light"] .u-node-core {
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(229,236,248,.88)) !important;
    border-color: rgba(68,91,140,.18) !important;
    box-shadow: inset 0 1px #fff, 0 8px 22px rgba(57,75,110,.10) !important;
  }
}

@media (max-width: 880px) and (max-height: 640px) {
  .u-visual {
    grid-auto-rows: 48px !important;
    gap: 6px !important;
    bottom: 8px !important;
  }

  .u-node {
    border-radius: 16px !important;
    padding-left: 60px !important;
    padding-right: 44px !important;
  }

  .u-node-core,
  .u-studio[data-theme="light"] .u-node-core {
    width: 36px !important;
    height: 36px !important;
    left: 9px !important;
    border-radius: 12px !important;
  }

  .u-node-core::after {
    inset: 8px !important;
  }

  .u-node::after,
  .u-studio[data-theme="light"] .u-node::after {
    right: 14px !important;
    font-size: 19px !important;
  }

  .u-node-label strong {
    font-size: 11px !important;
  }

  .u-node-label small {
    margin-top: 2px !important;
    font-size: 8px !important;
  }
}

/* DOSS v6: mobile bottom glass dock only */
@media (max-width: 880px) {
  .u-visual {
    z-index: 125 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 2px !important;
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    top: auto !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: 108px !important;
    padding: 9px 6px 8px !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    border: 1px solid rgba(154,174,220,.24) !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, rgba(30,38,53,.78), rgba(13,18,27,.72)) !important;
    -webkit-backdrop-filter: blur(28px) saturate(145%) !important;
    backdrop-filter: blur(28px) saturate(145%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.10), 0 16px 48px rgba(0,0,0,.30) !important;
  }

  .u-visual::before, .u-matter, .u-optical-lens, .u-node-info {
    display: none !important;
  }

  .u-node {
    position: relative !important;
    inset: auto !important;
    order: initial !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 4px 1px 2px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
  }

  .u-node:hover, .u-node:focus-visible {
    background: rgba(255,255,255,.035) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .u-node-core, .u-studio[data-theme="light"] .u-node-core {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto 6px !important;
    border: 1px solid rgba(158,180,235,.24) !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg, rgba(124,149,222,.12), rgba(255,255,255,.025)), rgba(18,24,34,.74) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 8px 20px rgba(0,0,0,.18) !important;
    transform: none !important;
  }

  .u-node-ai .u-node-core {
    border-color: rgba(112,145,255,.46) !important;
    background: radial-gradient(circle at 50% 45%, rgba(101,132,255,.22), rgba(18,24,34,.78) 70%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.11), 0 0 24px rgba(88,122,255,.12) !important;
  }

  .u-node::after, .u-studio[data-theme="light"] .u-node::after {
    content: none !important;
    display: none !important;
  }

  .u-node-label {
    width: 100% !important;
    text-align: center !important;
  }

  .u-node-label strong {
    display: block !important;
    color: var(--u-fg) !important;
    letter-spacing: .055em !important;
    font: 500 clamp(8px, 2.35vw, 10px)/1.05 "IBM Plex Mono", monospace !important;
    white-space: nowrap !important;
  }

  .u-node-label small {
    display: block !important;
    margin-top: 3px !important;
    color: var(--u-muted) !important;
    letter-spacing: 0 !important;
    font-size: clamp(7px, 1.95vw, 9px) !important;
    white-space: nowrap !important;
  }

  .u-studio[data-theme="light"] .u-visual {
    border-color: rgba(67,87,126,.18) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(236,241,249,.70)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.92), 0 16px 42px rgba(55,72,106,.14) !important;
  }

  .u-studio[data-theme="light"] .u-node-core::after {
    filter: brightness(0) saturate(100%) opacity(.68) !important;
  }
}

@media (max-width: 880px) and (max-height: 640px) {
  .u-visual {
    height: 92px !important;
    padding-block: 7px !important;
    border-radius: 24px !important;
  }

  .u-node-core, .u-studio[data-theme="light"] .u-node-core {
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 4px !important;
    border-radius: 13px !important;
  }

  .u-node-label small {
    display: none !important;
  }
}

/* DOSS v7: dock visually matches primary CTA */
@media (max-width: 880px) {
  .u-visual {
    height: 102px !important;
    padding: 10px 8px 8px !important;
    gap: 0 !important;
    border: 1px solid var(--u-border-strong) !important;
    border-radius: 24px !important;
    background: var(--u-button-bg) !important;
    -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
    backdrop-filter: blur(16px) saturate(125%) !important;
    box-shadow: inset 0 1px #ffffff0e, 0 14px 40px var(--u-shadow) !important;
  }

  .u-node {
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 4px 2px 2px !important;
    gap: 0 !important;
  }

  .u-node:hover,
  .u-node:focus-visible {
    background: rgba(255,255,255,.035) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .u-node-core,
  .u-studio[data-theme="light"] .u-node-core {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 auto 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 25px 25px !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .u-node-core::after {
    content: none !important;
    display: none !important;
  }

  .u-node-ai .u-node-core {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1f0ec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 4.5A3 3 0 0 0 5 7a3.2 3.2 0 0 0 .5 5.9A3.4 3.4 0 0 0 9 18.5c1.2 0 2.2-.5 3-1.3V6.8A3.3 3.3 0 0 0 9.5 4.5Z'/%3E%3Cpath d='M14.5 4.5A3 3 0 0 1 19 7a3.2 3.2 0 0 1-.5 5.9 3.4 3.4 0 0 1-3.5 5.6c-1.2 0-2.2-.5-3-1.3V6.8a3.3 3.3 0 0 1 2.5-2.3Z'/%3E%3Cpath d='M8 8.5c1.4.1 2.4.7 4 2M16 8.5c-1.4.1-2.4.7-4 2M8 14.5c1.4-.1 2.4-.7 4-2M16 14.5c-1.4-.1-2.4-.7-4-2'/%3E%3C/svg%3E") !important;
  }

  .u-node-web .u-node-core {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1f0ec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.8 12h16.4M12 3.5c2.1 2.3 3.2 5.2 3.2 8.5S14.1 18.2 12 20.5M12 3.5C9.9 5.8 8.8 8.7 8.8 12s1.1 6.2 3.2 8.5'/%3E%3C/svg%3E") !important;
  }

  .u-node-bots .u-node-core {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1f0ec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.5h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-8l-4.8 3v-3H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 11h.01M12 11h.01M16 11h.01'/%3E%3C/svg%3E") !important;
  }

  .u-node-automation .u-node-core {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1f0ec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 12a7.3 7.3 0 0 0-.1-1l2-1.5-2-3.4-2.4 1a7.8 7.8 0 0 0-1.8-1L14.4 3h-4.8l-.4 3.1a7.8 7.8 0 0 0-1.8 1l-2.4-1-2 3.4L5 11a7.3 7.3 0 0 0 0 2l-2 1.5 2 3.4 2.4-1a7.8 7.8 0 0 0 1.8 1l.4 3.1h4.8l.4-3.1a7.8 7.8 0 0 0 1.8-1l2.4 1 2-3.4-2-1.5c.1-.3.1-.7.1-1Z'/%3E%3C/svg%3E") !important;
  }

  .u-node-ai { order: 1 !important; }
  .u-node-web { order: 2 !important; }
  .u-node-bots { order: 3 !important; }
  .u-node-automation { order: 4 !important; }

  .u-node-label {
    width: 100% !important;
    text-align: center !important;
  }

  .u-node-label strong {
    display: block !important;
    color: var(--u-fg) !important;
    letter-spacing: .035em !important;
    font: 500 13px/1.05 "IBM Plex Mono", monospace !important;
    white-space: nowrap !important;
  }

  .u-node-label small {
    display: block !important;
    margin-top: 4px !important;
    color: var(--u-muted) !important;
    letter-spacing: 0 !important;
    font-size: 9.5px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .u-studio[data-theme="light"] .u-node-core {
    filter: brightness(0) saturate(100%) opacity(.72) !important;
  }

  .u-studio[data-theme="light"] .u-visual {
    border-color: var(--u-border-strong) !important;
    background: var(--u-button-bg) !important;
    box-shadow: inset 0 1px #ffffff99, 0 14px 40px var(--u-shadow) !important;
  }
}

@media (max-width: 350px) {
  .u-node-label strong {
    font-size: 11.5px !important;
    letter-spacing: .02em !important;
  }

  .u-node-label small {
    font-size: 8.5px !important;
  }

  .u-node-core,
  .u-studio[data-theme="light"] .u-node-core {
    width: 25px !important;
    height: 25px !important;
    background-size: 23px 23px !important;
  }
}

/* v7 icon size hardening: override old service-specific background shorthand */
@media (max-width: 880px) {
  .u-node-ai .u-node-core,
  .u-node-web .u-node-core,
  .u-node-bots .u-node-core,
  .u-node-automation .u-node-core {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    flex: 0 0 28px !important;
    margin: 0 auto 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 25px 25px !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .u-studio[data-theme="light"] .u-node-ai .u-node-core,
  .u-studio[data-theme="light"] .u-node-web .u-node-core,
  .u-studio[data-theme="light"] .u-node-bots .u-node-core,
  .u-studio[data-theme="light"] .u-node-automation .u-node-core {
    filter: brightness(0) saturate(100%) opacity(.72) !important;
  }
}

/* v7c: deterministic 24px icons via masks */
@media (max-width: 880px) {
  .u-node-ai .u-node-core,
  .u-node-web .u-node-core,
  .u-node-bots .u-node-core,
  .u-node-automation .u-node-core,
  .u-studio[data-theme="light"] .u-node-ai .u-node-core,
  .u-studio[data-theme="light"] .u-node-web .u-node-core,
  .u-studio[data-theme="light"] .u-node-bots .u-node-core,
  .u-studio[data-theme="light"] .u-node-automation .u-node-core {
    background: transparent !important;
    filter: none !important;
  }

  .u-node-core::before {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: 2px !important;
    width: 24px !important;
    height: 24px !important;
    background: var(--u-fg) !important;
    opacity: .92 !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 24px 24px !important;
    mask-size: 24px 24px !important;
  }

  .u-node-ai .u-node-core::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 4.5A3 3 0 0 0 5 7a3.2 3.2 0 0 0 .5 5.9A3.4 3.4 0 0 0 9 18.5c1.2 0 2.2-.5 3-1.3V6.8A3.3 3.3 0 0 0 9.5 4.5Z'/%3E%3Cpath d='M14.5 4.5A3 3 0 0 1 19 7a3.2 3.2 0 0 1-.5 5.9 3.4 3.4 0 0 1-3.5 5.6c-1.2 0-2.2-.5-3-1.3V6.8a3.3 3.3 0 0 1 2.5-2.3Z'/%3E%3Cpath d='M8 8.5c1.4.1 2.4.7 4 2M16 8.5c-1.4.1-2.4.7-4 2M8 14.5c1.4-.1 2.4-.7 4-2M16 14.5c-1.4-.1-2.4-.7-4-2'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 4.5A3 3 0 0 0 5 7a3.2 3.2 0 0 0 .5 5.9A3.4 3.4 0 0 0 9 18.5c1.2 0 2.2-.5 3-1.3V6.8A3.3 3.3 0 0 0 9.5 4.5Z'/%3E%3Cpath d='M14.5 4.5A3 3 0 0 1 19 7a3.2 3.2 0 0 1-.5 5.9 3.4 3.4 0 0 1-3.5 5.6c-1.2 0-2.2-.5-3-1.3V6.8a3.3 3.3 0 0 1 2.5-2.3Z'/%3E%3Cpath d='M8 8.5c1.4.1 2.4.7 4 2M16 8.5c-1.4.1-2.4.7-4 2M8 14.5c1.4-.1 2.4-.7 4-2M16 14.5c-1.4-.1-2.4-.7-4-2'/%3E%3C/svg%3E") !important;
  }

  .u-node-web .u-node-core::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.8 12h16.4M12 3.5c2.1 2.3 3.2 5.2 3.2 8.5S14.1 18.2 12 20.5M12 3.5C9.9 5.8 8.8 8.7 8.8 12s1.1 6.2 3.2 8.5'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.8 12h16.4M12 3.5c2.1 2.3 3.2 5.2 3.2 8.5S14.1 18.2 12 20.5M12 3.5C9.9 5.8 8.8 8.7 8.8 12s1.1 6.2 3.2 8.5'/%3E%3C/svg%3E") !important;
  }

  .u-node-bots .u-node-core::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.5h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-8l-4.8 3v-3H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 11h.01M12 11h.01M16 11h.01'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.5h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-8l-4.8 3v-3H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 11h.01M12 11h.01M16 11h.01'/%3E%3C/svg%3E") !important;
  }

  .u-node-automation .u-node-core::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 12a7.3 7.3 0 0 0-.1-1l2-1.5-2-3.4-2.4 1a7.8 7.8 0 0 0-1.8-1L14.4 3h-4.8l-.4 3.1a7.8 7.8 0 0 0-1.8 1l-2.4-1-2 3.4L5 11a7.3 7.3 0 0 0 0 2l-2 1.5 2 3.4 2.4-1a7.8 7.8 0 0 0 1.8 1l.4 3.1h4.8l.4-3.1a7.8 7.8 0 0 0 1.8-1l2.4 1 2-3.4-2-1.5c.1-.3.1-.7.1-1Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 12a7.3 7.3 0 0 0-.1-1l2-1.5-2-3.4-2.4 1a7.8 7.8 0 0 0-1.8-1L14.4 3h-4.8l-.4 3.1a7.8 7.8 0 0 0-1.8 1l-2.4-1-2 3.4L5 11a7.3 7.3 0 0 0 0 2l-2 1.5 2 3.4 2.4-1a7.8 7.8 0 0 0 1.8 1l.4 3.1h4.8l.4-3.1a7.8 7.8 0 0 0 1.8-1l2.4 1 2-3.4-2-1.5c.1-.3.1-.7.1-1Z'/%3E%3C/svg%3E") !important;
  }
}

/* DOSS v8: use existing service icon set and center dock content */
@media (max-width: 880px) {
  .u-node {
    display: grid !important;
    grid-template-rows: 24px auto !important;
    align-content: center !important;
    justify-items: center !important;
    row-gap: 7px !important;
    padding: 0 2px !important;
  }

  .u-node-core,
  .u-studio[data-theme="light"] .u-node-core {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    flex: none !important;
  }

  .u-node-core::after {
    content: none !important;
    display: none !important;
  }

  .u-node-core::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 24px !important;
    height: 24px !important;
    background: var(--u-fg) !important;
    opacity: .88 !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 24px 24px !important;
    mask-size: 24px 24px !important;
  }

  .u-node-ai .u-node-core::before {
    -webkit-mask-image: url("/icons/services/ai-assistant.svg") !important;
    mask-image: url("/icons/services/ai-assistant.svg") !important;
  }

  .u-node-web .u-node-core::before {
    -webkit-mask-image: url("/icons/services/web-product.svg") !important;
    mask-image: url("/icons/services/web-product.svg") !important;
  }

  .u-node-bots .u-node-core::before {
    -webkit-mask-image: url("/icons/services/bots-telegram.svg") !important;
    mask-image: url("/icons/services/bots-telegram.svg") !important;
  }

  .u-node-automation .u-node-core::before {
    -webkit-mask-image: url("/icons/services/automation-link.svg") !important;
    mask-image: url("/icons/services/automation-link.svg") !important;
  }

  .u-node-label {
    align-self: start !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 1 !important;
  }
}

/* DOSS v9: optical icon alignment + same built-in service icon family */
@media (max-width: 880px) {
  .u-studio .u-visual .u-node {
    display: grid !important;
    grid-template-rows: 24px auto !important;
    align-content: center !important;
    justify-items: center !important;
    row-gap: 7px !important;
    padding: 0 2px !important;
  }

  .u-studio .u-visual .u-node-ai .u-node-core,
  .u-studio .u-visual .u-node-web .u-node-core,
  .u-studio .u-visual .u-node-bots .u-node-core,
  .u-studio .u-visual .u-node-automation .u-node-core {
    position: relative !important;
    inset: auto !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    flex: 0 0 24px !important;
  }

  .u-studio .u-visual .u-node .u-node-core::after {
    content: none !important;
    display: none !important;
  }

  .u-studio .u-visual .u-node .u-node-core::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    width: 22px !important;
    height: 22px !important;
    background: var(--u-fg) !important;
    opacity: .86 !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 22px 22px !important;
    mask-size: 22px 22px !important;
  }

  .u-studio .u-visual .u-node-ai .u-node-core::before {
    -webkit-mask-image: url("/icons/services/ai-assistant.svg") !important;
    mask-image: url("/icons/services/ai-assistant.svg") !important;
  }

  .u-studio .u-visual .u-node-web .u-node-core::before {
    -webkit-mask-image: url("/icons/services/web-product.svg") !important;
    mask-image: url("/icons/services/web-product.svg") !important;
  }

  .u-studio .u-visual .u-node-bots .u-node-core::before {
    -webkit-mask-image: url("/icons/services/bots-support.svg") !important;
    mask-image: url("/icons/services/bots-support.svg") !important;
  }

  .u-studio .u-visual .u-node-automation .u-node-core::before {
    -webkit-mask-image: url("/icons/services/automation-sync.svg") !important;
    mask-image: url("/icons/services/automation-sync.svg") !important;
  }

  .u-studio .u-visual .u-node .u-node-label {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    align-self: start !important;
  }
}