:root{
  --ink:#0b1f34; --navy:#082847; --navy2:#0e3d68; --blue:#175c9e;
  --gold:#d49a3a; --cream:#f8f6f1; --paper:#fff; --soft:#f2f6fa;
  --line:#d8e1e9; --muted:#56697d; --green:#477a32; --orange:#db7c0b;
  --radius:18px; --shadow:0 18px 45px rgba(8,40,71,.12); --header:78px;
  --max:1220px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} .skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:12px;z-index:9999;background:#fff;padding:10px 14px;border-radius:8px}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:800;color:var(--blue);margin:0 0 8px}.display{font-family:Georgia,'Times New Roman',serif;line-height:1.04;letter-spacing:-.03em}.lead{font-size:1.12rem;color:var(--muted)}
.site-header{height:var(--header);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,225,233,.75);padding:0 max(20px,calc((100vw - var(--max))/2))}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}.brand strong{font-size:1.55rem;letter-spacing:.04em;color:var(--navy)}.brand small{font-size:.72rem;margin-top:6px;color:var(--muted)}.brand-x{color:var(--gold)}
nav{display:flex;align-items:center;gap:24px}nav a{text-decoration:none;font-weight:650;font-size:.92rem}nav a:hover,nav a.active{color:var(--blue)}.nav-cta{background:var(--navy);color:#fff!important;padding:10px 16px;border-radius:999px}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}
.hero{min-height:620px;display:grid;align-items:center;background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.18) 72%),url('../images/bridge-hero.jpg');background-size:cover;background-position:center}.hero-copy{max-width:620px;padding:70px 0}.hero h1{font-size:clamp(3rem,6.2vw,6rem);margin:.05em 0 .2em;color:var(--navy);max-width:790px}.hero p{max-width:640px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 19px;text-decoration:none;border:1px solid var(--navy);font-weight:750;cursor:pointer}.btn.primary{background:var(--navy);color:#fff}.btn.secondary{background:#fff;color:var(--navy)}.btn.ghost{border-color:var(--line);background:#fff}.btn:hover{transform:translateY(-1px)}
.outcome-strip{background:var(--navy);color:#fff}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr)}.outcome{padding:24px 24px;border-right:1px solid rgba(255,255,255,.14)}.outcome:last-child{border-right:0}.outcome strong{display:block}.outcome small{opacity:.78}
section{padding:58px 0}.soft{background:var(--soft)}.dark{background:var(--navy);color:#fff}.section-head{max-width:760px;margin-bottom:38px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2{font-size:clamp(2rem,4vw,3.3rem);margin:.1em 0;color:var(--navy)}.dark .section-head h2{color:#fff}.section-head p:last-child{color:var(--muted)}.dark .section-head p:last-child{color:rgba(255,255,255,.75)}
.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 6px 20px rgba(8,40,71,.04)}.card h3{margin-top:0;color:var(--navy)}.card p{color:var(--muted)}.icon{width:48px;height:48px;border-radius:14px;background:#e8f1fa;color:var(--navy);display:grid;place-items:center;font-weight:900;margin-bottom:18px}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:start}.flow .node{text-align:center;position:relative}.flow .node:not(:last-child)::after{content:'→';position:absolute;right:-16px;top:26px;color:#91a3b5}.flow b{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;margin:0 auto 12px;background:#eaf2fb;color:var(--navy)}
.step-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.step{padding:24px;border-top:3px solid var(--blue);background:#fff;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 8px 24px rgba(8,40,71,.06)}.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-weight:900;color:var(--gold);font-size:1.8rem}.step h3{margin:.5em 0;color:var(--navy)}.step p{margin-bottom:0;color:var(--muted)}
.path-card{overflow:hidden;padding:0}.path-card .body{padding:24px}
.path-diagram{height:180px;padding:20px 14px;background:linear-gradient(145deg,#eaf3fb,#fbf1df);display:flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;text-align:center;color:var(--navy);font-size:.7rem;font-weight:800}
.diagram-node{min-width:68px;max-width:92px;padding:9px 8px;border:1px solid rgba(8,40,71,.22);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 6px 16px rgba(8,40,71,.08)}
.diagram-node.island{border-radius:50% 50% 42% 42%;background:#f3dfb7}.diagram-node.mainland{background:#dcebd6}.diagram-node.converge{background:#e2edf8}.diagram-arrow{font-size:1.25rem}.diagram-bridge{min-width:64px;padding:5px 4px;border-top:3px solid var(--navy);border-bottom:1px solid rgba(8,40,71,.24);font-size:.62rem;position:relative}.diagram-bridge::before,.diagram-bridge::after{content:'';position:absolute;top:-15px;height:28px;border-left:2px solid var(--navy)}.diagram-bridge::before{left:22%}.diagram-bridge::after{right:22%}.diagram-leap{font-size:.76rem;color:var(--blue);font-weight:900;transform:translateY(-18px)}.diagram-return{position:absolute;bottom:18px;right:18px;color:var(--muted);font-size:.62rem;font-weight:700}.parallel-routes{display:grid;gap:8px;min-width:102px}.parallel-routes span{display:block;border-bottom:2px solid var(--blue);padding-bottom:3px}.path-c{gap:7px}.path-d{flex-direction:row}.diagram-bridge.reverse{transform:scaleX(-1)}.diagram-note{position:absolute;bottom:15px;right:14px;color:var(--muted);font-size:.6rem;font-weight:700}.pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eaf2fb;color:var(--navy);font-weight:800;font-size:.75rem}
.workshop-hero{background:linear-gradient(140deg,var(--navy),#164d7f);color:#fff;border-radius:30px;padding:44px}.workshop-hero h2{color:#fff;margin-top:0}.workshop-hero p{color:rgba(255,255,255,.78)}.agenda{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.agenda .card{height:100%}.case-band{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.case-band .quote{font-family:Georgia,serif;font-size:1.65rem;color:var(--navy)}
.series{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:22px;align-items:end}.cover-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center}.cover-wrap img{height:360px;width:auto;margin:auto;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(8,40,71,.16))}.mini-book{height:270px;border-radius:6px;box-shadow:12px 14px 25px rgba(8,40,71,.18);display:flex;align-items:flex-start;padding:28px;font-family:Georgia,serif;font-size:1.35rem;line-height:1.2}.book-white{background:#fff;color:var(--navy);border:1px solid var(--line)}.book-orange{background:var(--orange);color:#fff}.book-green{background:var(--green);color:#fff}.book-blue{background:#1f5e96;color:#fff}.status{display:block;text-align:center;margin-top:12px;color:var(--muted);font-size:.83rem}
.insight-card time{font-size:.78rem;color:var(--blue);font-weight:800}.insight-card h3{margin:.45em 0}.insight-card a{font-weight:800;color:var(--blue);text-decoration:none}.bio-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}.portrait-placeholder{min-height:380px;border-radius:24px;background:linear-gradient(150deg,#e8eef4,#cbd9e5);display:grid;place-items:center;color:var(--navy);font-family:Georgia,serif;font-size:2rem}.founder-photo{margin:0;border-radius:24px;overflow:hidden;background:#e8eef4;box-shadow:0 10px 28px rgba(8,40,71,.08)}.founder-photo img{width:100%;height:100%;min-height:380px;object-fit:cover;object-position:center top}.founder-social{margin-top:22px}.founder-social a{color:var(--blue);font-weight:800;text-decoration:none}.founder-social a:hover{text-decoration:underline}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-weight:700;font-size:.88rem;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #bfcbd6;border-radius:10px;padding:12px;background:#fff}.field.full{grid-column:1/-1}.form-status{min-height:1.5em;font-size:.9rem;color:var(--muted)}.hp{position:absolute!important;left:-9999px!important}
.cta-band{padding:52px 0;background:linear-gradient(90deg,var(--navy),#174c7b);color:#fff}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{font-family:Georgia,serif;font-size:2.3rem;margin:0}.cta-band p{margin:.35em 0 0;opacity:.78}.cta-band .btn{border-color:#fff;color:#fff}
footer{background:#061f37;color:#fff;padding:58px 0 24px;position:relative;overflow:hidden}footer::after{content:'';position:absolute;inset:0;background:url('../images/bridge-footer.jpg') center/cover;opacity:.08}footer .container{position:relative;z-index:1}footer .brand strong{color:#f4f7fa!important;text-shadow:0 0 1px rgba(255,255,255,.25)}footer .brand small{color:rgba(255,255,255,.62)}footer .brand-x{color:var(--gold)!important}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.footer-grid a{display:block;text-decoration:none;margin:7px 0;color:rgba(255,255,255,.78)}.footer-grid p{color:rgba(255,255,255,.72)}.footer-bottom{margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;gap:20px;font-size:.82rem;color:rgba(255,255,255,.65)}
.page-hero{padding:24px 0 20px;background:linear-gradient(180deg,#f4f8fb,#fff)}.page-hero h1{font-size:clamp(2.8rem,5vw,5rem);color:var(--navy);margin:.1em 0}.page-hero .lead{max-width:780px;margin-bottom:0}.page-hero + section{padding-top:24px}.breadcrumb{font-size:.82rem;color:var(--muted)}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kpi{background:#fff;border:1px solid var(--line);padding:24px;border-radius:16px;text-align:center}.kpi strong{display:block;color:var(--navy);font-size:1.5rem}.kpi span{color:var(--muted);font-size:.84rem}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f4f8fb;color:var(--navy)}
.note{border-left:4px solid var(--gold);padding:18px 20px;background:#fff8ea;border-radius:0 12px 12px 0;color:#5a4a32}
.reveal{opacity:0;transform:translateY(16px);transition:.5s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1020px){nav{gap:15px}.grid.four,.series,.agenda,.flow{grid-template-columns:repeat(2,1fr)}.flow .node::after{display:none}.step-list{grid-template-columns:repeat(2,1fr)}.outcome-grid{grid-template-columns:repeat(2,1fr)}.outcome:nth-child(2){border-right:0}.bio-grid,.case-band{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.kpi-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){:root{--header:68px}.site-header{padding:0 20px}.menu-toggle{display:block}nav{display:none;position:fixed;top:var(--header);left:0;right:0;background:#fff;padding:16px 20px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}nav.open{display:flex}.hero{min-height:560px;background-position:58% center}.hero-copy{padding:50px 0}.hero h1{font-size:clamp(3rem,12vw,4.6rem)}.grid.three,.grid.two,.series,.agenda,.flow,.grid.four{grid-template-columns:1fr}.outcome-grid{grid-template-columns:1fr}.outcome{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.step-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cta-band .container{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.cover-wrap img{height:320px}}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 28px))}.actions{display:grid}.btn{width:100%}section{padding:38px 0}.page-hero{padding:16px 0 14px}.page-hero + section{padding-top:20px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.kpi-row{grid-template-columns:1fr}.workshop-hero{padding:30px 24px;border-radius:22px}}
@media(max-width:560px){.path-diagram{height:165px;padding:16px 10px;gap:6px}.diagram-node{min-width:58px;padding:8px 6px;font-size:.62rem}.parallel-routes{min-width:86px}.diagram-return,.diagram-note{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn:hover{transform:none}}
\n/* V4.1 confirmed fixes */\nfooter .brand{display:inline-flex}\nfooter .brand strong{font-size:1.55rem;color:#f4f7fa!important}\nfooter .brand strong .brand-x{color:var(--gold)!important}\n\n.path-diagram{height:190px;padding:18px;background:#f4f7f9;display:block;position:relative;overflow:hidden;color:var(--navy);font-size:.68rem;font-weight:800}\n.path-diagram .diagram-node{position:absolute;min-width:0;max-width:none;width:auto;padding:7px 9px;border:1px solid rgba(8,40,71,.22);border-radius:10px;background:#fff;box-shadow:none;z-index:3}\n.path-diagram .diagram-node.start{left:12px;bottom:18px}\n.path-diagram .diagram-node.island{border-radius:50%;background:#f3dfb7}\n.path-diagram .diagram-node.mainland{background:#dcebd6}\n.path-diagram .diagram-node.converge{background:#e2edf8}\n.path-diagram .diagram-arrow,.path-diagram .diagram-leap,.path-diagram .diagram-bridge,.path-diagram .parallel-routes,.path-diagram .diagram-return,.path-diagram .diagram-note{position:absolute}\n.path-diagram .diagram-bridge{border:0;border-top:4px solid var(--navy);height:0;min-width:0;padding:0;font-size:0}\n.path-diagram .diagram-bridge::before,.path-diagram .diagram-bridge::after{content:none}\n/* A: enterprise -> automation island -> bridge -> mainland */\n.path-a .island{left:38%;bottom:62px;transform:translateX(-50%)}\n.path-a .mainland{right:10px;top:18px}\n.path-a .diagram-arrow{left:25%;bottom:34px;font-size:1.2rem}\n.path-a .diagram-bridge{left:48%;right:22%;top:92px;transform:rotate(-14deg);transform-origin:left center}\n.path-a .diagram-bridge::after{content:'BRIDGE';display:block;position:absolute;left:35%;top:-20px;font-size:.55rem;color:var(--blue)}\n/* B: direct curved leap; automation is secondary */\n.path-b .start{left:12px;bottom:18px}\n.path-b .mainland{right:12px;top:18px}\n.path-b .diagram-leap{left:31%;top:50px;width:42%;height:70px;border-top:4px dashed var(--blue);border-radius:50% 50% 0 0;transform:rotate(-12deg);font-size:0}\n.path-b .diagram-leap::after{content:'DIRECT LEAP →';position:absolute;top:-22px;left:12%;font-size:.58rem;color:var(--blue);white-space:nowrap}\n.path-b .diagram-return{left:38%;right:auto;bottom:14px;color:var(--muted);font-size:.56rem}\n/* C: two parallel routes converging */\n.path-c .start{left:12px;top:75px}\n.path-c .parallel-routes{left:31%;top:42px;display:grid;gap:30px;min-width:120px}\n.path-c .parallel-routes span{border:0;border-top:3px solid var(--blue);padding:0;font-size:.56rem;text-align:center}\n.path-c .parallel-routes span:last-child{border-top-color:var(--gold)}\n.path-c .converge{right:26%;top:72px}\n.path-c .mainland{right:10px;top:72px}\n/* D: mainland first, reverse bridge toward inherited automation */\n.path-d .mainland{left:12px;top:18px}\n.path-d .diagram-bridge{left:28%;right:34%;top:88px;transform:rotate(13deg)}\n.path-d .diagram-bridge::after{content:'← REVERSE BRIDGE';display:block;position:absolute;left:15%;top:-22px;font-size:.55rem;color:var(--blue);white-space:nowrap}\n.path-d .island{right:12px;bottom:18px}\n.path-d .diagram-note{left:14px;bottom:18px;right:auto;font-size:.55rem}\n@media(max-width:560px){.path-diagram{height:180px;padding:14px}.path-c .parallel-routes{min-width:105px;left:29%}}\n

/* XDENDRITE V4.2 — three-trajectory AI transformation model */
.trajectory-grid{align-items:stretch}
.trajectory-card{position:relative;overflow:hidden;min-height:250px;padding-top:54px}
.trajectory-card .trajectory-number{position:absolute;top:18px;right:20px;font-weight:800;font-size:.82rem;letter-spacing:.12em;color:var(--muted)}
.trajectory-card h3{font-size:1.55rem;margin-bottom:8px}
.trajectory-tagline{font-weight:800;color:var(--navy);font-size:1.03rem;margin-bottom:14px}
.trajectory-card.agentianization{border:2px solid rgba(14,91,145,.34);box-shadow:0 16px 42px rgba(8,40,71,.09)}
.trajectory-card.agentianization:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#d99b3f,#0e5b91)}
.journey-section .section-head{max-width:850px}
.journey-stack{display:grid;gap:20px;max-width:1100px;margin:0 auto}
.journey-card{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.4fr);gap:30px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 30px;box-shadow:0 10px 30px rgba(8,40,71,.05)}
.journey-card.featured{border:2px solid rgba(14,91,145,.28)}
.journey-copy h3{font-size:1.35rem;margin:0 0 10px}.journey-copy p{margin:0;color:var(--muted)}
.journey-flow{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.journey-flow span{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border-radius:999px;border:1px solid #b7c7d5;background:#f8fbfd;font-weight:750;color:var(--navy)}
.journey-flow span.accent{border-color:#d59a43;background:#fff8ec}.journey-flow i{font-style:normal;color:#6f8495;font-size:1.35rem;font-weight:700}
.parallel-flow,.agentian-first-flow{display:grid;gap:12px}.parallel-flow>div,.primary-line,.branch-lines>div{display:grid;grid-template-columns:140px 1fr 22px;align-items:center;gap:10px;font-size:.91rem;color:var(--navy)}
.parallel-flow span,.primary-line span,.branch-lines span{height:4px;border-radius:999px;background:linear-gradient(90deg,#91adc2,#0e5b91)}
.parallel-flow .agentian-row span,.primary-line span{background:linear-gradient(90deg,#d99b3f,#0e5b91);height:5px}
.parallel-flow em,.primary-line em,.branch-lines em{font-style:normal;font-size:1.15rem;font-weight:800;color:#0e5b91}.agentian-row b,.primary-line b{font-weight:850}
.branch-lines{display:grid;gap:9px;margin-left:32px;padding-left:22px;border-left:2px solid #c8d5df}
.cta-band .actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.cta-band .actions .btn+ .btn{border-color:rgba(255,255,255,.7);color:#fff;background:transparent}
footer .footer-grid>div:last-child a{word-break:break-word}
@media(max-width:860px){.journey-card{grid-template-columns:1fr;gap:22px}.parallel-flow>div,.primary-line,.branch-lines>div{grid-template-columns:122px 1fr 20px}.cta-band .actions{justify-content:flex-start}}
@media(max-width:560px){.journey-card{padding:22px 18px}.journey-flow{justify-content:flex-start}.journey-flow i{transform:rotate(90deg);width:100%;text-align:center;height:12px}.journey-flow span{width:100%}.parallel-flow>div,.primary-line,.branch-lines>div{grid-template-columns:108px 1fr 18px;font-size:.8rem}.branch-lines{margin-left:12px;padding-left:12px}.trajectory-card{min-height:auto}.cta-band .actions{display:grid;width:100%}.cta-band .actions .btn{width:100%;justify-content:center}}