:root{--ink:#11151a;--paper:#f4f1eb;--white:#fff;--muted:#697078;--line:#d7d4ce;--blue:#1746d1;--night:#0b1118;--max:1380px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}
.nav{position:fixed;z-index:100;top:0;left:0;right:0;height:76px;padding:0 3vw;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.16);color:white;background:rgba(9,14,20,.7);backdrop-filter:blur(18px)}.logo{font-weight:900;letter-spacing:.06em;font-size:20px}.logo em{font-style:normal;color:#7ea2ff}.navlinks{margin-left:auto;display:flex;gap:25px;font-size:13px}.navcta{margin-left:25px;border:1px solid rgba(255,255,255,.45);padding:10px 15px}
.hero{min-height:94vh;background:#0a1119;color:white;position:relative;display:flex;align-items:end;overflow:hidden}.hero-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.48;transform:scale(1.03);animation:drift 16s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,15,.95) 0,rgba(6,10,15,.7) 45%,rgba(6,10,15,.12) 85%),linear-gradient(0deg,rgba(6,10,15,.75),transparent 45%)}@keyframes drift{to{transform:scale(1.09) translateX(-1.5%)}}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%;width:520px;height:520px;right:-110px;top:90px;animation:spin 35s linear infinite}.orbit:after{content:"";position:absolute;width:9px;height:9px;background:#fff;border-radius:50%;top:85px;left:70px;box-shadow:0 0 24px #fff}@keyframes spin{to{transform:rotate(360deg)}}
.hero-content{position:relative;z-index:3;width:min(var(--max),94vw);margin:0 auto;padding:150px 0 95px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;margin-bottom:22px}.hero h1,.pagehero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(56px,7.2vw,108px);line-height:.91;letter-spacing:-.045em;max-width:1080px;margin:0}.hero p,.pagehero p{max-width:720px;font-size:18px;line-height:1.65;color:#d4d8dc;margin:28px 0 0}.actions{display:flex;gap:12px;margin-top:34px}.btn{background:white;color:#10151b;padding:14px 18px;font-size:13px;font-weight:700}.btn.ghost{background:transparent;color:white;border:1px solid #8b9299}
.marquee{overflow:hidden;background:#1746d1;color:white;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.track{width:max-content;display:flex;gap:42px;padding:17px 0;animation:marquee 32s linear infinite}.track span{font-size:12px;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap}.track i{opacity:.45}@keyframes marquee{to{transform:translateX(-50%)}}
section{padding:110px 3vw}.wrap{max-width:var(--max);margin:auto}.intro{display:grid;grid-template-columns:.8fr 1.3fr;gap:8vw}.section-no{font-size:12px;color:#6b7076;letter-spacing:.16em}.display{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-.035em;margin:0 0 28px}.lead{font-size:19px;line-height:1.75;color:#505860;max-width:850px}.dark{background:var(--night);color:white}.dark .lead{color:#afb7bf}
.editorial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-top:65px}.feature{grid-column:span 7;min-height:540px;position:relative;overflow:hidden;background:#1a2027}.feature.small{grid-column:span 5}.feature img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .8s}.feature:hover img{transform:scale(1.035)}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,12,.92),transparent 65%)}.feature-copy{position:absolute;z-index:2;left:34px;right:34px;bottom:32px;color:white}.feature-copy small{letter-spacing:.17em;text-transform:uppercase}.feature-copy h3{font-family:Georgia,serif;font-weight:400;font-size:38px;margin:12px 0}.feature-copy p{max-width:580px;color:#d7dce0;line-height:1.55}
.statement{background:#1746d1;color:white;padding:120px 3vw}.statement blockquote{max-width:1200px;margin:auto;font-family:Georgia,serif;font-size:clamp(44px,6vw,86px);line-height:1.03;letter-spacing:-.04em}
.journey{margin-top:55px;border-top:1px solid #3a424a}.stage{display:grid;grid-template-columns:80px 1fr 1fr 36px;gap:20px;padding:28px 0;border-bottom:1px solid #303942;cursor:pointer;transition:.3s}.stage:hover{padding-left:12px}.stage .num{color:#7f8993}.stage h3{font-size:23px;margin:0}.stage p{color:#aeb6be;margin:0;line-height:1.55}.stage .plus{font-size:26px}.stage-detail{display:none;grid-column:2/4;padding:10px 0 24px}.stage.open .stage-detail{display:block}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{border:1px solid #4a5560;padding:8px 10px;font-size:11px;letter-spacing:.04em}
.l2grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d7d4ce;margin-top:48px}.l2{background:var(--paper);padding:25px;min-height:170px}.l2 b{font-family:Georgia,serif;font-size:21px;font-weight:400}.l2 p{font-size:13px;line-height:1.55;color:#697078}
.arch{margin-top:55px;position:relative}.arch-row{display:grid;grid-template-columns:190px repeat(5,1fr);gap:1px;background:#cfd2d4;margin-bottom:1px}.arch-row>*{background:#fff;padding:18px;min-height:86px}.arch-row .label{background:#111820;color:white;text-transform:uppercase;font-size:11px;letter-spacing:.13em}.arch-row b{font-size:13px}.arch-row span{display:block;font-size:11px;color:#697078;margin-top:7px}.pulse{height:2px;background:linear-gradient(90deg,transparent,#1746d1,transparent);background-size:35% 100%;animation:pulse 3s linear infinite}@keyframes pulse{to{background-position:200% 0}}
.pagehero{min-height:72vh;padding:170px 3vw 80px;background:#0b1118;color:white;display:flex;align-items:end;position:relative;overflow:hidden}.pagehero .inner{width:min(var(--max),100%);margin:auto;position:relative;z-index:2}.pagehero .ghostword{position:absolute;right:-2vw;top:100px;font-family:Georgia,serif;font-size:17vw;color:rgba(255,255,255,.025);white-space:nowrap}
.split{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}.sticky{position:sticky;top:110px}.topics{border-top:1px solid var(--line)}.topic{padding:28px 0;border-bottom:1px solid var(--line)}.topic h3{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:0 0 10px}.topic p{color:#687078;line-height:1.6}
footer{padding:70px 3vw;background:#070b10;color:#aab1b8}.footer{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer h4{color:white}.footer a{display:block;margin:10px 0;font-size:13px}.fine{max-width:var(--max);margin:45px auto 0;border-top:1px solid #293039;padding-top:22px;font-size:11px}
.reveal{opacity:0;transform:translateY(28px);transition:.9s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.navlinks{display:none}.intro,.split{grid-template-columns:1fr}.feature,.feature.small{grid-column:span 12;min-height:430px}.stage{grid-template-columns:45px 1fr 28px}.stage>p{display:none}.stage-detail{grid-column:2/3}.l2grid{grid-template-columns:1fr 1fr}.arch-row{grid-template-columns:120px 1fr 1fr}.arch-row>*:nth-child(n+4){display:none}.footer{grid-template-columns:1fr 1fr}.sticky{position:static}}

/* v2 information architecture */
.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:55px}.dir-card{background:var(--paper);padding:32px;min-height:280px;position:relative;transition:.35s}.dir-card:hover{background:#fff;transform:translateY(-3px);z-index:2}.dir-card .water{font-family:Georgia,serif;font-size:70px;color:#e4e0d9;line-height:.8}.dir-card h3{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:22px 0 12px}.dir-card p{color:#687078;line-height:1.55}.dir-card .arrow{position:absolute;right:25px;bottom:22px;font-size:24px}
.valuechain{margin-top:55px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #303941;border-bottom:1px solid #303941}.value{padding:28px 18px;border-right:1px solid #303941;min-height:155px}.value:last-child{border:0}.value small{color:#84909a}.value b{display:block;margin-top:30px;font-family:Georgia,serif;font-size:20px;font-weight:400}.value span{font-size:11px;color:#9da7b0;display:block;margin-top:10px}
.modulehero{min-height:76vh}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:50px}.feature-item{background:var(--paper);padding:28px}.feature-item h3{font-family:Georgia,serif;font-size:24px;font-weight:400}.feature-item p{color:#687078;line-height:1.6}.module-ui{background:#e9e7e2;padding:35px;border-radius:2px;margin-top:55px}.fakeapp{background:white;box-shadow:0 25px 80px rgba(0,0,0,.1);min-height:430px;display:grid;grid-template-columns:220px 1fr}.fake-side{background:#111820;color:#cbd2d9;padding:25px}.fake-side b{color:white}.fake-side span{display:block;padding:12px 0;border-bottom:1px solid #2b343d;font-size:12px}.fake-main{padding:32px}.fake-main h3{font-family:Georgia,serif;font-size:31px;font-weight:400}.ui-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ui-card{border:1px solid #ddd;padding:18px;min-height:120px}.ui-card small{color:#777}.ui-card b{display:block;font-size:25px;margin-top:12px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.post{background:white;border:1px solid var(--line);min-height:420px;display:flex;flex-direction:column}.post-img{height:200px;background:#151b22;position:relative;overflow:hidden}.post-img:after{content:attr(data-word);position:absolute;left:20px;bottom:-18px;font-family:Georgia,serif;font-size:80px;color:rgba(255,255,255,.1)}.post-body{padding:25px;display:flex;flex-direction:column;flex:1}.post h3{font-family:Georgia,serif;font-size:27px;font-weight:400}.post p{color:#697078;line-height:1.55}.post .read{margin-top:auto;font-size:12px;font-weight:bold}.article{max-width:850px;margin:auto}.article h2{font-family:Georgia,serif;font-weight:400;font-size:42px;margin-top:55px}.article p{font-size:18px;line-height:1.8;color:#4f5962}.article .callout{border-left:3px solid #1746d1;padding:12px 0 12px 25px;font-family:Georgia,serif;font-size:28px;color:#20262c;margin:45px 0}
.module-link{border-color:#6b7783!important;transition:.2s}.module-link:hover{background:#fff!important;color:#111!important}
@media(max-width:900px){.directory,.blog-grid,.feature-list{grid-template-columns:1fr}.valuechain{grid-template-columns:1fr 1fr}.fakeapp{grid-template-columns:1fr}.fake-side{display:none}.ui-cards{grid-template-columns:1fr}}

/* v3 functional module explorer + routing */
.fake-side button{width:100%;display:block;text-align:left;padding:14px 0;border:0;border-bottom:1px solid #2b343d;background:transparent;color:#cbd2d9;font:inherit;font-size:12px;cursor:pointer;transition:.2s}
.fake-side button:hover,.fake-side button.active{color:#fff;padding-left:8px}
.fake-side button.active:before{content:"";display:inline-block;width:18px;height:2px;background:#7ea2ff;margin-right:8px;vertical-align:middle}
.fake-main{min-height:490px;position:relative}
.workspace-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#737b83}
.workspace-title{font-family:Georgia,serif;font-size:34px!important;margin:8px 0 10px!important}
.workspace-desc{color:#667078;max-width:760px;line-height:1.55}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.metric{border:1px solid #ddd;padding:18px;min-height:112px}.metric small{color:#747b82}.metric b{display:block;font-size:19px;margin-top:12px}
.process-strip{display:flex;align-items:center;gap:8px;margin-top:32px;flex-wrap:wrap}.process-node{border:1px solid #d2d5d8;padding:10px 12px;font-size:11px}.process-arrow{color:#8b9298}
.workspace-actions{display:flex;gap:8px;margin-top:30px}.workspace-actions a{font-size:11px;border:1px solid #bbb;padding:10px 12px}
.chip.module-link{cursor:pointer;position:relative;z-index:3}
.chip.module-link:hover{border-color:#fff!important;background:#fff!important;color:#111!important}
.article-meta{display:flex;gap:18px;font-size:12px;color:#737b83;margin:18px 0 38px}.article ul{font-size:18px;line-height:1.75;color:#4f5962}.article h3{font-family:Georgia,serif;font-size:29px;font-weight:400;margin-top:40px}
@media(max-width:900px){.metric-grid{grid-template-columns:1fr}.fake-side{display:block}}

/* v4 brand + flagship agentic + visible insights */
.brand-logo{display:flex;align-items:center;background:white;padding:5px 10px;height:52px}
.brand-logo img{height:42px;width:auto;display:block}
.agent-map{margin-top:55px;display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr;align-items:stretch}
.agent-col{border:1px solid #323b44;padding:28px;min-height:250px}
.agent-col h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:12px 0}
.agent-col p{color:#aeb7bf;line-height:1.55}
.agent-arrow{display:flex;align-items:center;justify-content:center;font-size:28px;color:#73808b}
.authority{width:100%;border-collapse:collapse;margin-top:50px}.authority th,.authority td{padding:18px;border-bottom:1px solid #303942;text-align:left}.authority th{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#8d99a4}.authority td:first-child{font-family:Georgia,serif;font-size:20px}.yes{color:#fff}.conditional{color:#b8c8ff}
.agent-flow{display:flex;gap:0;margin-top:45px;overflow-x:auto}.agent-step{min-width:180px;flex:1;padding:25px 20px;border:1px solid var(--line);border-right:0;background:white}.agent-step:last-child{border-right:1px solid var(--line)}.agent-step small{color:#7b838a}.agent-step b{display:block;font-family:Georgia,serif;font-size:22px;font-weight:400;margin-top:18px}.agent-step p{font-size:12px;color:#687078;line-height:1.5}
.usecase{display:grid;grid-template-columns:150px 1fr 1fr;gap:25px;padding:28px 0;border-bottom:1px solid #303942}.usecase .domain{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8e9aa4}.usecase h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0}.usecase p{color:#aeb7bf;margin:0;line-height:1.55}
.insight-featured{display:grid;grid-template-columns:1.15fr .85fr;gap:1px;background:var(--line);margin-top:55px}.insight-featured>a{background:white;padding:38px;min-height:390px;position:relative}.insight-featured .primary{background:#111820;color:white}.insight-featured .primary p{color:#b7c0c8}.insight-featured h2{font-family:Georgia,serif;font-size:39px;font-weight:400;line-height:1.08}.insight-featured .date{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#84909a}.insight-featured .read{position:absolute;bottom:30px;font-size:12px;font-weight:bold}
.article-index{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px}.article-index a{border-top:1px solid var(--line);padding:25px 0}.article-index h3{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:8px 0}.article-index p{color:#697078}
@media(max-width:900px){.agent-map{grid-template-columns:1fr}.agent-arrow{height:60px;transform:rotate(90deg)}.usecase{grid-template-columns:1fr}.insight-featured,.article-index{grid-template-columns:1fr}.brand-logo{height:48px}.brand-logo img{height:38px}}

/* v5 expanded content */
.solution-group{margin-top:70px}.solution-group-head{display:grid;grid-template-columns:220px 1fr;gap:35px;border-top:1px solid var(--line);padding-top:25px;margin-bottom:28px}.solution-group-head p{color:#697078;max-width:760px;line-height:1.6}
.workflow{margin-top:45px;border-top:1px solid #303942}.wf-row{display:grid;grid-template-columns:70px 1fr 1.2fr 1fr 35px;gap:18px;padding:25px 0;border-bottom:1px solid #303942;cursor:pointer}.wf-row h3{margin:0;font-size:19px}.wf-row p{margin:0;color:#aeb7bf;font-size:13px;line-height:1.5}.wf-detail{display:none;grid-column:2/5;padding:10px 0 20px}.wf-row.open .wf-detail{display:block}.wf-diagram{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.wf-node{border:1px solid #53606c;padding:9px 11px;font-size:11px}.wf-arrow{padding:8px 2px;color:#77838e}
.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:45px}.uc{background:var(--paper);padding:28px;min-height:300px}.uc .tag{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6f7780}.uc h3{font-family:Georgia,serif;font-size:26px;font-weight:400}.uc p{color:#687078;line-height:1.55}.uc ul{padding-left:18px;color:#687078;font-size:13px;line-height:1.7}
.blog-count{font-family:Georgia,serif;font-size:72px;color:#d8d4cd}.migration-badge{display:inline-block;padding:6px 8px;border:1px solid currentColor;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
@media(max-width:900px){.solution-group-head{grid-template-columns:1fr}.wf-row{grid-template-columns:40px 1fr 30px}.wf-row>p{display:none}.wf-detail{grid-column:2/3}.usecase-grid{grid-template-columns:1fr}}

/* v6 readability */
.section-no,.eyebrow,.workspace-kicker{color:#3156c8!important;font-size:13px!important;font-weight:700!important;letter-spacing:.16em!important}.dark .section-no,.dark .eyebrow,.dark .workspace-kicker{color:#91a8ff!important}.matrix td,.matrix th{font-size:16px!important;padding:27px 24px!important}.matrix th{font-size:14px!important;letter-spacing:.1em!important}.fake-side{width:285px!important;min-width:285px!important;padding:32px 28px!important}.fake-side>b{font-size:19px!important;margin-bottom:12px!important;display:block}.fake-side button{font-size:14px!important;line-height:1.35!important;padding:15px 0!important}.fake-main{padding:38px 40px!important}.workspace-title{font-size:36px!important;line-height:1.08!important;color:#121820!important}.workspace-desc{font-size:17px!important;line-height:1.6!important;max-width:900px!important}.metric{padding:21px!important;min-height:125px!important}.metric small{font-size:13px!important;color:#5d6872!important}.metric b{font-size:20px!important;line-height:1.3!important;color:#121820!important}.process-node{font-size:13px!important;padding:11px 14px!important}.workspace-actions a{font-size:13px!important}.module-visual{margin-top:28px;border:1px solid #d8dce0;background:#f6f7f8;padding:12px;position:relative;overflow:hidden}.module-visual img{display:block;width:100%;max-height:340px;object-fit:contain;background:#fff}.module-visual .visual-label{position:absolute;top:22px;left:22px;background:#10161d;color:#fff;padding:7px 10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.module-visual .visual-note{font-size:12px;color:#687078;margin:10px 4px 2px;line-height:1.45}.unity-concept{height:280px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #dde1e5}.unity-concept>div{padding:25px 18px;border-right:1px solid #e1e4e7;display:flex;flex-direction:column;justify-content:center}.unity-concept small{font-size:11px;color:#3156c8;font-weight:700;letter-spacing:.1em}.unity-concept b{font-family:Georgia,serif;font-size:22px;font-weight:400;margin-top:10px}.unity-concept p{font-size:12px;line-height:1.5;color:#6a7279}@media(max-width:900px){.fake-side{width:100%!important;min-width:0!important}.fake-main{padding:28px 22px!important}.unity-concept{grid-template-columns:1fr;height:auto}}

/* FIX: module explorer layout — sidebar column matches its 285px width (was 220px, overlapping main panel) */
@media(min-width:901px){.fakeapp{grid-template-columns:285px minmax(0,1fr)!important}}
/* FIX: workspace panel sits inside dark sections; restore dark text so flow nodes and action links are visible */
.fake-main{color:#121820;background:#fff;min-width:0}
.fake-main .process-node{color:#121820;background:#fff}
.fake-main .process-arrow{color:#8b9298}
.fake-main .workspace-actions a{color:#121820}
.fake-main .workspace-actions a:hover{background:#121820;color:#fff}
.fake-side{color:#cbd2d9}

/* Interactive process flow (module explorer) */
.flowx{display:block!important;margin-top:30px;border:1px solid #e1e4e7;background:#fafbfb;padding:20px 22px 18px}
.flowx-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.flowx-head span{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#3156c8}
.flowx-head small{font-size:12px;color:#7a838b}
.flowx-track{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:0}
.flowx-line{position:absolute;left:calc(50% / var(--n));right:calc(50% / var(--n));top:17px;height:2px;background:#dfe3e7}
.flowx-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#1746d1,#7ea2ff);transition:width .5s cubic-bezier(.4,0,.2,1)}
.flowx-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;padding:0 4px;cursor:pointer;font:inherit;color:#5d6872}
.flowx-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #cfd5da;font-size:13px;font-weight:700;color:#5d6872;transition:all .3s}
.flowx-label{font-size:13px;line-height:1.25;text-align:center;font-weight:600;transition:color .3s}
.flowx-step:hover .flowx-dot{border-color:#1746d1;color:#1746d1;transform:translateY(-2px)}
.flowx-step.done .flowx-dot{background:#e8eefc;border-color:#1746d1;color:#1746d1}
.flowx-step.active .flowx-dot{background:#1746d1;border-color:#1746d1;color:#fff;box-shadow:0 0 0 6px rgba(23,70,209,.14);transform:scale(1.08)}
.flowx-step.active .flowx-label{color:#121820}
.flowx-step:focus-visible{outline:none}.flowx-step:focus-visible .flowx-dot{outline:2px solid #1746d1;outline-offset:3px}
.flowx-detail{margin-top:18px;background:#fff;border-left:3px solid #1746d1;padding:14px 16px 12px;min-height:84px}
.flowx-detail.swap{animation:flowxIn .35s ease}
@keyframes flowxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.flowx-meta{display:flex;justify-content:space-between;align-items:center}
.flowx-count{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7a838b;font-weight:700}
.flowx-nav button{width:30px;height:30px;border:1px solid #d2d7dc;background:#fff;cursor:pointer;color:#121820;font-size:14px;margin-left:6px;transition:.2s}
.flowx-nav button:hover{background:#121820;color:#fff;border-color:#121820}
.flowx-title{display:block;font-family:Georgia,serif;font-weight:400;font-size:22px;color:#121820;margin:4px 0 4px}
.flowx-text{margin:0;color:#4f5962;font-size:15px;line-height:1.55}
@media(max-width:600px){.flowx{padding:16px 12px}.flowx-dot{width:30px;height:30px;font-size:12px}.flowx-line{top:14px}.flowx-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.flowx-fill,.flowx-dot,.flowx-detail.swap{transition:none;animation:none}}

/* Logo: transparent, cropped, larger (no white box) */
.brand-logo{background:transparent!important;padding:0!important;height:auto!important}
.brand-logo img{height:46px!important;width:auto}
.navlinks{font-size:14.5px!important;gap:28px!important}
.navcta{font-size:14.5px}
@media(max-width:900px){.brand-logo img{height:38px!important}}

/* End-to-end solution flow */
.e2e-sec{padding-top:40px}
.e2e{margin-top:10px}
.e2e-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.e2e-tab{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:.2s}
.e2e-tab:hover{border-color:var(--ink)}
.e2e-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.e2e-panel{background:#fff;border:1px solid var(--line);padding:clamp(20px,3vw,40px)}
.e2e-panel.swap{animation:flowxIn .35s ease}
.e2e-top{display:grid;grid-template-columns:.8fr 1.4fr;gap:5vw;align-items:start;border-bottom:1px solid var(--line);padding-bottom:24px}
.e2e-top small,.e2e-out small,.e2e-desc small{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:#3156c8;margin-bottom:8px}
.e2e-top h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.05;margin:0}
.e2e-challenge{margin:0;color:#4f5962;font-size:16px;line-height:1.65}
.e2e-challenge b{display:block;color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px}
.e2e-hint{margin:26px 0 14px;font-size:12px;color:#7a838b;letter-spacing:.06em}
.e2e-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:14px;counter-reset:s}
.e2e-flow li{position:relative}
.e2e-flow li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:2px solid #9fb2ea;border-right:2px solid #9fb2ea;transform:translateY(-50%) rotate(45deg);z-index:2}
.e2e-stage{width:100%;height:100%;min-height:128px;text-align:left;display:flex;flex-direction:column;gap:6px;border:1px solid #dfe3e7;background:var(--paper);padding:14px 14px 16px;font:inherit;color:var(--ink);cursor:pointer;transition:transform .2s,background .25s,border-color .25s,box-shadow .25s}
.e2e-stage:hover{transform:translateY(-3px);border-color:#1746d1;box-shadow:0 10px 24px rgba(17,21,26,.08)}
.e2e-stage:focus-visible{outline:2px solid #1746d1;outline-offset:2px}
.e2e-n{font-size:12px;font-weight:700;color:#1746d1;letter-spacing:.1em}
.e2e-stage b{font-size:16px;line-height:1.2}
.e2e-prod{font-size:12px;line-height:1.35;color:#5d6872;margin-top:auto}
.e2e-stage.done{background:#eef2fd;border-color:#c9d5f7}
.e2e-stage.active{background:#0b1118;border-color:#0b1118;color:#fff;box-shadow:0 12px 28px rgba(11,17,24,.25)}
.e2e-stage.active .e2e-n{color:#91a8ff}.e2e-stage.active .e2e-prod{color:#c3cad1}
.e2e-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;margin-top:22px}
.e2e-detail{border-left:3px solid #1746d1;background:#f6f8fc;padding:18px 20px;min-height:120px}
.e2e-desc p{margin:0 0 10px;font-size:17px;line-height:1.55;color:#1d252d}
.e2e-desc:not([hidden]){animation:flowxIn .3s ease}
.e2e-with{font-size:13px;color:#5d6872}.e2e-with b{color:var(--ink)}
.e2e-out ul{margin:0;padding:0;list-style:none}
.e2e-out li{position:relative;padding:8px 0 8px 22px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45}
.e2e-out li::before{content:"✓";position:absolute;left:0;color:#1746d1;font-weight:700}
.e2e-more{display:inline-block;margin-top:16px;font-size:13px;font-weight:700;border-bottom:1px solid currentColor;color:var(--ink)}
@media(max-width:1100px){.e2e-flow{grid-template-columns:repeat(3,1fr)}.e2e-flow li:nth-child(3n)::after{display:none}}
@media(max-width:900px){.e2e-top,.e2e-bottom{grid-template-columns:1fr}}
@media(max-width:600px){.e2e-flow{grid-template-columns:1fr}.e2e-flow li::after{right:50%!important;top:auto!important;bottom:-12px;transform:translateX(50%) rotate(135deg)!important;display:block!important}.e2e-flow li:last-child::after{display:none!important}.e2e-stage{min-height:0}}

/* ===== E2E flowing wave (overrides box layout when JS is active) ===== */
.e2e-wave{position:relative;height:330px;margin:6px 0 4px}
.e2e-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.e2e-svg path{fill:none}
.w-base{stroke:#d5e0e7;stroke-width:2}
.w-current{stroke-width:2.5;stroke-dasharray:.35 1.6;opacity:.55;animation:wflow 2.4s linear infinite}
.w-prog{stroke-width:3.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .9s cubic-bezier(.65,0,.35,1)}
@keyframes wflow{to{stroke-dashoffset:-3.9}}
.e2e-flow.wave{display:block!important;position:absolute;inset:0;margin:0}
.e2e-flow.wave li{position:absolute;width:0;height:0}
.e2e-flow.wave li::after{display:none!important}
.e2e-flow.wave .e2e-stage{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:auto;height:auto;min-height:0;background:none!important;border:0!important;box-shadow:none!important;padding:0;display:block;color:var(--ink,#0f2533);overflow:visible}
.e2e-flow.wave .e2e-n{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid #cddae3;color:var(--navy,#0d465e);font-size:14px;font-weight:700;letter-spacing:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s,color .3s,box-shadow .3s;box-shadow:0 6px 18px rgba(13,70,94,.08)}
.e2e-flow.wave .e2e-n::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid var(--accent,#ff4912);opacity:0;transform:scale(.8);transition:.3s}
.e2e-flow.wave .e2e-stage b,.e2e-flow.wave .e2e-prod{position:absolute;left:50%;transform:translateX(-50%);text-align:center;white-space:normal;width:170px}
.e2e-flow.wave .e2e-stage b{font-size:16px;font-weight:600;line-height:1.2}
.e2e-flow.wave .e2e-prod{font-size:12px;line-height:1.35;color:var(--muted,#5a6b78);margin:0}
.e2e-flow.wave li.up .e2e-stage b{bottom:calc(100% + 34px)}
.e2e-flow.wave li.up .e2e-prod{bottom:calc(100% + 14px)}
.e2e-flow.wave li.up .e2e-stage b,.e2e-flow.wave li.up .e2e-prod{bottom:auto}
.e2e-flow.wave li.up .e2e-stage b{top:-58px}.e2e-flow.wave li.up .e2e-prod{top:-36px;width:180px}
.e2e-flow.wave li.down .e2e-stage b{top:68px}.e2e-flow.wave li.down .e2e-prod{top:90px;width:180px}
.e2e-flow.wave .e2e-stage:hover .e2e-n{transform:scale(1.08);border-color:var(--navy,#0d465e)}
.e2e-flow.wave .e2e-stage.done .e2e-n{background:#e6eff4;border-color:var(--navy,#0d465e)}
.e2e-flow.wave .e2e-stage.active .e2e-n{background:var(--navy,#0d465e);border-color:var(--navy,#0d465e);color:#fff;transform:scale(1.15);box-shadow:0 10px 28px rgba(13,70,94,.28)}
.e2e-flow.wave .e2e-stage.active .e2e-n::after{opacity:.55;transform:scale(1);animation:wring 2s ease-out infinite}
.e2e-flow.wave .e2e-stage.active b{color:var(--navy,#0d465e)}
.e2e-flow.wave .e2e-stage.active .e2e-prod{color:var(--accent-ink,#c2410c)}
@keyframes wring{0%{transform:scale(.9);opacity:.6}100%{transform:scale(1.35);opacity:0}}
.e2e-flow.wave .e2e-stage:focus-visible{outline:none}.e2e-flow.wave .e2e-stage:focus-visible .e2e-n{outline:2px solid var(--accent,#ff4912);outline-offset:4px}
/* vertical (mobile) */
.e2e-wave.vertical{height:auto;min-height:calc(var(--n,6)*96px)}
.e2e-wave.vertical .e2e-flow.wave .e2e-stage b,.e2e-wave.vertical .e2e-flow.wave .e2e-prod{left:44px;transform:none;text-align:left;width:calc(100vw - 170px);max-width:240px;top:auto;bottom:auto}
.e2e-wave.vertical .e2e-flow.wave .e2e-stage b{top:-18px}
.e2e-wave.vertical .e2e-flow.wave .e2e-prod{top:4px}
.e2e-wave.vertical .e2e-flow.wave .e2e-n{width:44px;height:44px;font-size:13px}
.e2e-hint{display:flex;align-items:center;gap:8px}
.e2e-detail{border-radius:0 10px 10px 0;border-left-color:var(--accent,#ff4912)!important}
.e2e-desc p{font-size:18px}
.e2e-with b{color:var(--navy,#0d465e)}
.e2e-tab{border-radius:999px!important}
.e2e-tab.active{background:var(--navy,#0d465e)!important;border-color:var(--navy,#0d465e)!important}
.e2e-panel{border-radius:12px}
@media(prefers-reduced-motion:reduce){.w-current,.e2e-flow.wave .e2e-stage.active .e2e-n::after{animation:none}.w-prog{transition:none}}
.e2e-wave.vertical .e2e-flow.wave .e2e-stage b{top:2px}
.e2e-wave.vertical .e2e-flow.wave .e2e-prod{top:24px}
.e2e-wave.vertical .e2e-flow.wave .e2e-stage b,.e2e-wave.vertical .e2e-flow.wave .e2e-prod{left:60px}

/* ===== Solution point of view (thought leadership) ===== */
.pov-sec{padding:100px 3vw}
.pov{display:grid;grid-template-columns:.95fr 1.25fr;gap:7vw;align-items:start}
.pov-head{position:sticky;top:120px}
.pov-thesis{font-size:clamp(34px,3.6vw,54px)!important;line-height:1.05!important;margin:14px 0 22px}
.pov-lead{font-size:18px;line-height:1.7;color:var(--muted,#5a6b78);margin:0}
.pov-insights{list-style:none;margin:0;padding:0}
.pov-insights li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:28px 0;border-top:1px solid var(--line,#e2e8ee)}
.pov-insights li:last-child{border-bottom:1px solid var(--line,#e2e8ee)}
.pov-i{font-size:13px;font-weight:700;color:var(--accent-ink,#c2410c);letter-spacing:.08em;padding-top:5px}
.pov-insights h3{margin:0 0 8px;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.pov-insights p{margin:0;color:var(--muted,#5a6b78);font-size:16px;line-height:1.65}
.pov-tint{background:var(--tint,#edf3f7)}
.pov-sub{font-size:clamp(30px,3vw,44px)!important;margin:12px 0 0}
.pov-phases{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.pov-phases:before{content:"";position:absolute;left:8px;right:8px;top:8px;height:2px;background:linear-gradient(90deg,var(--navy,#0d465e),var(--accent,#ff4912))}
.pov-phases li{position:relative;padding-top:32px}
.pov-dot{position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--navy,#0d465e);transition:transform .3s}
.pov-phases li:last-child .pov-dot{border-color:var(--accent,#ff4912)}
.pov-phases li:hover .pov-dot{transform:scale(1.25)}
.pov-phases b{display:block;font-size:19px;font-weight:600;margin-bottom:8px}
.pov-phases p{margin:0;color:var(--muted,#5a6b78);font-size:15px;line-height:1.6}
.pov-split{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;margin-top:80px;padding-top:50px;border-top:1px solid #d3dde5}
.pov-split h3{margin:0 0 20px;font-size:22px;font-weight:600;letter-spacing:-.02em}
.pov-skill-list{display:flex;flex-wrap:wrap;gap:10px}
.pov-skill{background:#fff;border:1px solid #d3dde5;border-radius:999px;padding:10px 16px;font-size:14px;color:var(--ink,#0f2533);transition:border-color .2s,transform .2s}
.pov-skill:hover{border-color:var(--navy,#0d465e);transform:translateY(-2px)}
.pov-q ul{list-style:none;margin:0 0 28px;padding:0}
.pov-q li{position:relative;padding:12px 0 12px 28px;border-bottom:1px solid #d3dde5;font-size:16px;line-height:1.5}
.pov-q li:before{content:"?";position:absolute;left:0;top:12px;width:18px;height:18px;border-radius:50%;background:var(--navy,#0d465e);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.pov-cta{display:inline-block}
@media(max-width:900px){.pov,.pov-split{grid-template-columns:1fr}.pov-head{position:static}.pov-phases{grid-template-columns:1fr 1fr;row-gap:36px}.pov-phases:before{display:none}.pov-sec{padding:70px 5vw}}
@media(max-width:560px){.pov-phases{grid-template-columns:1fr}.pov-insights li{grid-template-columns:40px 1fr}}

/* Industry use cases */
.pov-listhead{margin:0 0 6px;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#5a6b78)}
.uc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px}
.uc-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #d9e3ea;border-radius:12px;padding:28px 28px 24px;color:var(--ink,#0f2533);transition:transform .25s,box-shadow .25s,border-color .25s}
.uc-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(13,70,94,.10);border-color:var(--navy,#0d465e)}
.uc-card h3{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}
.uc-card p{margin:0;color:var(--muted,#5a6b78);font-size:16px;line-height:1.6}
.uc-apps{font-size:13px;color:var(--navy,#0d465e);font-weight:600;margin-top:auto;padding-top:8px}
.uc-link{font-size:13px;font-weight:700;color:var(--accent-ink,#c2410c)}
.pov-split.one{grid-template-columns:1fr;max-width:820px}
/* CTA band (every page) */
.cta-band{padding:90px 3vw;background:var(--paper,#f6f8fa)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--navy,#0d465e);color:#fff;border-radius:18px;padding:clamp(32px,5vw,64px);position:relative;overflow:hidden}
.cta-inner:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,73,18,.35),transparent 65%);pointer-events:none}
.cta-inner h2{margin:0 0 12px;font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:#fff}
.cta-inner p{margin:0;max-width:640px;color:#c9d9e3;font-size:17px;line-height:1.6}
.cta-btn{position:relative;z-index:1;white-space:nowrap;background:var(--accent,#ff4912)!important;color:#fff!important}
.cta-btn:hover{background:#fff!important;color:var(--navy,#0d465e)!important}
@media(max-width:900px){.uc-grid{grid-template-columns:1fr}.cta-inner{flex-direction:column;align-items:flex-start}}
.pov-split.first{margin-top:0;padding-top:0;border-top:0}

/* Mobile navigation */
.nav-toggle{display:none}
@media(max-width:900px){
  .nav{gap:10px}
  .navcta{margin-left:auto!important;padding:9px 14px!important;font-size:13.5px!important}
  .nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:6px;padding:0 11px;border:1px solid var(--line,#e2e8ee);border-radius:12px;background:#fff;cursor:pointer}
  .nav-toggle span{display:block;height:2px;width:100%;background:var(--ink,#0f2533);border-radius:2px;transition:transform .25s,opacity .2s}
  .nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav.open .nav-toggle span:nth-child(2){opacity:0}
  .nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav.open .navlinks{display:flex!important;position:fixed;left:0;right:0;top:76px;flex-direction:column;gap:0!important;margin:0;padding:8px 5vw 20px;background:#fff;border-bottom:1px solid var(--line,#e2e8ee);box-shadow:0 18px 40px rgba(13,70,94,.12);animation:menuIn .22s ease}
  .nav.open .navlinks a{display:block;padding:15px 2px;font-size:17px!important;font-weight:500;color:var(--ink,#0f2533);border-bottom:1px solid var(--line,#e2e8ee);opacity:1}
  .nav.open .navlinks a:last-child{border-bottom:0}
  html.menu-open{overflow:hidden}
}
@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 60px}
.why{border-top:3px solid var(--navy,#0d465e);background:#fff;border-radius:0 0 12px 12px;padding:24px}
.why b{display:block;font-size:20px;font-weight:600;margin-bottom:8px}
.why p{margin:0;color:var(--muted,#5a6b78);font-size:15.5px;line-height:1.6}
.why:last-child{border-top-color:var(--accent,#ff4912)}
@media(max-width:900px){.why-grid{grid-template-columns:1fr}}