@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url('/assets/fonts/inter-latin-400-600.43f0cb9eadc8c111.woff2') format('woff2');unicode-range:U+20-7E,U+A0-AC,U+AE-FF,U+131,U+152-153,U+2002,U+2009,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2191,U+2193,U+2212}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url('/assets/fonts/inter-latin-ext-400-600.16382d5b59a4e8dd.woff2') format('woff2');unicode-range:U+100-130,U+132-148,U+14A-151,U+154-1C3,U+1C5-24F,U+2020,U+20A0-20AB,U+20AD-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF}
@font-face{font-family:'Inter Fallback';src:local('Arial'),local('Liberation Sans');size-adjust:105.99651%;ascent-override:91.39452%;descent-override:22.75650%;line-gap-override:0.00000%}
@font-face{font-family:'Sora';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/sora-latin-400-700.a47d0dc4a332f8cb.woff2') format('woff2');unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2212}
@font-face{font-family:'Sora';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/sora-latin-ext-400-700.38dc10cb595687fe.woff2') format('woff2');unicode-range:U+100-123,U+126-130,U+134-137,U+139-13E,U+141-148,U+14A-151,U+154-17E,U+1FA,U+218-21B,U+237,U+2020}
@font-face{font-family:'Sora Fallback';src:local('Arial'),local('Liberation Sans');size-adjust:112.79810%;ascent-override:85.99436%;descent-override:25.70965%;line-gap-override:0.00000%}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin-400.e06b55f0412acc47.woff2') format('woff2');unicode-range:U+20-7E,U+A0-FF,U+102,U+131,U+152-153,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2191,U+2193,U+2212}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin-ext-400.abab2632af0759c8.woff2') format('woff2');unicode-range:U+100-101,U+103-130,U+134-151,U+154-17F,U+18F,U+192,U+1A0-1A1,U+1AF-1B0,U+1CD-1CE,U+1E6-1E7,U+1EA-1EB,U+1F4-1F5,U+1FC-1FF,U+218-21B,U+232-233,U+237,U+2020,U+20AB,U+20AE,U+20BD,U+20BF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin-500.a8aaa86dc6ac3a9f.woff2') format('woff2');unicode-range:U+20-7E,U+A0-FF,U+102,U+131,U+152-153,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2191,U+2193,U+2212}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin-ext-500.51e2e3515cad840c.woff2') format('woff2');unicode-range:U+100-101,U+103-130,U+134-151,U+154-17F,U+18F,U+192,U+1A0-1A1,U+1AF-1B0,U+1CD-1CE,U+1E6-1E7,U+1EA-1EB,U+1F4-1F5,U+1FC-1FF,U+218-21B,U+232-233,U+237,U+2020,U+20AB,U+20AE,U+20BD,U+20BF}
@font-face{font-family:'JetBrains Mono Fallback';src:local('Courier New'),local('Liberation Mono');size-adjust:99.98373%;ascent-override:102.01660%;descent-override:30.00488%;line-gap-override:0.00000%}

:root{--night:#120826;--deep:#0b0518;--paper:#f6f4fb;--ink:#140a2b;--cyan:#2bdfff;--lilac:#8f84f0;--magenta:#f02bd0;--secondary:#bfb6d8;--line:rgba(255,255,255,.14);--display:'Sora','Sora Fallback',system-ui,sans-serif;--body:'Inter','Inter Fallback',system-ui,sans-serif;--mono:'JetBrains Mono','JetBrains Mono Fallback',monospace}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--paper);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth;scroll-padding-top:100px}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.12;letter-spacing:-.055em}h1{font-size:clamp(42px,4.6vw,72px)}h2{font-size:clamp(32px,3.6vw,52px)}h3{font-size:25px;letter-spacing:-.035em}p{color:var(--secondary)}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--lilac);outline-offset:6px}.container{width:min(1320px,calc(100% - 112px));margin:auto}.section{padding-top:112px;padding-bottom:112px}.mono,.eyebrow,.caption,.breadcrumb{font-family:var(--mono);font-size:11px;letter-spacing:.04em}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.13em;color:var(--secondary);margin-bottom:26px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:10px}.lead{font-size:18px;line-height:1.8;max-width:640px}.muted{color:#9286b3}.skip{position:fixed;top:-100px;left:20px;background:white;color:var(--ink);padding:12px;z-index:100}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(18,8,38,.97);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px}.brand{display:inline-flex;align-items:center;gap:10px;font:600 27px var(--display);letter-spacing:-1.3px}.brand-dot{font:11px var(--body);vertical-align:top;margin-left:4px;position:relative;top:4px}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav>a{color:var(--secondary)}nav>a:hover,nav>a[aria-current]{color:white}nav .nav-contact{padding:11px 19px;border:1px solid var(--line);border-radius:6px;color:white;margin-left:20px}.nav-contact span{margin-left:22px}.menu-toggle{display:none}.hero{padding-top:92px;padding-bottom:72px;display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:center;min-height:680px}.hero h1{margin-bottom:28px}.hero .lead{font-size:16px;max-width:490px}.actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 21px;border-radius:6px;font-size:13px;font-weight:600;border:1px solid var(--line);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.light{background:var(--paper);color:var(--ink)}.dark{background:var(--night);color:white}.text-link{display:inline-flex;gap:22px;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-note{display:block;color:#9689b1;margin-top:28px;font-size:10px}.ecosystem{height:470px;position:relative;isolation:isolate;background-image:radial-gradient(#b3a0df28 .8px,transparent .8px);background-size:22px 22px;border:1px solid #ffffff06;border-radius:50%}.orbit{border:1px solid #8f84f031;position:absolute;inset:58px 20px;border-radius:50%;transform:rotate(-34deg);z-index:-1}.orbit-two{inset:28px 80px;transform:rotate(32deg)}.core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:160px;height:175px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:var(--night);border:1px solid #8f84f04d;border-radius:18px}.core img{width:62px;height:62px}.core>span{font:500 24px var(--display);letter-spacing:-1px;margin:6px}.core small{font-size:10px;text-align:center;color:var(--secondary);line-height:1.5}.node{display:flex;gap:10px;align-items:center;position:absolute;width:200px;padding:17px 14px;background:#1c1033;border:1px solid #8f84f03d;border-radius:9px;font-family:var(--display);font-size:14px;box-shadow:0 10px 30px #0b051840;transition:border-color .2s,transform .2s}.node:hover{border-color:var(--cyan);transform:translateY(-3px)}.node small{display:block;font:10px var(--body);color:var(--secondary);margin-top:5px}.node-icon{font:16px var(--mono);color:var(--cyan);width:25px}.node b{margin-left:auto;color:var(--secondary);font-weight:400}.node-a{top:28px;left:5px}.node-b{top:93px;right:-5px}.node-c{bottom:91px;left:-4px}.node-d{bottom:22px;right:12px}.diagram-label{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#9486b4;font-size:9px}.principles{border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding-top:25px;padding-bottom:30px;color:var(--secondary);font-size:11px}.principles>span:first-child{color:white}.paper{background:var(--paper);color:var(--ink)}.paper p,.paper .eyebrow{color:#685f80}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:54px}.section-head>p{max-width:350px;font-size:15px}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.paper .offer-grid{border-color:#140a2b22}.offer{display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:36px;min-height:310px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .2s}.paper .offer{border-color:#140a2b22}.offer:hover{background:#8f84f00e}.offer .mono{color:var(--lilac);text-transform:uppercase}.paper .offer .mono{color:#6650a0}.offer h3{margin-bottom:14px}.offer p{font-size:14px;max-width:410px}.offer-foot{display:flex;justify-content:space-between;gap:15px;font-size:12px}.offer-foot>span{font-size:20px;line-height:1}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project-cover{position:relative;padding:28px;min-height:310px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.project-cover{background:var(--night);color:var(--paper)}.project-cover:after{content:'';width:220px;height:220px;border:1px solid currentColor;opacity:.15;position:absolute;right:-40px;top:20px;transform:rotate(45deg);border-radius:24px}.preview-word{font:500 clamp(28px,3.5vw,46px) var(--display);letter-spacing:-2px;margin-top:90px;position:relative;z-index:1}.preview-word small{display:block;font:12px var(--body);letter-spacing:.02em;margin-top:10px}.project-open{position:absolute;right:24px;bottom:24px;font-size:24px}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.project-caption :is(h2,h3){font-size:20px}.project-caption>span{font-size:11px;color:#685f80}.caption{display:block;margin-top:24px;font-size:10px;line-height:1.8}.about{display:grid;grid-template-columns:1fr 3fr;gap:60px}.about .lead{margin-top:30px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px}.values .mono{color:var(--lilac)}.values h3{font-size:19px;margin:18px 0 14px}.values p{font-size:13px}.contact{background:#1f0d41;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.contact p{font-size:15px;margin-bottom:28px}.contact small{display:block;font-size:10px;color:var(--secondary);margin-top:18px}footer{background:var(--deep);padding:60px 0 20px}.footer-top{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr;gap:40px;padding-bottom:55px}.footer-top>.brand{align-self:start}.footer-top p{font-size:13px}.footer-top>div{display:flex;flex-direction:column;gap:12px;font-size:12px;color:var(--secondary)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;color:#9488ad;font-size:10px}.page-hero{padding-top:60px;padding-bottom:86px}.breadcrumb{display:block;margin-bottom:45px;color:var(--secondary)}.page-hero h1{max-width:1000px;margin-bottom:30px}.page-hero .lead{max-width:760px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.detail-grid h2{font-size:clamp(30px,3vw,42px);margin-bottom:25px}.detail-grid p{font-size:15px}.price{font:500 21px var(--display);margin-top:32px}.detail-grid .caption{font-size:11px;max-width:470px;margin:15px 0 28px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;gap:24px;padding:26px 0;border-top:1px solid #140a2b22}.feature-list li>span{color:#6650a0;font-size:24px}.feature-list h3{font-size:21px;margin-bottom:12px}.feature-list p{font-size:14px}.empty-case{padding:40px;border:1px solid var(--line);max-width:800px}.empty-case h3{margin:20px 0 16px}.empty-case p{font-size:14px;max-width:590px}.sector-card{display:grid;grid-template-columns:1fr 1.3fr;border:1px solid var(--line);max-width:1000px}.sector-card img{width:100%;height:340px;object-fit:cover;object-position:center 40%}.sector-card>div{padding:45px}.sector-card h3{font-size:30px;margin-bottom:20px}.sector-card p{font-size:14px;margin-bottom:20px}.project-context{padding:32px;border:1px solid #140a2b22}.project-context dl{margin:30px 0}.project-context dt{font-size:11px;color:#685f80;margin-top:18px}.project-context dd{margin:6px 0;font-size:15px;overflow-wrap:anywhere}
@media(min-width:1500px){.hero{padding-top:115px;padding-bottom:100px}.ecosystem{height:500px}}@media(max-width:1100px){.container{width:calc(100% - 64px)}nav{gap:20px}.hero{gap:25px}.hero h1{font-size:49px}.node{width:175px;padding:13px 10px}.node-a{left:0}.node-b{right:-10px}.node-c{left:-10px}.node-d{right:0}.core{width:130px}.about{grid-template-columns:1fr;gap:10px}.detail-grid{gap:55px}.footer-top{gap:25px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{min-height:72px}.brand{font-size:24px}.brand img{width:32px;height:32px}.menu-toggle{display:flex;gap:18px;align-items:center;background:transparent;border:1px solid var(--line);color:white;padding:8px 12px;border-radius:5px;font-size:12px}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px 20px 30px;background:var(--night);border-bottom:1px solid var(--line);align-items:stretch;gap:0}nav.is-open{display:flex;flex-direction:column}nav>a{padding:15px 0}nav .nav-contact{margin:12px 0 0;padding:14px}.hero{grid-template-columns:1fr;padding-top:56px;padding-bottom:50px;gap:38px}.hero h1{font-size:clamp(39px,7.7vw,58px)}.eyebrow{font-size:10px;margin-bottom:22px}.lead{font-size:16px}.hero .lead{font-size:15px}.actions{gap:20px}.ecosystem{height:400px;max-width:480px;width:100%;margin:auto}.node{width:173px;font-size:13px}.node small{font-size:9px}.node-a{top:15px}.node-b{top:79px;right:0}.node-c{bottom:77px;left:0}.node-d{bottom:10px;right:0}.core{height:145px;top:49%;width:125px}.core img{width:48px;height:48px}.core>span{font-size:20px}.core small{font-size:9px}.principles{flex-wrap:wrap;justify-content:start;gap:12px 24px;padding-top:22px;padding-bottom:25px}.principles>span:first-child{width:100%;margin-bottom:8px}.section{padding-top:70px;padding-bottom:70px}.section-head{display:block;margin-bottom:32px}.section-head>p,.section-head>.text-link{margin-top:24px}.section-head h2{font-size:35px}.offer-grid{grid-template-columns:1fr}.offer{padding:28px;min-height:280px;gap:28px}.offer h3{font-size:24px}.project-grid{grid-template-columns:1fr;gap:36px}.project-cover{min-height:270px}.preview-word{font-size:35px}.project-caption{margin-top:17px}.values{grid-template-columns:1fr;gap:30px;margin-top:35px}.values>div{border-top:1px solid var(--line);padding-top:24px}.values h3{margin-top:12px}.contact-grid{grid-template-columns:1fr;gap:30px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{gap:15px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.page-hero{padding-top:35px;padding-bottom:60px}.page-hero h1{font-size:clamp(36px,7vw,53px)}.breadcrumb{margin-bottom:32px}.detail-grid{grid-template-columns:1fr;gap:50px}.sector-card{grid-template-columns:1fr}.sector-card img{height:270px}.sector-card>div{padding:28px}.empty-case{padding:26px}.price{font-size:19px}.project-caption>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:760px){.orbit-one{inset:70px 45px}}

/* Portfolio and product catalog */
[hidden]{display:none!important}html{scrollbar-gutter:stable}.dialog-open{overflow:hidden}.portfolio-intro{max-width:760px;margin-bottom:38px;font-size:15px}.project-visual{position:relative;aspect-ratio:1.52;background:#1f0d41;overflow:hidden;border:1px solid #140a2b1a;border-radius:9px}.project-visual>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.project-trigger:hover .project-visual>img{transform:scale(1.025)}.project-trigger{display:block;border-radius:9px}.project-badge{position:absolute;top:15px;left:15px;background:var(--night);color:var(--paper);padding:7px 10px;border:1px solid var(--line);border-radius:5px;font:10px var(--mono)}.project-inspect{position:absolute;bottom:15px;right:15px;background:var(--paper);color:var(--ink);padding:9px 13px;border-radius:5px;font-size:11px}.project-placeholder{padding:42px 28px;color:var(--paper);height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;background-image:radial-gradient(#8f84f04d .7px,transparent .7px);background-size:18px 18px}.project-placeholder>span{border:1px solid #8f84f066;background:#1f0d41;padding:14px 20px;border-radius:12px;color:var(--cyan);font:25px var(--display)}.project-placeholder strong{font:500 25px var(--display)}.project-placeholder small{font-size:10px;color:var(--secondary)}.project-summary{font-size:13px;margin-top:10px;max-width:550px}.reference-label{display:block;margin-top:10px;font:10px var(--mono);color:#74607e}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.filter-tabs button{padding:10px 15px;border:1px solid #140a2b33;border-radius:30px;background:transparent;color:var(--ink);cursor:pointer;font-size:12px}.filter-tabs button[aria-pressed=true]{background:var(--night);color:var(--paper);border-color:var(--night)}.gallery-fields{display:grid;grid-template-columns:2fr 1fr;gap:20px}.gallery-fields label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#685f80}.gallery-fields input,.gallery-fields select{font:14px var(--body);background:white;color:var(--ink);border:1px solid #140a2b33;border-radius:6px;width:100%;min-width:0;padding:13px}.gallery-fields :focus-visible{outline:2px solid #6650a0;outline-offset:3px}.gallery-count{font:11px var(--mono);margin:22px 0 32px}.gallery-empty{padding:40px 0}.project-dialog{padding:0;width:min(920px,calc(100% - 40px));max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;border:1px solid #8f84f044;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0008}.project-dialog::backdrop{background:#0b0518cf;backdrop-filter:blur(7px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;background:var(--night);color:var(--paper);position:sticky;top:0;z-index:2}.dialog-toolbar button{border:1px solid var(--line);background:none;color:white;padding:7px 12px;border-radius:5px;font-size:12px;cursor:pointer}.dialog-toolbar button>span{font-size:17px;margin-left:12px}.dialog-image{max-height:340px;overflow:auto;background:var(--night);color:var(--paper)}.dialog-image img{width:100%;height:auto}.dialog-image>p{padding:45px;font:35px var(--display);color:var(--paper)}.dialog-copy{padding:34px 40px}.dialog-copy .eyebrow{color:#685f80;margin-bottom:15px}.dialog-copy h2{font-size:36px;margin-bottom:20px}.dialog-copy p{color:#685f80;font-size:14px}.requirement{padding:23px 0;margin-top:10px;border-bottom:1px solid #140a2b22}.requirement h3{font-size:19px;margin-bottom:12px}.requirement small,.dialog-note{display:block;font-size:10px;color:#685f80;margin-top:13px}.dialog-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:27px}.reference-notice{padding:15px;border-left:2px solid #6650a0;background:#8f84f015;font-size:12px!important;margin-top:20px}.detail-preview{margin-bottom:55px;border:1px solid #140a2b22;border-radius:10px;max-height:650px;overflow:auto}.detail-preview>img{width:100%;height:auto}.detail-preview .project-placeholder{min-height:300px}.project-context>p{margin-top:20px}.catalog-category{padding-top:35px;margin-top:35px;border-top:1px solid var(--line)}.catalog-category>h3{font-size:24px;margin-bottom:25px}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-card{padding:28px;background:#1a0e30;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;align-items:start}.app-monogram{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;background:#241642;border:1px solid #8f84f055;border-radius:9px;color:var(--cyan);font:16px var(--mono)}.app-card h4{font:500 21px var(--display);letter-spacing:-.04em;margin:22px 0 13px}.app-card p{font-size:13px;margin-bottom:25px}.app-card a{margin-top:auto;font-size:12px;border-bottom:1px solid #8f84f055;padding-bottom:5px}.app-card a span{margin-left:15px}.catalog-category .apps-grid:has(.app-card:only-child){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
@media(max-width:900px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-category .apps-grid:has(.app-card:only-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.project-dialog{width:calc(100% - 24px);max-height:92dvh}.dialog-copy{padding:25px}.dialog-copy h2{font-size:29px}.dialog-toolbar{padding:13px 18px}.dialog-image{max-height:240px}.dialog-actions{gap:20px}.gallery-fields{grid-template-columns:1fr}.filter-tabs{gap:7px}.filter-tabs button{font-size:11px;padding:9px 12px}.project-summary{font-size:13px}.apps-grid,.catalog-category .apps-grid:has(.app-card:only-child){grid-template-columns:1fr}.app-card{padding:25px}.catalog-category>h3{font-size:23px}.project-placeholder{padding:45px 20px}.project-placeholder strong{font-size:23px}}
.arrow-icon{display:inline-block;width:14px;height:14px;vertical-align:-2px;flex-shrink:0}.node-icon .arrow-icon{width:18px;height:18px}.feature-list>li>.arrow-icon{width:24px;height:24px;color:#6650a0;flex-shrink:0;margin-top:3px}
@media(min-width:1100px){.project-grid:has(>.project:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Shared Innobox experience. Geometry, contrast and motion follow Growth Health. */
:root {
  --night-950:#0b0518; --night-900:#120826; --night-800:#1f0d41;
  --paper:#f6f4fb; --paper-2:#ece8f5; --ink:#140a2b; --ink-2:#463d5f;
  --cyan-ink:#08718c; --magenta-ink:#a8128f;
  --ease:cubic-bezier(.22,1,.36,1); --ease-io:cubic-bezier(.65,0,.35,1);
}
body {background:var(--night-900)}
h1,h2,h3 {font-weight:600}
h2 {font-size:clamp(2.3rem,1.2rem + 3.8vw,4.6rem);line-height:1.05;letter-spacing:-.055em}
.container {width:100%;max-width:1320px;padding-inline:clamp(20px,4vw,56px)}
.section {padding-block:clamp(76px,10vw,145px)}
.eyebrow {font-size:11px;letter-spacing:.13em;display:flex;align-items:center;gap:10px;line-height:1.6}
.eyebrow:before {content:'';width:7px;height:7px;border-radius:50%;background:var(--cyan);flex-shrink:0}
.eyebrow>i {display:none}
.paper .eyebrow:before,.experience-hero .eyebrow:before,.page-hero .eyebrow:before {background:var(--cyan-ink)}
.gradient-ink {background:linear-gradient(90deg,var(--cyan-ink),#5a4fc4 50%,var(--magenta-ink));color:transparent;background-clip:text;-webkit-background-clip:text}
.header {height:76px;background:rgba(246,244,251,.95);color:var(--ink);border-bottom:1px solid #140a2b15;backdrop-filter:blur(18px);transition:background .35s,color .35s,border-color .35s}
.header-inner {min-height:76px}
.header .brand {font-size:26px;letter-spacing:-1px}
.header .brand img {width:35px;height:35px}
.header nav>a {color:var(--ink-2);font-size:13px}
.header nav>a:hover,.header nav>a[aria-current] {color:var(--ink)}
.header nav>a[aria-current]:after {content:'';display:block;width:18px;height:2px;background:var(--cyan-ink);margin-top:3px}
.header nav .nav-contact {background:var(--night-800);color:white;border:0;border-radius:9px;padding:12px 18px;display:flex;align-items:center;gap:22px}
.nav-contact>span {margin:0;display:flex;align-items:center;gap:12px}
.nav-contact>span:before {content:'';width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c9f7ff,var(--cyan),var(--magenta));box-shadow:0 0 14px #2bdfff44}
.nav-contact .arrow-icon {display:none}
.header.on-night {background:rgba(18,8,38,.94);color:var(--paper);border-color:var(--line)}
.header.on-night nav>a {color:var(--secondary)}
.header.on-night nav>a:hover,.header.on-night nav>a[aria-current] {color:white}
.header.on-night nav .nav-contact {background:var(--paper);color:var(--ink)}
.reading-progress {position:absolute;left:0;right:0;height:2px;bottom:-1px;transform:scaleX(var(--progress,0));transform-origin:left;background:linear-gradient(90deg,var(--cyan),var(--lilac),var(--magenta))}
.button {border-radius:9px;padding:16px 22px;font-size:14px;position:relative;gap:27px;min-height:52px;transition:transform .3s var(--ease),box-shadow .3s}
.button:hover {transform:translateY(-3px);box-shadow:0 12px 30px -15px #140a2b88}
.button>span {display:inline-flex;align-items:center;gap:14px}
.button.dark>span:before,.button.light>span:before {content:'';width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c9f7ff,var(--cyan),var(--magenta))}
.button .arrow-icon {width:15px;height:15px}
.experience-hero {background:var(--paper);color:var(--ink);position:relative;padding-top:clamp(45px,6vw,90px);overflow:clip}
.experience-hero:before {content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 35%,#8f84f011,transparent 55%)}
.experience-grid {position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(38px,5vw,75px);align-items:center;min-height:620px;padding-bottom:70px}
.experience-copy {min-width:0}
.experience-copy h1 {font-size:clamp(48px,1.3rem + 4.3vw,84px);line-height:1.01;letter-spacing:-.058em;margin:27px 0 25px}
.experience-home .experience-copy h1 {font-size:clamp(58px,1.5rem + 4.9vw,96px)}
.title-line {display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.title-line>span {display:block}
.experience-copy .lead {font-size:17px;line-height:1.8;color:var(--ink-2);max-width:500px}
.experience-copy .eyebrow {color:var(--ink-2)}
.experience-copy .actions {margin-top:30px;gap:22px}
.hero-chips {display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}
.hero-chips>span {font:10px var(--mono);padding:7px 10px;border:1px solid #140a2b22;border-radius:30px;color:var(--ink-2);background:#fff7}
.experience-visual {min-width:0;position:relative;padding-block:25px}
.hero-bottom {display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:23px;border-top:1px solid #140a2b16;color:#685f80}
.hero-bottom .mono {font-size:9px;letter-spacing:.07em}
.hero-bottom a {font-size:11px;display:flex;gap:16px;align-items:center}
.page-hero {background:var(--paper);color:var(--ink);padding-block:55px 85px}
.page-hero h1 {font-size:clamp(48px,6vw,88px);max-width:1050px;line-height:1.02;margin:24px 0 26px}
.page-hero .eyebrow,.page-hero .lead,.page-hero .breadcrumb {color:var(--ink-2)}
.page-hero .breadcrumb {margin-bottom:35px}
.principles {background:var(--paper);color:#685f80;max-width:none;border:0;justify-content:center;gap:50px;font-size:10px;padding-block:22px}
.principles>span:first-child {color:var(--ink)}
.section-head {gap:60px;margin-bottom:60px}
.section-head>div {max-width:800px}
.section-head>p {font-size:16px;line-height:1.8;color:var(--secondary);max-width:330px}
.paper .section-head>p {color:#685f80}
.offer-grid {border:0;gap:25px}
.offer {border:1px solid var(--line);border-radius:18px;padding:32px;min-height:430px;gap:25px;background:#ffffff03;overflow:hidden;transition:border-color .4s,transform .4s var(--ease),background .4s}
.offer:hover {transform:translateY(-6px);border-color:#8f84f080;background:#ffffff06}
.paper .offer {background:#fff8;border-color:#140a2b1c}
.paper .offer:hover {background:white;border-color:#6650a077}
.offer h3 {font-size:28px;line-height:1.15;margin-bottom:15px}
.offer p {font-size:15px;max-width:440px}
.offer .mono {font-size:10px}
.offer-foot {font-size:12px;padding-top:17px;border-top:1px solid var(--line)}
.paper .offer-foot {border-color:#140a2b16}
.offer-art {height:145px;position:relative;border:1px solid #8f84f033;border-radius:10px;background:#0b051866;overflow:hidden;pointer-events:none;margin-bottom:8px;color:var(--paper)}
.paper .offer-art {background:var(--night)}
.mini-sprint {display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px}
.mini-sprint>span {font:10px var(--mono);color:var(--secondary)}
.mini-sprint>div {position:absolute;display:flex;gap:10px;inset:53px 20px 20px}
.mini-sprint i {display:block;flex:1;border:1px solid #8f84f044;border-radius:6px;background:repeating-linear-gradient(0deg,transparent,transparent 9px,#8f84f014 10px);transform:translateY(10px);transition:transform .7s var(--ease),border-color .5s}
.mini-sprint i:nth-child(2){transform:translateY(4px)}
.mini-sprint i:last-child {transform:translateY(-6px);border-color:#f02bd055}
.offer:hover .mini-sprint i {transform:translateY(-5px);border-color:var(--cyan)}
.mini-architecture,.mini-growth {display:flex;align-items:center;justify-content:center;padding:25px;gap:10px}
.mini-architecture>span,.mini-growth>span {border:1px solid #8f84f044;border-radius:8px;padding:15px 10px;font:10px var(--mono);background:var(--night-800);white-space:nowrap}
.mini-architecture>i,.mini-growth>i {height:1px;min-width:15px;flex:1;background:#8f84f066;position:relative}
.mini-architecture>i:after,.mini-growth>i:after {content:'';position:absolute;inset:-2px auto auto 0;width:5px;height:5px;border-radius:50%;background:var(--cyan)}
.offer.is-in-view .mini-architecture>i:after,.offer.is-in-view .mini-growth>i:after {animation:signal 3s var(--ease-io) infinite}
.mini-growth>span:last-child {border-color:#f02bd077;color:#ff8be9}
.mini-browser {padding:13px 20px}
.mini-browser>div {display:flex;gap:4px;margin-bottom:15px}
.mini-browser i {display:block;width:4px;height:4px;border-radius:50%;background:#8f84f055}
.mini-browser>span {font:500 23px/1.2 var(--display);letter-spacing:-1px;display:block}
.mini-browser>b {display:block;background:var(--paper);color:var(--ink);font-size:7px;padding:5px 8px;border-radius:3px;width:max-content;margin-top:12px}
.mini-apps {display:flex;align-items:center;justify-content:center;gap:13px;padding:25px}
.mini-apps>span {display:grid;place-items:center;width:48px;height:48px;border:1px solid #8f84f044;border-radius:11px;background:#241642;transition:transform .4s}
.mini-apps .service-icon {width:23px;height:23px;color:var(--cyan)}
.offer:hover .mini-apps>span:nth-child(2n){transform:translateY(-9px)}
.mini-brand {padding:22px 25px;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.mini-brand>span:first-child {font:25px var(--display);letter-spacing:-1px}
.mini-brand>span:last-child {font:9px var(--mono);grid-column:1/-1;color:var(--secondary)}
.mini-brand>div {display:flex;gap:8px;justify-content:end}
.mini-brand i {display:block;width:27px;height:27px;background:var(--cyan);border-radius:50%}
.mini-brand i:nth-child(2){background:var(--lilac)}.mini-brand i:last-child{background:var(--magenta)}
.service-icon {width:32px;height:32px;display:block}
/* Live demos use the same layered interface vocabulary as Growth. */
.live-scene {position:relative;background:#fff;border:1px solid #140a2b1a;border-radius:15px;box-shadow:0 35px 70px -36px #1f0d4155;isolation:isolate;color:var(--ink)}
.scene-chrome {display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #140a2b12;color:#685f80;background:#fcfbfe;border-radius:15px 15px 0 0;min-height:49px}
.scene-chrome>.mono {font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.window-dots {display:flex;gap:4px;flex-shrink:0}
.window-dots>i {width:6px;height:6px;border-radius:50%;background:#dcd6e9}
.live-indicator {font:8px var(--mono);border:1px solid #08718c33;color:var(--cyan-ink);border-radius:20px;padding:4px 7px;margin-left:auto;display:flex;align-items:center;gap:4px}
.live-indicator:before {content:'';width:4px;height:4px;border-radius:50%;background:var(--cyan-ink)}
.sprint-board {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px 17px;min-height:266px;background:linear-gradient(180deg,#fcfbfe,#f6f4fb)}
.board-lane>span {display:block;font:8px var(--mono);color:#685f80;white-space:nowrap;margin-bottom:14px}
.task {position:relative;min-width:0;padding:13px 10px;background:white;border:1px solid #140a2b16;border-radius:8px;transition:transform .6s var(--ease),box-shadow .6s,border-color .6s,opacity .6s;opacity:.6}
.task small {font:6.5px var(--mono);letter-spacing:.05em;color:#685f80;display:block;margin-bottom:9px}
.task strong {font:500 11px/1.4 var(--display);display:block;letter-spacing:-.02em}
.task p {font-size:8px;color:#685f80;line-height:1.7;margin-top:8px}
.task-line {display:block;width:75%;height:3px;background:#ece8f5;border-radius:4px;margin:15px 0 5px;position:relative;overflow:hidden}
.task-line:after {content:'';position:absolute;inset:0;background:var(--cyan-ink);transform:scaleX(.2);transform-origin:left;transition:transform 1.4s var(--ease)}
.task.is-current .task-line:after {transform:scaleX(1)}
.task.is-current {opacity:1;transform:translateY(-6px);border-color:#08718c66;box-shadow:0 12px 24px -16px #08718c88}
.task.is-complete {opacity:1;border-color:#08718c33}
.muted-task {margin-top:10px;min-height:55px;opacity:.35}
.muted-task strong {font-size:9px}
.code-lines {font:7px/2 var(--mono);color:#685f80;margin-top:15px;overflow:hidden;white-space:nowrap}
.code-lines b {font-weight:400;color:var(--cyan-ink)}.code-lines em{font-style:normal;color:var(--magenta-ink)}
.check-drawn {display:grid;place-items:center;width:28px;height:28px;margin:5px 0 12px;border-radius:50%;background:#f02bd010;color:var(--magenta-ink);border:1px solid #f02bd033;font-family:var(--body);transition:transform .5s}
.result-task.is-current {border-color:#a8128f66;box-shadow:0 12px 24px -16px #a8128f66}
.result-task.is-current .check-drawn {transform:scale(1.12)}
.scene-footer {padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #140a2b11;font:9px var(--mono);color:#463d5f;min-height:45px}
.scene-progress {height:3px;width:65px;background:#ece8f5;border-radius:5px;overflow:hidden;flex-shrink:0}
.scene-progress i {display:block;height:100%;width:var(--scene-progress,33.33%);background:linear-gradient(90deg,var(--cyan),var(--lilac),var(--magenta));transition:width .7s var(--ease)}
.scene-controls {position:relative;margin:0 -15px -45px;padding:22px 16px 15px;display:flex;gap:7px;transform:translateY(5px)}
.scene-controls>button {display:flex;align-items:center;gap:5px;flex:1;min-width:0;cursor:pointer;background:var(--paper);border:1px solid #140a2b19;border-radius:7px;padding:10px 8px;text-align:left;font:8px/1.4 var(--body);color:#685f80;transition:background .3s,border-color .3s}
.scene-controls>button>span {font:8px var(--mono);color:#685f80}
.scene-controls>button[aria-pressed=true] {border-color:#08718c66;background:white;color:var(--ink)}
.demo-caption {position:relative;transform:translateY(45px);font:8px/1.7 var(--mono);color:#685f80!important;text-align:center;margin:0 0 40px}
.scene-pause {display:block;border:0;background:transparent;color:#685f80;font:9px var(--body);padding:7px 0;cursor:pointer;margin-left:auto;position:absolute;right:0;bottom:-37px;text-decoration:underline;text-underline-offset:3px}
.live-scene:after {content:'';position:absolute;right:-19px;top:75px;width:8px;height:90px;border:1px solid #140a2b22;border-left:0;border-radius:0 6px 6px 0;z-index:-1}
.live-scene:before {content:'';position:absolute;inset:25px -10px -10px 15px;border:1px solid #140a2b18;border-radius:15px;z-index:-1;background:#ece8f566}
/* Product-specific diagrams */
.system-blueprint {padding:30px 20px;min-height:315px;position:relative;background-image:radial-gradient(#140a2b16 .6px,transparent .6px);background-size:16px 16px}
.blueprint-core {width:max-content;margin:auto;padding:17px 38px;background:var(--night);color:white;border-radius:11px;text-align:center;position:relative;z-index:1}
.blueprint-core .service-icon {margin:auto auto 8px;color:var(--cyan);width:28px;height:28px}
.blueprint-core strong {font:500 14px var(--display);display:block}.blueprint-core small{display:block;font-size:8px;color:var(--secondary);margin-top:6px}
.blueprint-nodes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;margin-top:45px}
.blueprint-nodes:before {content:'';position:absolute;top:-20px;left:16%;right:16%;height:20px;border:1px solid #685f8033;border-bottom:0;border-radius:8px 8px 0 0}
.blueprint-nodes>div {padding:13px 8px;background:white;border:1px solid #140a2b22;border-radius:8px;position:relative;transition:border-color .5s,transform .5s}
.blueprint-nodes>div.is-current{border-color:var(--cyan-ink);transform:translateY(-5px)}
.blueprint-nodes>div:last-child.is-current{border-color:var(--magenta-ink)}
.blueprint-nodes span{font:9px var(--mono);color:#685f80;display:block;margin-bottom:7px}
.blueprint-nodes strong{font:500 10px var(--display);display:block}
.blueprint-nodes small{font-size:7px;display:block;color:#685f80;margin-top:6px}
.blueprint-trace{position:absolute;left:50%;height:30px;width:1px;top:151px;background:#685f8055}
.blueprint-trace i{display:block;width:4px;height:4px;border-radius:50%;background:var(--cyan-ink);margin-left:-1px}
.is-running .blueprint-trace i{animation:signal-down 2.3s var(--ease-io) infinite}
.brand-workspace {display:grid;grid-template-columns:130px 1fr;min-height:350px}
.brand-workspace>aside {background:#f6f4fb;border-right:1px solid #140a2b11;padding:25px 16px}
.brand-avatar{display:grid;place-items:center;width:33px;height:33px;background:var(--night);color:var(--cyan);border-radius:8px;font:17px var(--display);margin-bottom:14px}
.brand-workspace aside>strong{display:block;font-size:9px}.brand-workspace aside>small{font-size:7px;color:#685f80;display:block;margin-top:5px}
.swatches{display:flex;gap:5px;margin-top:20px}.swatches>i{width:14px;height:14px;border-radius:50%;background:var(--cyan)}.swatches>i:nth-child(2){background:var(--lilac)}.swatches>i:last-child{background:var(--magenta)}
.workspace-menu{display:block;font-size:8px;line-height:3;color:#685f80;margin-top:20px}
.brand-pipeline{padding:20px 17px;display:flex;flex-direction:column;gap:12px}
.brand-pipeline>div{border:1px solid #140a2b14;border-radius:7px;padding:12px;opacity:.5;transition:opacity .6s,border-color .6s,transform .6s}
.brand-pipeline>div.is-current,.brand-pipeline>div.is-complete{opacity:1}
.brand-pipeline>div.is-current{border-color:#08718c66;transform:translateX(-4px)}
.mini-status{display:block;font:7px var(--mono);color:#685f80;margin-bottom:8px}
.brand-pipeline strong{font:500 11px var(--display);display:block}.brand-pipeline p{font-size:8px;margin-top:5px;color:#685f80}
.creative-demo{background:var(--night);border-radius:4px;padding:16px 12px;position:relative;overflow:hidden}
.creative-demo>span{font:500 18px/1.1 var(--display);color:white;letter-spacing:-.7px;display:block;max-width:170px;position:relative;z-index:1}
.creative-demo>i{width:50px;height:50px;border:1px solid var(--cyan);border-radius:12px;position:absolute;right:15px;top:15px;transform:rotate(25deg)}
.lead-demo{padding-left:13px;border-left:2px solid var(--magenta-ink)}.lead-demo small{font-size:7px;display:block;color:#685f80;margin-top:6px}
.growth-journey{display:grid;grid-template-columns:1fr 1fr;min-height:330px;gap:15px;padding:17px;background:var(--paper)}
.journey-portrait{position:relative}.journey-portrait img{width:100%;height:100%;max-height:350px;object-fit:cover;border-radius:9px}
.journey-portrait>span{position:absolute;bottom:15px;left:10px;background:white;border-radius:5px;padding:7px;font:8px var(--mono);color:var(--ink)}
.journey-stages{display:flex;flex-direction:column;gap:13px;justify-content:center;margin-right:-35px;position:relative;z-index:1}
.journey-stages>div{background:white;border:1px solid #140a2b17;border-radius:8px;padding:17px;box-shadow:0 10px 20px -15px #1f0d4177;opacity:.5;transform:translateX(8px);transition:opacity .6s,transform .6s,border-color .6s}
.journey-stages>div.is-current,.journey-stages>div.is-complete{opacity:1;transform:none;border-color:#08718c44}
.journey-stages>div:last-child.is-current{border-color:#a8128f55}
.journey-stages small{display:block;font:7px var(--mono);color:#685f80;margin-bottom:9px}.journey-stages strong{font:500 11px/1.4 var(--display);display:block}
.hub-demo{display:grid;grid-template-columns:100px 1fr;min-height:325px;background:var(--night);color:var(--paper)}
.hub-demo aside{background:#0b0518;padding:20px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:19px}
.hub-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#1f0d41;border:1px solid #2bdfff44;color:var(--cyan);font:12px var(--mono)}
.hub-demo aside>strong{font-size:9px}.hub-demo aside>span:not(.hub-avatar){font-size:8px;color:var(--secondary)}
.hub-main{padding:27px 18px;min-width:0}.hub-welcome strong{display:block;font:500 19px/1.2 var(--display);letter-spacing:-.7px}.hub-welcome small{font-size:8px;color:var(--secondary);display:block;margin-top:8px}
.hub-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px}
.hub-icons>div{display:flex;align-items:center;flex-direction:column;border:1px solid var(--line);border-radius:8px;padding:18px 3px;opacity:.45;transition:opacity .6s,transform .6s,border-color .6s;background:#ffffff03}
.hub-icons>div.is-current{opacity:1;transform:translateY(-5px);border-color:#2bdfff77}.hub-icons>div.is-complete{opacity:1}
.hub-icons .service-icon{width:24px;height:24px;color:var(--cyan);margin-bottom:13px}.hub-icons>div:nth-child(2) .service-icon{color:var(--lilac)}.hub-icons>div:last-child .service-icon{color:#f59be6}
.hub-icons strong{font-size:8px}.hub-icons small{font-size:6px;margin-top:5px;color:var(--secondary)}
.hub-download{border-top:1px solid var(--line);margin-top:25px;padding-top:16px;font-size:7px;color:var(--secondary)}
.browser-composition{position:relative;padding:0 0 15px}
.browser-window{border-radius:13px;overflow:hidden;border:1px solid #140a2b22;box-shadow:0 40px 75px -35px #1f0d4166;position:relative;background:white}
.browser-viewport{height:330px;overflow:hidden;position:relative;background:var(--night)}
.browser-viewport>div{height:100%;position:relative}.browser-viewport img{width:100%;height:100%;object-fit:cover;object-position:top;animation:preview-in .8s var(--ease)}
.browser-viewport>div>span{position:absolute;top:14px;left:14px;font:8px var(--mono);padding:7px 10px;border-radius:20px;background:#ffffffee;color:var(--ink)}
.browser-annotation{position:relative;margin:-16px -10px 0 auto;background:white;border:1px solid #140a2b1a;border-radius:10px;padding:17px 20px 17px 40px;width:max-content;max-width:95%;box-shadow:0 20px 40px -25px #1f0d4166;z-index:1}
.annotation-dot{position:absolute;left:19px;top:22px;width:8px;height:8px;border-radius:50%;background:var(--magenta)}
.browser-annotation strong{font:500 13px var(--display);display:block}.browser-annotation small{font-size:9px;color:#685f80;display:block;margin-top:4px}
.preview-controls{display:flex;gap:7px;justify-content:center;margin-top:25px}.preview-controls>button{border:1px solid #140a2b22;border-radius:30px;background:transparent;color:#685f80;padding:8px 13px;cursor:pointer;font:9px var(--mono)}
.preview-controls>button[aria-pressed=true]{background:var(--night);color:white;border-color:var(--night)}
.browser-composition .demo-caption{transform:none;margin:15px 0 0}
.browser-shadow{position:absolute;inset:20px 15px 100px -12px;border:1px solid #140a2b22;border-radius:13px;transform:rotate(-3deg);background:#ece8f5}
/* Explanatory sequences, not ornamental movement. */
.process-section{background:var(--night-950);position:relative;overflow:hidden}
.process-section .section-head>div{max-width:760px}.process-section h2{font-size:clamp(36px,4vw,58px)}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.process-step{position:relative;opacity:.5;transition:opacity .7s}
.process-step.is-current,.process-step.is-complete{opacity:1}
.process-number{font:13px var(--mono);color:var(--secondary)}
.process-track{height:1px;background:#ffffff18;margin:25px 0 28px;position:relative}
.process-track>i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:var(--cyan);transition:transform 1s var(--ease)}
.process-step.is-current .process-track>i,.process-step.is-complete .process-track>i{transform:scaleX(1)}
.process-step:last-child .process-track>i{background:var(--magenta)}
.process-step h3{font-size:27px;margin-bottom:17px}.process-step p{font-size:14px;max-width:310px}
.process-section .scene-pause{position:relative;bottom:auto;right:auto;color:var(--secondary);margin-top:30px}
/* Case studies, catalog and conversion surfaces */
.work-section{background:var(--night-900)}
.project-visual{border-radius:16px;box-shadow:0 22px 55px -40px #0008}
.project-trigger:hover .project-visual>img{transform:scale(1.035)}
.project-caption h3{font-size:23px}.project-caption>span{color:var(--secondary)}
.paper .project-caption>span{color:#685f80}
.project-summary{color:var(--secondary)}.paper .project-summary{color:#685f80}
.project-visual>img{transition:transform .9s var(--ease)}
.project-inspect{transform:translateY(8px);opacity:0;transition:transform .4s var(--ease),opacity .4s}
.project-trigger:hover .project-inspect,.project-trigger:focus-visible .project-inspect{transform:none;opacity:1}
.project-visual:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -30px 50px -25px #0b051855}
.project-badge{font-size:9px;z-index:1}.project-inspect{z-index:1;border-radius:7px}
.gallery-controls{padding:28px;border:1px solid #140a2b16;background:#fff7;border-radius:14px;margin-bottom:42px}
.gallery-count{margin-bottom:0}.gallery-fields input,.gallery-fields select{border-radius:8px}
.catalog-category{position:relative}.catalog-category>h3{font-size:29px;display:flex;align-items:center;gap:15px}.catalog-category>h3:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.app-card{border-radius:14px;transition:transform .4s var(--ease),border-color .4s;background:#ffffff03}
.app-card:hover{transform:translateY(-5px);border-color:#8f84f077}.app-monogram{width:50px;height:50px;border-radius:13px;background:#241642;font-size:18px}
.app-card h4{font-size:24px}.app-card a{padding-bottom:9px}.app-card p{font-size:14px}
.feature-list li{padding:28px 0}.feature-list h3{font-size:25px}.detail-grid{gap:clamp(35px,8vw,100px)}.detail-grid h2{font-size:clamp(34px,3.8vw,53px)}
.price{font-size:25px;letter-spacing:-.04em;color:var(--ink);margin-top:35px}
.sector-card{border-radius:18px;overflow:hidden;transition:border-color .4s,transform .4s}.sector-card:hover{border-color:#8f84f088;transform:translateY(-4px)}
.sector-card img{height:420px;transition:transform .8s var(--ease)}.sector-card:hover img{transform:scale(1.025)}
.sector-card>div{align-self:center}.sector-card h3{font-size:37px}
.about{gap:40px}.about h2{font-size:clamp(34px,3.8vw,57px)}.paper .values p{color:#685f80}.paper .values .mono{color:#6650a0}.values h3{font-size:22px}
.contact{background:var(--night-950);position:relative;overflow:hidden;padding-block:125px}
.contact:before{content:'';position:absolute;right:-80px;bottom:-170px;width:600px;height:600px;background:url('/assets/brand/isotipo.svg') center/contain no-repeat;opacity:.045;transform:rotate(-12deg);pointer-events:none}
.contact-grid{position:relative;gap:75px}.contact h2{font-size:clamp(42px,4.5vw,68px)}.contact p{font-size:16px;line-height:1.8}.contact .button{margin-top:8px}
footer{border-top:1px solid var(--line)}
.project-dialog{border-radius:18px}.project-dialog[open]{animation:dialog-in .3s var(--ease)}
.reference-label{color:#a38bb3}.paper .reference-label{color:#74607e}
@keyframes signal {0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}
@keyframes signal-down{0%{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(25px);opacity:0}}
@keyframes preview-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes title-rise{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
.motion-ready .title-line>span{animation:title-rise 1.1s var(--ease) both}.motion-ready .title-line:nth-child(2)>span{animation-delay:.12s}.motion-ready .title-line:nth-child(3)>span{animation-delay:.24s}
.motion-ready [data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
@media(min-width:1450px){.experience-grid{min-height:690px}}
@media(max-width:1100px){
 .experience-grid{gap:30px;grid-template-columns:1fr 1fr;min-height:570px}
 .experience-copy h1{font-size:55px}.experience-home .experience-copy h1{font-size:65px}
 .experience-copy .lead{font-size:15px}.experience-copy .actions{gap:15px}.experience-copy .button{font-size:12px;padding:14px 17px}
 .scene-chrome>.mono{font-size:8px}.scene-chrome{padding-inline:12px}.sprint-board{gap:8px;padding-inline:10px}.task{padding:10px 7px}.task strong{font-size:9px}.task small{font-size:6px}.code-lines{font-size:6px}
 .scene-controls{margin-inline:-5px}.scene-controls>button{font-size:7px;padding:10px 5px}
 .brand-workspace{grid-template-columns:100px 1fr}.brand-workspace>aside{padding-inline:12px}.brand-pipeline{padding-inline:12px}
 .hub-demo{grid-template-columns:80px 1fr}.hub-icons{gap:5px}.hub-main{padding-inline:12px}.hub-icons strong{font-size:7px}
 .mini-apps{gap:8px}.mini-apps>span{width:40px;height:40px}.mini-architecture,.mini-growth{padding:20px 15px;gap:5px}.mini-architecture>span,.mini-growth>span{font-size:9px;padding-inline:6px}
}
@media(max-width:760px){
 .header,.header-inner{height:68px;min-height:68px}.header .brand{font-size:23px}.header .brand img{width:32px;height:32px}
 .menu-toggle{color:var(--ink);border-color:#140a2b22;border-radius:7px}.header.on-night .menu-toggle{color:var(--paper);border-color:var(--line)}
 .header nav{top:68px;background:var(--paper);border-bottom-color:#140a2b22;padding-inline:20px}.header.on-night nav{background:var(--night)}
 .header nav>a[aria-current]:after{display:none}.header nav .nav-contact{margin-top:10px}.header nav>a{padding-block:16px}
 .container{max-width:600px;padding-inline:22px}.experience-hero{padding-top:45px}
 .experience-grid{grid-template-columns:1fr;gap:25px;min-height:0;padding-bottom:55px}
 .experience-copy h1{font-size:clamp(43px,9.3vw,65px);line-height:1.03;margin-top:24px}.experience-home .experience-copy h1{font-size:clamp(57px,11.8vw,78px)}
 .experience-copy .eyebrow{font-size:9px}.experience-copy .lead{font-size:16px;line-height:1.75}.experience-copy .actions{margin-top:27px;gap:20px}.experience-copy .button{font-size:13px}
 .hero-chips{gap:6px;margin-top:25px}.hero-chips>span{font-size:8px;padding:7px 9px}
 .experience-visual{padding:15px 6px 25px;margin-top:10px}.hero-bottom{padding-block:18px;gap:10px}.hero-bottom>.mono{font-size:7px;max-width:150px;line-height:1.7}.hero-bottom a{font-size:9px;gap:8px}
 .scene-chrome{padding:14px 12px}.scene-chrome>.mono{font-size:7px}.live-indicator{font-size:7px;padding-inline:5px}
 .sprint-board{gap:8px;padding:19px 11px;min-height:235px}.board-lane>span{font-size:7px}.task{padding:10px 7px}.task strong{font-size:9px}.task small{font-size:5.5px}.task p{font-size:7px}.code-lines{font-size:5.8px}
 .scene-footer{font-size:8px;padding-inline:13px}.scene-controls{padding:18px 0 12px;gap:5px;margin-inline:-3px}.scene-controls>button{font-size:7px;padding:8px 6px}.scene-controls>button>span{font-size:7px}.demo-caption{font-size:7px;line-height:1.8}.live-scene:after{right:-11px}
 .brand-workspace{grid-template-columns:96px 1fr;min-height:320px}.brand-pipeline{padding:15px 12px;gap:10px}.brand-pipeline strong{font-size:10px}.creative-demo>span{font-size:17px}.creative-demo>i{right:7px}
 .hub-demo{grid-template-columns:82px 1fr;min-height:300px}.hub-main{padding:24px 12px}.hub-welcome strong{font-size:16px}.hub-icons{gap:5px}.hub-icons>div{padding-block:16px}.hub-icons strong{font-size:7px}.hub-icons small{font-size:5px}
 .growth-journey{gap:10px;min-height:300px;padding:12px}.journey-stages{margin-right:-18px;gap:10px}.journey-stages>div{padding:14px 10px}.journey-stages strong{font-size:9px}.journey-stages small{font-size:6px}
 .system-blueprint{min-height:300px;padding-inline:14px}.blueprint-nodes{gap:7px}.blueprint-nodes strong{font-size:8px}.blueprint-nodes small{font-size:6px}.blueprint-nodes>div{padding-inline:7px}
 .browser-viewport{height:260px}.browser-annotation{margin-right:-5px;padding:14px 16px 14px 35px}.browser-annotation strong{font-size:12px}.browser-annotation small{font-size:8px}.annotation-dot{left:15px;top:18px}
 .preview-controls{gap:6px}.preview-controls>button{font-size:8px;padding-inline:11px}.browser-composition .demo-caption{margin-top:14px}
 .principles{max-width:none;padding-inline:22px;justify-content:start;gap:14px 24px}.principles>span:first-child{width:100%;margin:0}.principles>span{font-size:8px}
 .section-head{margin-bottom:35px}.section-head h2{font-size:clamp(35px,8vw,48px)}.section-head>p{font-size:15px;margin-top:24px}
 .offer{padding:26px;min-height:410px;border-radius:15px;gap:25px}.offer h3{font-size:27px}.offer p{font-size:14px}.offer-foot{font-size:11px}.offer-art{height:135px;margin:0}.offer-grid{gap:20px}
 .mini-sprint{padding:18px}.mini-sprint>span{font-size:8px}.mini-sprint>div{inset-inline:18px}
 .mini-architecture,.mini-growth{gap:6px;padding-inline:14px}.mini-architecture>span,.mini-growth>span{font-size:8px;padding-inline:7px}.mini-apps{gap:8px;padding-inline:17px}.mini-apps>span{width:34px;height:38px}.mini-apps .service-icon{width:19px;height:19px}
 .process-grid{grid-template-columns:1fr;gap:35px}.process-step{display:grid;grid-template-columns:40px 1fr;column-gap:15px}.process-number{grid-row:1/3;padding-top:4px}.process-track{position:absolute;top:29px;bottom:-32px;left:5px;width:1px;height:auto;margin:0}.process-track>i{transform:scaleY(0);transform-origin:top}.process-step.is-current .process-track>i,.process-step.is-complete .process-track>i{transform:scaleY(1)}.process-step:last-child .process-track{display:none}.process-step h3{font-size:25px;margin-bottom:13px}.process-step p{font-size:14px}.process-section .section-head{margin-bottom:40px}
 .project-inspect{opacity:1;transform:none;font-size:10px}.project-caption h3{font-size:22px}.project-caption>span{font-size:9px}.project-summary{font-size:13px}
 .gallery-controls{padding:20px;margin-bottom:32px}.gallery-fields input,.gallery-fields select{font-size:13px}.gallery-fields{gap:16px}.gallery-count{font-size:10px}
 .catalog-category>h3{font-size:25px}.app-card{padding:28px}.app-card h4{font-size:25px}.app-card p{font-size:14px}
 .page-hero{padding-block:35px 60px}.page-hero h1{font-size:clamp(42px,10vw,58px)}.page-hero .lead{font-size:16px}
 .sector-card img{height:310px}.sector-card h3{font-size:31px}.sector-card>div{padding:30px}
 .contact{padding-block:85px}.contact-grid{gap:30px}.contact h2{font-size:45px}.contact p{font-size:15px}.contact:before{width:400px;height:400px;right:-180px;bottom:-100px}
 .values{gap:25px}.values>div{border-color:#140a2b22}.values h3{font-size:23px}
 .detail-grid h2{font-size:35px}.feature-list h3{font-size:23px}.price{font-size:22px}
 .project-dialog .dialog-copy h2{font-size:30px}.project-dialog .dialog-copy{padding:27px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}
 .motion-ready [data-reveal],.motion-ready .title-line>span{opacity:1;transform:none}
}
/* Delivery: the working software is the visual anchor, as the live photo is in Growth. */
.scene-delivery .scene-chrome{background:var(--night-900);border-color:var(--line);color:var(--secondary)}
.scene-delivery .window-dots>i{background:#8f84f066}.scene-delivery .live-indicator{color:var(--cyan);border-color:#2bdfff44}.scene-delivery .live-indicator:before{background:var(--cyan)}
.scene-delivery .sprint-board{background:var(--night-900);padding-block:26px;min-height:300px}
.scene-delivery .board-lane>span{color:var(--secondary);font-size:9px}
.scene-delivery .task{background:#1f1038;border-color:#8f84f033;color:var(--paper)}
.scene-delivery .task small{color:var(--secondary);font-size:7px}.scene-delivery .task strong{font-size:12px}.scene-delivery .task p{color:var(--secondary);font-size:9px}
.scene-delivery .task.is-current{border-color:#2bdfff88;box-shadow:0 15px 30px -20px #2bdfff88}
.scene-delivery .task.is-complete{border-color:#2bdfff44}.scene-delivery .result-task.is-current{border-color:#f02bd099;box-shadow:0 15px 30px -20px #f02bd088}
.scene-delivery .code-lines{font-size:8px;color:var(--secondary)}.scene-delivery .code-lines b{color:var(--cyan)}.scene-delivery .code-lines em{color:#ff8be9}
.scene-delivery .task-line{background:#8f84f033}.scene-delivery .task-line:after{background:var(--cyan)}
.scene-delivery .check-drawn{color:#ff8be9;border-color:#f02bd066;background:#f02bd014}
.scene-delivery .muted-task strong{font-size:10px}
@keyframes task-build{0%,20%{transform:translateY(6px);border-color:#8f84f033}50%,75%{transform:translateY(-5px);border-color:#2bdfff88}100%{transform:translateY(6px);border-color:#8f84f033}}
.offer.is-in-view .mini-sprint i{animation:task-build 5s var(--ease) infinite}.offer.is-in-view .mini-sprint i:nth-child(2){animation-delay:.7s}.offer.is-in-view .mini-sprint i:last-child{animation-delay:1.4s}
.page-hidden *,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
@media(max-width:1100px){.scene-delivery .task strong{font-size:10px}.scene-delivery .task small{font-size:6px}.scene-delivery .task p{font-size:8px}.scene-delivery .code-lines{font-size:6px}}
@media(max-width:760px){.scene-delivery .sprint-board{min-height:260px}.scene-delivery .board-lane>span{font-size:7px}.scene-delivery .task strong{font-size:9px}.scene-delivery .task small{font-size:5.5px}.scene-delivery .task p{font-size:7px}.scene-delivery .muted-task strong{font-size:8px}.scene-delivery .code-lines{font-size:5.8px}}
.delivery-note{position:absolute;right:-20px;top:-30px;display:flex;align-items:center;gap:12px;padding:17px 20px;background:white;border:1px solid #a8128f25;border-radius:11px;box-shadow:0 20px 40px -25px #1f0d4166;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .7s var(--ease),transform .7s var(--ease);z-index:2}
.delivery-note small{font:7px var(--mono);color:#685f80;display:block;letter-spacing:.06em}.delivery-note strong{font:500 13px var(--display);display:block;margin-top:6px;color:var(--ink)}.delivery-note div>span{font-size:8px;color:#685f80;display:block;margin-top:5px}.note-check{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #f02bd044;border-radius:50%;color:var(--magenta-ink);background:#f02bd009;font-size:13px}
.scene-delivery[data-active-step="2"] .delivery-note{opacity:1;transform:none}
@media(max-width:760px){.delivery-note{right:-5px;top:-22px;padding:12px 14px;gap:9px}.delivery-note strong{font-size:11px}.delivery-note small{font-size:6px}.delivery-note div>span{font-size:7px}.note-check{width:23px;height:23px}}
.experience-hero{background:radial-gradient(ellipse 60% 70% at 85% 40%,rgba(143,132,240,.16),transparent 70%),linear-gradient(180deg,#fff 0%,var(--paper) 100%)}
.experience-hero:before{display:none}.header:not(.on-night){background:rgba(255,255,255,.9)}
@media(max-width:760px){.experience-home .experience-copy h1{font-size:clamp(38px,11.7vw,64px)}}
@media(min-width:761px) and (max-width:999px){
 .experience-grid{grid-template-columns:1fr;gap:35px;padding-bottom:75px}
 .experience-copy{max-width:760px}.experience-copy h1{font-size:clamp(60px,8vw,78px)}
 .experience-home .experience-copy h1{font-size:clamp(66px,9vw,88px)}
 .experience-copy .lead{max-width:650px;font-size:17px}
 .experience-visual{width:100%;max-width:650px;margin:auto;padding-bottom:30px}
}
@media(max-width:760px){.experience-copy h1{font-size:clamp(38px,10.8vw,65px)}}

/* Innobox — editorial direction and original software factory. */
:root{--editorial-paper:#faf9fc;--editorial-rule:#ded9e8}
html{scroll-padding-top:100px}.header .brand img{border-radius:7px;background:var(--night);padding:2px}
.factory-hero{background:linear-gradient(180deg,#fff,#faf9fc);overflow:clip;padding-top:clamp(18px,2vw,28px)}
.factory-hero .experience-grid{max-width:1480px;grid-template-columns:.86fr 1.24fr;gap:35px;min-height:650px;padding-top:12px;padding-bottom:45px}
.factory-hero .experience-copy h1{font-size:clamp(50px,4.6vw,76px);line-height:1.05;letter-spacing:-.06em;margin-block:25px}
.factory-hero .experience-copy .lead{font-size:17px;line-height:1.85;max-width:470px}
.factory-hero .experience-copy .eyebrow{font-size:10px}.factory-hero .experience-visual{padding:15px 0 0}
.factory-hero .hero-chips>span{border:0;border-radius:0;padding:0 14px 0 0;background:none;display:flex;align-items:center;gap:7px;color:#685f80;font:10px var(--body)}
.factory-hero .hero-chips>span:before{content:'';width:3px;height:3px;border-radius:50%;background:var(--cyan-ink)}
.factory-hero .hero-bottom{max-width:1480px;background:transparent}.factory-hero .experience-copy .actions{gap:25px}
.software-factory{margin:0;position:relative;--carrier-x:850px;color:var(--ink);min-width:0}
.factory-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 12px 10px;color:#685f80}
.factory-topline>span{font:9px var(--mono);letter-spacing:.06em;display:flex;align-items:center;gap:9px}.factory-topline i{display:block;width:5px;height:5px;border-radius:50%;background:var(--cyan-ink)}
.factory-topline button{border:1px solid #140a2b20;background:white;border-radius:20px;padding:7px 12px;font:10px var(--body);color:#463d5f;cursor:pointer;flex-shrink:0}
.factory-drawing{display:block;width:100%;height:auto;overflow:visible;padding-top:15px}
.factory-carrier{transform:translateX(var(--carrier-x));transition:transform 1.15s var(--ease-io);will-change:transform}
.factory-drawing .station-name{font:13px var(--mono);fill:#685f80}.station-light{fill:#b8b0ca;transition:fill .4s}.station-underline{stroke:#d8d1e4;stroke-width:1.5;transition:stroke .4s,stroke-width .4s}
.factory-station.is-current .station-light{fill:var(--cyan-ink)}.factory-station.is-current .station-name{fill:#140a2b}.factory-station.is-current .station-underline{stroke:var(--cyan-ink);stroke-width:3}
.factory-station:last-of-type.is-current .station-underline{stroke:var(--magenta-ink)}
.unit-part,.output-part{opacity:1;transition:opacity .55s,transform .55s var(--ease)}.unit-part.is-pending,.output-part.is-pending{opacity:.08}
.output-outline{transition:stroke .5s}.software-factory[data-stage="4"] .output-outline{stroke:#a8128f55}.output-ready{opacity:0;transition:opacity .5s}.software-factory[data-stage="4"] .output-ready{opacity:1}
.factory-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:8px;border-bottom:1px solid var(--editorial-rule)}
.factory-controls>button{display:flex;flex-direction:column;gap:8px;border:0;background:none;padding:12px 3px 15px;position:relative;cursor:pointer;text-align:left;color:#685f80}
.factory-controls>button span{font:9px var(--mono)}.factory-controls>button strong{font:500 11px var(--body)}
.factory-controls>button:after{content:'';position:absolute;inset:auto 0 -1px;height:2px;background:var(--cyan-ink);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.factory-controls>button[aria-pressed=true]{color:var(--ink)}.factory-controls>button[aria-pressed=true]:after,.factory-controls>button:hover:after{transform:scaleX(.9)}.factory-controls>button:last-child:after{background:var(--magenta-ink)}
.factory-story{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:22px 0 14px;min-height:111px}
.factory-story>span{font:9px var(--mono);color:var(--cyan-ink);padding-top:5px}.factory-story strong{font:500 17px var(--display);letter-spacing:-.035em;display:block;color:var(--ink)}.factory-story p{font:12px/1.8 var(--body);color:#685f80;margin-top:8px;max-width:500px}
.software-factory figcaption{font:9px/1.8 var(--body);color:#685f80;border-top:1px solid #140a2b0c;padding-top:12px}
.software-factory.is-running .factory-station.is-current .robot-upper{animation:robot-turn 2.8s var(--ease-io) infinite}.software-factory.is-running .factory-station.is-current .robot-lower{animation:robot-turn 2.8s var(--ease-io) .2s infinite alternate}
.software-factory.is-running .factory-station.is-current .scan-line{animation:factory-scan 2.2s var(--ease-io) infinite}.software-factory.is-running .conveyor-signal{animation:conveyor-flow 2s linear infinite}.software-factory.is-running .data-packet{animation:factory-data 5s linear infinite}.software-factory.is-running[data-stage="4"] .publish-trace{animation:conveyor-flow 2s linear infinite reverse}
@keyframes robot-turn{0%,25%,100%{transform:rotate(0deg)}55%,75%{transform:rotate(var(--arm-angle))}}
@keyframes factory-scan{0%,100%{transform:translateY(-14px);opacity:.1}50%{transform:translateY(30px);opacity:1}}
@keyframes conveyor-flow{to{stroke-dashoffset:-48}}
@keyframes factory-data{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(540px);opacity:0}}
/* A commercial sequence: need -> work -> people -> products -> conversation. */
.outcomes-section{background:var(--editorial-paper);border-top:1px solid var(--editorial-rule)}
.outcomes-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:95px;align-items:start}
.outcomes-intro{position:sticky;top:125px}.outcomes-intro h2{font-size:clamp(36px,3.9vw,58px);line-height:1.1}.outcomes-intro>p{font-size:15px;line-height:1.85;color:#685f80;margin-top:28px;max-width:370px}
.editorial-note{display:block;font:10px/1.8 var(--mono);color:#685f80;border-top:1px solid var(--editorial-rule);padding-top:20px;margin-top:30px;max-width:370px}
.outcome-row{display:grid;grid-template-columns:28px 1fr 24px;gap:20px;padding:29px 0 33px;border-top:1px solid #140a2b26;transition:background .3s}
.outcome-row:first-child{padding-top:0;border:0}.outcome-row:hover h3{color:var(--cyan-ink)}.outcome-row:hover .outcome-arrow{transform:translate(3px,-3px)}
.outcome-number{font:10px var(--mono);color:#857a9c;padding-top:4px}.outcome-service{font:10px var(--mono);color:#685f80;display:block;margin-bottom:12px}
.outcome-row h3{font:500 26px/1.25 var(--display);letter-spacing:-.045em;transition:color .3s;max-width:500px}.outcome-row p{font-size:14px;line-height:1.8;margin-top:14px;color:#685f80;max-width:480px}.outcome-price{display:block;font-size:11px;color:#463d5f;margin-top:20px}.outcome-arrow{align-self:center;transition:transform .3s;color:#463d5f}
.proof-section{background:#fff;color:var(--ink)}.proof-section .section-head{align-items:start}.proof-section .section-head h2{font-size:clamp(38px,4.1vw,62px)}.proof-section .eyebrow,.proof-section .section-head p{color:#685f80}.proof-section .eyebrow:before{background:var(--cyan-ink)}.proof-section .section-head>div:last-child{max-width:330px}.proof-section .section-head p{font-size:15px;line-height:1.85}.proof-section .text-link{margin-top:25px}
.proof-section .project-grid{display:grid;grid-template-columns:1.25fr 1fr;column-gap:40px;row-gap:30px}.proof-section .project:first-child{grid-row:span 2}.proof-section .project:first-child .project-visual{aspect-ratio:.98}.proof-section .project:first-child .project-visual>img{object-fit:cover;object-position:top;min-height:100%}.proof-section .project:not(:first-child) .project-visual{aspect-ratio:2.55}.proof-section .project-caption>span{color:#685f80}.proof-section .project-summary{color:#685f80}.proof-section .project-visual{border-radius:13px;box-shadow:0 25px 50px -40px #140a2b66}.proof-section .project-visual>img{object-position:top}.proof-section .project-caption :is(h2,h3){font-size:23px}.proof-note{font-size:11px;line-height:1.8;color:#685f80;margin-top:30px;max-width:700px}
.human-section{background:var(--night-900);color:var(--paper);position:relative}.human-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:20px 80px;align-items:end}.human-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.human-heading h2{font-size:clamp(38px,4.2vw,62px);line-height:1.1}.human-heading h2>span{color:var(--lilac)}.human-heading>p{font-size:15px;line-height:1.9;max-width:360px}.human-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:65px;align-items:center}
.review-composition{position:relative;padding:0 20px 15px 0}.review-page{position:relative;background:#f6f4fb;color:var(--ink);padding:36px 40px 30px;border-radius:4px 22px 4px 4px;box-shadow:12px 12px 0 0 #ffffff08;transform:rotate(-2deg)}
.review-kicker{font:8px var(--mono);color:#685f80}.review-page h3{font-size:34px;line-height:1.14;margin-top:23px;letter-spacing:-.05em}.review-page ul{padding:0;list-style:none;margin:25px 0 0}.review-page li{display:flex;gap:15px;align-items:center;font-size:12px;color:#463d5f;padding:12px 0;border-bottom:1px solid #140a2b12}.review-page li>span{font:9px var(--mono);color:var(--cyan-ink)}
.review-signature{display:flex;align-items:center;gap:10px;margin-top:25px;font-size:11px;color:#463d5f}.review-check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#a8128f0d;color:var(--magenta-ink);border:1px solid #a8128f25}
.review-roles{position:relative;display:flex;justify-content:end;gap:7px;margin-top:-20px;margin-right:-30px;transform:rotate(1deg)}.review-roles>span{padding:12px 15px;border:1px solid #8f84f055;border-radius:25px;background:#24133f;color:var(--paper);font-size:10px;box-shadow:0 8px 20px #0b051833}.review-roles>span:first-child{border-color:#2bdfff55}.review-caption{font-size:9px!important;line-height:1.8!important;margin:25px 0 0;text-align:center;color:var(--secondary)}
.method-accordions details{border-top:1px solid var(--line);padding:24px 0}.method-accordions details:last-child{border-bottom:1px solid var(--line)}.method-accordions summary{display:block;cursor:pointer;list-style:none;font:500 23px/1.35 var(--display);letter-spacing:-.04em;padding-right:25px;position:relative}.method-accordions summary::-webkit-details-marker{display:none}.method-accordions summary:after{content:'+';position:absolute;right:0;top:15px;color:var(--lilac);font:20px var(--body)}.method-accordions details[open] summary:after{content:'−'}.method-accordions summary>span{display:block;font:9px var(--mono);letter-spacing:.03em;color:var(--secondary);margin-bottom:12px}.method-accordions p{font-size:14px;line-height:1.9;margin-top:20px;color:var(--secondary);max-width:420px}
.ecosystem-section{background:#faf9fc}.ecosystem-section .section-head h2{font-size:clamp(36px,3.7vw,55px)}.ecosystem-editorial{display:grid;grid-template-columns:1fr 1fr;gap:50px}.ecosystem-editorial>a{position:relative;padding:35px 0 0;border-top:1px solid #140a2b33;display:flex;flex-direction:column;align-items:start;transition:border-color .3s}.ecosystem-editorial>a:hover{border-color:var(--cyan-ink)}.ecosystem-label{font:10px var(--mono);letter-spacing:.06em;color:#685f80}.ecosystem-editorial h3{font-size:29px;line-height:1.18;margin:23px 0 20px;letter-spacing:-.045em}.ecosystem-editorial p{font-size:14px;line-height:1.85;color:#685f80;max-width:450px}.product-name-line{display:flex;flex-wrap:wrap;gap:0;margin-top:28px;font:10px var(--mono);color:#463d5f}.product-name-line>span{padding:4px 14px 4px 0;margin-right:14px;border-right:1px solid #140a2b22}.product-name-line>span:last-child{border:0;padding-right:0;margin-right:0}.brand-cycle{display:flex;align-items:center;gap:13px;margin-top:30px;color:#463d5f;font:10px var(--mono)}.brand-cycle>i{display:block;width:20px;height:1px;background:#a8128f55}.ecosystem-link{display:flex;gap:20px;align-items:center;font-size:12px;margin-top:auto;padding-top:35px;padding-bottom:5px}.ecosystem-link .arrow-icon{color:var(--cyan-ink)}
/* Align shared demos as a single component, with readable controls in normal flow. */
.live-scene:before,.live-scene:after{display:none}.live-scene{border-radius:14px;box-shadow:0 28px 65px -40px #1f0d4144;overflow:visible}
.live-scene .scene-footer{display:flex;align-items:center;gap:15px;min-height:50px;padding:13px 17px;font:11px var(--body);color:#463d5f;flex-wrap:wrap;background:#fff}.live-scene .scene-footer [data-scene-status]{flex:1}.live-scene .scene-progress{display:none}
.scene-pause{position:static;inset:auto;display:inline-block;transform:none;margin:0;font:10px var(--body);padding:6px 9px;text-decoration:none;border:1px solid #140a2b22;background:white;border-radius:20px;color:#463d5f;flex-shrink:0}
.live-scene .scene-controls{margin:0;padding:12px 14px;transform:none;gap:8px;background:#f6f4fb;border-top:1px solid #140a2b10}.live-scene .scene-controls>button{font:10px/1.5 var(--body);padding:9px 10px;min-height:46px;background:transparent;border-color:transparent;border-radius:7px;gap:7px}.live-scene .scene-controls>button>span{font-size:8px}.live-scene .scene-controls>button[aria-pressed=true]{border-color:#08718c44;background:white}.live-scene .demo-caption{transform:none;margin:0;padding:0 16px 14px;background:#f6f4fb;font:9px/1.7 var(--body);text-align:left;border-radius:0 0 14px 14px;color:#685f80}
.live-scene .delivery-note{right:14px;top:-25px}.process-section{background:#f6f4fb;color:var(--ink)}.process-section .eyebrow,.process-section .section-head>p,.process-step p,.process-number{color:#685f80}.process-section .eyebrow:before{background:var(--cyan-ink)}.process-step{opacity:1}.process-track{background:#140a2b22}.process-track>i{transform:scaleX(1);background:#08718c66}.process-step:last-child .process-track>i{background:#a8128f66}
.contact{padding-block:90px;background:var(--night-950)}.contact:before{display:none}.contact h2{font-size:clamp(38px,4vw,60px);line-height:1.1}.contact-grid{grid-template-columns:1.15fr 1fr;gap:100px;align-items:start}.contact-grid>div:first-child>p{max-width:470px;margin-top:25px;font-size:15px}.contact-label{font:9px var(--mono);color:var(--secondary);letter-spacing:.05em}.contact-next{padding-top:7px}.contact-next ol{list-style:decimal;padding-left:18px;margin:22px 0 27px;color:var(--secondary);font-size:14px;line-height:1.9}.contact-next li{padding-left:8px;margin-bottom:8px}.contact-next .button{margin-top:0}.contact small{font-size:10px;line-height:1.8;max-width:370px}
@media(min-width:1500px){.factory-hero .experience-grid{min-height:700px}.factory-hero .experience-copy h1{font-size:78px}}
@media(max-width:1100px){.factory-hero .experience-grid{grid-template-columns:1fr 1.15fr;gap:25px}.factory-hero .experience-copy h1{font-size:52px}.factory-hero .experience-copy .lead{font-size:15px}.factory-story strong{font-size:15px}.factory-topline>span{font-size:7px}.factory-story p{font-size:11px}.factory-controls>button strong{font-size:10px}.outcomes-layout{gap:50px}.human-layout{gap:60px}.review-page{padding:30px}.review-roles{margin-right:-15px}.outcome-row{gap:15px}.outcome-row h3{font-size:23px}.human-heading{gap:25px 50px}}
@media(max-width:999px){.factory-hero .experience-grid{grid-template-columns:1fr;padding-top:0}.factory-hero .experience-copy{max-width:700px}.factory-hero .experience-copy h1{font-size:65px}.factory-hero .experience-copy .lead{max-width:580px;font-size:17px}.factory-hero .experience-visual{max-width:760px;width:100%;margin:auto}.factory-story{min-height:106px}.factory-topline>span{font-size:9px}.factory-controls>button strong{font-size:12px}.outcomes-layout{grid-template-columns:1fr;gap:50px}.outcomes-intro{position:static}.outcomes-intro h2 br{display:none}.outcomes-intro>p{max-width:650px}.editorial-note{max-width:650px}.human-heading{grid-template-columns:1fr}.human-heading>p{max-width:600px}.human-layout{gap:50px}.review-page{padding:27px}.review-page h3{font-size:29px}.method-accordions summary{font-size:21px}.contact-grid{gap:50px}}
@media(max-width:760px){
 .factory-hero{padding-top:22px}.factory-hero .experience-grid{gap:30px;padding-bottom:35px}.factory-hero .experience-copy h1{font-size:clamp(38px,10.3vw,60px);margin-block:22px}.factory-hero .experience-copy .lead{font-size:15px;line-height:1.85}.factory-hero .experience-copy .eyebrow{font-size:9px}.factory-hero .experience-copy .actions{gap:20px;margin-top:25px}.factory-hero .experience-copy .button{font-size:12px}.factory-hero .experience-copy .hero-chips{margin-top:25px;gap:10px}.factory-hero .hero-chips>span{font-size:9px;padding-right:5px}.factory-hero .experience-visual{padding:0}.factory-hero .hero-bottom .mono{font-size:7px}
 .factory-topline{padding-inline:0;gap:8px}.factory-topline>span{font-size:6px;letter-spacing:.02em;gap:6px}.factory-topline i{width:4px;height:4px}.factory-topline button{font-size:9px;padding:6px 10px}
 .factory-drawing{padding-top:5px}.factory-controls{padding-top:0}.factory-controls>button{padding:11px 2px 12px;gap:6px}.factory-controls>button strong{font-size:9px}.factory-controls>button span{font-size:8px}.factory-story{grid-template-columns:32px 1fr;gap:10px;min-height:118px;padding-top:19px}.factory-story>span{font-size:8px}.factory-story strong{font-size:15px;line-height:1.4}.factory-story p{font-size:11px;line-height:1.8}.software-factory figcaption{font-size:8px}
 .outcomes-layout{gap:32px}.outcomes-intro h2{font-size:35px;line-height:1.12}.outcomes-intro>p{font-size:14px;margin-top:23px}.editorial-note{font-size:9px;margin-top:23px;padding-top:17px}.outcome-row{grid-template-columns:20px 1fr 16px;gap:12px;padding:25px 0}.outcome-row h3{font-size:23px;line-height:1.25}.outcome-row p{font-size:13px;line-height:1.85}.outcome-service{font-size:9px;margin-bottom:10px}.outcome-number{font-size:9px}.outcome-price{font-size:10px;margin-top:15px}.outcome-arrow .arrow-icon{width:13px;height:13px}
 .proof-section .section-head{display:block}.proof-section .section-head>div:last-child{max-width:100%;margin-top:24px}.proof-section .section-head h2{font-size:37px}.proof-section .section-head p{font-size:14px}.proof-section .text-link{margin-top:20px}.proof-section .project-grid{grid-template-columns:1fr;gap:32px}.proof-section .project:first-child{grid-row:auto}.proof-section .project:first-child .project-visual,.proof-section .project:not(:first-child) .project-visual{aspect-ratio:1.5}.proof-section .project-caption :is(h2,h3){font-size:22px}.proof-note{font-size:10px;margin-top:25px}
 .human-heading{gap:22px}.human-heading h2{font-size:37px}.human-heading>p{font-size:14px;line-height:1.9}.human-layout{grid-template-columns:1fr;margin-top:40px;gap:38px}.review-composition{padding-right:15px}.review-page{padding:28px}.review-page h3{font-size:33px}.review-kicker{font-size:7px}.review-page li{font-size:11px}.review-roles{margin-right:-10px;gap:5px}.review-roles>span{padding:10px 12px;font-size:9px}.review-caption{margin-top:20px}.method-accordions details{padding:22px 0}.method-accordions summary{font-size:23px}.method-accordions p{font-size:13px;line-height:1.9}
 .ecosystem-editorial{grid-template-columns:1fr;gap:40px}.ecosystem-section .section-head h2{font-size:35px}.ecosystem-editorial>a{padding-top:25px}.ecosystem-editorial h3{font-size:27px;margin-top:20px}.ecosystem-editorial p{font-size:13px}.product-name-line{font-size:9px;line-height:1.7;gap:5px 0}.brand-cycle{gap:10px;font-size:9px}.brand-cycle>i{width:16px}.ecosystem-link{padding-top:25px;font-size:11px}
 .live-scene .scene-footer{font-size:10px;padding:12px}.live-scene .scene-controls{padding:9px;gap:4px}.live-scene .scene-controls>button{font-size:9px;padding:7px 5px;gap:5px;min-height:48px}.live-scene .scene-controls>button>span{display:none}.live-scene .demo-caption{font-size:8px;padding-inline:12px}.scene-pause{font-size:9px;padding:6px 8px}.process-track>i{transform:scaleY(1)}.live-scene .delivery-note{top:-22px;right:10px}
 .contact{padding-block:75px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact h2{font-size:37px}.contact-grid>div:first-child>p{font-size:14px;margin-top:22px}.contact-label{font-size:8px}.contact-next ol{font-size:13px;line-height:1.9}.contact small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.software-factory *,.software-factory *:before{animation:none!important;transition:none!important}.factory-carrier{will-change:auto}}
.factory-reset .factory-carrier{transition:none!important}.factory-story{height:124px}.factory-controls[hidden]{display:none!important}
@media(max-width:760px){.factory-story{height:164px}}
@media(min-width:761px){.proof-section .project-grid:has(>.project:nth-child(3):last-child){grid-template-columns:1.25fr 1fr}}
.proof-section .project:first-child .project-visual>img{object-position:left top}
@media(max-width:760px){.proof-section .project-grid:has(>.project:nth-child(3):last-child){grid-template-columns:1fr}}
.factory-story{height:110px}.factory-story>span{white-space:nowrap}
@media(max-width:760px){.factory-story{height:140px;grid-template-columns:42px 1fr}}
@media(max-width:360px){.factory-story{height:160px}}
/* Keep a paused machine in its current pose instead of snapping it back. */
.software-factory .robot-upper{animation:robot-turn 2.8s var(--ease-io) infinite;animation-play-state:paused}
.software-factory .robot-lower{animation:robot-turn 2.8s var(--ease-io) .2s infinite alternate;animation-play-state:paused}
.software-factory .scan-line{animation:factory-scan 2.2s var(--ease-io) infinite;animation-play-state:paused}
.software-factory .conveyor-signal{animation:conveyor-flow 2s linear infinite;animation-play-state:paused}
.software-factory .data-packet{animation:factory-data 5s linear infinite;animation-play-state:paused}
.software-factory .publish-trace{animation:conveyor-flow 2s linear infinite reverse;animation-play-state:paused}
.software-factory.is-running .factory-station.is-current .robot-upper,.software-factory.is-running .factory-station.is-current .robot-lower,.software-factory.is-running .factory-station.is-current .scan-line,.software-factory.is-running .conveyor-signal,.software-factory.is-running .data-packet,.software-factory.is-running[data-stage="4"] .publish-trace{animation-play-state:running}
.method-accordions summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px;border-radius:3px}

/* Solid geometry is projected in a single camera space. No bitmap 3D assets. */
.spatial-bay{display:block}.journey-layer{display:none}.spatial-ready .spatial-bay{display:block}.spatial-ready .factory-drawing{display:block}
.spatial-bay{height:430px;position:relative;isolation:isolate;overflow:visible}.spatial-camera{position:absolute;inset:0;perspective:1100px;perspective-origin:50% 45%}
.spatial-world{position:absolute;width:670px;height:420px;left:50%;top:47%;transform-style:preserve-3d;transform:translate(-50%,-50%) scale(var(--world-scale,.88)) rotateX(calc(53deg + var(--camera-y,0deg))) rotateZ(calc(-27deg + var(--camera-x,0deg)));will-change:transform}
.spatial-world *,.solid,.rover,.arm-rig,.arm-link,.scout-camera{transform-style:preserve-3d}
.solid{position:absolute;width:var(--w);height:var(--h);--metal-top:#f0eef6;--metal-front:#b5afc6;--metal-side:#d1ccdf}
.solid>i{position:absolute;display:block;backface-visibility:hidden;box-sizing:border-box;border:1px solid #867caa28}
.solid-top{width:var(--w);height:var(--h);background:var(--metal-top);transform:translateZ(var(--d));box-shadow:inset 0 0 14px #fff5}
.solid-front{width:var(--w);height:var(--d);background:var(--metal-front);transform-origin:0 0;transform:translate3d(0,var(--h),var(--d)) rotateX(-90deg)}
.solid-side{width:var(--h);height:var(--d);background:var(--metal-side);transform-origin:0 0;transform:translate3d(var(--w),0,var(--d)) rotateZ(90deg) rotateX(-90deg)}
.factory-foundation{position:absolute;inset:0;transform:translateZ(-29px)}.foundation-solid{--metal-top:#eae7f0;--metal-front:#a69ebc;--metal-side:#c4bdd6}.foundation-solid .solid-top{box-shadow:0 55px 60px #1f0d4126,inset 0 0 0 8px #f5f3f9}
.floor-grid{position:absolute;inset:12px;background-image:linear-gradient(#74648b12 1px,transparent 1px),linear-gradient(90deg,#74648b12 1px,transparent 1px);background-size:25px 25px;transform:translateZ(1px)}
.spatial-backbone{position:absolute;inset:40px 65px 45px;border:3px solid #2bdfff66;border-radius:50px;transform:translateZ(2px);box-shadow:0 0 9px #2bdfff22,inset 0 0 12px #2bdfff11}
.spatial-station{position:absolute;left:var(--sx);top:var(--sy);width:124px;height:100px;transform-style:preserve-3d}
.station-plinth{--metal-top:#faf9fd;--metal-front:#807497;--metal-side:#bcb2cf}.station-plinth .solid-top{border:2px solid #8f84f044;box-shadow:0 14px 15px #1f0d4122}
.machine-column{--metal-top:#2f1e49;--metal-front:#120826;--metal-side:#4c3b65}.station-badge{position:absolute;left:0;top:105px;white-space:nowrap;font:10px var(--mono);color:#463d5f;transform:translateZ(2px)}
.station-module{position:absolute;left:82px;top:62px;transform:translateZ(21px)}.module-solid{--metal-top:#f8fcff;--metal-front:#8f84f0;--metal-side:#b5abef}.module-solid .solid-top{background:repeating-linear-gradient(0deg,#f8fcff,#f8fcff 5px,#08718c55 6px,#f8fcff 7px)}
.arm-rig{position:absolute;left:58px;top:42px;width:12px;height:12px;transform:translateZ(70px)}
.arm-link{position:absolute;height:14px;background:linear-gradient(#fff,#b2a7c9);border:1px solid #7d6b9855;border-radius:9px;transform-origin:7px 7px;box-shadow:0 6px 6px #12082622}
.arm-first{width:66px;transform:rotateZ(var(--arm-one,-35deg))}.arm-second{left:52px;top:0;width:53px;transform:rotateZ(var(--arm-two,95deg))}
.arm-link>b{display:block;width:13px;height:13px;border:3px solid #2f1e49;border-radius:50%;background:#2bdfff;position:absolute;left:0;top:0;transform:translateZ(2px)}
.arm-tool{position:absolute;right:-8px;top:0;width:16px;height:17px;border:3px solid #40304f;border-left:0;transform:translateZ(-4px)}
.inspection-rig{position:absolute;left:50px;top:33px;transform:translateZ(74px);width:27px;height:25px;background:#24133f;border:3px solid #c3bad5;border-radius:7px}
.inspection-rig>i{display:block;width:10px;height:10px;border:2px solid #2bdfff;background:#08718c;margin:5px;border-radius:50%}.inspection-rig>span{position:absolute;top:23px;left:-8px;width:40px;height:50px;background:linear-gradient(#2bdfff22,transparent);transform-origin:top;transform:rotateX(-60deg)}
.spatial-station.is-current .station-plinth .solid-top{border-color:#08718c;box-shadow:0 15px 22px #2bdfff22}.spatial-station.is-current .station-badge{color:#08718c}
.hologram{position:absolute;left:420px;top:175px;width:205px;height:138px;box-sizing:border-box;padding:14px;background:#fffffff0;border:1px solid #8f84f077;border-radius:9px;box-shadow:0 15px 25px #1f0d4133;transform:translateZ(150px) rotateX(-65deg);transform-origin:bottom}
.hologram>span{font:7px var(--mono);color:#685f80}.hologram strong{display:block;font:500 18px/1.15 var(--display);letter-spacing:-.7px;color:#140a2b;margin-top:9px}.hologram small{font:7px var(--body);color:#685f80}.hologram-layout{display:flex;gap:5px;margin:10px 0}.hologram-layout>i{height:10px;width:35px;background:#08718c22;border-radius:2px}.hologram-layout>i:last-child{background:#a8128f33;width:55px}
.infrastructure-tower{position:absolute;left:24px;top:32px;transform:translateZ(1px)}.tower-two{left:625px;top:310px}.tower-solid{--metal-top:#594970;--metal-front:#24133f;--metal-side:#3c2a54}.tower-solid .solid-front{background:repeating-linear-gradient(0deg,#24133f,#24133f 9px,#8f84f088 10px,#24133f 12px)}
.ambient-rover{position:absolute;left:0;top:0;transform:translate3d(100px,310px,4px)}.transport-rover{transform:translate3d(360px,200px,4px)}
.rover{position:relative;width:42px;height:32px}.rover-shadow{position:absolute;inset:-4px;background:#1f0d4122;filter:blur(5px);transform:translateZ(-1px)}
.rover-base{--metal-top:#d9d3e4;--metal-front:#221335;--metal-side:#857594}.rover-head{--metal-top:#faf9fc;--metal-front:#24133f;--metal-side:#aaa0ba}
.rover-sensor{position:absolute;left:9px;top:27px;width:22px;height:5px;background:#2bdfff;border:1px solid #1f0d41;border-radius:3px;transform:translateZ(25px) rotateX(-90deg);transform-origin:top;box-shadow:0 0 7px #2bdfff55}
.rover-aerial{position:absolute;left:25px;top:12px;width:3px;height:17px;background:#867895;transform:translateZ(39px) rotateX(-90deg);transform-origin:bottom}
.rover-scan{position:absolute;top:30px;left:-8px;width:60px;height:60px;background:linear-gradient(#2bdfff22,transparent);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);transform:translateZ(2px)}
.cargo-solid{left:8px;top:4px;transform:translateZ(41px);--metal-top:#8f84f0;--metal-front:#685b9a;--metal-side:#b9aee6}
.scout-dock{position:absolute;left:105px;top:320px;width:2px;height:2px;transform:translateZ(35px)}.module-dock{position:absolute;left:350px;top:180px;width:2px;height:2px;transform:translateZ(90px)}
.spatial-caption{position:absolute;bottom:2px;left:15%;right:5%;display:flex;align-items:center;gap:10px;color:#685f80;font:7px var(--mono)}.spatial-caption i{height:1px;background:#8f84f044;flex:1}
.spatial-ready .journey-layer{display:block;pointer-events:none}.journey-scout,.journey-module{position:fixed;left:0;top:0;pointer-events:none;z-index:15;will-change:transform;opacity:0}.journey-scout{width:70px;height:75px}.scout-camera{position:absolute;top:15px;left:15px;transform:perspective(400px) rotateX(45deg) rotateZ(-25deg)}.journey-scout>span{position:absolute;bottom:0;left:-5px;white-space:nowrap;font:6px var(--mono);color:#685f80;background:#faf9fce8;padding:4px;border-radius:4px}
.journey-module{width:36px;height:36px;transform-style:preserve-3d}.travel-module{--metal-top:#fff;--metal-front:#8f84f0;--metal-side:#b3a5d3}.travel-module .solid-top{background:repeating-linear-gradient(0deg,#fff,#fff 6px,#08718c55 7px,#fff 9px)}
.journey-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}.journey-line path{fill:none;stroke:#8f84f044;stroke-width:1;stroke-dasharray:3 8}.immersive-home main{position:relative}.immersive-home main>.section{position:relative}.immersive-home [data-journey-active="true"] .eyebrow:before{background:var(--cyan-ink);box-shadow:0 0 0 4px #2bdfff18}
.journey-toggle{position:fixed;bottom:12px;right:15px;z-index:17;border:1px solid #140a2b22;border-radius:30px;background:#faf9fcf2;color:#463d5f;font:10px var(--body);padding:9px 13px;cursor:pointer;box-shadow:0 4px 15px #140a2b09}
@media(min-width:1000px){.factory-hero .experience-grid{grid-template-columns:.8fr 1.3fr}.factory-hero .experience-visual{margin-left:-5px}.spatial-bay{height:450px}}
@media(max-width:760px){
.spatial-bay{height:355px;margin:15px -8px 0}.spatial-camera{perspective:850px}.spatial-world{width:350px;height:470px;top:46%;transform:translate(-50%,-50%) scale(var(--world-scale,.73)) rotateX(calc(46deg + var(--camera-y,0deg))) rotateZ(calc(-14deg + var(--camera-x,0deg)))}
.foundation-solid{--w:350px!important;--h:470px!important}.floor-grid{inset:10px}.spatial-backbone{inset:30px 35px;border-radius:30px}.spatial-station{transform:scale(.83);transform-origin:top left}.station-0{left:38px;top:40px}.station-1{left:205px;top:40px}.station-2{left:38px;top:215px}.station-3{left:205px;top:215px}.station-4{left:125px;top:350px}.hologram{left:170px;top:340px;width:165px;height:117px;padding:11px;transform:translateZ(120px) rotateX(-65deg)}.hologram strong{font-size:15px}.hologram>span{font-size:6px}.hologram small{font-size:6px}.infrastructure-tower{left:12px;top:12px}.tower-two{left:320px;top:400px}.spatial-caption{left:5%;right:5%;font-size:6px}.station-badge{font-size:10px}.scout-dock{left:60px;top:390px}.module-dock{left:175px;top:185px}
.immersive-home main>.section>.container{padding-left:64px}.immersive-home .human-layout{gap:30px}.immersive-home .outcomes-intro h2,.immersive-home .human-heading h2,.immersive-home .ecosystem-section h2,.immersive-home .proof-section h2{font-size:30px}.immersive-home .review-page{padding:22px}.immersive-home .review-page h3{font-size:27px}.immersive-home .review-roles{gap:3px;margin-right:-8px}.immersive-home .review-roles>span{padding:9px 8px;font-size:8px}.journey-scout{width:38px;height:53px}.scout-camera{left:0;top:8px;transform:perspective(400px) rotateX(45deg) rotateZ(-20deg) scale(.7)}.journey-scout>span{display:none}.journey-module{width:22px;height:22px}.journey-toggle{font-size:9px;bottom:9px;right:9px;padding:8px 11px}
}
@media(prefers-reduced-motion:reduce){.journey-layer,.journey-toggle{display:none!important}.spatial-ready .factory-drawing{display:block}.immersive-home main>.section>.container{padding-left:clamp(22px,4vw,56px)}}
.holo-browser-bar{display:flex;gap:4px;margin-top:9px}.holo-browser-bar>i{width:3px;height:3px;border-radius:50%;background:#8f84f0}.hologram strong{font-size:16px;line-height:1.2}.hologram-layout,.holo-browser-bar,.hologram strong,.hologram small{transition:opacity .7s,transform .7s}.software-factory[data-stage="0"] .hologram strong,.software-factory[data-stage="0"] .hologram-layout,.software-factory[data-stage="1"] .hologram-layout{opacity:.1;transform:translateY(3px)}.software-factory[data-stage="0"] .holo-browser-bar{opacity:.2}.software-factory:not([data-stage="4"]) .hologram small{opacity:.25}.station-module{transition:transform .7s,opacity .7s}.spatial-station.is-current .station-module{transform:translateZ(35px)}
@media(max-width:760px){.hologram strong{font-size:13px}.holo-browser-bar{margin-top:6px}.hologram{height:125px}}
.journey-scout{width:48px;height:60px}.journey-scout .scout-camera{left:0;top:8px}.journey-scout>span{display:none}
@media(min-width:761px) and (max-width:1319px){.immersive-home main>.section>.container{padding-left:80px}}
@media(max-width:760px){.journey-scout{width:38px;height:53px}}
.spatial-bay{pointer-events:none}
@media(max-width:760px){.hologram{left:130px;top:340px;width:155px;transform:translateZ(100px) rotateX(-65deg) scale(.8)}}
.spatial-economy .foundation-solid .solid-top{box-shadow:0 20px 25px #1f0d4118}.spatial-economy .rover-shadow{filter:none}.spatial-economy .hologram{box-shadow:0 8px 15px #1f0d4122}
.journey-toggle{position:static;box-shadow:none;font-size:10px;padding:8px 12px;flex-shrink:0;background:transparent}.header.on-night .journey-toggle{color:var(--paper);border-color:var(--line)}
@media(max-width:760px){.journey-toggle{font-size:0;width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:7px}.journey-toggle:before{content:'';width:7px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}.journey-toggle[aria-pressed="true"]:before{width:0;height:0;border:5px solid transparent;border-right:0;border-left:8px solid currentColor}}
.journey-module[data-phase="2"] .solid-top{background:linear-gradient(#08718c,#08718c) 4px 4px/23px 3px no-repeat,linear-gradient(#ece8f5,#ece8f5) 4px 12px/10px 9px no-repeat,linear-gradient(#d7cfe6,#d7cfe6) 17px 12px/10px 9px no-repeat,#fff}
.journey-module[data-phase="3"] .solid-top,.journey-module[data-phase="4"] .solid-top{background:linear-gradient(#a8128f,#a8128f) 4px 4px/23px 3px no-repeat,linear-gradient(#ece8f5,#ece8f5) 4px 11px/23px 11px no-repeat,#fff}
.journey-module[data-phase="3"]>i,.journey-module[data-phase="4"]>i{position:absolute;width:7px;height:12px;border:2px solid #a8128f;border-top:0;border-left:0;left:12px;top:7px;transform:translateZ(11px) rotateZ(40deg)}
html:not(.spatial-ready) .immersive-home main>.section>.container{padding-left:clamp(22px,4vw,56px)}
/* Nubo and Pip: rounded industrial shells, expressive LED visors and little hands. */
.robot-neck{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateZ(var(--head-tilt,0deg));transform-origin:21px 18px;transition:transform .15s linear}
.rover-head .solid-top{border-radius:9px 9px 3px 3px}.rover-head .solid-front{border-radius:3px 3px 9px 9px}.rover-head .solid-side{border-radius:4px}
.robot-face{position:absolute;left:7px;top:28px;width:28px;height:22px;background:#130b24;border:1px solid #9180b9;border-radius:7px;transform-origin:top;transform:translateZ(41px) rotateX(-90deg);box-shadow:inset 0 1px 3px #fff2}
.robot-eye{position:absolute;top:5px;width:5px;height:7px;border-radius:3px;background:#54edff;box-shadow:0 0 4px #2bdfff55;transform:scaleY(var(--blink,1));transform-origin:center}.eye-left{left:5px}.eye-right{right:5px}
.robot-mouth{position:absolute;bottom:4px;left:11px;width:6px;height:3px;border-bottom:1px solid #9cf4ff;border-radius:0 0 5px 5px;transition:width .2s,left .2s}
.robot-face>em{position:absolute;top:13px;width:3px;height:2px;background:#f097d9;border-radius:50%;opacity:.4}.robot-face>em:nth-last-child(2){left:3px}.robot-face>em:last-child{right:3px}
.robot-ear{position:absolute;top:11px;width:5px;height:9px;background:#9c8db3;border:1px solid #f6f4fb;border-radius:3px;transform:translateZ(29px)}.ear-left{left:0}.ear-right{left:37px}
.friendly-arm{position:absolute;top:19px;width:6px;height:16px;background:linear-gradient(#e9e3f1,#9b8bad);border:1px solid #b3a6c9;border-radius:5px;transform-origin:3px 3px;transform:translateZ(24px) rotateX(-60deg) rotateZ(var(--arm-wave,12deg))}.friendly-arm>b{position:absolute;bottom:-3px;left:-1px;width:7px;height:6px;background:#f6f4fb;border-radius:4px;border:1px solid #b3a6c9}.arm-left{left:-4px}.arm-right{right:-4px;transform:translateZ(24px) rotateX(-60deg) rotateZ(calc(-1 * var(--arm-wave,12deg)))}
.rover-aerial:after{content:'';position:absolute;top:-4px;left:-2px;width:7px;height:7px;background:#2bdfff;border:1px solid #fff;border-radius:50%}.cargo-rover .robot-eye{background:#c1a5ff}.cargo-rover .rover-aerial:after{background:#bda4fb}
.robot-greeting .robot-mouth{width:10px;left:9px;height:5px;border-bottom:2px solid #9cf4ff}.robot-greeting .robot-face>em{opacity:1}.robot-greeting .rover-scan{opacity:.25}
.helper-rover{position:absolute;left:600px;top:315px;transform:translate3d(0,0,-50px) scale(.72);opacity:0;transition:transform 1s var(--ease),opacity .6s}.is-celebrating .helper-rover{transform:translate3d(-45px,-25px,6px) scale(.72);opacity:1}
.launch-pieces{position:absolute;left:425px;top:230px;transform:translateZ(165px);pointer-events:none}.launch-pieces>span{position:absolute;background:#fff;color:#08718c;border:1px solid #8f84f055;border-radius:5px;padding:9px 12px;font:9px var(--mono);white-space:nowrap;opacity:0;transform:translate3d(0,0,-30px);transition:opacity .6s,transform 1.1s var(--ease)}.launch-pieces>span:nth-child(2){color:#67509c}.launch-pieces>span:last-child{color:#a8128f}.is-celebrating .launch-pieces>span:first-child{opacity:1;transform:translate3d(-90px,-45px,15px) rotateZ(-12deg)}.is-celebrating .launch-pieces>span:nth-child(2){opacity:1;transform:translate3d(5px,-95px,35px) rotateZ(8deg)}.is-celebrating .launch-pieces>span:last-child{opacity:1;transform:translate3d(90px,-25px,15px) rotateZ(-6deg)}
.is-celebrating .hologram strong,.is-celebrating .hologram-layout,.is-celebrating .holo-browser-bar{opacity:1!important;transform:none!important}
.robot-response{display:none;font:10px/1.7 var(--body);color:#685f80;min-height:22px;margin:0 0 5px}.spatial-ready .robot-response{display:block}.factory-topline{flex-wrap:wrap}.factory-topline>span{margin-right:auto}
@media(max-width:760px){.helper-rover{left:275px;top:375px}.launch-pieces{left:155px;top:325px;transform:translateZ(130px) scale(.75)}.factory-topline>span{flex-basis:100%}.robot-response{font-size:9px}.is-celebrating .launch-pieces>span:last-child{transform:translate3d(65px,-25px,15px) rotateZ(-6deg)}}
html:not(.spatial-ready) .robot-response{display:none!important}

/* A single production system: vector tools fixed along a continuous conveyor. */
.software-factory .line-bay{height:auto;margin:0;position:relative;overflow:visible;pointer-events:none}
.line-bay>.production-line{display:block!important;position:relative;width:100%;height:auto;padding:0;overflow:visible;transform:none;margin:0}
.production-line .belt-mobile{display:none}.production-line .machine-micro{fill:#9685a5;font:7px var(--mono);letter-spacing:.12em}.production-line .line-number{fill:#9c8cae;font:9px var(--mono)}
.production-line .factory-carrier{transform:translate(var(--line-x,980px),var(--line-y,312px));transition:transform 1.25s var(--ease-io)}
.production-line .unit-part,.production-line .output-part{transition:opacity .6s}.production-line .station-light{fill:#b7a8c5;transition:fill .5s}.production-line .line-station.is-current .station-light{fill:#0da6bf}.production-line .line-station:last-of-type.is-current .station-light{fill:#a8128f}
.production-line .factory-output{transform-box:view-box}.production-line .output-outline{stroke:#b5a3c9}
.production-line .line-shoulder,.production-line .line-elbow{transform-box:view-box;animation:production-joint 2.5s var(--ease-io) infinite;animation-play-state:paused}.production-line .line-elbow{animation-delay:.2s;animation-direction:alternate}
.software-factory.is-running .line-station.is-current .line-shoulder,.software-factory.is-running .line-station.is-current .line-elbow{animation-play-state:running}
.production-line .line-qa-sweep{animation:production-scan 2.3s var(--ease-io) infinite;animation-play-state:paused}.software-factory.is-running .line-station.is-current .line-qa-sweep{animation-play-state:running}
.software-factory .production-line .data-packet{animation:production-data 4s linear infinite;animation-play-state:paused}.software-factory.is-running .production-line .data-packet{animation-play-state:running}
.production-line .conveyor-signal{animation:production-belt 2s linear infinite;animation-play-state:paused}.software-factory.is-running .production-line .conveyor-signal{animation-play-state:running}
.production-line .svg-face{position:static;width:auto;height:auto;transform:none;border:0;background:none;box-shadow:none}.production-line .svg-eye{transform:scaleY(var(--blink,1));transform-box:fill-box;transform-origin:center}.production-line .line-bot-head{transform:rotate(var(--head-tilt,0deg));transform-origin:0 -15px}.production-line .line-bot-hand{transform:rotate(calc(var(--arm-wave,12deg) * .12));transform-origin:0 -15px}.production-line .ambient-rover{position:static;left:auto;top:auto;transform:translate(155px,528px) rotate(-7deg)}.production-line .transport-rover{transform:translate(610px,473px) rotate(-7deg)}
.production-line .helper-rover{position:static;left:auto;top:auto;opacity:0;transition:opacity .7s;transform:translate(1080px,405px)}.is-celebrating .production-line .helper-rover{opacity:1}.production-line .robot-greeting .svg-eye{fill:#83efff}
.software-factory .production-line .factory-output{opacity:1}.software-factory .production-line .output-ready{opacity:0}.software-factory[data-stage="4"] .production-line .output-ready{opacity:1}
@keyframes production-joint{0%,15%,100%{transform:rotate(0deg)}50%,75%{transform:rotate(var(--joint))}}
@keyframes production-scan{0%,100%{transform:translateY(-50px);opacity:.3}50%{transform:translateY(30px);opacity:1}}
@keyframes production-belt{to{stroke-dashoffset:-45}}
@keyframes production-data{0%{transform:translate(0,0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translate(1000px,-128px);opacity:0}}
@media(max-width:760px){.software-factory[data-line-mobile="true"] .belt-desktop{display:none}.software-factory[data-line-mobile="true"] .belt-mobile{display:block}.production-line .machine-micro{font-size:8px}.production-line .line-number{font-size:11px}.software-factory .production-line .data-packet{display:none}.software-factory .line-bay{margin:6px -4px 0}}
@media(prefers-reduced-motion:reduce){.production-line *{animation:none!important;transition:none!important}.software-factory .line-bay{display:block!important}}
.software-factory[data-line-mobile="true"] .line-floor-shadow{display:none}
@keyframes production-joint{0%,35%,100%{transform:rotate(0deg)}58%,76%{transform:rotate(var(--joint))}}
.production-line .line-station.is-current .machine-micro{fill:#08718c}.production-line .line-station.is-current .line-number{fill:#08718c}
.spatial-ready .software-factory[data-line-mobile="true"] .factory-carrier{transition:none}
.production-line .ambient-rover>.rover{transform:scale(1.12);transform-origin:0 0}

/* A single production switch; its action and indicator change together. */
.factory-topline [data-factory-pause]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:156px;min-height:40px;border-color:#08718c44;color:#08718c;background:#f4fdff;transition:background .2s,border-color .2s}
.factory-topline [data-factory-pause]::before{content:"";width:7px;height:7px;border-radius:1px;background:currentColor;flex:none}
.factory-topline [data-factory-pause][aria-pressed="true"]{color:#6850a5;background:#f6f4fb;border-color:#6850a555}
.factory-topline [data-factory-pause][aria-pressed="true"]::before{width:0;height:0;border-radius:0;background:none;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}
.factory-topline [data-factory-pause]:hover{border-color:currentColor;background:white}
.factory-topline [data-factory-pause][hidden]{display:none}
@media(max-width:760px){.factory-topline [data-factory-pause]{margin-left:auto;min-height:44px}.factory-topline>span{flex-basis:auto;flex:1;min-width:110px}}

/* Original studio artwork supports the commercial story; the factory stays live. */
.editorial-art{margin:0;width:100%;min-width:0}
.editorial-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:18px;background:#f5f3f4}
.editorial-art figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font:9px/1.7 var(--mono);color:#685f80}
.editorial-art figcaption span{font-family:var(--body);text-align:right}

/* An illustrated service index, with enough space to read each proposition. */
.outcomes-layout{grid-template-columns:minmax(0,1fr);gap:52px}
.outcomes-intro{position:static;display:grid;grid-template-columns:1.15fr 1fr;gap:16px 80px;align-items:start}
.outcomes-intro .eyebrow{grid-column:1/-1}
.outcomes-intro h2{grid-row:2/4;max-width:650px;font-size:clamp(36px,3.8vw,55px)}
.outcomes-intro h2 br{display:revert}
.outcomes-intro>p{margin:0;max-width:440px}
.outcomes-intro .editorial-note{margin:0;max-width:440px;grid-column:2}
.outcomes-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 40px;align-items:start}
.outcome-row,.outcome-row:first-child{padding:0;border:0;grid-template-columns:24px minmax(0,1fr) 22px;gap:24px 15px}
.outcome-row .editorial-art{grid-column:1/-1}
.outcome-row .outcome-arrow{align-self:start;padding-top:22px}
.outcome-row h3{max-width:460px;font-size:clamp(23px,2.2vw,31px)}
.outcome-row .outcome-service{font-size:10px}
.outcome-row .outcome-number{padding-top:2px}
.outcome-row p{max-width:460px}
.outcome-row:focus-visible,.ecosystem-editorial>a:focus-visible{outline:2px solid var(--cyan-ink);outline-offset:9px;border-radius:10px}

/* People and machines share a review table, followed by real working terms. */
.human-layout{grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.human-artwork{min-width:0}
.human-artwork .editorial-art figcaption{color:var(--secondary)}
.human-review{display:flex;align-items:center;gap:12px;margin-top:25px}
.human-review p{font:500 15px/1.6 var(--body)}
.human-review .review-check{flex-shrink:0;color:var(--cyan);background:#2bdfff0a;border-color:#2bdfff33}
.human-criteria{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:16px 0 0;margin:0;color:var(--secondary);font:11px/1.8 var(--body)}
.human-criteria li:before{content:'·';color:var(--cyan);margin-right:8px}

/* The product ecosystem keeps its own art and its own identity. */
.ecosystem-editorial>a{padding-top:0;border-top:0}
.ecosystem-editorial .editorial-art{margin-bottom:28px}
.ecosystem-editorial .ecosystem-label{color:var(--cyan-ink)}
.ecosystem-editorial h3{font-size:clamp(26px,2.4vw,34px)}
.illustrated-features{min-width:0}
.illustrated-features .editorial-art{margin-bottom:30px}
.illustrated-features .feature-list{margin:0;padding:0;list-style:none}

@media(max-width:999px){
 .outcomes-intro{gap:18px 40px}
 .outcomes-intro h2{font-size:39px}
 .outcomes-intro>p{font-size:14px}
 .outcomes-list{gap:42px 28px}
 .outcome-row,.outcome-row:first-child{grid-template-columns:20px minmax(0,1fr) 16px;gap:20px 10px}
 .outcome-row h3{font-size:24px}
 .human-layout{gap:38px;grid-template-columns:1.1fr 1fr}
}
@media(max-width:760px){
 .outcomes-layout{gap:32px}
 .outcomes-intro{display:block}
 .outcomes-intro h2{font-size:35px}
 .outcomes-intro>p{margin-top:22px;max-width:600px}
 .outcomes-intro .editorial-note{margin-top:20px;max-width:600px}
 .outcomes-list{grid-template-columns:minmax(0,1fr);gap:42px}
 .outcome-row,.outcome-row:first-child{gap:20px 10px}
 .outcome-row h3{font-size:25px;line-height:1.25}
 .outcome-row p{font-size:13px}
 .editorial-art img{border-radius:12px}
 .editorial-art figcaption{font-size:8px;gap:8px}
 .human-layout{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:32px}
 .human-review{margin-top:20px}
 .human-criteria{display:grid;gap:4px;padding-top:12px}
 .ecosystem-editorial .editorial-art{margin-bottom:22px}
 .ecosystem-editorial h3{font-size:28px}
 .illustrated-features .editorial-art{margin-bottom:24px}
}

.latest-publications{background:#fff;color:var(--ink)}
.latest-publications .section-head p{color:#685f80;max-width:360px;margin-bottom:20px}
.latest-publications .eyebrow{color:#685f80}
.post-wall{padding-top:45px}
.post-wall-hero{padding-bottom:35px}
.wall-heading{display:flex;justify-content:space-between;gap:24px;margin-bottom:35px;align-items:center;font-size:13px}
.wall-heading p{color:#685f80}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 34px}
.post-card{min-width:0}
.post-card a{display:block;height:100%}
.post-card img{width:100%;height:auto;aspect-ratio:4/5;border-radius:16px;background:var(--night)}
.post-meta{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font:10px/1.6 var(--mono);color:#685f80}
.post-card :is(h2,h3){font-size:24px;line-height:1.25;margin:14px 0 12px;color:var(--ink)}
.post-card p{font-size:14px;line-height:1.8;color:#685f80}
.post-read{display:inline-flex;gap:16px;margin-top:23px;font-size:12px;color:var(--cyan-ink)}
.post-card a:hover :is(h2,h3){color:var(--cyan-ink)}
.post-card a:focus-visible{outline:2px solid var(--cyan-ink);outline-offset:8px;border-radius:12px}
.post-pagination{display:flex;justify-content:center;gap:12px;margin-top:50px}
.post-pagination a{border:1px solid #140a2b33;border-radius:6px;padding:8px 16px}
.post-pagination a[aria-current]{background:var(--ink);color:var(--paper)}
.publication{padding:60px 0 100px;color:var(--ink)}
.publication-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center;padding-bottom:80px}
.publication-hero .breadcrumb{display:block;margin-bottom:35px}
.publication-hero .breadcrumb{color:#685f80}
.publication-hero .eyebrow{color:#685f80}
.publication-hero h1{font-size:clamp(36px,4vw,60px);line-height:1.14;max-width:680px}
.publication-hero .lead{font-size:17px;line-height:1.85;color:#685f80;margin-top:25px}
.post-byline{display:flex;flex-wrap:wrap;gap:12px 22px;font:11px/1.8 var(--body);color:#685f80;margin:26px 0}
.publication-cover{max-width:390px;width:100%;justify-self:end}
.publication-cover img{width:100%;height:auto;aspect-ratio:4/5;border-radius:18px;box-shadow:0 25px 50px -35px #140a2b66}
.publication-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:100px;border-top:1px solid #140a2b22;padding-top:60px;align-items:start}
.article-body{max-width:730px}
.article-body>section{margin-bottom:42px}
.article-body h2{font-size:29px;line-height:1.25;margin-bottom:22px;letter-spacing:-.04em}
.article-body p,.article-body li{font-size:17px;line-height:1.9;color:#51465f}
.article-body p+p{margin-top:20px}
.article-body ul{padding-left:24px;margin:0}
.article-body li{padding-left:6px;margin-bottom:14px}
.article-related a{color:#08718c;text-decoration:underline;text-underline-offset:.2em}
.article-next{display:flex;flex-wrap:wrap;gap:24px;align-items:center;border-top:1px solid #140a2b22;padding-top:30px;margin-top:35px}
.social-kit{min-width:0;padding:26px;background:white;border:1px solid #140a2b1c;border-radius:14px;scroll-margin-top:110px}
.social-kit .eyebrow{font-size:9px;color:#685f80;margin-bottom:15px}
.social-kit h2{font-size:27px;line-height:1.25}
.social-kit>p{font-size:13px;line-height:1.8;color:#685f80;margin-top:18px}
.social-formats{margin-top:20px}
.social-download{display:grid;grid-template-columns:minmax(0,1fr) 15px;padding:17px 0;border-bottom:1px solid #140a2b1c;gap:5px 8px}
.social-download strong{font-size:13px;font-weight:500}
.social-download>span:first-of-type{grid-column:1;font-size:10px;line-height:1.7;color:#685f80}
.social-download>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:var(--cyan-ink)}
.social-download:hover strong{color:var(--cyan-ink)}
.social-kit .social-format-note{font-size:10px;line-height:1.8}
.social-kit label{display:block;font-size:11px;margin:24px 0 12px}
.social-kit textarea{width:100%;resize:vertical;min-height:160px;font:12px/1.8 var(--body);border:1px solid #140a2b33;border-radius:6px;padding:12px;color:var(--ink);background:var(--paper)}
.share-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:16px}
.share-actions .button{font-size:11px;padding:12px 15px}
.share-actions button.text-link{font:11px var(--body);background:none;border:0;cursor:pointer;color:var(--ink)}
.social-kit .copy-status{min-height:20px;margin:10px 0 0;font-size:11px;color:var(--cyan-ink)}
.error-page{max-width:750px}
.faq-section{border-top:1px solid #140a2b1c}
.faq-section .eyebrow{color:#685f80}
.faq-list{max-width:900px;margin-top:35px}
.faq-list details{border-top:1px solid #140a2b22;padding:23px 0}
.faq-list summary{font:500 20px/1.4 var(--display);letter-spacing:-.035em;cursor:pointer;padding-right:15px}
.faq-list p{font-size:15px;line-height:1.9;color:#685f80;margin-top:18px;max-width:800px}
@media(max-width:1100px){nav{gap:20px}.nav-contact{margin-left:0!important}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.publication-hero{gap:45px}.publication-layout{gap:50px;grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:999px){.publication-hero{grid-template-columns:1fr 1fr;gap:30px}.publication-hero h1{font-size:39px}.publication-layout{grid-template-columns:minmax(0,1fr);gap:45px}.article-body{max-width:760px}.social-kit{max-width:760px}.social-formats{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.header-inner{gap:15px}nav{gap:15px;font-size:12px}.brand{font-size:24px}.nav-contact{padding:10px 13px!important}.nav-contact span{margin-left:10px}}
@media(max-width:760px){.post-grid{grid-template-columns:minmax(0,1fr);gap:42px}.post-card{max-width:480px;width:100%;margin:auto}.post-card :is(h2,h3){font-size:25px}.post-meta{margin-top:16px}.wall-heading{display:block}.wall-heading a{display:inline-block;margin-top:14px}.post-wall{padding-top:28px}.publication{padding-top:35px;padding-bottom:65px}.publication-hero{grid-template-columns:minmax(0,1fr);gap:35px;padding-bottom:42px}.publication-hero h1{font-size:36px}.publication-hero .lead{font-size:15px}.publication-hero .breadcrumb{margin-bottom:25px}.publication-cover{justify-self:center;max-width:390px}.publication-layout{padding-top:38px;gap:30px}.article-body h2{font-size:27px}.article-body p,.article-body li{font-size:16px;line-height:1.9}.social-kit{padding:23px}.social-formats{grid-template-columns:minmax(0,1fr)}.latest-publications .section-head>div+div{margin-top:24px}.post-byline{font-size:10px;gap:10px 17px}.header-inner{gap:12px}}

.company-nav{position:static;background:transparent;display:flex;flex-wrap:wrap;gap:12px 30px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid #140a2b22;font-size:13px}
.company-nav a{padding:7px 0;color:#51465f;border-bottom:2px solid transparent}.company-nav a[aria-current],.company-nav a:hover{color:#08718c;border-color:#08718c}
.company-proposal{padding:25px 0;border-bottom:1px solid #140a2b15}.company-proposal .container{display:flex;gap:28px;align-items:start}.company-proposal .mono{color:#6650a0;flex:0 0 190px}.company-proposal p{font-size:13px;max-width:760px;color:#685f80}
.company-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:65px;align-items:start}.company-heading h2{font-size:clamp(30px,3.2vw,47px);max-width:650px}.company-heading>p{font-size:16px;line-height:1.9;margin-top:28px;max-width:650px}.company-night{background:var(--night);color:var(--paper)}
.company-principles{min-width:0}.company-principles article{display:flex;gap:24px;padding:25px 0;border-top:1px solid #8f84f044}.company-principles article>.mono{padding-top:6px;color:#8f84f0}.company-principles h3{font-size:23px;line-height:1.3;margin-bottom:12px}.company-principles p{font-size:14px;line-height:1.9}.company-principles details{border-top:1px solid #8f84f055;padding:22px 0}.company-principles summary{cursor:pointer;display:flex;gap:25px;align-items:center;font:500 23px var(--display)}.company-principles summary .mono{color:#6650a0}.company-principles details p{margin:20px 0 0 44px}.company-principles details[open] summary{color:#08718c}.company-scene{min-width:0}
.company-directory{display:grid;gap:30px;min-width:0}.company-directory>a{display:block;border-top:1px solid #8f84f055;padding-top:24px}.company-directory .mono{color:var(--secondary)}.company-directory h3{margin:15px 0}.company-directory p{font-size:14px;line-height:1.9;max-width:600px}.company-directory .text-link{margin-top:18px}.company-chapter:has(.company-directory){grid-template-columns:.8fr 1.2fr}
.paper .company-directory .mono{color:#6650a0}
@media(max-width:999px){.company-chapter,.company-chapter:has(.company-directory){grid-template-columns:1fr;gap:35px}.company-nav{gap:8px 22px}.company-heading>p{font-size:15px}.company-scene{max-width:720px}}
@media(max-width:760px){.company-proposal .container{display:block}.company-proposal p{margin-top:14px}.company-nav{font-size:12px}.company-principles summary{font-size:21px}.company-principles article{gap:18px}.company-heading h2{font-size:33px}}

/* Commercial confidence: a named person, inspectable work and legible decisions. */
.factory-hero .experience-grid{align-items:center}.factory-hero .experience-copy .actions{gap:24px;margin-top:25px}.factory-hero .experience-copy .lead{font-size:17px}
.founder-link{display:flex;align-items:center;gap:20px;max-width:590px}.founder-link>span:first-of-type{display:grid;gap:3px}.founder-link strong{font:500 18px/1.4 var(--display);letter-spacing:-.035em}.founder-link>span>span{display:block;font-size:13px;line-height:1.6;color:#51465f}.founder-link>span:last-child{margin-left:auto}.founder-link .arrow-icon{width:17px;height:17px}.founder-photo{width:var(--portrait-size);height:var(--portrait-size);flex:none;object-fit:cover;border-radius:50%;border:1px solid #140a2b22}.founder-link-compact{gap:13px}.founder-link-compact strong{font-size:14px}.founder-link-compact>span>span{font-size:12px}.contact .founder-link{margin-top:30px;color:var(--paper)}.contact .founder-link>span>span{color:#ded7ec}.contact .founder-photo{border-color:#ffffff40}
.founder-section{border-top:1px solid #140a2b15}.founder-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.founder-layout>div>p{max-width:460px;line-height:1.9;margin-top:25px}.founder-card{display:flex;gap:30px;padding:35px;background:white;border:1px solid #140a2b18;border-radius:16px}.founder-card h3{font-size:28px;line-height:1.4}.founder-card p{font-size:15px;line-height:1.8}.founder-card .founder-role{color:#08718c;margin-top:8px}.founder-card .founder-location{margin:4px 0 20px;font-size:13px}.founder-card .text-link{margin-top:25px;margin-right:22px;font-size:13px}
.outcome-row .outcome-real{margin:0;position:relative;overflow:hidden;aspect-ratio:1.35;border-radius:9px;border:1px solid #140a2b22}.outcome-real img{height:100%;width:100%;object-fit:cover;object-position:top;transition:transform .4s}.outcome-real figcaption{position:absolute;bottom:0;inset-inline:0;padding:7px 9px;font:11px var(--body);color:#140a2b;background:#ffffffed}.outcome-row:hover .outcome-real img{transform:scale(1.025)}
.evidence-case{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.evidence-screen{display:block;overflow:hidden;border:1px solid #140a2b22;border-radius:14px;background:#f6f4fb;box-shadow:0 22px 45px -30px #140a2b44}.evidence-browser{display:flex;align-items:center;gap:20px;padding:14px 18px;border-bottom:1px solid #140a2b18;background:#f6f4fb;color:#51465f;font-size:12px;line-height:1.5}.evidence-browser i{font-style:normal;letter-spacing:3px;color:#685f80}.evidence-browser>span:last-child{margin-left:auto;display:flex;gap:8px;align-items:center}.evidence-browser svg{width:14px;height:14px}.evidence-screen>img{width:100%;aspect-ratio:1.3;object-fit:cover;object-position:top;transition:transform .5s}.evidence-screen:hover>img{transform:scale(1.015)}.evidence-copy h3{font-size:clamp(26px,2.5vw,36px);line-height:1.3;margin-bottom:22px}.evidence-copy>p{font-size:15px;line-height:1.9}.evidence-copy ul{padding-left:20px;margin:25px 0;color:#51465f;font-size:14px;line-height:1.8}.evidence-copy li{padding:8px 0;border-bottom:1px solid #140a2b12}.evidence-copy small{display:block;font-size:12px;color:#51465f;line-height:1.8;margin-top:22px}.evidence-copy .actions{gap:15px 25px}.proof-section .evidence-copy .text-link{margin:0;font-size:13px}.evidence-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #140a2b22;margin-top:55px;padding-top:35px}.evidence-more{display:flex;gap:20px;align-items:center;min-width:0}.evidence-more img{width:130px;height:98px;object-fit:cover;object-position:top;border:1px solid #140a2b22;border-radius:8px;flex:none}.evidence-more>span{display:grid;gap:7px;min-width:0}.evidence-more strong{font:500 20px var(--display)}.evidence-more>span>span{font-size:14px;color:#51465f}.evidence-more small{font-size:12px;color:#51465f}.evidence-more>svg{width:20px;height:20px;margin-left:auto;flex:none}
.work-review{border-radius:14px;overflow:hidden;border:1px solid #ffffff33;background:white;color:var(--ink);transform:perspective(1300px) rotateY(4deg) rotateZ(-1deg);box-shadow:20px 30px 50px -30px #0008}.work-review>a>img{width:100%;aspect-ratio:1.7;object-fit:cover;object-position:top}.work-review-caption{padding:24px 27px}.work-review-caption>strong{font:500 21px var(--display)}.work-review-caption p{color:#51465f;font-size:14px;line-height:1.8;margin:12px 0 18px}.work-review-caption .text-link{font-size:13px}.human-artwork:has(.work-review) .human-review,.human-artwork:has(.work-review) .human-criteria{display:none}.human-artwork:has(.work-review){min-width:0}
.product-directory{padding:45px 0;border-block:1px solid #140a2b18}.product-directory>.container{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.product-directory .eyebrow{font-size:12px;margin-bottom:15px}.product-directory h2{font-size:28px!important;line-height:1.4}.product-directory p{font-size:14px;line-height:1.8;margin-top:14px}.product-directory-links{display:grid}.product-directory-links>a{display:grid;grid-template-columns:1fr auto;gap:7px 20px;padding:18px 0;border-bottom:1px solid #140a2b22;font:500 17px var(--display)}.product-directory-links>a>span{grid-row:2;grid-column:1;font:13px var(--body);color:#51465f}.product-directory-links svg{width:18px;height:18px;grid-column:2;grid-row:1/3;align-self:center}
.project-relationship{display:block;color:#51465f;font-size:12px;line-height:1.7;margin-top:10px}.dialog-relationship{font-size:13px!important;font-weight:600;color:#08718c!important;margin-bottom:14px!important}.project-origin .container{padding-block:22px;font-size:14px;color:#51465f;border-top:1px solid #140a2b22}.project-evidence h2{max-width:850px}.project-evidence ul{margin-top:30px;line-height:2;color:#51465f}.verified-testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:30px;margin-top:55px;border-top:1px solid #140a2b22;padding-top:35px}.verified-testimonials figure{margin:0}.verified-testimonials blockquote{margin:0 0 25px;font:500 22px/1.7 var(--display)}.verified-testimonials figcaption{display:grid;gap:5px;font-size:14px;color:#51465f}
.contact-options{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:28px}.contact-direct{display:block;width:fit-content;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-top:22px;overflow-wrap:anywhere}.contact small{font-size:13px;line-height:1.9;color:#ded7ec}.contact .contact-next .button{margin:0}.editorial-note{font:14px/1.9 var(--body);color:#51465f}.paper .proof-note,.paper .project-summary{color:#51465f}.outcome-service{font-size:12px;color:#51465f}.factory-hero .hero-bottom .mono,.factory-hero .hero-bottom>a{font:12px var(--body);color:#51465f}.project-caption>span,.project-summary,.proof-note{font-size:13px}.footer-top>div{font-size:13px}.footer-bottom{font-size:12px;color:#c6bed4}.contact-label{font:12px var(--mono);color:#ded7ec}
.contact-page-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.contact-page-intro h1{font-size:clamp(42px,5vw,72px);margin-bottom:32px}.contact-page-intro .founder-link{margin-top:45px}.contact-channel-list{display:grid;align-content:start;gap:25px}.contact-channel{border-top:1px solid #140a2b22;padding-top:25px;display:grid;grid-template-columns:1fr auto;gap:12px 20px}.contact-channel>span{font-size:13px;color:#08718c}.contact-channel strong{font:500 23px/1.4 var(--display);grid-row:2;overflow-wrap:anywhere}.contact-channel p{font-size:14px;grid-row:3;line-height:1.8}.contact-channel svg{grid-column:2;grid-row:1/4;width:20px;height:20px;align-self:center}.project-brief-section{border-top:1px solid #140a2b22}.brief-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.brief-layout h2{font-size:clamp(30px,3.2vw,46px)}.brief-layout>div>p{font-size:15px;line-height:1.9;margin-top:25px}.brief-layout .brief-privacy{font-size:13px;color:#51465f}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px}.brief-fields label,[data-brief-result] label{font-size:14px;line-height:1.7;color:#342841}.brief-fields label>span{font-size:12px}.brief-fields input,.brief-fields select,.brief-fields textarea,#brief-preview{display:block;width:100%;padding:14px;margin-top:10px;border:1px solid #897a9e;border-radius:8px;background:white;color:#140a2b;font:16px/1.6 var(--body);min-width:0}.brief-fields input::placeholder,.brief-fields textarea::placeholder{color:#685f80;opacity:1}.brief-wide{grid-column:1/-1}.brief-fields textarea{resize:vertical;min-height:150px}.brief-layout form>.button{margin-top:28px;cursor:pointer}.brief-layout [hidden]{display:none!important}.brief-layout button.text-link{font:14px var(--body);border:0;border-bottom:1px solid currentColor;background:none;color:#140a2b;padding:6px 0;cursor:pointer}.brief-layout [data-brief-result]>p{font-size:14px;line-height:1.8;margin:20px 0}.brief-layout [data-brief-result]>label{display:block;margin-top:25px}.brief-layout [data-brief-result]>h3{font-size:25px}.brief-layout :focus-visible{outline:3px solid #08718c;outline-offset:4px}
@media(max-width:1100px){.evidence-case{gap:35px}.founder-layout{gap:45px}.founder-card{gap:22px;padding:27px}.contact-page-grid,.brief-layout{gap:45px}}
@media(max-width:999px){.factory-hero .experience-copy{max-width:720px}.evidence-case{grid-template-columns:1fr}.evidence-screen>img{aspect-ratio:1.7}.evidence-copy{max-width:700px}.founder-layout{grid-template-columns:1fr}.founder-card{max-width:760px}.contact-page-grid{grid-template-columns:1fr}.contact-channel-list{grid-template-columns:1fr 1fr}.brief-layout{grid-template-columns:1fr}.product-directory>.container{gap:35px;grid-template-columns:1fr 1fr}.evidence-more{align-items:start}.evidence-more img{width:90px;height:80px}.evidence-more>svg{display:none}}
@media(max-width:760px){.factory-hero .experience-copy .lead{font-size:16px}.founder-link-compact strong{font-size:14px}.founder-link-compact>span>span{font-size:12px}.founder-link>span:last-child{display:none}.founder-card{display:block;padding:25px}.founder-card>.founder-photo{margin-bottom:24px}.founder-card h3{font-size:27px}.founder-card .text-link{display:flex;width:fit-content;margin-top:23px}.evidence-case{gap:30px}.evidence-screen>img{aspect-ratio:1.1}.evidence-browser{padding:12px;font-size:11px;gap:12px}.evidence-browser>span:last-child{font-size:11px}.evidence-copy h3{font-size:29px}.evidence-copy .eyebrow{font-size:12px}.evidence-more-grid{grid-template-columns:1fr;gap:30px;margin-top:35px;padding-top:30px}.evidence-more img{width:100px;height:90px}.evidence-more>span>span{font-size:13px}.evidence-more strong{font-size:19px}.outcome-row .outcome-real{aspect-ratio:1.2}.outcome-real figcaption{font-size:10px}.work-review{transform:none}.work-review-caption{padding:22px}.work-review-caption>strong{font-size:20px}.product-directory>.container{grid-template-columns:1fr;gap:25px}.product-directory h2{font-size:27px!important}.product-directory-links>a{font-size:18px}.contact .contact-next small{font-size:13px}.editorial-note{font-size:14px}.outcome-service{font-size:12px}.contact-options{gap:24px}.contact-page-grid{gap:45px}.contact-channel-list{grid-template-columns:1fr}.brief-fields{grid-template-columns:1fr}.brief-wide{grid-column:auto}.brief-layout{gap:35px}.brief-layout h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.evidence-screen>img,.outcome-real img{transition:none}.work-review{transform:none}}
/* Keep semantic labels readable on both surface colors. */
.outcome-number{color:#685f80;font-size:12px}.evidence-copy>p{color:#51465f}.project-relationship{color:var(--secondary)}.paper .project-relationship,.proof-section .project-relationship{color:#51465f}.paper .company-principles article>.mono{color:#6650a0}
.live-scene .muted-task{opacity:1;border-style:dashed;background:#1b1031}.live-scene .muted-task>small,.live-scene .muted-task>strong{color:#c8bfdc}
.outcome-row .outcome-real{grid-column:1/-1;width:100%;min-width:0}
.evidence-copy .evidence-relationship{display:inline-block;margin:0 0 20px;border:1px solid #08718c44;border-radius:5px;padding:7px 10px;color:#08718c;font-size:12px;font-weight:600}

.evidence-screen>img,.work-review>a>img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:left top}