/* ZaMaGui Vivid 1.0 · visual system from user-approved light-theme mockups.
   White, strong typography, electric cobalt, living lime, cyan and restrained coral. */
:root{color-scheme:light;--bg:#F7FAFF;--surface:#FFFFFF;--surface-soft:#EEF5FF;--surface-muted:#ECF5FF;--ink:#0A1025;--muted:#52627D;--line:#D9E6F6;--strong:#125BFF;--strong-ink:#FFFFFF;--blue:#155EFF;--blue-soft:#E7F0FF;--sage:#24B327;--sage-soft:#EBFCEB;--clay:#FF535C;--clay-soft:#FFF0EF;--sand:#ECA700;--sand-soft:#FFF8DE;--wine:#15B6E8;--wine-soft:#E7FAFF;--shadow:0 17px 38px rgba(13,56,135,.09);--width:1380px;--radius:15px;--heading:'Manrope',system-ui,sans-serif;--body:'DM Sans',system-ui,sans-serif;--lime:#40E01F;--cyan:#0DC9FF;--coral:#FF525C;--cobalt:#125BFF;--amber:#FFBC11;--deep:#0A1025}
:root[data-theme="dark"]{color-scheme:dark;--bg:#090F20;--surface:#141D33;--surface-soft:#1B2945;--surface-muted:#111B31;--ink:#F4F8FF;--muted:#B7C7E3;--line:#304566;--strong:#276CFF;--strong-ink:#FFFFFF;--blue:#75A6FF;--blue-soft:#1C345D;--sage:#69E74F;--sage-soft:#1A4027;--clay:#FF8585;--clay-soft:#422B37;--sand:#FFD15C;--sand-soft:#423A20;--wine:#69DCFF;--wine-soft:#163A47;--shadow:0 18px 40px rgba(0,0,0,.26);--lime:#79F03C;--cyan:#52D9FF;--coral:#FF7579;--cobalt:#4C87FF;--amber:#FFCB5C;--deep:#060C1B}
body{background:var(--bg);color:var(--ink)}
.site-header{background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 3px 25px rgba(16,64,155,.05);border-bottom-color:var(--line)}
.head-inner{min-height:76px}.brand{font-size:27px;letter-spacing:-.065em;gap:9px}.brand-symbol{width:38px;height:38px;object-fit:contain;flex:none}
.navlink{color:var(--muted);font-size:12px}.navlink:hover,.navlink[aria-current=page]{color:var(--blue)}
.btn{border-radius:10px;border:1px solid var(--blue);padding:13px 23px;min-height:48px;font-size:13px;box-shadow:0 5px 14px rgba(18,91,255,.10)}
.btn-solid{background:#105DFF;color:#FFF;border-color:#105DFF}.btn-solid:hover{background:#0548D7;border-color:#0548D7}.btn-outline{background:var(--surface);color:var(--blue);border-color:#A5C7FF;box-shadow:none}.btn-outline:hover{background:var(--blue-soft)}
:root[data-theme=dark] .btn-solid{background:#3574FF;border-color:#3574FF}.nav-cta{font-size:12px;box-shadow:none}
.kicker{color:var(--blue);font-size:11px;letter-spacing:.17em;font-weight:800}.hero-title{font-weight:800;letter-spacing:-.066em;line-height:1.045}.title-blue{color:var(--blue)}.title-green{color:var(--sage)}
.home-hero{padding:55px 0 42px;background:radial-gradient(ellipse at 75% 30%,rgba(113,197,255,.18),transparent 48%),var(--bg)}
.home-hero-grid{grid-template-columns:minmax(0,.98fr) minmax(0,1.05fr);gap:36px}.home-hero .hero-title{font-size:clamp(2.9rem,4.65vw,5.5rem);max-width:660px}.hero-sub{color:var(--muted);font-size:clamp(15px,1.27vw,18px);line-height:1.65}.home-copy .actions{margin-top:27px}.home-copy .kicker{margin-bottom:12px}
.home-visual .photo-scene{height:500px;min-height:500px}.photo-scene{border-radius:15px;background:#EBF4FC;box-shadow:0 12px 42px rgba(21,94,255,.09)}.photo-scene:after{border:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(15,93,255,.08)}.photo-scene img{object-fit:cover;object-position:center center}
.visual-stroke i{border:2px solid var(--cyan);opacity:.55}.visual-stroke i:last-child{background:var(--lime)}
.hero-foot{margin-top:27px;border-top:none;font-size:12px}.hero-spark{color:var(--lime)}
.vivid-pillars{margin-top:-11px;position:relative;z-index:2}.vivid-pillar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:14px 22px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 15px 34px rgba(9,61,159,.09)}
.vivid-pillar{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.25;font-weight:800;color:var(--ink);min-width:0}.vivid-pillar-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:var(--blue-soft);color:var(--blue);font-size:18px}.vivid-pillar:nth-child(2n) .vivid-pillar-icon{background:var(--sage-soft);color:var(--sage)}.vivid-pillar:nth-child(3n) .vivid-pillar-icon{background:var(--wine-soft);color:var(--wine)}
.section{padding:clamp(59px,6vw,92px) 0}.section-head{gap:32px;margin-bottom:27px}.section-head h2{font-size:clamp(2rem,3.15vw,3.4rem);letter-spacing:-.057em}.section-head p{font-size:15px}.section-muted{background:linear-gradient(160deg,var(--surface-muted),var(--bg))}
.entries{padding-top:64px}.entry-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.entry-card{min-height:388px;padding:14px 13px 13px;border-radius:13px;border:1px solid var(--line);background:var(--surface);box-shadow:0 7px 22px rgba(17,76,169,.06);position:relative;overflow:hidden}
.entry-card:before{height:0}.entry-card:hover{transform:translateY(-4px);box-shadow:6px 7px 0 color-mix(in srgb,var(--entry-accent) 18%,transparent)}.entry-top{position:relative;z-index:1}.entry-index{font-size:9px;letter-spacing:.1em}.entry-arrow{color:var(--entry-accent);font-size:19px}.entry-symbol{display:grid;place-items:center;width:43px;height:43px;background:var(--entry-accent);color:white;border-radius:12px;font-weight:800;font-size:29px;margin-top:15px;box-shadow:0 5px 14px color-mix(in srgb,var(--entry-accent) 24%,transparent)}
.entry-card h3{font-size:clamp(17px,1.33vw,20px);letter-spacing:-.05em;line-height:1.18;margin:13px 0 7px;overflow-wrap:anywhere}.entry-card p{font-size:11.5px;line-height:1.4;margin:0 0 7px;flex:0 0 auto;max-width:none;color:var(--muted)}
.vivid-entry-photo{height:136px;min-height:126px;margin:8px -13px 11px;overflow:hidden;position:relative;background:var(--surface-soft);border-block:1px solid var(--line);margin-top:auto}.vivid-entry-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.vivid-entry-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,22,42,.07),transparent 50%)}
.entry-status{margin-top:0;border-top:0;padding-top:0;font-size:9px;line-height:1.35;letter-spacing:0;font-weight:800;text-transform:none}.entry-status:before{content:'●';padding-right:5px}.status-available{color:var(--sage)}.status-pilot{color:var(--blue)}.status-planned{color:var(--muted)}
.entry-clay,.inner-clay{--entry-accent:#43D829}.entry-sage,.inner-sage{--entry-accent:#1761FF}.entry-blue,.inner-blue{--entry-accent:#05C0F5}.entry-forest,.inner-forest{--entry-accent:#FF5662}.entry-wine,.inner-wine{--entry-accent:#00A477}.entry-sand,.inner-sand{--entry-accent:#FFBD08}
.inner-hero{padding:67px 0 62px;background:radial-gradient(ellipse at 72% 22%,color-mix(in srgb,var(--entry-accent,var(--blue)) 12%,transparent),transparent 48%),var(--bg)}
.inner-hero .hero-title{font-size:clamp(2.75rem,4.3vw,4.75rem)}.hero-layout{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:40px}
.inner-hero .photo-scene{height:450px;min-height:400px}.status-line{color:var(--entry-accent,var(--blue));font-weight:900}.status-line .dot{width:10px;height:10px}
.feature-grid{gap:13px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 26px rgba(14,75,160,.055);min-height:208px;padding:24px}.feature-card .feature-count{background:var(--blue-soft);color:var(--blue);display:inline-grid;place-items:center;border-radius:10px;font-size:16px;width:44px;height:44px}.feature-card:nth-child(3n+1) .feature-count{background:var(--sage-soft);color:var(--sage)}.feature-card:nth-child(3n+3) .feature-count{background:var(--wine-soft);color:var(--wine)}.feature-card h3{margin:21px 0 9px;font-size:18px}.feature-card p{font-size:13px}
.vivid-showcase{padding:75px 0;background:linear-gradient(180deg,var(--bg),var(--surface-muted) 55%,var(--bg))}.vivid-showcase-head h2{max-width:770px}.vivid-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.vivid-solution-card{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:22px;min-height:252px;box-shadow:0 9px 25px rgba(14,75,160,.055)}.vivid-card-top{display:flex;justify-content:space-between;align-items:center}.vivid-card-icon{display:grid;place-items:center;border-radius:11px;width:45px;height:45px;font-size:25px;font-weight:800;background:var(--vivid-card);color:#FFF}.vivid-num{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.13em}.vivid-solution-card h3{margin:7px 0 0;font-size:19px}.vivid-solution-card p{font-size:13px;line-height:1.54;margin:0}.vivid-thumb{margin:6px -22px -22px;display:block;width:calc(100% + 44px);height:135px;object-fit:cover;object-position:center 35%;margin-top:auto}
.vivid-accent-lime{--vivid-card:#43D727}.vivid-accent-blue{--vivid-card:#1B66FF}.vivid-accent-cyan{--vivid-card:#03C3ED}.vivid-accent-coral{--vivid-card:#FF525C}.vivid-accent-amber{--vivid-card:#F7AE00}.vivid-accent-forest{--vivid-card:#08A878}
:root[data-theme=dark] .vivid-thumb,:root[data-theme=dark] .vivid-entry-photo img{filter:brightness(.76) contrast(1.1) saturate(.92)}
.philosophy-item{border-radius:13px;background:var(--surface);border:1px solid var(--line);box-shadow:5px 5px 0 rgba(43,107,255,.06)}.philosophy-item span{color:var(--blue)}
.network-core{background:linear-gradient(135deg,#1263FF,#0043C8);box-shadow:0 15px 40px rgba(15,91,255,.26)}.network-art{background:radial-gradient(circle at center,var(--surface),var(--surface-muted))}.network-node{box-shadow:0 3px 14px rgba(16,88,255,.075)}
.roadmap-grid{gap:13px}.roadmap-card{background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 20px rgba(16,95,245,.05);border-radius:14px;min-height:245px}.road-index{color:var(--blue);font-size:12px}.roadmap-card:nth-child(1){border-top:5px solid #40D924}.roadmap-card:nth-child(2){border-top:5px solid #1261FF}.roadmap-card:nth-child(3){border-top:5px solid #03C0F1}.roadmap-card:nth-child(4){border-top:5px solid #FBBE0A}
.cta-band{background:linear-gradient(110deg,#0955EC,#126AFF 60%,#00A7E9);border-block:0;color:#FFF}.cta-band p,.cta-band .kicker{color:#E9F4FF}.cta-band h2{color:#FFF}.cta-band .btn{background:#FFF;color:#0955E6;border-color:#FFF}
.related-grid a{background:var(--surface);border-radius:14px;box-shadow:0 7px 20px rgba(16,95,245,.04)}.related-grid a:hover{border-color:var(--blue)}
.graph-stage{background:radial-gradient(circle at 50% 50%,var(--blue-soft),var(--surface));border:1px solid var(--line)}.graph-node rect{fill:var(--surface);stroke:var(--blue);stroke-width:2}.graph-link{stroke:var(--blue);stroke-width:2;opacity:.20}.graph-link.is-active{stroke:var(--sage);opacity:1;stroke-width:4}.graph-node circle{fill:var(--lime)}.graph-node.is-selected rect{fill:var(--blue-soft);stroke:var(--blue);stroke-width:4}
.lead-form{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:7px 7px 0 var(--blue-soft)}.lead-form input:not([type=checkbox]):focus,.lead-form textarea:focus,.lead-form select:focus{border-color:var(--blue);outline:2px solid rgba(21,94,255,.14)}
.footer{border-top:1px solid var(--line);background:var(--surface)}.vivid-illustrative{font-size:11px;max-width:none;text-align:center;color:var(--muted);margin:17px 0 24px}
:root[data-theme=dark] .home-hero{background:radial-gradient(ellipse at 76% 30%,rgba(42,120,248,.25),transparent 51%),var(--bg)}
:root[data-theme=dark] .inner-hero{background:radial-gradient(ellipse at 75% 35%,color-mix(in srgb,var(--entry-accent,var(--blue)) 14%,transparent),transparent 53%),var(--bg)}
:root[data-theme=dark] .photo-scene{background:#0C1A35;box-shadow:0 15px 44px rgba(0,0,0,.30)}
:root[data-theme=dark] .btn-outline{border-color:#5D88D5;background:var(--surface)}
:root[data-theme=dark] .vivid-pillar-icon{background:#1D3558}
@media(max-width:1230px){.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-card{min-height:350px}.vivid-entry-photo{height:150px}}
@media(max-width:950px){.vivid-pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero-grid,.hero-layout{gap:26px}.home-hero .hero-title{font-size:clamp(2.6rem,4.8vw,4.4rem)}.inner-hero .hero-title{font-size:clamp(2.5rem,4.7vw,4.2rem)}}
@media(max-width:720px){.home-hero{padding:45px 0 33px}.home-hero-grid,.hero-layout{grid-template-columns:1fr;gap:26px}.home-hero .hero-title,.inner-hero .hero-title{font-size:clamp(2.4rem,8.4vw,4rem)}.home-visual .photo-scene{height:350px;min-height:350px}.inner-hero .photo-scene{height:350px;min-height:350px}.vivid-pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:12px}.vivid-pillar{font-size:10px;gap:6px}.vivid-pillar-icon{width:29px;height:29px;font-size:14px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entry-card{min-height:340px}.vivid-entry-photo{height:120px;min-height:120px}.vivid-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero .hero-sub{font-size:15px}.vivid-showcase{padding:60px 0}}
@media(max-width:520px){.vivid-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.entry-card{padding:12px 10px;min-height:352px}.entry-card h3{font-size:17px}.entry-card p{font-size:11px}.vivid-entry-photo{margin-inline:-10px;height:115px}.entry-index{font-size:8px}.entry-symbol{width:36px;height:36px;font-size:24px}.vivid-solution-grid{grid-template-columns:1fr}.vivid-solution-card{min-height:215px}.vivid-thumb{height:180px}.inner-hero .photo-scene{min-height:275px;height:300px}.home-visual .photo-scene{min-height:270px;height:300px}.hero-title{overflow-wrap:anywhere}.head-actions{gap:4px}.brand-symbol{width:32px;height:32px}.brand{font-size:22px}.home-hero .hero-title,.inner-hero .hero-title{font-size:clamp(2.15rem,9vw,3.3rem)} }
@media(max-width:370px){.entry-grid{grid-template-columns:1fr}.entry-card{min-height:295px}.vivid-entry-photo{height:160px}.vivid-pillar{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Complete ecosystem graph, 28 initiatives */
.graph-layout{grid-template-columns:1fr}.graph-stage{overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--blue) var(--surface-soft)}.graph-stage svg{min-width:1100px;width:100%;min-height:760px}.graph-detail{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(180px,1fr);column-gap:40px;align-items:start}.graph-detail h2,.graph-detail p{grid-column:1}.graph-detail #graph-neighbors{grid-column:2;grid-row:1/span 4;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 24px}.graph-node rect{rx:13}.graph-node text{font-size:17px}.graph-link{opacity:.13;stroke-width:2.5}@media(max-width:850px){.graph-stage svg{min-width:1150px;height:auto}.graph-detail{display:block}.graph-detail #graph-neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}}@media(max-width:490px){.graph-detail #graph-neighbors{grid-template-columns:1fr}}