1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[664],{70664:function(e,n,r){r.r(n),r.d(n,{default:function(){return s}});var i=r(57437),t=r(2265),o=r(57213),a=r(42586);function s(){let e=(0,a.useTranslations)("Pages.Sap2026_2030"),[n,r]=(0,t.useState)(!1),[s,l]=(0,t.useState)("overview"),[c,d]=(0,t.useState)(!1),[p,f]=(0,t.useState)(!1),[m,x]=(0,t.useState)(!1),[h,g]=(0,t.useState)(!1),[u,b]=(0,t.useState)(!1),[v,j]=(0,t.useState)(!1),[k,w]=(0,t.useState)(!1),[y,N]=(0,t.useState)(""),[z,S]=(0,t.useState)(""),[C,F]=(0,t.useState)(""),[T,A]=(0,t.useState)(""),[E,O]=(0,t.useState)(""),[q,L]=(0,t.useState)(""),[W,I]=(0,t.useState)(""),[M,R]=(0,t.useState)(""),[P,B]=(0,t.useState)(""),[Y,D]=(0,t.useState)(""),[H,G]=(0,t.useState)(!1),[_,V]=(0,t.useState)(""),[K,X]=(0,t.useState)(""),[Q,J]=(0,t.useState)(""),[U,Z]=(0,t.useState)(""),[$,ee]=(0,t.useState)(""),[en,er]=(0,t.useState)(""),[ei,et]=(0,t.useState)(""),[eo,ea]=(0,t.useState)(""),[es,el]=(0,t.useState)(""),[ec,ed]=(0,t.useState)(""),[ep,ef]=(0,t.useState)(!1),em=(0,t.useCallback)(()=>{F(""),A(""),O(""),L(""),I(""),R(""),B(""),D(""),G(!1),N(""),g(!1),j(!1)},[]),ex=(0,t.useCallback)(()=>{V(""),X(""),J(""),Z(""),ee(""),er(""),et(""),ea(""),el(""),ed(""),ef(!1),S(""),b(!1),w(!1)},[]),[eh,eg]=(0,t.useState)([]),eu=e=>{eg(n=>n.includes(e)?n.filter(n=>n!==e):[...n,e])},eb=(e,n)=>{e.preventDefault();let r=window.matchMedia("(prefers-reduced-motion: reduce)").matches,i=document.getElementById(n);null==i||i.scrollIntoView({behavior:r?"auto":"smooth",block:"start"}),null==i||i.focus({preventScroll:!0})};(()=>{let n=Math.round(eh.length/6*100);return e("readiness.calcHighRiskTitle"),e("readiness.calcHighRiskText"),n>=80?(e("readiness.calcReadyTitle"),e("readiness.calcReadyText")):n>=50&&(e("readiness.calcModerateTitle"),e("readiness.calcModerateText"))})();let ev=async n=>{n.preventDefault(),j(!0),N("");try{let n=await fetch("/api/sap-advisory/decision-review",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({fullName:C,workEmail:T,company:E,jobTitle:q||void 0,phone:W||void 0,preferredMeetingWindow:M,primaryDecision:P||void 0,decisionTimeline:Y||void 0,consentAccepted:H})}),r=await n.json();r.success?g(!0):N(r.message||e("errors.submissionFailed"))}catch(n){N(e("errors.networkError"))}finally{j(!1)}},ej=async n=>{n.preventDefault(),w(!0),S("");try{let n=await fetch("/api/sap-advisory/sap-footprint",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({fullName:_,workEmail:K,company:Q,jobTitle:U||void 0,erpLandscape:$,hostingModel:en||void 0,keySapModules:ei||void 0,customAbapComplexity:eo||void 0,integrationAlmFootprint:es||void 0,decisionTimeline:ec||void 0,consentAccepted:ep})}),r=await n.json();r.success?b(!0):S(r.message||e("errors.submissionFailed"))}catch(n){S(e("errors.networkError"))}finally{w(!1)}};(0,t.useEffect)(()=>{let e=()=>{let e=window.scrollY+120;for(let n of["overview","timeline","facts","paths","ai-bridge","proof","readiness","faq"]){let r=document.getElementById(n);if(r){let i=r.offsetTop,t=r.offsetHeight;if(e>=i&&e<i+t){l(n);break}}}};return window.addEventListener("scroll",e,{passive:!0}),()=>window.removeEventListener("scroll",e)},[]);let ek=(0,t.useRef)(null),ew=(0,t.useRef)(null);(0,t.useEffect)(()=>{if(!c&&!p)return;let e=document.activeElement,n=e=>{"Escape"===e.key&&(c&&(em(),d(!1)),p&&(ex(),f(!1)))},r=document.body.style.overflow;document.body.style.overflow="hidden",document.addEventListener("keydown",n);let i=window.setTimeout(()=>{var e,n;c&&(null===(e=ek.current)||void 0===e||e.focus()),p&&(null===(n=ew.current)||void 0===n||n.focus())},50);return()=>{var t;document.body.style.overflow=r,document.removeEventListener("keydown",n),window.clearTimeout(i),null==e||null===(t=e.focus)||void 0===t||t.call(e)}},[c,p,em,ex]);let ey={"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.vegah.com/#organization",name:"VEGAH LLC",url:"https://www.vegah.com/",logo:"https://www.vegah.com/vegah_logo_new_03.png"},{"@type":"Service",name:e("schema.serviceName"),provider:{"@id":"https://www.vegah.com/#organization"},serviceType:e("schema.serviceType"),url:"https://www.vegah.com/sap-2026-2030-decision-advisory"},{"@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"VEGAH",item:"https://www.vegah.com/"},{"@type":"ListItem",position:2,name:e("schema.breadcrumbSap"),item:"https://www.vegah.com/sap-services"},{"@type":"ListItem",position:3,name:e("schema.serviceName"),item:"https://www.vegah.com/sap-2026-2030-decision-advisory"}]},{"@type":"FAQPage",mainEntity:e.raw("schema.faq").map(e=>
1({"@type":"Question",name:e.q,acceptedAnswer:{"@type":"Answer",text:e.a}}))}]};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{title:e("seo.title"),subtitle:e("seo.subtitle"),description:e("seo.description")}),(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(ey)}}),(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:'\n :root {\n --blue: #1d6cf1;\n --blue-dark: #102245;\n --blue-ink: #0a1e3d;\n --cyan: #24c7f3;\n --ice: #eef6ff;\n --line: #dce8f7;\n --text: #0a1e3d;\n --muted: #5c6f8d;\n --white: #fff;\n --max: 1280px;\n }\n\n .sap-trust-body {\n color: var(--text);\n background: #fff;\n margin: 0;\n font-family: var(--font-montserrat), "Montserrat", system-ui, Arial, sans-serif;\n line-height: 1.55;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .hero {\n --nav-h: 120px; /* banner (40px) + main nav (~68-80px) */\n min-height: calc(100vh - var(--nav-h) - 28px - 48px);\n min-height: calc(100dvh - var(--nav-h) - 28px - 48px);\n padding: clamp(16px, 1.8vh, 28px) max(34px, calc((100vw - var(--max)) / 2)) 0;\n background: linear-gradient(115deg, #fff 0% 35%, #f2f8ff 70%, #e9f4ff 100%);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 92px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .hero:before {\n content: "";\n background-image: linear-gradient(#186fe70b 1px, #0000 1px), linear-gradient(90deg, #186fe70b 1px, #0000 1px);\n background-size: 56px 56px;\n position: absolute;\n inset: 0;\n -webkit-mask-image: linear-gradient(90deg, #0000, #000 45%);\n mask-image: linear-gradient(90deg, #0000, #000 45%);\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: minmax(0, 44fr) minmax(0, 56fr);\n gap: clamp(16px, 2.5vw, 36px);\n align-items: center;\n width: 100%;\n flex: 1;\n min-height: 0;\n position: relative;\n z-index: 5;\n }\n\n .hero-copy {\n z-index: 5;\n width: 100%;\n position: relative;\n margin-top: auto;\n margin-bottom: auto;\n padding-top: clamp(6px, 1.2vh, 16px);\n padding-bottom: clamp(6px, 1.2vh, 16px);\n }\n\n .hero-highlights {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin: 16px 0 20px;\n z-index: 5;\n position: relative;\n }\n\n .hero-highlights span {\n background: rgba(238, 246, 255, 0.9);\n border: 1px solid #c7dcf7;\n color: #102245;\n padding: 6px 14px;\n border-radius: 20px;\n font-size: 0.78125rem;\n font-weight: 750;\n display: inline-flex;\n align-items: center;\n gap: 7px;\n box-shadow: 0 2px 8px rgba(16, 34, 69, 0.04);\n transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;\n }\n\n .hero-highlights span:hover {\n transform: translateY(-2px);\n border-color: #0866f5;\n background: #ffffff;\n }\n\n .hero-highlights span .dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #0866f5;\n box-shadow: 0 0 0 3px rgba(8, 102, 245, 0.2);\n }\n\n .kicker {\n color: var(--blue);\n text-transform: uppercase;\n letter-spacing: .19em;\n align-items: center;\n gap: 10px;\n margin: 0 0 12px;\n font-size: .75rem;\n font-weight: 900;\n display: flex;\n }\n\n .kicker span {\n background: var(--blue);\n width: 30px;\n height: 2px;\n box-shadow: 9px 0 0 var(--cyan);\n }\n\n .kicker-new-badge {\n background: #0866f5;\n color: #fff;\n font-size: 0.625rem;\n font-weight: 850;\n padding: 2px 7px;\n border-radius: 4px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n margin-left: 8px;\n display: inline-block;\n vertical-align: middle;\n line-height: 1.2;\n }\n\n .kicker.light {\n color: #7cc9ff;\n }\n\n .kicker.light span {\n background: #24c7f3;\n box-shadow: 9px 0 0 #7cc9ff;\n }\n\n .hero h1 {\n letter-spacing: -.065em;\n max-width: 700px;\n color: var(--blue-ink);\n margin: 0;\n font-size: clamp(2.3rem, 3.5vw, 4rem);\n font-weight: 850;\n line-height: 1.02;\n }\n\n .hero h1 em {\n color: #1d6cf1;\n font-style: normal;\n display: block;\n }\n\n .hero-lead {\n color: #4a5f7a;\n max-width: 620px;\n margin: 12px 0 18px;\n font-size: 1.025rem;\n line-height: 1.6;\n }\n\n .hero-actions {\n flex-wrap: wrap;\n gap: 12px;\n display: flex;\n }\n\n .button {\n border: 1px solid #0000;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n gap: 18px;\n min-height: 48px;\n padding: 0 20px;\n font-size: .875rem;\n font-weight: 800;\n transition: transform .2s, box-shadow .2s, background .2s;\n display: inline-flex;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n }\n\n .button:hover {\n transform: translateY(-3px);\n }\n\n .button:active {\n transform: translateY(-1px) scale(0.98);\n }\n\n .button:disabled {\n opacity: 0.65;
1\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n }\n\n .button:focus-visible {\n outline: 3px solid rgba(36, 199, 243, 0.55);\n outline-offset: 2px;\n }\n\n .button.primary {\n color: #fff;\n background: linear-gradient(135deg, #1d6cf1, #102245);\n box-shadow: 0 14px 28px #1d6cf140;\n }\n\n .button.secondary {\n color: var(--blue-dark);\n background: #fff;\n border-color: #c4d8f5;\n }\n\n .hero-stats div {\n border-right: 1px solid var(--line);\n grid-template-columns: auto 1fr;\n align-items: center;\n column-gap: 12px;\n padding: 10px 18px;\n display: grid;\n transition: background 0.3s ease, transform 0.3s ease;\n }\n\n .hero-stats div:hover {\n background: #f4f9ff;\n transform: translateY(-2px);\n }\n\n .hero-stats div:hover strong {\n transform: scale(1.05);\n color: #0866f5;\n }\n\n .hero-stats strong {\n color: var(--blue);\n font-size: clamp(1.35rem, 1.9vw, 1.85rem);\n line-height: 1.2;\n transition: transform 0.3s ease, color 0.3s ease;\n display: inline-block;\n }\n\n .verified {\n color: #6b7d96;\n align-items: center;\n gap: 11px;\n margin-top: 14px;\n font-size: .75rem;\n display: flex;\n transition: transform 0.3s ease;\n }\n\n .verified .shield {\n flex: 0 0 auto;\n width: 28px;\n height: 28px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: linear-gradient(135deg, #0866f5, #24c7f3);\n color: #fff;\n font-size: .8125rem;\n font-weight: 900;\n box-shadow: 0 8px 16px rgba(8, 102, 245, 0.28);\n }\n\n .verified:hover {\n transform: translateX(4px);\n }\n\n .hero-art {\n z-index: 2;\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: visible;\n }\n\n .hero-art svg.hero-svg {\n width: 100%;\n height: 100%;\n max-height: 100%;\n object-fit: contain;\n overflow: visible;\n }\n\n /* Clickable roadmap stage nodes */\n .hero-art a.hero-stage-link {\n pointer-events: auto;\n cursor: pointer;\n }\n .hero-art a.hero-stage-link:focus-visible {\n outline: 3px solid rgba(36, 199, 243, 0.75);\n outline-offset: 6px;\n border-radius: 18px;\n }\n .hero-art .stage-ring {\n transition: stroke 0.25s ease, stroke-width 0.25s ease, opacity 0.25s ease;\n }\n /* Whole node gently scales on hover (subtle, no load-time motion) */\n .hero-art a.hero-stage-link > g {\n transform-box: fill-box;\n transform-origin: center;\n transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\n }\n .hero-art a.hero-stage-link:hover > g,\n .hero-art a.hero-stage-link:focus-visible > g {\n transform: scale(1.06);\n }\n .hero-art a.hero-stage-link:hover .stage-ring,\n .hero-art a.hero-stage-link:focus-visible .stage-ring {\n stroke: #24c7f3;\n stroke-width: 2.6;\n opacity: 1;\n }\n .hero-art a.hero-stage-link:hover .stage-ring-outer,\n .hero-art a.hero-stage-link:focus-visible .stage-ring-outer {\n opacity: 0.55;\n }\n .hero-art .stage-core {\n transform-box: fill-box;\n transform-origin: center;\n transition: transform 0.25s ease, opacity 0.25s ease;\n }\n .hero-art a.hero-stage-link:hover .stage-core,\n .hero-art a.hero-stage-link:focus-visible .stage-core {\n transform: scale(1.15);\n opacity: 0.95;\n }\n .hero-art .stage-title {\n transition: fill 0.25s ease;\n }\n .hero-art a.hero-stage-link:hover .stage-title,\n .hero-art a.hero-stage-link:focus-visible .stage-title {\n fill: #0866f5;\n }\n\n /* Horizon arc highlights when a node is hovered, or the arc itself is hovered */\n .hero-art .arc-main,\n .hero-art .arc-dash {\n pointer-events: auto;\n transition: stroke-width 0.35s ease, opacity 0.35s ease;\n }\n .hero-art .arc-main:hover,\n .hero-art .arc-dash:hover {\n stroke-width: 4.2;\n opacity: 1;\n }\n .hero-art:has(a.hero-stage-link:hover) .arc-main,\n .hero-art:has(a.hero-stage-link:focus-visible) .arc-main,\n .hero-art:has(a.hero-stage-link:hover) .arc-dash,\n .hero-art:has(a.hero-stage-link:focus-visible) .arc-dash {\n stroke-width: 4.2;\n opacity: 1;\n }\n\n .hero-stats {\n z-index: 6;\n margin-top: auto;\n margin-bottom: 0;\n transform: translateY(0);\n background: #ffffffeb;\n border: 1px solid #cfe2fa;\n border-bottom: 0;\n border-radius: 14px 14px 0 0;\n grid-template-columns: repeat(3, 1fr);\n display: grid;\n position: relative;\n box-shadow: 0 -16px 40px #114b9117;\n }\n\n .hero-stats div:last-child { border: 0; }\n .hero-stats small { color: #4f88c9; letter-spacing: .15em; text-transform: uppercase; grid-column: 1/-1; font-size: .6875rem; font-weight: 900; }\n .hero-stats span { color: #60738e; font-size: .75rem; }\n\n .hero-footnote {\n padding: 6px max(34px, calc((100vw - var(--max)) / 2));\n color: #657893;\n background: #f3f8ff;\n margin: 0;\n font-size: .6875rem;\n }\n\n .marquee {\n background: var(--blue);\n color: #fff;\n letter-spacing: .17em;\n white-space: nowrap;\n align-items: center;\n height: 48px;\n font-size: .75rem;\n font-weight: 850;\n display: flex;\n overflow: hidden;\n }\n\n .marquee div {\n min-width: max-content;\n animation: 28s linear infinite marquee;\n will-change: transform;\n }\n\n .marquee:hover div { animation-play-state: paused; }\n\n .marquee i {\n background: #64d7ff;\n border-radius: 50%;\n width: 5px;\n height: 5px;\n margin: 0 28px 2px;\n display: inline-block;\n }\n\n .section {\n padding: 80px max(34px, calc((100vw - var(--max)) / 2));\n scroll-margin-top: 92px;\n }\n\n .section-intro {\n grid-template-columns: 1.25fr .75fr;\n align-items: end;\n gap: 48px;\n margin-bottom: 42px;\n display: grid;\n }\n\n @media (max-width: 900px) {\n .section-intro { grid-template-columns: 1fr; gap: 24px; }\n }\n\n .section-intro h2, .paths-heading h2, .evidence-card h2 {\n letter-spacing: -.055em;\n color: var(--blue-ink);\n margin: 0;\n font-size: clamp(2.2rem, 3.65vw, 4.05rem);\n line-height: 1.05;\n }\n\n .section-intro > p, .paths-heading > p, .evidence-card > div > p {\n color: var(--muted);\n margin: 0;\n font-size: 1rem;\n line-height: 1.75;\n }\n\n .lifecycle-timeline-section {\n background: linear-gradient(#fff, #f3f8ff);\n }\n\n .lifecycle-track {\n grid-template-columns: 0.72fr 0.72fr 1.2fr 1.18fr 1.18fr;\n margin-top: 65px;\n display: grid;\n position: relative;\n }\n\n .track-line {\n background: #389eff;\n height: 2px;\n position: absolute;\n top: 30px;\n left: 3%;\n right: 3%;\n overflow: hidden;\n }\n\n .track-line:after {\n content: "";\n background: linear-gradient(90deg, #1866f5, #38d6ff);\n transform-origin: 0;\n animation: 2s both drawline;\n position: absolute;\n inset: 0;\n }\n\n .lifecycle-track article {\n padding: 0 16px 0 0;\n position: relative;\n }\n\n .lifecycle-track article > span {\n z-index: 2;\n background: #fff;\n border: 4px solid #77b3f8;\n border-radius: 50%;
1\n width: 20px;\n height: 20px;\n margin: 20px 0 24px;\n display: block;\n position: relative;\n box-shadow: 0 0 0 6px #fff;\n }\n\n .lifecycle-track h3 {\n color: #0c2d5e;\n margin: 0 0 8px;\n font-size: 1.05rem;\n font-weight: 800;\n }\n\n .lifecycle-track p {\n color: #657b98;\n margin: 0;\n font-size: .8125rem;\n line-height: 1.55;\n }\n\n .lifecycle-track .now small {\n color: #0866f5;\n letter-spacing: .12em;\n font-size: .6875rem;\n font-weight: 950;\n position: absolute;\n top: -14px;\n text-transform: uppercase;\n }\n\n .lifecycle-track .now > span {\n background: #0866f5;\n border-color: #fff;\n animation: 2.5s ease-in-out infinite pulse;\n box-shadow: 0 0 0 5px #0866f52e, 0 0 24px #0866f5a6;\n }\n\n .fact-grid {\n border: 1px solid var(--line);\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n }\n\n .fact-card {\n border-right: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n min-height: 380px;\n padding: 38px 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n background: #fff;\n transition: transform .32s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow .32s cubic-bezier(0.2, 0.8, 0.2, 1), border-color .32s ease, background .32s ease;\n position: relative;\n overflow: hidden;\n }\n\n .fact-card:before {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, #0866f5, #24c7f3);\n opacity: 0;\n transition: opacity 0.32s ease;\n }\n\n .fact-card:nth-child(2n) { border-right: 0; }\n .fact-card:nth-child(n+3) { border-bottom: 0; }\n\n .fact-card:hover {\n position: relative;\n z-index: 2;\n transform: translateY(-6px) scale(1.008);\n box-shadow: 0 22px 50px rgba(9, 77, 160, .14);\n border-color: #9fc9f8;\n }\n\n .fact-card:hover:before {\n opacity: 1;\n }\n\n .fact-top { align-items: center; gap: 14px; margin-bottom: 34px; display: flex; }\n .fact-top span { background: #0866f5; color: #fff; border-radius: 50%; place-items: center; width: 34px; height: 34px; font-size: .75rem; font-weight: 900; display: grid; transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; }\n .fact-card:hover .fact-top span {\n transform: scale(1.15) rotate(6deg);\n background: linear-gradient(135deg, #0866f5, #24c7f3);\n box-shadow: 0 6px 16px rgba(8, 102, 245, 0.35);\n }\n .fact-top small { color: #1664d4; text-transform: uppercase; letter-spacing: .15em; font-size: .6875rem; font-weight: 900; }\n\n .fact-card h3 { letter-spacing: -.025em; max-width: 510px; color: #061b42; margin: 0 0 16px; font-size: 1.55rem; line-height: 1.25; font-weight: 800; }\n .fact-card > div > p, .fact-card > p { color: #576c88; max-width: 540px; font-size: .9375rem; line-height: 1.65; margin: 0; }\n\n .fact-bottom { border-top: 1px solid #dce9f7; margin-top: 28px; padding-top: 18px; display: flex; justify-content: space-between; align-items: center; }\n .fact-link { color: #0866f5; font-size: .8rem; font-weight: 800; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }\n .fact-link:hover { text-decoration: underline; }\n\n .text-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n min-height: 44px;\n padding: 0 6px;\n background: none;\n border: 0;\n cursor: pointer;\n font-family: inherit;\n text-decoration: none;\n transition: color 0.2s ease, transform 0.2s ease;\n }\n .text-link:hover { color: #0654ce; text-decoration: underline; }\n .text-link:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; border-radius: 4px; }\n\n .fact-guardrails { border-top: 1px solid #dce9f7; margin-top: 24px; padding-top: 18px; display: flex; flex-direction: column; gap: 6px; }\n .fact-guardrails small { color: #0866f5; letter-spacing: .14em; font-size: .6875rem; font-weight: 950; text-transform: uppercase; }\n .fact-guardrails p { color: #102a52; font-size: .875rem; font-weight: 800; margin: 0; }\n\n .commercial-detail { background: #fff; border: 1px solid #dbe8fa; margin-top: 18px; width: 100%; border-radius: 6px; }\n .commercial-detail summary { cursor: pointer; min-height: 44px; color: #0866f5; justify-content: space-between; align-items: center; padding: 0 16px; font-size: .8125rem; font-weight: 800; list-style: none; display: flex; }\n .commercial-detail summary::-webkit-details-marker { display: none; }\n .commercial-detail summary i { font-size: 1.1rem; font-style: normal; transition: transform .2s; }\n .commercial-detail[open] summary i { transform: rotate(45deg); }\n .commercial-detail > div { gap: 10px; padding: 6px 16px 16px; display: grid; }\n .commercial-detail p { grid-template-columns: 130px 1fr; gap: 12px; margin: 0; display: grid; font-size: .74rem !important; }\n .commercial-detail p b { color: #061b42; }\n .commercial-detail p span { color: #576c88; }\n\n .product-reference-section {\n background: #f7faff;\n border-top: 1px solid #e2edf9;\n border-bottom: 1px solid #e2edf9;\n }\n\n .product-reference-stack {\n background: #fff;\n border: 1px solid #dce8f7;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 8px 30px rgba(9, 77, 160, 0.05);\n }\n\n .product-reference-stack details {\n border-bottom: 1px solid #e3eefb;\n transition: background 0.2s ease;\n }\n\n .product-reference-stack details:last-child {\n border-bottom: 0;\n }\n\n .product-reference-stack details[open] {\n background: #fbfdff;\n }\n\n .product-reference-stack summary {\n cursor: pointer;\n min-height: 72px;\n padding: 0 28px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n user-select: none;\n }\n\n .product-reference-stack summary::-webkit-details-marker {\n display: none;\n }\n\n .product-reference-stack summary span {\n color: #061b42;\n font-size: 1.15rem;\n font-weight: 850;\n letter-spacing: -0.01em;\n }\n\n .product-reference-stack summary i {\n background: #eaf4ff;\n color: #0866f5;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n font-size: 1.1rem;\n font-style: normal;\n font-weight: 700;\n transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;\n }\n\n .product-reference-stack details[open] summary i {\n transform: rotate(45deg);\n background: #0866f5;\n color: #fff;\n }\n\n .product-detail-content {\n padding: 6px 28px 28px;\n }
1\n\n .product-family-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 16px;\n padding-top: 14px;\n border-top: 1px solid #eef5fc;\n }\n\n .product-family-grid > div {\n background: #f4f8fe;\n border: 1px solid #dce8fa;\n border-radius: 6px;\n padding: 16px 18px;\n }\n\n .product-family-grid b {\n color: #061b42;\n font-size: 0.9375rem;\n display: block;\n margin-bottom: 6px;\n }\n\n .product-family-grid p {\n color: #576c88;\n font-size: 0.8rem;\n line-height: 1.55;\n margin: 0;\n }\n\n .paths-section { color: #fff; background: #041436; position: relative; overflow: hidden; }\n .paths-section:before { content: ""; background: radial-gradient(circle at 85% 20%, #0d69ea59, #0000 65%); position: absolute; inset: 0; pointer-events: none; }\n .paths-heading { max-width: 100%; margin-bottom: 42px; position: relative; }\n .paths-heading h2 { color: #fff; max-width: 930px; letter-spacing: -.04em; font-size: clamp(2.8rem, 3.25vw, 3.35rem); }\n .paths-heading > p { color: #9eb4d2; margin-top: 18px; font-size: .9375rem; }\n\n .path-grid { border: 1px solid #8cbeff38; grid-template-columns: repeat(4, 1fr); display: grid; position: relative; background: #041436; }\n .path-card {\n border-right: 1px solid #8cbeff2b;\n min-height: 310px;\n padding: 34px 28px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: transform .32s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow .32s ease, background .32s ease, border-color .32s ease;\n }\n .path-card:last-child { border-right: 0; }\n .path-card:hover {\n transform: translateY(-8px) scale(1.015);\n box-shadow: inset 0 0 0 1px rgba(92, 195, 255, .5), 0 24px 50px rgba(0, 0, 0, .35);\n background: #0c2d6680;\n }\n .path-card > span { color: #389eff; font-size: .75rem; font-weight: 900; letter-spacing: .05em; }\n .path-card h3 { margin: 38px 0 14px; font-size: 1.32rem; color: #fff; font-weight: 800; line-height: 1.25; }\n .path-card p { color: #a5b9d4; font-size: .875rem; line-height: 1.65; margin: 0; }\n .path-card i {\n color: #40b5ff;\n margin-top: 32px;\n font-size: 1.2rem;\n font-style: normal;\n display: block;\n transition: transform 0.3s ease;\n }\n .path-card:hover i {\n transform: translate(6px, -4px);\n }\n .paths-section blockquote { color: #d7e8ff; border-left: 2px solid #21bfff; max-width: 900px; margin: 52px 0 0 auto; padding: 0 0 0 28px; font-size: 1.35rem; line-height: 1.55; position: relative; font-weight: 400; }\n\n .principle-section { background: linear-gradient(180deg, #f7faff 0%, #edf5ff 100%); grid-template-columns: .85fr 1.15fr; gap: 54px; display: grid; padding: 80px max(34px, calc((100vw - var(--max)) / 2)); }\n .principle-copy h2 { letter-spacing: -.05em; color: #061b42; margin: 16px 0 20px; font-size: clamp(3.2rem, 5vw, 5rem); line-height: .96; font-weight: 850; }\n .principle-copy > p { max-width: 480px; color: #576c88; font-size: 1.05rem; line-height: 1.6; margin: 0; }\n .principle-checks { align-content: center; gap: 14px; display: grid; }\n .principle-checks div { background: #ffffff; border: 1px solid #d8e9fb; border-radius: 6px; grid-template-columns: 32px 1fr; align-items: center; gap: 16px; padding: 18px 24px; display: grid; box-shadow: 0 8px 24px rgba(9, 77, 160, 0.04); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }\n .principle-checks div:hover {\n transform: translateY(-4px) scale(1.01);\n border-color: #0866f5;\n box-shadow: 0 14px 32px rgba(8, 102, 245, 0.12);\n }\n .principle-checks b { background: #0866f5; color: #fff; border-radius: 50%; width: 28px; height: 28px; display: grid; place-items: center; font-size: .875rem; font-weight: 900; transition: transform 0.3s ease, background 0.3s ease; }
1\n .principle-checks div:hover b {\n transform: scale(1.2) rotate(8deg);\n background: #24c7f3;\n }\n .principle-checks span { color: #304d70; font-size: .9375rem; line-height: 1.5; font-weight: 500; }\n\n .advisor-role { border-left: 4px solid #0866f5; color: #0c2d5e; background: #fff; border-radius: 0 6px 6px 0; grid-column: 1 / -1; margin: 24px 0 0; padding: 24px 32px; font-weight: 800; font-size: 1.05rem; box-shadow: 0 8px 24px rgba(9, 77, 160, 0.04); }\n .memorable { text-align: center; grid-column: 1 / -1; margin-top: 48px; gap: 12px; display: flex; flex-direction: column; align-items: center; }\n .memorable strong { color: #0866f5; letter-spacing: -.03em; font-size: clamp(1.2rem, 1.8vw, 1.5rem); line-height: 1.2; font-weight: 850; white-space: normal; }\n .memorable span { color: #657b98; font-size: 1rem; font-weight: 500; }\n\n .ai-bridge { overflow: hidden; }\n .bridge-flow { background: linear-gradient(110deg, #eaf3ff, #f4f9ff); border: 1px solid #d4e6fa; border-radius: 6px; grid-template-columns: repeat(5, 1fr); padding: 42px 24px; display: grid; position: relative; margin-top: 48px; }\n .bridge-flow:before { content: ""; background: #389eff; height: 2px; position: absolute; top: 50%; left: 8%; right: 8%; }\n .bridge-flow div { z-index: 2; text-align: center; background: #ffffff; border: 1px solid #d4e5f9; border-radius: 6px; flex-direction: column; justify-content: center; align-items: center; min-height: 125px; margin: 0 8px; padding: 24px 14px; display: flex; position: relative; box-shadow: 0 10px 25px rgba(9, 77, 160, 0.06); transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.32s ease, border-color 0.32s ease; }\n .bridge-flow div:hover {\n transform: translateY(-6px) scale(1.03);\n border-color: #0866f5;\n box-shadow: 0 18px 40px rgba(8, 102, 245, 0.15);\n }\n .bridge-flow div span { transition: transform 0.3s ease, color 0.3s ease; }\n .bridge-flow div:hover span {\n transform: scale(1.15);\n color: #0866f5;\n }\n .bridge-flow b { color: #061b42; margin-top: 10px; font-size: .875rem; font-weight: 800; line-height: 1.4; }\n .bridge-flow i { color: var(--blue); font-style: normal; position: absolute; top: 50%; right: -22px; transform: translateY(-50%); }\n\n .framework-grid { grid-template-columns: repeat(4, 1fr); display: grid; position: relative; margin-top: 54px; }\n .framework-grid:before { content: ""; background: #389eff; height: 2px; position: absolute; top: 24px; left: 5%; right: 5%; }\n .framework-grid article { padding-right: 28px; position: relative; transition: transform 0.3s ease; scroll-margin-top: 150px; }\n .framework-grid article:hover { transform: translateY(-4px); }\n .framework-grid article > span { z-index: 2; color: #fff; background: #0866f5; border: 5px solid #fff; border-radius: 50%; place-items: center; width: 46px; height: 46px; font-size: .875rem; font-weight: 900; display: grid; position: relative; box-shadow: 0 0 0 1px #77b5fa; transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; }\n .framework-grid article:hover > span { transform: scale(1.2); background: #0866f5; box-shadow: 0 0 0 6px rgba(8, 102, 245, 0.2), 0 0 24px rgba(8, 102, 245, 0.4); }\n .framework-grid article.active-stage > span {\n background: #24c7f3;\n box-shadow: 0 0 0 6px rgba(36, 199, 243, 0.2), 0 0 24px rgba(36, 199, 243, 0.4);\n }\n .framework-grid article.active-stage h3 { color: #0866f5; }\n .framework-grid h3 { text-transform: uppercase; letter-spacing: .08em; margin: 26px 0 14px; font-size: 1rem; font-weight: 850; color: #061b42; }\n .framework-grid ul { color: #576c88; margin: 0; padding: 0; font-size: .875rem; list-style: none; }\n .framework-grid li { border-bottom: 1px solid #edf2f8; padding: 7px 0; transition: transform 0.2s ease, color 0.2s ease; }
1\n .framework-grid li:hover { transform: translateX(6px); color: #0866f5; }\n .steady-state { text-align: center; color: #0866f5; margin: 64px 0 0; font-size: clamp(1.1rem, 1.7vw, 1.4rem); font-weight: 850; letter-spacing: -.03em; white-space: normal; }\n\n .execution-proof { background: #f8fbff; padding-top: 80px; padding-bottom: 80px; }\n .proof-intro { grid-template-columns: 1.1fr .9fr; align-items: start; gap: 48px; margin-bottom: 42px; display: grid; }\n .proof-grid { border: 1px solid #dce8fa; grid-template-columns: repeat(3, 1fr); display: grid; background: #fff; box-shadow: 0 10px 30px rgba(9, 77, 160, 0.04); }\n .proof-grid article { border-right: 1px solid #dce8fa; border-bottom: 1px solid #dce8fa; background: #fff; min-height: 145px; padding: 32px 28px; transition: transform .32s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow .32s ease, border-color .32s ease; position: relative; display: flex; flex-direction: column; justify-content: space-between; }\n .proof-grid article:nth-child(3n) { border-right: 0; }\n .proof-grid article:nth-child(n+4) { border-bottom: 0; }\n .proof-grid article:hover { z-index: 2; transform: translateY(-6px) scale(1.01); box-shadow: 0 22px 48px rgba(9, 77, 160, .14); border-color: #9fc9f8; }\n .proof-grid h3 { color: #073a91; margin: 0 0 8px; font-size: 1.12rem; font-weight: 850; }\n .proof-grid p { color: #657b98; margin: 0; font-size: .875rem; line-height: 1.55; }\n .proof-grid article > span { color: #0866f5; position: absolute; bottom: 20px; right: 24px; font-size: .875rem; font-weight: 800; transition: transform 0.3s ease; }\n .proof-grid article:hover > span { transform: translate(5px, -5px) scale(1.25); }\n .proof-links { border-left: 4px solid #0866f5; background: #eaf5ff; justify-content: space-between; align-items: center; gap: 25px; margin-top: 32px; padding: 24px 32px; display: flex; border-radius: 0 6px 6px 0; }\n .proof-links strong { color: var(--blue-dark); }\n .proof-links div { gap: 18px; display: flex; }\n .proof-links a { color: var(--blue); font-size: .75rem; font-weight: 900; }\n\n .trust-layer-section {\n background: #f7faff;\n }\n\n .trust-card {\n background: linear-gradient(135deg, #051a42 0%, #07357d 100%);\n border-radius: 18px;\n padding: 56px 54px;\n display: grid;\n grid-template-columns: 1.15fr 0.85fr;\n gap: 60px;\n align-items: center;\n box-shadow: 0 25px 70px rgba(8, 50, 120, 0.16);\n position: relative;\n overflow: hidden;\n }\n\n .trust-left h2 {\n color: #fff;\n font-size: clamp(2.3rem, 3.6vw, 3.8rem);\n font-weight: 850;\n line-height: 1.06;\n letter-spacing: -0.04em;\n margin: 18px 0 32px;\n }\n\n .trust-left .last-reviewed {\n color: #9bbbe8;\n font-size: 0.875rem;\n margin: 0;\n font-weight: 500;\n }\n\n .trust-sources-list {\n display: flex;\n flex-direction: column;\n }\n\n .trust-sources-list a {\n display: grid;\n grid-template-columns: 32px 1fr 24px;\n align-items: center;\n padding: 18px 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.15);\n text-decoration: none;\n transition: border-color 0.25s ease, transform 0.25s ease;\n }\n\n .trust-sources-list a:first-child {\n border-top: 1px solid rgba(255, 255, 255, 0.15);\n }\n\n .trust-sources-list a:hover {\n border-color: rgba(255, 255, 255, 0.4);\n transform: translateX(4px);\n }\n\n .trust-sources-list span {\n color: #5db6ff;\n font-size: 0.8125rem;\n font-weight: 900;\n }\n\n .trust-sources-list b {\n color: #ffffff;\n font-size: 0.95rem;\n font-weight: 700;\n }\n\n .trust-sources-list i {\n color: #5db6ff;\n font-style: normal;\n font-size: 0.9375rem;\n font-weight: 800;\n text-align: right;\n }\n\n .sources-callout {\n background: #edf6ff;\n border: 1px solid #d4e6fa;\n border-radius: 4px;\n margin-top: 32px;\n padding: 28px 36px;\n display: grid;\n grid-template-columns: 280px 1fr;\n align-items: center;\n gap: 32px;\n }\n\n .sources-callout h3 {\n color: #0866f5;\n font-size: 1.15rem;\n font-weight: 850;\n margin: 0;\n letter-spacing: -0.01em;\n }\n\n .sources-callout p {\n color: #576c88;\n font-size: 0.875rem;\n line-height: 1.6;\n margin: 0;\n }\n\n .readiness-section { background: linear-gradient(145deg, #f7fbff, #eaf4ff); }\n .readiness-shell { display: grid; grid-template-columns: 1.2fr .8fr; border: 1px solid #cfe2f8; background: #fff; box-shadow: 0 24px 60px rgba(12, 75, 150, .1); }\n .readiness-list { display: grid; grid-template-columns: 1fr 1fr; padding: 30px; gap: 10px; }\n .readiness-list label { cursor: pointer; border-radius: 8px; }\n .readiness-list label:focus-within > span { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(8, 102, 245, 0.15); }\n .readiness-list input { position: absolute; opacity: 0; pointer-events: none; }\n .readiness-list label > span { min-height: 76px; padding: 16px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 12px; border: 1px solid #dce9f7; background: #fbfdff; color: #3c5676; font-size: .8rem; line-height: 1.45; transition: .25s ease; }\n .readiness-list label > span b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: #eaf4ff; color: var(--blue); font-size: .6875rem; transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease; }\n .readiness-list label:hover > span { transform: translateY(-3px); border-color: #98c6f8; box-shadow: 0 10px 24px rgba(10, 82, 165, .09); }\n .readiness-list label:hover span b { transform: rotate(-5deg) scale(1.1); }\n .readiness-list input:checked + span { border-color: var(--blue); background: #eef6ff; color: var(--blue-dark); box-shadow: inset 4px 0 0 var(--blue); }\n .readiness-list input:checked + span b { background: var(--blue); color: #fff; }\n .readiness-result { padding: 42px; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(145deg, #102245, #1d6cf1); color: #fff; }\n .readiness-result > small { letter-spacing: .16em; font-weight: 900; color: #a9d8ff; }\n .readiness-result > strong { margin: 18px 0 8px; font-size: 5.5rem; line-height: 1; }\n .readiness-result h3 { font-size: 1.6875rem; margin: 8px 0; }\n .readiness-result p { color: #d2e8ff; line-height: 1.7; }\n .readiness-result .button { margin-top: 18px; }\n\n .faq-section { background: #f7faff; }\n .accordion-stack { border-top: 1px solid var(--line); }\n .accordion-stack details { border-bottom: 1px solid var(--line); background: #fff; transition: border-color .3s ease, box-shadow .3s ease, background .3s ease; }\n .accordion-stack details:hover { border-color: #0866f5; box-shadow: 0 12px 32px rgba(8, 102, 245, .1); position: relative; z-index: 1; }\n .accordion-stack summary { cursor: pointer; min-height: 82px; color: var(--blue-ink); justify-content: space-between; align-items: center; gap: 20px; padding: 0 24px; font-weight: 850; list-style: none; display: flex; transition: color 0.25s ease; }\n .accordion-stack summary::-webkit-details-marker { display: none; }\n .accordion-stack summary i { width: 34px; height: 34px; color: var(--blue); background: #edf5ff; border-radius: 50%; place-items: center; font-size: 1.2rem; font-style: normal; transition: transform .3s ease, background .3s ease, color .3s ease; display: grid; }\n .accordion-stack summary:hover { color: #0866f5; }\n .accordion-stack summary:hover i { transform: scale(1.15); background: #0866f5; color: #fff; }\n .accordion-stack details[open] summary i { transform: rotate(45deg); background: #0866f5; color: #fff; }\n .accordion-stack details > div { gap: 1px; padding: 0 24px 28px; display: grid; }\n .accordion-stack details article { background: #f6faff; border-left: 3px solid #cae2ff; grid-template-columns: 220px 1fr; gap: 35px; padding: 22px; display: grid; }\n .accordion-stack details article h3 { color: var(--blue-dark); margin: 0; font-size: .9375rem; }\n .accordion-stack details article p, .accordion-stack details > div > p { color: var(--muted); margin: 0; font-size: .875rem; line-height: 1.7; }\n\n .decision-section {\n padding: 80px max(34px, calc((100vw - var(--max)) / 2));\n color: #fff;\n background: linear-gradient(135deg, #102245, #1d6cf1);\n display: flex;\n flex-direction: column;\n gap: 52px;\n align-items: center;\n }\n\n .decision-copy {\n width: 100%;\n }\n\n .decision-copy h2 {\n letter-spacing: -.045em;\n color: #fff;\n margin: 16px 0 20px;\n font-size: clamp(1.3rem, 2.2vw, 1.7rem);\n line-height: 1.2;\n font-weight: 850;\n white-space: normal;\n }\n\n .decision-copy > p {\n color: #c8e1ff;\n max-width: 880px;\n font-size: 1.05rem;\n line-height: 1.6;\n }\n\n .decision-columns {\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-top: 36px;\n display: grid;\n width: 100%;\n }\n\n .decision-columns > div {\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.16);\n border-radius: 8px;\n flex-direction: column;\n padding: 28px;\n display: flex;\n transition: transform .28s ease, border-color .28s ease;\n }\n\n .decision-columns > div:hover {\n transform: translateY(-3px);\n border-color: rgba(255, 255, 255, 0.35);\n }\n\n .decision-columns b {\n color: #a9d8ff;\n letter-spacing: .15em;\n margin-bottom: 16px;\n font-size: .6875rem;\n font-weight: 900;\n }\n\n .decision-columns span, .decision-columns p {\n color: #e
10edff;\n padding: 4px 0;\n font-size: .8125rem;\n line-height: 1.5;\n }\n\n .decision-form-card {\n color: #061b42;\n background: #fff;\n border-radius: 18px;\n padding: 48px 54px;\n box-shadow: 0 25px 70px rgba(0, 0, 0, 0.25);\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .decision-form-card > small {\n color: #0866f5;\n letter-spacing: .15em;\n font-weight: 900;\n font-size: .6875rem;\n }\n\n .decision-form-card > h3 {\n color: #061b42;\n margin: 14px 0 28px;\n font-size: 1.875rem;\n line-height: 1.12;\n font-weight: 850;\n }\n .decision-form-card > p { color: var(--muted); font-size: .75rem; }\n .decision-form-card .button { width: 100%; }\n\n .form-overlay { z-index: 130; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: #020c1fc7; place-items: center; padding: 22px; display: grid; position: fixed; inset: 0; animation: overlayFade 0.25s ease-out; }\n .form-close {\n z-index: 2;\n width: 44px;\n height: 44px;\n display: grid;\n place-items: center;\n color: var(--blue);\n background: #fff;\n border: 0;\n border-radius: 50%;\n font-size: 1.35rem;\n line-height: 1;\n position: absolute;\n top: 14px;\n right: 16px;\n box-shadow: 0 8px 18px #1450961f;\n cursor: pointer;\n transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\n }\n .form-close:hover { transform: rotate(90deg) scale(1.06); color: #fff; background: #0866f5; box-shadow: 0 10px 22px rgba(8, 102, 245, 0.35); }\n .form-close:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }\n\n .footprint-modal {\n background: linear-gradient(155deg, #ffffff 0%, #f4f8fe 100%);\n border: 1px solid #dce8fa;\n border-radius: 20px;\n width: min(840px, 95vw);\n max-height: 92vh;\n padding: 40px 44px;\n position: relative;\n overflow-y: auto;\n outline: none;\n box-shadow: 0 35px 110px rgba(8, 30, 80, 0.22);\n animation: modalRise 0.32s cubic-bezier(0.2, 0.8, 0.2, 1);\n }
1\n\n .modal-header-badge {\n color: #0866f5;\n font-size: 0.75rem;\n font-weight: 900;\n letter-spacing: 0.19em;\n text-transform: uppercase;\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 12px;\n }\n\n .modal-header-badge .badge-line {\n background: #0866f5;\n width: 30px;\n height: 2px;\n display: inline-block;\n }\n\n .modal-title {\n color: #061b42;\n font-size: clamp(1.8rem, 3.2vw, 2.75rem);\n font-weight: 850;\n line-height: 1.08;\n letter-spacing: -0.03em;\n margin: 0 0 12px;\n }\n\n .modal-subtitle {\n color: #526783;\n font-size: 0.9375rem;\n line-height: 1.6;\n margin: 0 0 28px;\n }\n\n .footprint-form {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px 20px;\n }\n\n .footprint-form .form-field {\n display: flex;\n flex-direction: column;\n gap: 6px;\n }\n\n .footprint-form .form-field label {\n color: #061b42;\n font-size: 0.8rem;\n font-weight: 800;\n }\n\n .footprint-form .form-field label .req {\n color: #0866f5;\n margin-left: 2px;\n }\n\n .footprint-form input,\n .footprint-form select {\n width: 100%;\n height: 46px;\n color: #061b42;\n background: #ffffff;\n border: 1px solid #cce0f8;\n border-radius: 8px;\n outline: none;\n padding: 0 14px;\n font-size: 0.875rem;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n }\n\n .footprint-form input::placeholder {\n color: #8aa0bb;\n }\n\n .footprint-form input:focus,\n .footprint-form select:focus {\n border-color: #0866f5;\n box-shadow: 0 0 0 4px rgba(8, 102, 245, 0.12);\n }\n\n .form-checkbox-row {\n grid-column: 1 / -1;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n margin-top: 6px;\n padding: 6px 2px;\n border-radius: 8px;\n transition: background 0.2s ease;\n }\n\n .form-checkbox-row:focus-within { background: #eef6ff; }\n\n .form-checkbox-row input[type="checkbox"] {\n flex: 0 0 20px;\n width: 20px;\n height: 20px;\n accent-color: #0866f5;\n margin-top: 2px;\n cursor: pointer;\n }\n\n .form-checkbox-row label {\n color: #526783;\n font-size: 0.8125rem;\n line-height: 1.5;\n cursor: pointer;\n }\n\n .form-checkbox-row label a {\n color: #0866f5;\n text-decoration: underline;\n }\n\n .footprint-submit-btn {\n grid-column: 1 / -1;\n margin-top: 8px;\n min-height: 50px;\n background: #0866f5;\n color: #ffffff;\n font-size: 0.875rem;\n font-weight: 850;\n letter-spacing: 0.06em;\n border-radius: 8px;\n border: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n box-shadow: 0 14px 30px rgba(8, 102, 245, 0.3);\n transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\n }\n\n .footprint-submit-btn:hover {\n transform: translateY(-2px);\n background: #0654ce;\n box-shadow: 0 18px 36px rgba(8, 102, 245, 0.4);\n }\n\n .footprint-submit-btn:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n box-shadow: 0 8px 18px rgba(8, 102, 245, 0.2);\n }\n .footprint-submit-btn:disabled:hover {\n transform: none;\n background: #0866f5;\n box-shadow: 0 8px 18px rgba(8, 102, 245, 0.2);\n }\n\n .footprint-modal-footnote {\n grid-column: 1 / -1;\n text-align: center;\n color: #7488a5;\n font-size: 0.75rem;\n margin: 6px 0 0;\n }\n\n @keyframes marquee { to { transform: translate(-50%); } }\n @keyframes drawline { 0% { transform: scaleX(0); } to { transform: scaleX(1); } }\n @keyframes pulse { 50% { opacity: .5; } }\n\n /* ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ\n SECTION-BY-SECTION COMPREHENSIVE RESPONSIVE DESIGN STYLES\n ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */\n\n /* ââ DESKTOP REFINEMENTS (1025px to 1280px) ââ */\n @media (max-width: 1200px) {\n .section-intro { gap: 40px; }\n .paths-heading h2 { font-size: 2.8rem; }\n .trust-card { gap: 36px; padding: 44px 40px; }\n }\n\n @media (max-width: 1024px) {\n .hero { padding-top: 48px; }\n .hero-copy { width: 100%; }\n .hero-art { opacity: 1; }\n .proof-links { padding: 20px 24px; }\n }
1\n\n /* ââ SHORT-DESKTOP VIEWPORT FIT: hero through marquee fits without scrolling ââ */\n @media (min-width: 981px) and (max-height: 820px) {\n .hero { padding-top: clamp(20px, 3vh, 36px); }\n .hero h1 { font-size: clamp(2.4rem, 3.4vw + 0.5vh, 4.4rem); }\n .hero-lead { margin: 12px 0 18px; font-size: 1rem; line-height: 1.6; }\n .hero-actions { gap: 10px; }\n .hero-actions .button { min-height: 44px; }\n .verified { margin-top: 12px; }\n .hero-stats { margin-top: 20px; }\n .hero-stats div { padding: 10px 18px; }\n .hero-stats strong { font-size: clamp(1.3rem, 1.8vw, 1.8rem); }\n .hero-footnote { padding-top: 6px; padding-bottom: 6px; }\n .marquee { height: 42px; }\n }\n\n /* ââ TABLET BREAKPOINT (769px to 980px) ââ */\n @media (max-width: 980px) {\n /* Section 1: Hero & Stats */\n .hero { padding: 42px 20px 0; min-height: auto; max-height: none; }\n .hero-grid { grid-template-columns: 1fr; gap: 24px; }\n .hero-copy { width: 100%; z-index: 5; }\n .hero-art {\n position: relative;\n inset: auto;\n width: 100%;\n height: auto;\n margin-top: 24px;\n opacity: 1;\n pointer-events: none;\n mask-image: none;\n -webkit-mask-image: none;\n }\n .hero-art svg.hero-svg {\n position: relative;\n width: 100%;\n height: auto;\n aspect-ratio: 740 / 480;\n }\n .hero-stats { grid-template-columns: repeat(3, 1fr); margin-top: 36px; }\n\n /* Global Section Containers */\n .section { padding: 64px 20px; }\n .section-intro { grid-template-columns: 1fr; gap: 18px; margin-bottom: 32px; }\n\n /* Section 2: Lifecycle Timeline */\n .lifecycle-track { grid-template-columns: 1fr; margin-top: 28px; padding-left: 36px; }\n .track-line { width: 2px; height: auto; inset: 0 auto 0 44px; }\n .lifecycle-track article { min-height: 95px; padding-left: 36px; }\n .lifecycle-track article > span { margin: 0; position: absolute; top: 0; left: -1px; }\n\n /* Section 3: Executive Fact Grid */\n .fact-grid { grid-template-columns: 1fr; }\n .fact-card { border-right: 0; border-bottom: 1px solid var(--line); min-height: auto; padding: 32px 24px; }\n .fact-card:last-child { border-bottom: 0; }\n\n /* Section 4: Decision Paths Grid */\n .path-grid { grid-template-columns: repeat(2, 1fr); }\n .path-card { min-height: 260px; padding: 28px 22px; }\n .paths-section blockquote { font-size: 1.15rem; margin-top: 36px; padding-left: 20px; }\n\n /* Section 5: Principles & Core Advisory */\n .principle-section { grid-template-columns: 1fr; gap: 32px; padding: 64px 20px; }\n .principle-copy > p { max-width: 100%; }\n\n /* Section 6: ECC AI Bridge Flow */\n .bridge-flow { grid-template-columns: 1fr; gap: 16px; padding: 24px 18px; }\n .bridge-flow:before { display: none; }\n .bridge-flow div { margin: 0; min-height: auto; width: 100%; }\n .bridge-flow i { display: none; }\n\n /* Section 7: Framework Stages */\n .framework-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; margin-top: 36px; }\n .framework-grid:before { display: none; }\n .framework-grid article { padding-right: 0; }\n\n /* Section 8: Execution Proof Grid */\n .proof-intro { grid-template-columns: 1fr; gap: 16px; }\n .proof-grid { grid-template-columns: repeat(2, 1fr); }\n .proof-grid article { border-right: 1px solid #dce8fa; min-height: 130px; padding: 24px 20px; }\n .proof-grid article:nth-child(2n) { border-right: 0; }\n .proof-links { flex-direction: column; align-items: flex-start; gap: 14px; padding: 20px 24px; }\n\n /* Section 9: Trust Layer Card */\n .trust-card { grid-template-columns: 1fr; gap: 36px; padding: 40px 32px; }\n .sources-callout { grid-template-columns: 1fr; gap: 16px; padding: 24px; }\n\n /* Section 10: Readiness Shell */\n .readiness-shell { grid-template-columns: 1fr; }\n .readiness-list { grid-template-columns: repeat(2, 1fr); padding: 24px; }\n .readiness-result { padding: 36px 28px; }\n\n /* Section 11: Final Decision Block */\n .decision-section { padding: 64px 20px; }\n .decision-columns { grid-template-columns: 1fr; gap: 16px; }\n\n /* Modals */\n .footprint-modal { width: 92vw; padding: 32px 28px; }\n }\n\n /* ââ SMALL TABLET & PHABLET BREAKPOINT (651px to 768px) ââ */\n @media (max-width: 768px) {\n .accordion-stack details article { grid-template-columns: 1fr; gap: 12px; padding: 16px; }\n .proof-grid { grid-template-columns: 1fr; }\n .proof-grid article { border-right: 0; }\n .readiness-list { grid-template-columns: 1fr; }\n .readiness-result > strong { font-size: 4rem; }\n .product-reference-stack summary { padding: 0 18px; min-height: 60px; }\n .product-reference-stack summary span { font-size: 1rem; }\n .product-detail-content { padding: 0 18px 20px; }\n }\n\n /* ââ MOBILE FORM GRID BREAKPOINT (up to 680px) ââ */\n @media (max-width: 680px) {\n .footprint-form { grid-template-columns: 1fr; gap: 14px; }\n .form-overlay { padding: 12px; }\n .footprint-modal { width: min(560px, calc(100vw - 24px)); max-height: 90vh; padding: 24px 18px; border-radius: 16px; }
1\n .modal-title { font-size: 1.55rem; }\n .modal-subtitle { font-size: 0.8rem; margin-bottom: 18px; }\n .footprint-submit-btn { font-size: 0.875rem; min-height: 48px; }\n }\n\n /* ââ MOBILE SMARTPHONE BREAKPOINT (up to 650px & 320px) ââ */\n @media (max-width: 650px) {\n /* Section 1: Hero */\n .hero { min-height: auto; max-height: none; padding-top: 32px; padding-inline: 14px; }\n .kicker { font-size: 0.6875rem; margin-bottom: 12px; }\n .hero h1 { font-size: clamp(2.2rem, 10vw, 3.4rem); letter-spacing: -0.04em; }\n .hero-lead { font-size: 0.92rem; margin: 12px 0 18px; line-height: 1.55; }\n .hero-actions { flex-direction: column; width: 100%; gap: 10px; }\n .hero-actions .button { width: 100%; min-height: 46px; justify-content: center; font-size: 0.8rem; }\n .verified { font-size: 0.75rem; margin-top: 16px; }\n .hero-art { display: none; }\n\n /* Hero Stats */\n .hero-stats { grid-template-columns: 1fr; margin-top: 24px; border-radius: 10px 10px 0 0; }\n .hero-stats div { border-right: 0; border-bottom: 1px solid var(--line); padding: 12px 16px; grid-template-columns: auto 1fr; }\n .hero-stats div:last-child { border-bottom: 0; }\n .hero-stats strong { font-size: 1.5rem; }\n .hero-stats span { font-size: 0.75rem; }\n\n /* Section 2: Timeline */\n .lifecycle-track h3 { font-size: 0.95rem; }\n .lifecycle-track p { font-size: 0.75rem; }\n\n /* Section 3: Fact Cards */\n .fact-card { padding: 24px 16px; }\n .fact-card h3 { font-size: 1.3rem; }\n .fact-card > div > p, .fact-card > p { font-size: 0.875rem; }\n\n /* Section 4: Path Cards */\n .path-grid { grid-template-columns: 1fr; }\n .path-card { border-right: 0; border-bottom: 1px solid #8cbeff2b; padding: 24px 18px; min-height: auto; }\n .path-card:last-child { border-bottom: 0; }\n .path-card h3 { margin: 24px 0 10px; font-size: 1.2rem; }\n .paths-section blockquote { font-size: 1rem; margin-top: 28px; padding-left: 14px; }\n\n /* Section 5: Principles */\n .principle-section { padding: 44px 14px; gap: 24px; }\n .principle-copy h2 { font-size: clamp(2.4rem, 9vw, 3.6rem); }\n .principle-checks div { padding: 14px 16px; gap: 12px; }\n .principle-checks span { font-size: 0.875rem; }\n .memorable strong { font-size: clamp(0.9rem, 3.5vw, 1.1rem); }\n .advisor-role { padding: 18px 20px; font-size: 0.92rem; }\n\n /* Section 6: AI Bridge */\n .bridge-flow div { padding: 16px 12px; }\n .bridge-flow b { font-size: 0.875rem; }\n\n /* Section 7: Framework */\n .framework-grid { grid-template-columns: 1fr; gap: 24px; margin-top: 28px; }\n .framework-grid h3 { margin: 16px 0 10px; font-size: 0.92rem; }\n .steady-state { font-size: clamp(1rem, 4vw, 1.3rem); margin-top: 40px; }\n\n /* Section 8: Execution Proof */\n .execution-proof { padding-block: 48px; }\n .proof-grid article { padding: 20px 16px; }\n\n /* Section 9: Trust Layer */\n .trust-card { padding: 28px 18px; border-radius: 14px; }\n .trust-left h2 { font-size: clamp(1.8rem, 8vw, 2.8rem); margin: 12px 0 20px; }\n .trust-sources-list a { grid-template-columns: 28px 1fr 18px; padding: 14px 0; }\n .trust-sources-list b { font-size: 0.875rem; }\n .sources-callout { padding: 18px; border-radius: 6px; }\n\n /* Section 10: Readiness */\n .readiness-section { padding-inline: 14px; }\n .readiness-list { padding: 16px; gap: 8px; }\n .readiness-list label > span { padding: 12px; min-height: 64px; font-size: 0.75rem; }\n .readiness-result { padding: 28px 18px; text-align: center; }\n .readiness-result > strong { font-size: 3.4rem; margin: 10px 0 4px; }\n .readiness-result h3 { font-size: 1.35rem; }\n .readiness-result p { font-size: 0.875rem; }\n\n /* Section 11: Final Decision Form Card */\n .decision-section { padding: 48px 14px; }\n .decision-copy h2 { font-size: clamp(1.1rem, 5vw, 1.5rem); }\n .decision-columns > div { padding: 20px 16px; }\n .decision-form-card { padding: 28px 16px; border-radius: 14px; }\n .decision-form-card > h3 { font-size: 1.45rem; margin: 10px 0 20px; }\n\n /* Section Containers */\n .section { padding: 44px 14px; }\n .section-intro h2, .paths-heading h2, .evidence-card h2 { font-size: clamp(2.1rem, 8.5vw, 3.2rem); }\n\n /* Commercial details single-column */\n .commercial-detail p { grid-template-columns: 1fr; gap: 2px; }\n }\n\n /* ââ MODAL MOTION & ACCESSIBILITY POLISH ââ */\n @keyframes overlayFade {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes modalRise {\n from { opacity: 0; transform: translateY(18px) scale(0.98); }\n to { opacity: 1; transform: translateY(0) scale(1); }\n }\n\n .footprint-modal::-webkit-scrollbar { width: 8px; }\n .footprint-modal::-webkit-scrollbar-track { background: #eef6ff; border-radius: 0 0 20px 20px; }\n .footprint-modal::-webkit-scrollbar-thumb { background: #bcd6f5; border-radius: 8px; }\n .footprint-modal::-webkit-scrollbar-thumb:hover { background: #8fbcfa; }\n\n .form-success { animation: modalRise 0.35s ease-out; }\n .form-error {\n grid-column: 1 / -1;\n margin: 4px 0 0;\n padding: 12px 14px;\n border: 1px solid #fecaca;\n border-left: 4px solid #b91c1c;\n background: #fef2f2;\n color: #b91c1c;\n font-size: 0.8125rem;\n font-weight: 600;\n line-height: 1.5;\n text-align: left;\n border-radius: 6px;\n }\n\n /* ââ KEYBOARD FOCUS VISIBILITY (WCAG 2.1 AA) ââ */\n .trust-sources-list a:focus-visible,\n .proof-links a:focus-visible,\n .accordion-stack summary:focus-visible,\n .product-reference-stack summary:focus-visible,\n .commercial-detail summary:focus-visible,\n .readiness-list input:focus-visible + span {\n outline: 2px solid var(--blue);\n outline-offset: 2px;\n }\n .accordion-stack summary:focus-visible { border-radius: 4px; }\n .product-reference-stack summary:focus-visible { border-radius: 6px; }\n\n /* ââ REDUCED MOTION (WCAG 2.3.3) ââ */\n @media (prefers-reduced-motion: reduce) {\n .marquee div,\n .lifecycle-track .now > span,\n .form-overlay,\n .footprint-modal,\n .form-success {\n animation: none !important;\n }\n .hero-art a.hero-stage-link > g,\n .hero-art a.hero-stage-link:hover .stage-ring,\n .hero-art a.hero-stage-link:hover .stage-core,\n .hero-art a.hero-stage-link:hover .stage-title,\n .hero-art .arc-main,\n .hero-art .arc-dash {\n transition: none !important;\n }\n }\n '}}),(0,i.jsxs)("div",{className:"sap-trust-body",children:[(0,i.jsxs)("section",{className:"hero",id:"top",children:[(0,i.jsxs)("div",{className:"hero-grid",children:[(0,i.jsxs)("div",{className:"hero-copy",children:[(0,i.jsxs)("div",{className:"kicker",children:[(0,i.jsx)("span",{})," ",e("hero.kicker"),(0,i.jsx)("span",{className:"kicker-new-badge",children:"NEW"})]}),(0,i.jsxs)("h1",{children:[e("hero.titleLine1")," ",(0,i.jsx)("br",{className:"hero-copy-break"}),(0,i.jsx)("em",{children:e("hero.titleLine2")})]}),(0,i.jsx)("p",{className:"hero-lead",children:e("hero.lead")}),(0,i.jsx)("div",{className:"hero-highlights",children:e.raw("hero.highlights").map((e,n)=>(0,i.jsxs)("span",{children:[(0,i.jsx)("span",{className:"dot"})," ",e]},n))}),(0,i.jsxs)("div",{className:"hero-actions",children:[(0,i.jsxs)("button",{type:"button",className:"button primary",onClick:()=>d(!0),children:[e("hero.ctaBook")," ",(0,i.jsx)("span",{children:"â"})]}),(0,i.jsxs)("button",{type:"button",className:"button secondary footprint-button",onClick:()=>f(!0),children:[e("hero.ctaShare")," ",(0,i.jsx)("span",{children:"â"})]}),(0,i.jsxs)("button",{type:"button",className:"button secondary",onClick:()=>{var e;return null===(e=document.getElementById("timeline"))||void 0===e?void 0:e.scrollIntoView({behavior:"smooth"})},children:[e("hero.ctaExplore")," ",(0,i.jsx)("span",{children:"â"})]})]}),(0,i.jsxs)("div",{className:"verified",children:[(0,i.jsx)("div",{className:"shield",children:"â"}),(0,i.jsxs)("span",{children:[(0,i.jsx)("b",{children:e("hero.verifiedLabel")}),e("hero.verifiedText")]})]})]}),(0,i.jsx)("div",{className:"hero-art",children:(0,i.jsxs)("svg",{className:"hero-svg",viewBox:"230 80 740 480",preserveAspectRatio:"xMidYMid meet",fill:"none",children:[(0,i.jsxs)("defs",{children:[(0,i.jsxs)("linearGradient",{id:"sap26-g-horizon",x1:"0%",y1:"50%",x2:"100%",y2:"50%",children:[(0,i.jsx)("stop",{offset:"0%",stopColor:"#0866f5",stopOpacity:"0"}),(0,i.jsx)("stop",{offset:"20%",stopColor:"#0866f5",stopOpacity:"0.65"}),(0,i.jsx)("stop",{offset:"50%",stopColor:"#24c7f3",stopOpacity:"0.85"}),(0,i.jsx)("stop",{offset:"80%",stopColor:"#0866f5",stopOpacity:"0.65"}),(0,i.jsx)("stop",{offset:"100%",stopColor:"#0866f5",stopOpacity:"0"})]}),(0,i.jsxs)("linearGradient",{id:"sap26-g-node",x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[(0,i.jsx)("stop",{offset:"0%",stopColor:"#24c7f3"}),(0,i.jsx)("stop",{offset:"100%",stopColor:"#0866f5"})]}),(0,i.jsxs)("radialGradient",{id:"sap26-g-glow",cx:"50%",cy:"50%",r:"50%",children:[(0,i.jsx)("stop",{offset:"0%",stopColor:"#24c7f3",stopOpacity:"0.22"}),(0,i.jsx)("stop",{offset:"55%",stopColor:"#0866f5",stopOpacity:"0.09"}),(0,i.jsx)("stop",{offset:"100%",stopColor:"#0866f5",stopOpacity:"0"})]}),(0,i.jsxs)("filter",{id:"sap26-glow-soft",x:"-40%",y:"-40%",width:"180%",height:"180%",children:[(0,i.jsx)("feGaussianBlur",{stdDeviation:"4",result:"b1"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"9",result:"b2"}),(0,i.jsxs)("feMerge",{children:[(0,i.jsx)("feMergeNode",{in:"b2"}),(0,i.jsx)("feMergeNode",{in:"b1"}),(0,i.jsx)("feMergeNode",{in:"SourceGraphic"})]})]})]}),(0,i.jsxs)("g",{"aria-hidden":"true",children:[(0,i.jsxs)("g",{stroke:"#186fe7",strokeOpacity:"0.05",strokeWidth:"1",children:[[...Array(18)].map((e,n)=>(0,i.jsx)("line",{x1:56*n+28,y1:"40",x2:56*n+28,y2:"720"},"gv-".concat(n))),[...Array(13)].map((e,n)=>(0,i.jsx)("line",{x1:"20",y1:56*n+40,x2:"980",y2:56*n+40},"gh-".concat(n)))]}),(0,i.jsx)("circle",{cx:"570",cy:"430",r:"300",fill:"url(#sap26-g-glow)",opacity:"0.55"}),(0,i.jsx)("line",{x1:"270",y1:"114",x2:"300",y2:"114",stroke:"#1d6cf1",strokeWidth:"3",strokeLinecap:"round"}),(0,i.jsx)("circle",{cx:"309",cy:"114",r:"3",fill:"#24c7f3"}),(0,i.jsx)("text",{x:"325",y:"120",fill:"#1d6cf1",fontSize:"12",fontWeight:"900",letterSpacing:"4",children:e("art.horizon")}),(0,i.jsx)("text",{x:"270",y:"166",fill:"#0a1e3d",fontSize:"34",fontWeight:"850",letterSpacing:"-1.5",children:e("art.years")}),(0,i.jsx)("text",{x:"270",y:"194",fill:"#5c6f8d",fontSize:"13",fontWeight:"600",children:e("art.subtitle")}),(0,i.jsxs)("g",{children:[(0,i.jsx)("rect",{x:"260",y:"230",width:"140",height:"30",rx:"15",fill:"#ffffff",fillOpacity:"0.72",stroke:"#bfdcfb",strokeWidth:"1"}),(0,i.jsx)("circle",{cx:"276",cy:"245",r:"4",fill:"#24c7f3"}),(0,i.jsx)("text",{x:"330",y:"250",fill:"#0a1e3d",fontSize:"9.5",fontWeight:"800",letterSpacing:"0.5",textAnchor:"middle",children:e("art.pillPolicy")})]}),(0,i.jsxs)("g",{children:[(0,i.jsx)("rect",{x:"430",y:"214",width:"140",height:"30",rx:"15",fill:"#ffffff",fillOpacity:"0.72",stroke:"#bfdcfb",strokeWidth:"1"}),(0,i.jsx)("circle",{cx:"446",cy:"229",r:"4",fill:"#0866f5"}),(0,i.jsx)("text",{x:"500",y:"234",fill:"#0a1e3d",fontSize:"9.5",fontWeight:"800",letterSpacing:"0.5",textAnchor:"middle",children:e("art.pillCore")})]}),(0,i.jsxs)("g",{children:[(0,i.jsx)("rect",{x:"650",y:"230",width:"140",height:"30",rx:"15",fill:"#ffffff",fillOpacity:"0.72",stroke:"#bfdcfb",strokeWidth:"1"}),(0,i.jsx)("circle",{cx:"666",cy:"245",r:"4",fill:"#1d6cf1"}),(0,i.jsx)("text",{x:"720",y:"250",fill:"#0a1e3d",fontSize:"9.5",fontWeight:"800",letterSpacing:"0.5",textAnchor:"middle",children:e("art.pillBridge")})]}),(0,i.jsx)("path",{className:"arc-main",d:"M 260 470 Q 560 300 890 470",
1stroke:"url(#sap26-g-horizon)",strokeWidth:"3",strokeLinecap:"round",filter:"url(#sap26-glow-soft)"}),(0,i.jsx)("path",{className:"arc-dash",d:"M 260 470 Q 560 300 890 470",stroke:"#24c7f3",strokeWidth:"0.8",strokeDasharray:"2 8",opacity:"0.5"}),(0,i.jsx)("line",{x1:"474",y1:"378",x2:"474",y2:"408",stroke:"#0866f5",strokeWidth:"1.4",opacity:"0.5"}),(0,i.jsx)("text",{x:"474",y:"428",fill:"#5c6f8d",fontSize:"12",fontWeight:"800",textAnchor:"middle",children:"2027"}),(0,i.jsx)("line",{x1:"663",y1:"378",x2:"663",y2:"408",stroke:"#0866f5",strokeWidth:"1.4",opacity:"0.5"}),(0,i.jsx)("text",{x:"663",y:"428",fill:"#5c6f8d",fontSize:"12",fontWeight:"800",textAnchor:"middle",children:"2029"})]}),(0,i.jsx)("a",{className:"hero-stage-link",href:"#framework-assess","aria-label":e("art.assessAria"),onClick:e=>eb(e,"framework-assess"),children:(0,i.jsxs)("g",{children:[(0,i.jsx)("rect",{x:"301",y:"318",width:"160",height:"26",rx:"13",fill:"#0866f5"}),(0,i.jsx)("text",{x:"381",y:"336",fill:"#ffffff",fontSize:"10",fontWeight:"850",letterSpacing:"1.5",textAnchor:"middle",children:e("art.youAreHere")}),(0,i.jsx)("text",{x:"381",y:"364",fill:"#1d6cf1",fontSize:"11",fontWeight:"900",letterSpacing:"3",textAnchor:"middle",children:e("art.phase01")}),(0,i.jsx)("circle",{cx:"381",cy:"416",r:"44",fill:"url(#sap26-g-glow)"}),(0,i.jsx)("circle",{className:"stage-ring",cx:"381",cy:"416",r:"18",fill:"none",stroke:"#24c7f3",strokeWidth:"1.8",opacity:"0.85"}),(0,i.jsx)("circle",{className:"stage-core",cx:"381",cy:"416",r:"8",fill:"url(#sap26-g-node)",filter:"url(#sap26-glow-soft)"}),(0,i.jsx)("circle",{cx:"381",cy:"416",r:"2.5",fill:"#ffffff",opacity:"0.9"}),(0,i.jsx)("text",{className:"stage-title",x:"381",y:"468",fill:"#0a1e3d",fontSize:"22",fontWeight:"850",letterSpacing:"-0.5",textAnchor:"middle",children:e("art.assess")}),(0,i.jsx)("text",{x:"381",y:"492",fill:"#0a1e3d",fontSize:"14",fontWeight:"850",textAnchor:"middle",children:"2026"}),(0,i.jsx)("text",{x:"381",y:"512",fill:"#5c6f8d",fontSize:"11.5",fontWeight:"600",textAnchor:"middle",children:e("art.assessSub")})]})}),(0,i.jsx)("a",{className:"hero-stage-link",href:"#framework-decide","aria-label":e("art.decideAria"),onClick:e=>eb(e,"framework-decide"),children:(0,i.jsxs)("g",{children:[(0,i.jsx)("text",{x:"568",y:"333",fill:"#1d6cf1",fontSize:"11",fontWeight:"900",letterSpacing:"3",textAnchor:"middle",children:e("art.phase02")}),(0,i.jsx)("circle",{cx:"568",cy:"385",r:"48",fill:"url(#sap26-g-glow)"}),(0,i.jsx)("circle",{className:"stage-ring stage-ring-outer",cx:"568",cy:"385",r:"27",fill:"none",stroke:"#24c7f3",strokeWidth:"1",opacity:"0.35"}),(0,i.jsx)("circle",{className:"stage-ring",cx:"568",cy:"385",r:"18",fill:"none",stroke:"#0866f5",strokeWidth:"2",opacity:"0.9"}),(0,i.jsx)("circle",{className:"stage-core",cx:"568",cy:"385",r:"9",fill:"url(#sap26-g-node)",filter:"url(#sap26-glow-soft)"}),(0,i.jsx)("circle",{cx:"568",cy:"385",r:"2.8",fill:"#ffffff",opacity:"0.9"}),(0,i.jsx)("text",{className:"stage-title",x:"568",y:"437",fill:"#0a1e3d",fontSize:"24",fontWeight:"850",letterSpacing:"-0.5",textAnchor:"middle",children:e("art.decide")}),(0,i.jsx)("text",{x:"568",y:"461",fill:"#0a1e3d",fontSize:"14",fontWeight:"850",textAnchor:"middle",children:"2028"}),(0,i.jsx)("text",{x:"568",y:"481",fill:"#5c6f8d",fontSize:"11.5",fontWeight:"600",textAnchor:"middle",children:e("art.decideSub")})]})}),(0,i.jsx)("a",{className:"hero-stage-link",href:"#framework-execute","aria-label":e("art.executeAria"),onClick:e=>eb(e,"framework-execute"),children:(0,i.jsxs)("g",{children:[(0,i.jsx)("text",{x:"759",y:"364",fill:"#1d6cf1",fontSize:"11",fontWeight:"900",letterSpacing:"3",textAnchor:"middle",children:e("art.phase03")}),(0,i.jsx)("circle",{cx:"759",cy:"416",r:"44",fill:"url(#sap26-g-glow)"}),(0,i.jsx)("circle",{className:"stage-ring",cx:"759",cy:"416",r:"18",fill:"none",stroke:"#24c7f3",strokeWidth:"1.8",opacity:"0.85"}),(0,i.jsx)("circle",{className:"stage-core",cx:"759",cy:"416",r:"8",fill:"url(#sap26-g-node)",filter:"url(#sap26-glow-soft)"}),(0,i.jsx)("circle",{cx:"759",cy:"416",r:"2.5",fill:"#ffffff",opacity:"0.9"}),(0,i.jsx)("text",{className:"stage-title",x:"759",y:"468",fill:"#0a1e3d",fontSize:"22",fontWeight:"850",letterSpacing:"-0.5",textAnchor:"middle",children:e("art.transform")}),(0,i.jsx)("text",{x:"759",y:"492",fill:"#0a1e3d",fontSize:"14",fontWeight:"850",textAnchor:"middle",children:"2030"}),(0,i.jsx)("text",{x:"759",y:"512",fill:"#5c6f8d",fontSize:"11.5",fontWeight:"600",textAnchor:"middle",children:e("art.transformSub")})]})}),(0,i.jsxs)("g",{"aria-hidden":"true",children:[(0,i.jsx)("circle",{cx:"890",cy:"470",r:"5",fill:"#102245"}),(0,i.jsx)("text",{x:"890",y:"512",fill:"#0a1e3d",fontSize:"11",fontWeight:"850",textAnchor:"middle",children:e("art.post2030")}),(0,i.jsx)("text",{x:"890",y:"530",fill:"#5c6f8d",fontSize:"9.5",fontWeight:"600",textAnchor:"middle",children:e("art.post2030Sub")})]})]})})]}),(0,i.jsx)("div",{className:"hero-stats",children:e.raw("stats").map((e,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)("small",{children:e.label}),(0,i.jsx)("strong",{children:e.value}),(0,i.jsx)("span",{children:e.text})]},n))})]}),(0,i.jsx)("p",{className:"hero-footnote text-center",children:e("footnote")}),(0,i.jsx)("div",{className:"marquee",children:(0,i.jsx)("div",{children:(()=>{let n=e.raw("marquee");return[...n,...n.slice(0,3)].map((e,n)=>(0,i.jsxs)(t.Fragment,{children:[e," ",(0,i.jsx)("i",{})]},n))})()})}),(0,i.jsxs)("section",{className:"section lifecycle-timeline-section",id:"timeline",children:[(0,i.jsxs)("div",{className:"section-intro",children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"kicker",children:[(0,i.jsx)("span",{})," ",e("timeline.kicker")]}),(0,i.jsx)("h2",{children:e("timeline.title")})]}),(0,i.jsx)("p",{children:e("timeline.lead")})]}),(0,i.jsxs)("div",{className:"lifecycle-track",children:[(0,i.jsx)("div",{className:"track-line"}),e.raw("timeline.items").map((e,n)=>(0,i.jsxs)("article",{className:1===n?"now":"",children:[e.flag&&(0,i.jsx)("small",{children:e.flag}),(0,i.jsx)("span",{}),(0,i.jsx)("h3",{children:e.year}),(0,i.jsx)("p",{children:e.text})]},n))]})]}),(0,i.jsxs)("section",{className:"section",id:"facts",children:[(0,i.jsxs)("div",{className:"section-intro",children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"kicker",children:[(0,i.jsx)("span",{})," ",e("facts.kicker")]}),(0,i.jsx)("h2",{children:e("facts.title")})]}),(0,i.jsx)("p",{children:e("facts.lead")})]}),(0,i.jsx)("div",{className:"fact-grid",children:e.raw("facts.cards").map((e,n)=>(0,i.jsxs)("div",{className:"fact-card",children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"fact-top",children:[(0,i.jsx)("span",{children:e.num}),(0,i.jsx)("small",{children:e.tag})]}),(0,i.jsx)("h3",{children:e.title}),(0,i.jsx)("p",{children:e.text}),e.detailTitle&&(0,i.jsxs)("details",{className:"commercial-detail",children:[(0,i.jsxs)("summary",{children:[(0,i.jsx)("span",{children:e.detailTitle}),(0,i.jsx)("i",{children:"+"})]}),(0,i.jsx)("div",{children:(0,i.jsxs)("p",{children:[(0,i.jsx)("b",{children:e.commercialTermsLabel})," ",(0,i.jsx)("span",{children:e.commercialTermsText})]})})]}),e.link&&2===n&&(0,i.jsx)("div",{className:"mt-[18px]",children:(0,i.jsxs)("a",{className:"fact-link",href:"https://support.sap.com/",target:"_blank",rel:"noreferrer",children:[e.link," â"]})})]}),e.guardrailTag?(0,i.jsxs)("div",{className:"fact-guardrails",children:[(0,i.jsx)("small",{children:e.guardrailTag}),(0,i.jsx)("p",{children:e.guardrail})]}):e.button?(0,i.jsx)("div",{className:"fact-bottom",children:(0,i.jsx)("button",{type:"button",className:"text-link text-[#0866f5] font-extrabold text-[.8rem]",onClick:()=>d(!0),children:e.button})}):(0,i.jsx)("div",{className:"fact-bottom",children:(0,i.jsx)("a",{className:"fact-link",href:3===n?"#paths":"#timeline",children:e.link})})]},n))})]}),(0,i.jsxs)("section",{className:"section product-reference-section",id:"product-reference",children:[(0,i.jsxs)("div",{className:"section-intro",children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"kicker",children:[(0,i.jsx)("span",{})," ",e("products.kicker")]}),(0,i.jsx)("h2",{children:e("products.title")})]}),(0,i.jsx)("p",{children:e("products.lead")})]}),(0,i.jsx)("div",{className:"product-reference-stack",children:e.raw("products.families").map((e,n)=>(0,i.jsxs)("details",{children:[(0,i.jsxs)("summary",{children:[(0,i.jsx)("span",{children:e.name}),(0,i.jsx)("i",{children:"+"})]}),(0,i.jsx)("div",{className:"product-detail-content",children:(0,i.jsx)("div",{className:"product-family-gri
1d",children:e.items.map((e,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)("b",{children:e.name}),(0,i.jsx)("p",{children:e.text})]},n))})})]},n))})]}),(0,i.jsxs)("section",{className:"section paths-section",id:"paths",children:[(0,i.jsxs)("div",{className:"paths-heading",children:[(0,i.jsxs)("div",{className:"kicker light",children:[(0,i.jsx)("span",{})," ",e("paths.kicker")]}),(0,i.jsx)("h2",{children:e("paths.title")})]}),(0,i.jsx)("div",{className:"path-grid",children:e.raw("paths.cards").map((e,n)=>(0,i.jsxs)("div",{className:"path-card",children:[(0,i.jsx)("span",{children:e.num}),(0,i.jsx)("h3",{children:e.title}),(0,i.jsx)("p",{children:e.text}),(0,i.jsx)("i",{children:"â"})]},n))}),(0,i.jsxs)("blockquote",{className:"max-w-[860px] text-[1.28rem]",children:["â",e("paths.quote"),"â"]})]}),(0,i.jsxs)("section",{className:"section principle-section",id:"principle",children:[(0,i.jsxs)("div",{className:"principle-copy",children:[(0,i.jsxs)("div",{className:"kicker",children:[(0,i.jsx)("span",{})," ",e("principle.kicker")]}),(0,i.jsxs)("h2",{children:[e("principle.titleLine1"),(0,i.jsx)("br",{}),e("principle.titleLine2"),(0,i.jsx)("br",{}),e("principle.titleLine3")]}),(0,i.jsx)("p",{children:e("principle.lead")})]}),(0,i.jsx)("div",{className:"principle-checks",children:e.raw("principle.checks").map((e,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)("b",{children:"â"}),(0,i.jsx)("span",{children:e})]},n))}),(0,i.jsx)("div",{className:"advisor-role",children:e("principle.role")}),(0,i.jsxs)("div",{className:"memorable",children:[(0,i.jsx)("strong",{children:e("principle.memorableTitle")}),(0,i.jsx)("span",{children:e("principle.memorableText")})]})]}),(0,i.jsxs)("section",{className:"section framework-section ai-bridge",id:"ai-bridge",children:[(0,i.jsxs)("div",{className:"section-intro",children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"kicker",children:[(0,i.jsx)("span",{})," ",e("bridge.kicker")]}),(0,i.jsx)("h2",{children:e("bridge.title")}),(0,i.jsx)("h3",{className:"text-[#0866f5] font-bold mt-4 text-[clamp(1.4rem,2.4vw,2.3rem)] leading-[1.25]",children:e("bridge.subtitle")})]}),(0,i.jsx)("p",{className:"mt-6",children:e("bridge.lead")})]}),(0,i.jsx)("div",{className:"bridge-flow",children:e.raw("bridge.flow").map((e,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:String(n+1).padStart(2,"0")}),(0,i.jsx)("b",{children:e})]},n))})]}),(0,i.jsxs)("section",{className:"section framework-section",id:"framework",children:[(0,i.jsxs)("div",{className:"section-intro",children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"kicker",children:[(0,i.jsx)("span",{})," ",e("framework.kicker")]}),(0,i.jsx)("h2",{children:e("framework.title")})]}),(0,i.jsx)("p",{className:"mt-[18px]",children:e("framework.lead")})]}),(0,i.jsx)("div",{className:"framework-grid",children:e.raw("framework.stages").map((e,n)=>(0,i.jsxs)("article",{id:1===n?"framework-assess":2===n?"framework-decide":3===n?"framework-execute":void 0,className:2===n?"active-stage":"",tabIndex:n>=1?-1:void 0,children:[(0,i.jsx)("span",{children:String(n+1).padStart(2,"0")}),(0,i.jsx)("h3",{children:e.title}),(0,i.jsx)("ul",{children:e.items.map((e,n)=>(0,i.jsx)("li",{children:e},n))})]},n))}),(0,i.jsx)("div",{className:"steady-state",children:e("framework.steadyState")})]}),(0,i.jsxs)("section",{className:"section execution-proof",id:"proof",children:[(0,i.jsxs)("div",{className:"proof-intro",children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"kicker",children:[(0,i.jsx)("span",{})," ",e("proof.kicker")]}),(0,i.jsx)("p",{className:"max-w-[580px] text-[#657b98] text-[0.9375rem] leading-[1.65] mt-4",children:e("proof.lead")})]}),(0,i.jsx)("h2",{className:"text-right text-[#061b42] text-[clamp(2.4rem,3.8vw,4.2rem)] tracking-[-.04em] m-0",children:e("proof.title")})]}),(0,i.jsx)("div",{className:"proof-grid",children:e.raw("proof.grid").map((e,n)=>(0,i.jsxs)("article",{children:[(0,i.jsx)("h3",{children:e.title}),(0,i.jsx)("p",{children:e.text}),(0,i.jsx)("span",{children:"â"})]},n))}),(0,i.jsxs)("div",{className:"proof-links",children:[(0,i.jsx)("strong",{className:"text-[#0c2d5e] text-[.9375rem] font-extrabold whitespace-nowrap",children:e("proof.partner")}),(0,i.jsxs)("div",{className:"flex gap-6 items-center",children:[(0,i.jsxs)("button",{type:"button",className:"text-link text-[#0866f5] font-extrabold text-[.875rem]",onClick:()=>d(!0),children:[e("proof.ctaServices")," â"]}),(0,i.jsxs)("button",{type:"button",className:"text-link text-[#0866f5] font-extrabold text-[.875rem]",onClick:()=>d(!0),children:[e("proof.ctaCases")," â"]})]})]})]}
1),(0,i.jsxs)("section",{className:"section trust-layer-section",id:"trust-layer",children:[(0,i.jsxs)("div",{className:"trust-card",children:[(0,i.jsxs)("div",{className:"trust-left",children:[(0,i.jsxs)("div",{className:"kicker light",children:[(0,i.jsx)("span",{})," ",e("trust.kicker")]}),(0,i.jsx)("h2",{children:e("trust.title")}),(0,i.jsx)("p",{className:"last-reviewed",children:e("trust.lastReviewed")})]}),(0,i.jsx)("div",{className:"trust-sources-list",children:e.raw("trust.sources").map((e,n)=>(0,i.jsxs)("a",{href:2===n?"https://ec.europa.eu/":3===n?"https://news.sap.com/":"https://support.sap.com/",target:"_blank",rel:"noreferrer",children:[(0,i.jsx)("span",{children:String(n+1).padStart(2,"0")}),(0,i.jsx)("b",{children:e}),(0,i.jsx)("i",{children:"â"})]},n))})]}),(0,i.jsxs)("div",{className:"sources-callout",children:[(0,i.jsx)("h3",{children:e("trust.calloutTitle")}),(0,i.jsx)("p",{children:e("trust.calloutText")})]})]}),(0,i.jsxs)("section",{className:"section readiness-section",id:"readiness",children:[(0,i.jsxs)("div",{className:"section-intro",children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"kicker",children:[(0,i.jsx)("span",{})," ",e("readiness.kicker")]}),(0,i.jsx)("h2",{children:e("readiness.title")})]}),(0,i.jsx)("p",{children:e("readiness.lead")})]}),(0,i.jsxs)("div",{className:"readiness-shell",children:[(0,i.jsx)("div",{className:"readiness-list",children:e.raw("readiness.items").map((e,n)=>{let r="v".concat(n+1),t=eh.includes(r);return(0,i.jsxs)("label",{children:[(0,i.jsx)("input",{type:"checkbox",checked:t,onChange:()=>eu(r)}),(0,i.jsxs)("span",{children:[(0,i.jsx)("b",{children:String(n+1).padStart(2,"0")}),e]})]},r)})}),(0,i.jsxs)("div",{className:"readiness-result",role:"status","aria-live":"polite",children:[(0,i.jsx)("small",{children:e("readiness.signal")}),(0,i.jsxs)("div",{className:"flex items-baseline gap-[6px] mt-[18px] mb-2",children:[(0,i.jsx)("strong",{className:"text-[5.5rem] leading-none m-0",children:eh.length}),(0,i.jsx)("span",{className:"text-[1.8rem] text-[#a9d8ff] font-bold",children:e("readiness.scoreTotal")})]}),(0,i.jsx)("h3",{className:"text-[1.6875rem] my-2",children:e("readiness.resultTitle")}),(0,i.jsx)("p",{className:"text-[#d2e8ff] leading-[1.65]",children:e("readiness.resultText")}),(0,i.jsxs)("button",{type:"button",className:"button primary bg-white text-[#0866f5] font-extrabold text-[.8125rem] tracking-[.06em] mt-6 px-7 py-4",onClick:()=>d(!0),children:[e("readiness.cta")," â"]})]})]})]}),(0,i.jsxs)("section",{className:"section faq-section",id:"faq",children:[(0,i.jsx)("div",{className:"section-intro",children:(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"kicker",children:[(0,i.jsx)("span",{})," ",e("faq.kicker")]}),(0,i.jsx)("h2",{children:e("faq.title")})]})}),(0,i.jsx)("div",{className:"accordion-stack",children:e.raw("faq.items").map((e,n)=>(0,i.jsxs)("details",{open:0===n,children:[(0,i.jsxs)("summary",{children:[(0,i.jsx)("span",{className:0===n?"text-[#0866f5] font-extrabold":"",children:e.q}),(0,i.jsx)("i",{children:"+"})]}),(0,i.jsx)("div",{children:(0,i.jsx)("p",{children:e.a})})]},n))})]}),(0,i.jsxs)("section",{className:"section decision-section",id:"decision",children:[(0,i.jsxs)("div",{className:"decision-copy",children:[(0,i.jsxs)("div",{className:"kicker light",children:[(0,i.jsx)("span",{})," ",e("decision.kicker")]}),(0,i.jsx)("h2",{children:e("decision.title")}),(0,i.jsx)("p",{children:e("decision.lead")}),(0,i.jsxs)("div",{className:"decision-columns",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("b",{children:e("decision.weReviewLabel")}),e.raw("decision.weReview").map((e,n)=>(0,i.jsxs)("span",{children:["â ",e]},n))]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("b",{children:e("decision.youReceiveLabel")}),(0,i.jsx)("p",{className:"m-0 mb-[6px] text-[#e0edff] font-semibold",children:e("decision.youReceiveLead")}),e.raw("decision.youReceive").map((e,n)=>(0,i.jsxs)("span",{children:["â ",e]},n))]})]})]}),(0,i.jsxs)("div",{className:"decision-form-card",children:[(0,i.jsx)("small",{children:e("decision.callLabel")}),(0,i.jsx)("h3",{className:"text-center",children:e("decision.formTitle")}),(0,i.jsxs)("div",{className:"flex flex-col sm:flex-row gap-4 w-full max-w-[780px] justify-center",children:[(0,i.jsxs)("button",{type:"button",className:"button primary bg-[#0866f5] text-white px-7 py-4 text-[.875rem] font-extrabold tracking-[.06em] flex-1 justify-center min-h-[52px]",onClick:()=>d(!0),children:[e("decision.ctaBook")," â"]}),(0,i.jsxs)("button",{type:"button",className:"button secondary bg-white text-[#0866f5] border border-[#dce8fa] px-7 py-4 text-[.875rem] font-extrabold tracking-[.06em] flex-1 justify-center min-h-[52px]",onClick:()=>f(!0),children:[e("decision.ctaFootprint")," â"]})]}),(0,i.jsx)("p",{className:"text-[#7488a5] text-[.75rem] mt-5 text-center",children:e("decision.note")})]})]}),c&&(0,i.jsx)("div",{className:"form-overlay",onClick:()=>{em(),d(!1)},children:(0,i.jsxs)("div",{ref:ek,className:"footprint-modal",role:"dialog","aria-modal":"true","aria-labelledby":"decision-review-title",tabIndex:-1,onClick:e=>e.stopPropagation(),children:[(0,i.jsx)("button",{type:"button",className:"form-close",onClick:()=>{em(),d(!1)},"aria-label":e("reviewForm.closeAria"),children:"\xd7"}),(0,i.jsxs)("div",{className:"modal-header-badge",children:[(0,i.jsx)("span",{className:"badge-line"})," ",e("reviewForm.badge")]}),(0,i.jsx)("h2",{id:"decision-review-title",className:"modal-title",children:e("reviewForm.title")}),(0,i.jsx)("p",{className:"modal-subtitle",children:e("reviewForm.subtitle")}),h?(0,i.jsxs)("div",{className:"form-success text-center py-6",role:"status",children:[(0,i.jsxs)("b",{className:"text-xl text-[#0866f5] block mb-3",children:["â ",e("reviewForm.successTitle")]}),(0,i.jsx)("p",{className:"text-[#526783] text-sm max-w-[580px] mx-auto leading-relaxed",children:e("reviewForm.successText")}),(0,i.jsx)("button",{type:"button",className:"button primary mt-6 mx-auto px-8",onClick:()=>{em(),d(!1)},children:e("reviewForm.close")})]}):(0,i.jsxs)("form",{className:"footprint-form",onSubmit:ev,children:[(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsxs)("label",{children:[e("reviewForm.fullName"),(0,i.jsx)("span",{className:"req",children:"*"})]}),(0,i.jsx)("input",{type:"text",required:!0,autoComplete:"name",placeholder:e("reviewForm.fullName"),value:C,onChange:e=>F(e.target.value)})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsxs)("label",{children:[e("reviewForm.workEmail"),(0,i.jsx)("span",{className:"req",children:"*"})]}),(0,i.jsx)("input",{type:"email",required:!0,autoComplete:"email",placeholder:e("reviewForm.workEmail"),value:T,onChange:e=>A(e.target.value)})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsxs)("label",{children:[e("reviewForm.company"),(0,i.jsx)("span",{className:"req",children:"*"})]}),(0,i.jsx)("input",{type:"text",required:!0,autoComplete:"organization",placeholder:e("reviewForm.company"),value:E,onChange:e=>O(e.target.value)})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsx)("label",{children:e("reviewForm.jobTitle")}),(0,i.jsx)("input",{type:"text",autoComplete:"organization-title",placeholder:e("reviewForm.jobTitle"),value:q,onChange:e=>L(e.target.value)})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsxs)("label",{children:[e("reviewForm.phone")," ",(0,i.jsx)("span",{className:"text-[#8292a8] font-normal",children:e("reviewForm.phoneOptional")})]}),(0,i.jsx)("input",{type:"tel",autoComplete:"tel",placeholder:e("reviewForm.phone"),value:W,onChange:e=>I(e.target.value)})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsxs)("label",{children:[e("reviewForm.meetingWindow"),(0,i.jsx)("span",{className:"req",children:"*"})]}),(0,i.jsxs)("select",{required:!0,value:M,onChange:e=>R(e.target.value),children:[(0,i.jsx)("option",{value:"",disabled:!0,children:e("reviewForm.select")}),e.raw("reviewForm.meetingOptions").map((e,n)=>(0,i.jsx)("option",{value:e.value,children:e.label},n))]})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsx)("label",{children:e("reviewForm.primaryDecision")}),(0,i.jsxs)("select",{value:P,onChange:e=>B(e.target.value),children:[(0,i.jsx)("option",{value:"",disabled:!0,children:e("reviewForm.select")}),e.raw("reviewForm.decisionOptions").map((e,n)=>(0,i.jsx)("option",{value:e.value,children:e.label},n))]})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsx)("label",{children:e("reviewForm.decisionTimeline")}),(0,i.jsxs)("select",{value:Y,onChange:e=>D(e.target.value),children:[(0,i.jsx)("option",{value:"",disabled:!0,children:e("reviewForm.select")}),e.raw("reviewForm.timelineOptions").map((e,n)=>(0,i.jsx)("option",{value:e.value,children:e.label},n))]})]}),(0,i.jsxs)("div",{className:"form-checkbox-row",children:[(0,i.jsx)("input",{type:"checkbox",id:"review-consent",required:!0,checked:H,onChange:e=>G(e.target.checked)}),(0,i.jsxs)("label",{htmlFor:"review-consent",children:[e("reviewForm.consent")," ",(0,i.jsx)("a",{href:"/contact-vegah",target:"_blank",rel:"noopener noreferrer",children:e("reviewForm.privacyPolicy")}),"."]})]}),y&&(0,i.jsx)("p",{className:"form-error",role:"alert",children:y}),(0,i.jsxs)("button",{type:"submit",className:"button primary footprint-submit-btn",disabled:v,children:[v?e("reviewForm.submitting"):e("reviewForm.submit")," ",(0,i.jsx)("span",{children:"â"})]}),(0,i.jsx)("p",{className:"footprint-modal-footnote",children:e("reviewForm.footnote")})]})]})}),p&&(0,i.jsx)("div",{className:"form-overlay",onClick:()=>{ex(),f(!1)},children:(0,i.jsxs)("div",{ref:ew,className:"footprint-modal",role:"dialog","aria-modal":"true","aria-labelledby":"footprint-modal-title",tabIndex:-1,onClick:e=>e.stopPropagation(),children:[(0,i.jsx)("button",{type:"button",className:"form-close",onClick:()=>f(!1),"aria-label":e("footprintForm.closeAria"),children:"\xd7"}),(0,i.jsxs)("div",{className:"modal-header-badge",children:[(0,i.jsx)("span",{className:"badge-line"})," ",e("footprintForm.badge")]}),(0,i.jsx)("h2",{id:"footprint-modal-title",className:"modal-title",children:e("footprintForm.title")}),(0,i.jsx)("p",{className:"modal-subtitle",children:e("footprintForm.subtitle")}),u?(0,i.jsxs)("div",{className:"form-success text-center py-6",children:[(0,i.jsxs)("b",{className:"text-xl text-[#0866f5] block mb-3",children:["â ",e("footprintForm.successTitle")]}),(0,i.jsx)("p",{className:"text-[#526783] text-sm max-w-[580px] mx-auto leading-relaxed",children:e("footprintForm.successText")}),(0,i.jsx)("button",{type:"button",className:"button primary mt-6 mx-auto px-8",onClick:()=>{ex(),f(!1)},children:e("footprintForm.close")})]}):(0,i.jsxs)("form",{className:"footprint-form",onSubmit:ej,children:[(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsxs)("label",{children:[e("footprintForm.fullName"),(0,i.jsx)("span",{className:"req",children:"*"})]}),(0,i.jsx)("input",{type:"text",required:!0,autoComplete:"name",placeholder:e("footprintForm.fullName"),value:_,onCh
1ange:e=>V(e.target.value)})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsxs)("label",{children:[e("footprintForm.workEmail"),(0,i.jsx)("span",{className:"req",children:"*"})]}),(0,i.jsx)("input",{type:"email",required:!0,autoComplete:"email",placeholder:e("footprintForm.workEmail"),value:K,onChange:e=>X(e.target.value)})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsxs)("label",{children:[e("footprintForm.company"),(0,i.jsx)("span",{className:"req",children:"*"})]}),(0,i.jsx)("input",{type:"text",required:!0,autoComplete:"organization",placeholder:e("footprintForm.company"),value:Q,onChange:e=>J(e.target.value)})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsx)("label",{children:e("footprintForm.jobTitle")}),(0,i.jsx)("input",{type:"text",autoComplete:"organization-title",placeholder:e("footprintForm.jobTitle"),value:U,onChange:e=>Z(e.target.value)})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsxs)("label",{children:[e("footprintForm.erpLandscape"),(0,i.jsx)("span",{className:"req",children:"*"})]}),(0,i.jsxs)("select",{required:!0,value:$,onChange:e=>ee(e.target.value),children:[(0,i.jsx)("option",{value:"",disabled:!0,children:e("footprintForm.select")}),e.raw("footprintForm.erpOptions").map((e,n)=>(0,i.jsx)("option",{value:e.value,children:e.label},n))]})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsx)("label",{children:e("footprintForm.hostingModel")}),(0,i.jsxs)("select",{value:en,onChange:e=>er(e.target.value),children:[(0,i.jsx)("option",{value:"",disabled:!0,children:e("footprintForm.select")}),e.raw("footprintForm.hostingOptions").map((e,n)=>(0,i.jsx)("option",{value:e.value,children:e.label},n))]})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsx)("label",{children:e("footprintForm.keyModules")}),(0,i.jsx)("input",{type:"text",placeholder:e("footprintForm.keyModulesPlaceholder"),value:ei,onChange:e=>et(e.target.value)})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsx)("label",{children:e("footprintForm.abapComplexity")}),(0,i.jsxs)("select",{value:eo,onChange:e=>ea(e.target.value),children:[(0,i.jsx)("option",{value:"",disabled:!0,children:e("footprintForm.select")}),e.raw("footprintForm.abapOptions").map((e,n)=>(0,i.jsx)("option",{value:e.value,children:e.label},n))]})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsx)("label",{children:e("footprintForm.integrationAlm")}),(0,i.jsx)("input",{type:"text",placeholder:e("footprintForm.integrationAlmPlaceholder"),value:es,onChange:e=>el(e.target.value)})]}),(0,i.jsxs)("div",{className:"form-field",children:[(0,i.jsx)("label",{children:e("footprintForm.decisionTimeline")}),(0,i.jsxs)("select",{value:ec,onChange:e=>ed(e.target.value),children:[(0,i.jsx)("option",{value:"",disabled:!0,children:e("footprintForm.select")}),e.raw("footprintForm.timelineOptions").map((e,n)=>(0,i.jsx)("option",{value:e.value,children:e.label},n))]})]}),(0,i.jsxs)("div",{className:"form-checkbox-row",children:[(0,i.jsx)("input",{type:"checkbox",id:"footprint-consent",required:!0,checked:ep,onChange:e=>ef(e.target.checked)}),(0,i.jsxs)("label",{htmlFor:"footprint-consent",children:[e("footprintForm.consent")," ",(0,i.jsx)("a",{href:"/contact-vegah",target:"_blank",rel:"noopener noreferrer",children:e("footprintForm.privacyPolicy")}),"."]})]}),z&&(0,i.jsx)("p",{className:"form-error",role:"alert",children:z}),(0,i.jsxs)("button",{type:"submit",className:"button primary footprint-submit-btn",disabled:k,children:[k?e("footprintForm.submitting"):e("footprintForm.submit")," ",(0,i.jsx)("span",{children:"â"})]}),(0,i.jsx)("p",{className:"footprint-modal-footnote",children:e("footprintForm.footnote")})]})]})})]})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.