@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{font-family:IBM Plex Sans,sans-serif;line-height:1.5;font-weight:400;color:#f6f7fb;background:radial-gradient(circle at 16% 14%,rgb(112 40 255 / .16),transparent 24%),radial-gradient(circle at 82% 22%,rgb(8 184 176 / .14),transparent 28%),linear-gradient(180deg,#2c2d41,#232536 48%,#1a1c2b);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .035) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgb(0 0 0 / .65),transparent);mask-image:linear-gradient(180deg,rgb(0 0 0 / .65),transparent);pointer-events:none}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 12%,rgb(255 255 255 / .06),transparent 22%),radial-gradient(circle at 50% 120%,rgb(8 184 176 / .08),transparent 32%);pointer-events:none}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.shell{position:relative;z-index:1;width:min(1440px,calc(100vw - 1rem));margin:0 auto;padding:1rem 0 3.5rem}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);gap:1.5rem;align-items:stretch;min-height:72vh;padding:2rem 0 1.75rem}.hero-copy,.hero-panel-inner,.diagram-shell,.app-card,.principles-grid article,.story-card,.reliability-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#222536e6,#191c2ae0);border:1px solid rgb(255 255 255 / .08);box-shadow:0 24px 64px #00000057,inset 0 1px #ffffff0a}.hero-copy{border-radius:34px;padding:2.75rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-copy:after{content:"";position:absolute;inset:auto -12% -24% 45%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgb(112 40 255 / .26),transparent 68%);pointer-events:none}.eyebrow{margin:0 0 .9rem;font-family:IBM Plex Mono,monospace;font-size:.84rem;letter-spacing:.18em;text-transform:uppercase;color:#6ce7db}.hero h1,.section-heading h2,.app-card h3,.map-node h3,.principles-grid h3,.story-card h3,.reliability-card h3,.sequence-actor h3,.transformation-header h3{font-family:Space Grotesk,sans-serif}.hero h1{margin:0;max-width:10ch;font-size:clamp(3.4rem,6vw,6rem);line-height:.92;letter-spacing:-.05em;color:#f6f7fb}.hero-text,.section-heading p,.app-card p,.principles-grid p,.map-node p,.pipeline-heading p,.pipeline-stage p,.sequence-heading p,.story-card p,.reliability-card p,.diagram-note p{color:#bcc4dc}.hero-text{max-width:60ch;margin:1.4rem 0 0;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.primary-link,.secondary-link{border-radius:999px;padding:.95rem 1.35rem;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.primary-link{color:#f7f8fd;background:linear-gradient(135deg,#5f23ff,#9049ff);box-shadow:0 18px 34px #5f23ff4d}.secondary-link{color:#dce3f7;border:1px solid rgb(108 231 219 / .24);background:linear-gradient(135deg,#08b8b024,#6ce7db0a)}.primary-link:hover,.secondary-link:hover,.app-card:hover{transform:translateY(-2px)}.hero-panel{display:flex}.hero-panel-inner{border-radius:28px;width:100%;padding:1.75rem;position:relative;overflow:hidden}.hero-panel-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgb(108 231 219 / .08),transparent 70%),radial-gradient(circle at top right,rgb(8 184 176 / .16),transparent 35%);pointer-events:none}.panel-label,.pipeline-label,.transform-eyebrow{display:inline-flex;font-family:IBM Plex Mono,monospace;text-transform:uppercase}.panel-label{margin-bottom:1rem;padding:.4rem .75rem;border-radius:999px;font-size:.78rem;letter-spacing:.08em;color:#0e1b24;background:linear-gradient(135deg,#74efe2,#24c9bf)}.hero-panel ul{margin:0;padding-left:1.1rem;display:grid;gap:.85rem;color:#e5ecfb}.section{padding:1.4rem 0 0}.section+.section{margin-top:2rem}.section-heading{max-width:58rem;margin-bottom:1.4rem}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:.98;letter-spacing:-.04em;color:#f6f7fb}.section-heading p{margin:.75rem 0 0}.story-grid,.reliability-grid,.apps-grid,.principles-grid{display:grid;gap:1rem}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.reliability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-card,.reliability-card,.principles-grid article{border-radius:24px;padding:1.25rem}.story-card.emphasis{background:radial-gradient(circle at top right,rgb(112 40 255 / .16),transparent 36%),linear-gradient(180deg,#222536eb,#191c2ae6)}.story-card h3,.reliability-card h3,.principles-grid h3,.app-card h3{margin:0;font-size:1.2rem;color:#f6f7fb}.story-card p,.reliability-card p,.principles-grid p,.app-card p{margin:.7rem 0 0}.transformation-strip{position:relative;border-radius:34px;padding:1.25rem;overflow:hidden;background:linear-gradient(180deg,#141724eb,#11131feb);border:1px solid rgb(255 255 255 / .06);box-shadow:0 24px 64px #00000057,inset 0 1px #ffffff0a}.transformation-strip:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .03) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.transformation-header{position:relative;z-index:2;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.transformation-header>div{max-width:22rem}.transform-eyebrow{margin-bottom:.7rem;font-size:.74rem;letter-spacing:.12em;color:#92a0bf}.transformation-header h3{margin:0;color:#f6f7fb;font-size:1.18rem}.transformation-canvas{position:relative;height:468px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 14% 45%,rgb(84 231 111 / .14),transparent 18%),radial-gradient(circle at 48% 46%,rgb(108 231 219 / .13),transparent 20%),radial-gradient(circle at 82% 48%,rgb(112 40 255 / .16),transparent 20%),linear-gradient(180deg,#1c1f2edb,#11131fe6);border:1px solid rgb(255 255 255 / .05)}.transformation-canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .03) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.phase{position:absolute;top:0;bottom:0;will-change:opacity,transform}.phase-legacy:before{content:"";position:absolute;left:-18px;top:86px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgb(84 231 111 / .2),transparent 70%);filter:blur(18px);opacity:.9}.phase-legacy{left:0;width:34%}.phase-transition{left:24%;width:28%}.phase-python{left:48%;width:30%}.phase-output{right:0;width:24%}.phase-legacy{z-index:1;animation:phase-legacy-flow 8s linear infinite}.phase-transition{z-index:2;animation:phase-transition-flow 8s linear infinite}.phase-python{z-index:3;animation:phase-python-flow 8s linear infinite}.phase-output{z-index:4;animation:phase-output-flow 8s linear infinite}.excel-file,.code-vba,.code-python,.future-output{position:absolute;display:inline-flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace}.excel-file{z-index:2;width:72px;height:86px;border-radius:10px 16px 10px 10px;background:linear-gradient(180deg,#54e76fe6,#1fa054e0);color:#f8fff8;font-size:1rem;letter-spacing:.08em;box-shadow:0 0 22px #54e76f33,0 0 52px #54e76f14;animation:file-flight 8s ease-in-out infinite}.excel-file:before{content:"";position:absolute;top:0;right:0;width:16px;height:16px;background:linear-gradient(135deg,#eefff4e0,#92ffb438);clip-path:polygon(0 0,100% 0,100% 100%);border-top-right-radius:12px}.file-a{left:28px;top:152px}.file-b{left:92px;top:94px;animation-delay:.35s}.file-c{left:126px;top:218px;animation-delay:.7s}.code-vba,.code-python{left:124px;white-space:pre-line;color:#dbe8ff;font-size:.74rem;line-height:1.58;max-width:220px}.code-vba{top:96px;color:#bec7ea;text-shadow:0 0 14px rgb(176 196 231 / .12)}.code-python{top:28px;left:72px;max-width:190px;color:#82f1e8;text-shadow:0 0 20px rgb(108 231 219 / .14);animation:code-python-flow 8s linear infinite}.table-thin,.table-strong{position:absolute;display:grid;gap:0;background:#ffffff05}.table-thin{left:26px;bottom:54px;width:220px;grid-template-columns:repeat(3,1fr);border:1px solid rgb(166 184 216 / .34);box-shadow:0 0 24px #9fb2d414}.table-strong{left:20px;bottom:54px;width:250px;grid-template-columns:repeat(2,1fr);border:2px solid rgb(108 231 219 / .42);animation:table-strong-flow 8s linear infinite}.cell{min-height:38px;padding:.45rem .65rem;border-right:1px solid rgb(176 196 231 / .35);border-bottom:1px solid rgb(176 196 231 / .35);font-family:IBM Plex Mono,monospace}.table-thin .cell:nth-child(3n){border-right:none}.table-thin .cell:nth-last-child(-n+3){border-bottom:none}.table-strong .cell{min-height:44px;border-right:2px solid rgb(108 231 219 / .38);border-bottom:2px solid rgb(108 231 219 / .32)}.table-strong .cell:nth-child(2n){border-right:none}.table-strong .cell:nth-last-child(-n+2){border-bottom:none}.table-thin .str{color:#d2dbf2;font-style:italic}.table-thin .num{color:#f3f4f8;font-weight:400}.table-strong .str{color:#dbeaff;font-style:italic}.table-strong .num{color:#8cf5ea;font-weight:300}.branch{position:absolute;left:12px;width:138px;height:4px;border-radius:999px;transform-origin:left center}.branch:after{content:"";position:absolute;right:-2px;top:50%;width:0;height:0;border-style:solid;transform:translateY(-50%)}.branch-db{top:124px;background:linear-gradient(90deg,rgb(108 231 219 / .1),rgb(108 231 219 / .92),transparent);transform:rotate(-24deg)}.branch-db:after,.branch-csv:after{border-width:8px 0 8px 14px;border-color:transparent transparent transparent rgb(108 231 219 / .95)}.branch-csv{top:214px;background:linear-gradient(90deg,rgb(108 231 219 / .1),rgb(108 231 219 / .92),transparent)}.branch-json{top:298px;background:linear-gradient(90deg,rgb(112 40 255 / .1),rgb(141 93 255 / .9),transparent);transform:rotate(26deg)}.branch-json:after{border-width:8px 0 8px 14px;border-color:transparent transparent transparent rgb(141 93 255 / .95)}.output{position:absolute}.database-output{top:34px;right:18px;width:104px;display:flex;flex-direction:column;align-items:center}.database-stack{position:relative;width:98px;height:116px;margin:0 auto;filter:drop-shadow(0 0 22px rgb(8 184 176 / .18))}.db-cap,.db-shell,.db-band{position:absolute;left:0;right:0}.db-cap{top:0;height:24px;border:2px solid rgb(108 231 219 / .86);border-radius:50%;background:linear-gradient(180deg,#78f3ea42,#0d6e731f);box-shadow:inset 0 1px #ffffff1a,0 0 18px #08b8b038}.db-shell{top:12px;bottom:10px;border-left:2px solid rgb(108 231 219 / .74);border-right:2px solid rgb(108 231 219 / .74);border-bottom:none;border-radius:0;background:linear-gradient(180deg,#12727657,#08373e1f);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -10px 24px #0000001f,0 0 24px #08b8b029}.db-shell:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-10px;height:20px;border:2px solid rgb(108 231 219 / .72);border-radius:50%;background:transparent;clip-path:inset(50% 0 0 0)}.db-band{left:-1px;right:-1px;height:18px;border:2px solid rgb(108 231 219 / .7);border-radius:50%;background:linear-gradient(180deg,rgb(97 227 219 / .08),transparent);box-shadow:0 0 12px #08b8b014}.db-band-a{top:30px}.db-band-b{top:54px}.db-band-c{top:78px}.output-label{display:inline-flex;margin-top:.8rem;font-family:IBM Plex Mono,monospace;font-size:.86rem;letter-spacing:.16em;text-transform:uppercase;color:#dbeaff;text-shadow:0 0 14px rgb(219 234 255 / .12)}.csv-output,.json-output{display:flex;flex-direction:column;align-items:center}.csv-file,.json-file{border-radius:12px 18px 12px 12px;color:#edf2ff;box-shadow:0 0 24px #7028ff24}.csv-file:before,.json-file:before{content:"";position:absolute;top:0;right:0;width:18px;height:18px;background:linear-gradient(135deg,#ffffffb3,#8d5dff1a);clip-path:polygon(0 0,100% 0,100% 100%);border-top-right-radius:14px}.csv-file{position:relative;width:96px;height:124px;font-size:1.3rem;background:linear-gradient(180deg,#5a73ff80,#6e43ff42)}.csv-output{top:164px;right:20px}.csv-file span{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:IBM Plex Mono,monospace;letter-spacing:.16em}.json-file{position:relative;width:132px;min-height:108px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.6rem;background:linear-gradient(180deg,#7028ff47,#2e18562e)}.json-output{top:324px;right:30px}.json-file code{font-family:IBM Plex Mono,monospace;font-size:.68rem;line-height:1.52;color:#f0eeff;white-space:pre-line}.particle-trail{position:absolute;top:50%;width:220px;height:80px;border-radius:999px;filter:blur(18px);opacity:.52}.trail-left{left:48px;background:radial-gradient(circle,rgb(84 231 111 / .28),transparent 68%)}.trail-right{right:120px;background:radial-gradient(circle,rgb(108 231 219 / .2),transparent 68%)}.transform-dot{position:absolute;width:22px;height:22px;border-radius:999px;filter:blur(1px);animation:transform-travel 8s linear infinite}.dot-purple{background:radial-gradient(circle,rgb(255 255 255 / .96),rgb(141 93 255 / .92) 45%,transparent 74%)}.dot-teal{background:radial-gradient(circle,rgb(255 255 255 / .96),rgb(108 231 219 / .92) 45%,transparent 74%);animation-delay:1.4s}.diagram-shell{display:grid;gap:1rem;border-radius:34px;padding:1.2rem}.diagram-note{padding:.2rem .1rem}.diagram-note p{margin:0;max-width:48rem}.system-map{position:relative;min-height:620px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 20% 14%,rgb(95 35 255 / .12),transparent 24%),radial-gradient(circle at 82% 22%,rgb(8 184 176 / .12),transparent 26%),linear-gradient(180deg,#141724eb,#11131feb);border:1px solid rgb(255 255 255 / .05)}.system-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .04) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgb(0 0 0 / .7),transparent);mask-image:linear-gradient(180deg,rgb(0 0 0 / .7),transparent);pointer-events:none}.system-edges{position:absolute;inset:0;width:100%;height:100%}.map-node{position:absolute;width:min(25vw,220px);min-width:180px;padding:1rem 1rem 1rem 1.1rem;border-radius:24px;background:linear-gradient(180deg,#282b3df0,#1b1e2deb);border:1px solid rgb(255 255 255 / .08);box-shadow:0 18px 36px #00000047,inset 0 1px #ffffff0a}.map-node:after{content:"";position:absolute;inset:auto auto -12px 24px;width:56px;height:3px;border-radius:999px}.map-node-index,.sequence-actor-index,.step-index,.message-index{font-family:IBM Plex Mono,monospace}.map-node-index{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;margin-bottom:.9rem;border-radius:999px;font-size:.78rem;color:#f6f7fb;background:#ffffff14}.map-node h3{margin:0;color:#f7f8fd;font-size:1.18rem}.map-node p{margin:.65rem 0 0;font-size:.95rem}.map-node.gitlab,.map-node.registry,.map-node.agent{box-shadow:0 18px 36px #00000047,0 0 0 1px #7028ff38,inset 0 1px #ffffff0a}.map-node.vault,.map-node.runner,.map-node.k3s{box-shadow:0 18px 36px #00000047,0 0 0 1px #08b8b038,inset 0 1px #ffffff0a}.map-node.gitlab{top:72px;left:56px}.map-node.vault{top:166px;left:390px}.map-node.runner{top:290px;left:84px}.map-node.registry{top:88px;right:58px}.map-node.agent{top:288px;right:118px}.map-node.k3s{bottom:44px;left:398px}.map-node.gitlab:after,.map-node.registry:after,.map-node.agent:after{background:linear-gradient(90deg,#7028ff,transparent)}.map-node.vault:after,.map-node.runner:after,.map-node.k3s:after{background:linear-gradient(90deg,#08b8b0,transparent)}.pipeline-board,.sequence-board{border-radius:28px;padding:1.2rem;background:linear-gradient(180deg,#10121df2,#0c0e18f2);border:1px solid rgb(255 255 255 / .05)}.pipeline-heading,.sequence-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.pipeline-label{letter-spacing:.16em;color:#6ce7db}.pipeline-track{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;padding-top:1.5rem}.pipeline-track:before{content:"";position:absolute;top:.65rem;left:.8rem;right:.8rem;height:2px;background:linear-gradient(90deg,#7028ff47,#08b8b047)}.pipeline-beam{position:absolute;top:.34rem;left:.35rem;width:84px;height:10px;border-radius:999px;background:radial-gradient(circle,rgb(255 255 255 / .94),rgb(108 231 219 / .7) 35%,transparent 72%);filter:blur(2px);animation:pipeline-travel 5.8s ease-in-out infinite}.pipeline-stage{position:relative;border-radius:22px;padding:1rem;background:linear-gradient(180deg,#26293be0,#1d1f2ee6);border:1px solid rgb(255 255 255 / .06)}.pipeline-stage:before{content:"";position:absolute;top:-.6rem;left:1.1rem;width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#7028ff,#08b8b0);box-shadow:0 0 18px #6ce7db73}.step-index{display:inline-flex;margin-bottom:.8rem;color:#6ce7db}.sequence-grid{--header-height: 68px;--lane-height: 46px;position:relative;display:grid;grid-template-columns:repeat(var(--sequence-columns),minmax(0,1fr));gap:.8rem;min-height:calc(var(--header-height) + (13 * var(--lane-height)) + 2rem);padding:.35rem .2rem 1rem}.sequence-grid:before{content:"";position:absolute;inset:0;border-radius:22px;background:radial-gradient(circle at 18% 14%,rgb(112 40 255 / .1),transparent 22%),radial-gradient(circle at 82% 18%,rgb(8 184 176 / .08),transparent 24%);pointer-events:none}.sequence-actor{position:relative;z-index:2;grid-column:var(--column);min-height:var(--header-height);border-radius:16px;padding:.55rem .65rem;background:linear-gradient(180deg,#272a3cf0,#1b1e2deb);border:1px solid rgb(255 255 255 / .08);box-shadow:0 12px 26px #0003,inset 0 1px #ffffff0a}.sequence-actor-index{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-bottom:.35rem;border-radius:999px;font-size:.65rem;color:#f7f8fd;background:#ffffff14}.sequence-actor h3{margin:0;font-size:.82rem;color:#f6f7fb;line-height:1.2}.lifeline-layer,.message-layer{position:absolute;inset:0}.lifeline{position:absolute;top:calc(var(--header-height) - .3rem);bottom:.6rem;left:calc(((var(--column) - 1) * (100% / var(--sequence-columns))) + ((100% / var(--sequence-columns)) / 2));width:2px;border-radius:999px;background:linear-gradient(180deg,#ffffff24,#ffffff05)}.message-row{position:absolute;z-index:2;left:calc((var(--start) - 1) * (100% / var(--sequence-columns)));width:calc(var(--span) * (100% / var(--sequence-columns)));top:calc(var(--header-height) + ((var(--lane) - 1) * var(--lane-height)))}.message-line{position:relative;height:22px}.message-line:before{content:"";position:absolute;left:12px;right:18px;top:10px;height:3px;border-radius:999px}.message-line:after{content:"";position:absolute;right:8px;top:5px;width:12px;height:12px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:rotate(45deg)}.message-line.reverse:after{right:auto;left:8px;transform:rotate(-135deg)}.message-line.reverse:before{left:18px;right:12px}.tone-purple{color:#8d5dff}.tone-purple .message-line:before{background:linear-gradient(90deg,#7028ff2e,#8d5dfff2,#a786ff4d);box-shadow:0 0 18px #7028ff47}.tone-teal{color:#35d7cb}.tone-teal .message-line:before{background:linear-gradient(90deg,#08b8b02e,#35d7cbf2,#6ce7db4d);box-shadow:0 0 18px #08b8b042}.message-spark{position:absolute;top:3px;left:10px;width:18px;height:18px;border-radius:999px;background:radial-gradient(circle,rgb(255 255 255 / .96),currentColor 45%,transparent 72%);filter:blur(1.2px);animation:message-travel 5.8s ease-in-out infinite;animation-delay:var(--delay)}.message-line.reverse .message-spark{left:auto;right:10px;animation-name:message-travel-reverse}.message-meta{margin-top:.2rem;display:flex;align-items:flex-start;gap:.4rem}.message-index{min-width:1.6rem;font-size:.62rem;color:#92a0bf}.message-meta p{margin:0;color:#d6ddf0;font-size:.74rem;line-height:1.25}.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-card{border-radius:28px;padding:1.3rem;color:inherit}.app-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:center}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.3rem .7rem;font-family:IBM Plex Mono,monospace;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#081417;background:linear-gradient(135deg,#6ce7db,#20c7be)}.app-link-mark,.app-url{font-family:IBM Plex Mono,monospace;font-size:.82rem;color:#92a0bf}.app-url{display:inline-block;margin-top:1rem}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@keyframes file-flight{0%{transform:translate(-28px) translateY(10px) scale(.94);opacity:0}10%,36%{transform:translate(0) translateY(0) scale(1);opacity:1}50%{transform:translate(88px) translateY(-10px) scale(.9);opacity:0}to{transform:translate(88px) translateY(-10px) scale(.9);opacity:0}}@keyframes phase-legacy-flow{0%,6%{opacity:0;transform:translate(-16px) scale(.98)}12%,36%{opacity:1;transform:translate(0) scale(1)}48%{opacity:0;transform:translate(28px) scale(.98)}to{opacity:0;transform:translate(28px) scale(.98)}}@keyframes phase-transition-flow{0%,24%{opacity:0;transform:translate(-20px) scale(.985)}30%,54%{opacity:1;transform:translate(0) scale(1)}62%{opacity:0;transform:translate(26px) scale(.985)}to{opacity:0;transform:translate(26px) scale(.985)}}@keyframes phase-python-flow{0%,48%{opacity:0;transform:translate(-22px) scale(.985)}54%,88%{opacity:1;transform:translate(0) scale(1)}94%{opacity:0;transform:translate(18px) scale(.99)}to{opacity:0;transform:translate(18px) scale(.99)}}@keyframes phase-output-flow{0%,70%{opacity:0;transform:translate(-14px) scale(.985)}78%,98%{opacity:1;transform:translate(0) scale(1)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes code-python-flow{0%,54%{opacity:0;transform:translate(-12px)}60%,74%{opacity:1;transform:translate(0)}82%{opacity:0;transform:translate(10px)}to{opacity:0;transform:translate(10px)}}@keyframes table-strong-flow{0%,54%{opacity:0;transform:translate(-10px)}60%,84%{opacity:1;transform:translate(0)}92%,to{opacity:.88;transform:translate(10px)}}@keyframes pipeline-travel{0%,8%{left:.35rem;transform:scaleX(.9);opacity:0}14%{opacity:1}48%{opacity:1}92%{left:calc(100% - 5.6rem);transform:scaleX(1.1);opacity:.7}to{left:calc(100% - 5.6rem);transform:scaleX(1.1);opacity:0}}@keyframes message-travel{0%,10%{left:10px;opacity:0}18%{opacity:1}82%{left:calc(100% - 34px);opacity:.85}to{left:calc(100% - 34px);opacity:0}}@keyframes message-travel-reverse{0%,10%{right:10px;opacity:0}18%{opacity:1}82%{right:calc(100% - 34px);opacity:.85}to{right:calc(100% - 34px);opacity:0}}@keyframes transform-travel{0%,8%{left:12%;top:42%;opacity:0}16%,36%{opacity:1}42%{left:34%;top:42%}60%{left:58%;top:42%}78%{left:79%;top:34%}86%{left:82%;top:50%;opacity:.9}94%{left:80%;top:68%;opacity:.8}to{left:80%;top:68%;opacity:0}}@media(max-width:1080px){.hero,.story-grid,.apps-grid,.principles-grid,.reliability-grid{grid-template-columns:1fr}.transformation-header{flex-direction:column}.transformation-canvas{height:520px}.phase-legacy,.phase-transition,.phase-python,.phase-output{width:auto;left:0;right:0}.phase-legacy{top:0;height:32%}.phase-transition{top:28%;height:26%}.phase-python{top:50%;height:24%}.phase-output{top:72%;height:28%}.code-vba,.code-python{left:148px}.branch{width:118px}.database-stack,.csv-file,.json-file{right:8px}.system-map{min-height:760px}.map-node{width:auto;left:1rem;right:1rem;min-width:0}.map-node.gitlab{top:1rem}.map-node.vault{top:130px}.map-node.runner{top:260px}.map-node.registry{top:390px}.map-node.agent{top:520px}.map-node.k3s{top:650px;bottom:auto}.pipeline-heading,.sequence-heading{align-items:flex-start;flex-direction:column}.pipeline-track{grid-template-columns:1fr}.pipeline-track:before{left:1.25rem;right:auto;top:.5rem;width:2px;height:calc(100% - 1rem)}.pipeline-beam{width:16px;height:52px;top:.2rem;left:.55rem;animation:pipeline-travel-vertical 5.8s ease-in-out infinite}.pipeline-stage:before{left:-.6rem;top:1.1rem}.sequence-grid{display:block;min-height:unset}.sequence-actor,.lifeline-layer{display:none}.message-layer{position:static;display:grid;gap:.95rem}.message-row{position:relative;left:auto;top:auto;width:auto;padding:.95rem;border-radius:20px;background:linear-gradient(180deg,#26293be0,#1d1f2ee6);border:1px solid rgb(255 255 255 / .06)}.message-line:before{left:10px;right:42px}.message-line.reverse:before{left:10px;right:42px}.message-line.reverse:after{left:auto;right:8px;transform:rotate(45deg)}.message-spark,.message-line.reverse .message-spark{animation:none;left:calc(100% - 34px);right:auto;opacity:.85}}@keyframes pipeline-travel-vertical{0%,8%{top:.2rem;transform:scaleY(.8);opacity:0}14%{opacity:1}92%{top:calc(100% - 3.5rem);transform:scaleY(1.1);opacity:.75}to{top:calc(100% - 3.5rem);transform:scaleY(1.1);opacity:0}}.architecture-flow-shell{position:relative;display:grid;gap:1rem;min-height:740px;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgb(112 40 255 / .18),transparent 24%),radial-gradient(circle at 82% 22%,rgb(8 184 176 / .16),transparent 24%),linear-gradient(180deg,#151824f5,#0d0f18fa);border:1px solid rgb(255 255 255 / .06);box-shadow:0 24px 72px #00000047,inset 0 1px #ffffff0a}.architecture-flow-fallback{display:grid;place-items:center;min-height:640px;color:#dbeaff;font-family:IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.flow-visual{position:relative;min-height:640px;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgb(112 40 255 / .18),transparent 24%),radial-gradient(circle at 82% 22%,rgb(8 184 176 / .16),transparent 24%),linear-gradient(180deg,#151824f5,#0d0f18fa);border:1px solid rgb(255 255 255 / .06);box-shadow:0 24px 72px #00000047,inset 0 1px #ffffff0a}.flow-visual-toolbar{position:absolute;left:1rem;top:1rem;z-index:5;display:flex;gap:.6rem;flex-wrap:wrap}.flow-visual-toolbar button{border:1px solid rgb(255 255 255 / .08);border-radius:999px;padding:.55rem .85rem;font-family:IBM Plex Mono,monospace;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#eaf0ff;background:linear-gradient(180deg,#26293aeb,#181b28f0);box-shadow:0 12px 26px #0000003d,inset 0 1px #ffffff0a;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.flow-visual-toolbar button:hover{transform:translateY(-1px);border-color:#6ce7db47;background:linear-gradient(180deg,#2b2f42f5,#1b1f2df5)}.flow-visual-toolbar button.flow-btn-active{border-color:#6ce7db85;background:linear-gradient(180deg,#373c58f5,#222638f5);box-shadow:0 0 14px #6ce7db24,0 12px 26px #0000003d,inset 0 1px #ffffff0f;color:#b4f0e8}.flow-toolbar-separator{width:1px;align-self:stretch;background:#ffffff1a;margin:.2rem .25rem}.flow-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .03) 1px,transparent 1px);background-size:38px 38px;pointer-events:none}.flow-visual .react-flow{background:transparent}.flow-visual .react-flow__viewport,.flow-visual .react-flow__renderer{overflow:visible}.flow-node{width:168px;padding:.9rem .85rem .8rem;border-radius:20px;background:linear-gradient(180deg,#26293afa,#181b28f5);border:1px solid rgb(255 255 255 / .08);box-shadow:0 18px 34px #0000003d,inset 0 1px #ffffff0a}.flow-node-top{display:flex;align-items:center;gap:.72rem}.flow-node-stack-layout{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.flow-node-icon-halo{display:flex;align-items:center;padding:.62rem .72rem;border-radius:22px;background:linear-gradient(180deg,#6e7aa51f,#3e4a7614);border:1px solid rgb(190 206 255 / .11);box-shadow:inset 0 1px #ffffff0d,0 12px 22px #0000001f}.flow-node-icon{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;flex:none;border-radius:12px;background:linear-gradient(135deg,#6ce7db2e,#5f23ff38);border:1px solid rgb(255 255 255 / .08);box-shadow:inset 0 1px #ffffff0a;overflow:hidden}.flow-node-icon-image{width:1.35rem;height:1.35rem;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgb(219 234 255 / .12))}.flow-node-icon-image-stack{width:2rem;height:2rem;margin-left:-.55rem;border-radius:999px;filter:drop-shadow(0 0 10px rgb(219 234 255 / .1))}.flow-node-icon-image-stack:first-child{margin-left:0}.flow-node h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:.98rem;color:#f6f7fb}.flow-handle{width:10px!important;height:10px!important;border:2px solid rgb(133 148 185 / .92)!important;background:#f4f7fb!important}.flow-handle-left{left:-5px!important}.flow-handle-right{right:-5px!important}.flow-edge{stroke:#7aafff85;stroke-width:2.5}.flow-edge-label{display:inline-flex;align-items:center;justify-content:center;width:112px;height:28px;border-radius:999px;font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#dbeaff;background:linear-gradient(135deg,#5f23ffc7,#08b8b0a3);border:1px solid rgb(255 255 255 / .08);box-shadow:0 10px 24px #00000038}.flow-controls{border:1px solid rgb(255 255 255 / .08)!important;background:#10131ed1!important;box-shadow:0 14px 30px #00000042!important}.flow-controls button{background:transparent!important;border:0!important}.flow-inspector{width:min(760px,100%);margin:0 auto .25rem;padding:1rem 1.1rem;border-radius:24px;background:linear-gradient(180deg,#11141eeb,#191c2aeb);border:1px solid rgb(255 255 255 / .08);box-shadow:0 18px 36px #00000047,inset 0 1px #ffffff0a;pointer-events:none}.flow-inspector-main{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.flow-inspector-label{margin:0 0 .7rem;color:#6ce7db;font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.flow-inspector h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.15rem;color:#f6f7fb}.flow-inspector p{margin:.65rem 0 0;color:#bcc4dc}.flow-inspector-meta{display:flex;flex-direction:column;gap:.55rem;min-width:9rem;margin-top:.1rem;font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#dbeaff}.flow-inspector-hint{margin-top:.9rem;color:#92a0bf;font-size:.82rem}.architecture-caption{max-width:48rem}.architecture-caption p{margin:0;color:#bcc4dc}.delivery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.delivery-card{border-radius:24px;padding:1.15rem;background:linear-gradient(180deg,#222536eb,#161927f0);border:1px solid rgb(255 255 255 / .07);box-shadow:0 18px 40px #00000042,inset 0 1px #ffffff0a}.delivery-index{display:inline-flex;margin-bottom:.85rem;padding:.32rem .62rem;border-radius:999px;background:#ffffff14;color:#f6f7fb;font-family:IBM Plex Mono,monospace;font-size:.76rem}.delivery-card p{margin:0;color:#dce3f7}.stage-eyebrow{display:inline-flex;margin-bottom:.85rem;color:#6ce7db;font-family:IBM Plex Mono,monospace;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}@media(max-width:1080px){.delivery-grid{grid-template-columns:1fr}.architecture-flow-shell{min-height:780px}.flow-visual{min-height:700px}.flow-visual-toolbar{right:1rem}}@media(max-width:760px){.flow-node{width:156px}.architecture-flow-shell{min-height:860px}.flow-visual{min-height:760px}.flow-inspector-main{flex-direction:column}.flow-inspector-meta{flex-direction:row;justify-content:space-between}.flow-visual-toolbar{left:.85rem;top:.85rem;right:.85rem}}