/* 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)}}