/* Webinar sections reuse the AI Readiness brand tokens and custom shell. */
.ogis-lp { font-size:18px; line-height:1.65; }
.ogis-lp .lp-container { width:min(1200px, 100% - 48px); margin-inline:auto; }
.lp-section { padding:88px 0; scroll-margin-top:32px; }
.ogis-lp h1,.ogis-lp h2,.ogis-lp h3 { padding:0; color:inherit; }
.ogis-lp h1 { font-size:clamp(32px,3.4vw,49px); line-height:1.2; font-weight:700; letter-spacing:-.035em; }
.ogis-lp h2 { font-size:clamp(28px,3vw,38px); line-height:1.25; font-weight:700; }
.ogis-lp h3 { font-size:20px; line-height:1.4; font-weight:600; }
.ogis-lp p { padding-bottom:0; }
.lp-eyebrow { color:var(--color-brand); font-weight:600; letter-spacing:.13em; text-transform:uppercase; font-size:13px; margin-bottom:16px; }
.lp-description { margin-top:20px; color:#546173; }
.lp-lead { font-size:22px; font-weight:600; margin-top:24px; line-height:1.45; }
.ogis-lp .btn { margin-top:30px; font-size:14px; letter-spacing:.035em; line-height:1.5; text-align:center; }
.lp-section--hero { background:linear-gradient(110deg,rgba(8,57,103,.96),rgba(13,86,148,.88)),url('../image/ai-readiness-bg.webp') center/cover; color:white; padding:80px 0; }
.lp-section--hero .lp-container { display:grid; grid-template-columns:1.6fr 1fr; gap:64px; align-items:center; }
.lp-section--hero .lp-eyebrow { color:#bedff7; }
.lp-section--hero .lp-description { color:#e1edf6; font-size:17px; }
.lp-event { border:1px solid #ffffff40; background:#ffffff10; padding:36px; border-radius:20px; box-shadow:var(--shadow-brand); }
.lp-live { display:inline-block; border-radius:30px; background:#ffffff16; padding:7px 12px; font-size:12px; font-weight:600; letter-spacing:.1em; }
.lp-live span { color:#ff797a; margin-right:6px; }
.lp-event-brand { font-family:var(--font-display); font-size:36px; margin-top:32px; letter-spacing:-.03em; }
.lp-event-caption { color:#dbeaf7; margin-top:10px; }
.ogis-lp .lp-details { list-style:none; padding:0; margin:28px 0; }
.lp-details li { padding:12px 0; border-bottom:1px solid #ffffff30; font-size:17px; }
.lp-event-note { font-size:13px; color:#dbeaf7; }
.lp-section--intro .lp-container { max-width:850px; text-align:center; }
.lp-section--intro .lp-description { margin-inline:auto; }
.lp-section--cards,.lp-section--audience { background:var(--color-secondary); }
.lp-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:40px; }
.lp-card { background:white; border:1px solid var(--color-border); border-radius:var(--radius); padding:30px; }
.lp-number { display:block; color:var(--color-brand); font-family:var(--font-display); font-size:14px; font-weight:600; margin-bottom:22px; }
.lp-card p { color:#546173; margin-top:12px; }
.lp-section--solution .lp-copy { max-width:850px; border-left:4px solid var(--color-cta); padding-left:36px; }
.lp-section--flow { padding-top:0; }
.ogis-lp .lp-flow { list-style:none; padding:0; margin:36px 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.lp-flow li { background:var(--color-secondary); border:1px solid var(--color-border); border-radius:var(--radius); padding:32px; position:relative; }
.lp-flow li:nth-child(2) { background:var(--color-brand-deep); color:white; }
.lp-flow li:nth-child(2) .lp-number { color:#bedff7; }
.lp-flow li:not(:last-child)::after { content:'→'; position:absolute; right:-30px; top:calc(50% - 18px); color:var(--color-brand); font-size:26px; }
.ogis-lp .lp-audience { list-style:none; padding:0; margin:36px 0 0; display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.lp-audience li { display:flex; gap:16px; align-items:center; background:white; padding:20px 24px; border-radius:var(--radius); border:1px solid var(--color-border); }
.lp-audience span { color:var(--color-brand); font-weight:600; }
.lp-section--cta { background:var(--color-brand-deep); color:white; text-align:center; }
.lp-section--cta .lp-copy { max-width:850px; margin:auto; }
.lp-section--cta .lp-description { color:#e1edf6; margin-inline:auto; }
.lp-section--cta .lp-eyebrow { color:#bedff7; }
.lp-section--registration .lp-container { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.lp-section--registration .lp-details li { border-color:var(--color-border); }
.lp-form { background:var(--color-secondary); border:1px solid var(--color-border); padding:40px; border-radius:16px; }
.lp-form p { margin-top:16px; color:#546173; }
.lp-form-icon { display:block; font-size:36px; color:var(--color-brand); margin-bottom:16px; }
.lp-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.lp-form select,.lp-form textarea { width:100%; max-width:100%; padding:12px; background:white; border:1px solid #b4bfcc; border-radius:6px; font:inherit; color:var(--color-foreground); }
.lp-form label { display:block; color:var(--color-foreground); }
.lp-form input[type=submit] { border:0; border-radius:999px; background:var(--color-cta); color:white; padding:14px 28px; font:inherit; cursor:pointer; }
.lp-form .wpcf7-not-valid-tip { font-size:14px; }
.ogis-lp a:focus-visible,.ogis-lp input:focus-visible,.ogis-lp textarea:focus-visible,.ogis-lp select:focus-visible { outline:3px solid #e9980c; outline-offset:4px; }
.lp-skip { position:fixed; left:16px; top:-100px; padding:12px 20px; background:white; color:#0d5694; z-index:99999; }
.lp-skip:focus { top:16px; }
@media(max-width:900px) { .lp-section--hero .lp-container { gap:32px; grid-template-columns:1fr; } .lp-event { max-width:600px; } .lp-cards { grid-template-columns:repeat(2,1fr); } .lp-section--registration .lp-container { gap:32px; } }
@media(max-width:600px) { .lp-section { padding:56px 0; } .ogis-lp .lp-container { width:calc(100% - 40px); } .lp-cards,.ogis-lp .lp-audience,.lp-section--registration .lp-container,.ogis-lp .lp-flow { grid-template-columns:1fr; } .lp-section--flow { padding-top:0; } .lp-flow li:not(:last-child)::after { content:'↓'; right:calc(50% - 9px); top:auto; bottom:-38px; } .lp-event,.lp-form,.lp-card { padding:26px; } .lp-section--solution .lp-copy { padding-left:22px; } .ogis-lp .btn { padding:16px 22px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .ogis-lp .btn { transition:none; } }

/* Gentle interaction feedback; hover motion is limited to mouse/trackpad use. */
.ogis-lp .lp-card,
.ogis-lp .lp-audience li,
.ogis-lp .lp-flow li,
.ogis-lp .lp-event {
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}
.ogis-lp .btn,
.ogis-lp .lp-form input[type=submit] {
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.ogis-lp .btn > span {
  display: inline-block;
  transition: transform 180ms ease;
}
@media (hover: hover) and (pointer: fine) {
  .ogis-lp .lp-card:hover,
  .ogis-lp .lp-audience li:hover,
  .ogis-lp .lp-flow li:hover {
    transform: translateY(-4px);
    border-color: var(--color-brand);
    box-shadow: 0 14px 30px -16px rgba(13, 86, 148, .35);
  }
  .ogis-lp .lp-event:hover {
    transform: translateY(-4px);
    border-color: #ffffff80;
    box-shadow: 0 24px 50px -22px rgba(0, 0, 0, .4);
  }
  .ogis-lp .btn:hover,
  .ogis-lp .lp-form input[type=submit]:hover {
    transform: translateY(-3px);
    background-color: #ca191c;
    color: white;
    filter: none;
    box-shadow: 0 18px 32px -14px rgba(231, 31, 34, .55);
  }
  .ogis-lp .btn:hover > span {
    transform: translateX(4px);
  }
}
.ogis-lp .btn:focus-visible,
.ogis-lp .lp-form input[type=submit]:focus-visible {
  background-color: #ca191c;
  box-shadow: var(--shadow-cta);
}
.ogis-lp .btn:active,
.ogis-lp .lp-form input[type=submit]:active {
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .ogis-lp .lp-card,
  .ogis-lp .lp-audience li,
  .ogis-lp .lp-flow li,
  .ogis-lp .lp-event,
  .ogis-lp .btn,
  .ogis-lp .btn > span,
  .ogis-lp .lp-form input[type=submit] {
    transition: none;
    transform: none !important; /* Override hover/active specificity. */
  }
}

/* CF7 registration: scoped to this landing template, including legacy columns. */
.lp-section--registration .lp-container {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr);
  gap: 48px;
}
.ogis-lp .lp-form {
  min-width: 0;
  border-top: 4px solid var(--color-brand);
  box-shadow: 0 18px 45px -28px rgba(13, 86, 148, .35);
}
.ogis-lp .lp-form .two-column-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}
.ogis-lp .lp-form .one_half,
.ogis-lp .lp-form .second_half,
.ogis-lp .lp-form .full_width {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.ogis-lp .lp-form .full_width { grid-column: 1 / -1; }
.ogis-lp .lp-form .wpcf7-form p { margin: 0 0 20px; padding: 0; }
.ogis-lp .lp-form label {
  display: block;
  margin: 0 0 20px;
  color: var(--color-foreground);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
.ogis-lp .lp-form p > label { margin-bottom: 0; }
.ogis-lp .lp-form .wpcf7-form-control-wrap {
  display: block;
  margin-top: 8px;
}
.ogis-lp .lp-form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),
.ogis-lp .lp-form select,
.ogis-lp .lp-form textarea {
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #b9c5d2;
  border-radius: 8px;
  background-color: white;
  color: var(--color-foreground);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.ogis-lp .lp-form input::placeholder,
.ogis-lp .lp-form textarea::placeholder { color: #707d8b; opacity: 1; }
.ogis-lp .lp-form textarea { resize: vertical; }
.ogis-lp .lp-form .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.ogis-lp .lp-form .wpcf7-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  color: #546173;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.ogis-lp .lp-form input[type=checkbox] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
  accent-color: var(--color-brand);
}
.ogis-lp .lp-form input[type=submit] {
  width: 100%;
  min-height: 52px;
  font-size: 16px;
  font-weight: 600;
  box-shadow: var(--shadow-cta);
}
.ogis-lp .lp-form input[type=submit]:disabled,
.ogis-lp .lp-form .submitting input[type=submit] {
  opacity: .55;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.ogis-lp .lp-form .wpcf7-not-valid { border-color: #b42318; }
.ogis-lp .lp-form .wpcf7-not-valid-tip {
  margin-top: 6px;
  color: #b42318;
  font-size: 13px;
  font-weight: 400;
}
.ogis-lp .lp-form .wpcf7 form .wpcf7-response-output {
  margin: 20px 0 0;
  padding: 14px 16px;
  border-radius: 8px;
  font-size: 15px;
  line-height: 1.5;
}
.ogis-lp .lp-form .wpcf7 form.sent .wpcf7-response-output {
  border-color: #23834b;
  background: #effaf3;
  color: #185b34;
}
.ogis-lp .lp-form .wpcf7 form.invalid .wpcf7-response-output,
.ogis-lp .lp-form .wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #bd830a;
  background: #fffbeb;
  color: #704c06;
}
@media (max-width: 1100px) {
  .ogis-lp .lp-form .two-column-form { grid-template-columns: 1fr; gap: 0; }
}
@media (max-width: 800px) {
  .lp-section--registration .lp-container { grid-template-columns: 1fr; gap: 32px; }
}

/* Optional secondary action shared by product and campaign sections. */
.ogis-lp .lp-secondary-cta { display:inline-block; margin:24px 0 0 24px; color:inherit; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
@media(max-width:600px) { .ogis-lp .lp-secondary-cta { display:block; margin-left:0; } }

/* SAP assessment: full content width, matching the Cloud Migration layout. */
#sap-power-ups-content .lp-section--registration .lp-container {
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
}
#sap-power-ups-content .lp-section--registration .lp-copy {
  max-width: none;
}
#sap-power-ups-content .lp-section--registration .lp-details {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  margin-bottom: 0;
}
#sap-power-ups-content .lp-form .two-column-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 24px 40px;
}
@media (max-width: 768px) {
  #sap-power-ups-content .lp-form .two-column-form {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}

/* SAP Power Ups: reference section structure with shared OGIS brand tokens. */
#sap-power-ups-content #benefits,
#sap-power-ups-content #why-ogis { background:white; }
#sap-power-ups-content #benefits .lp-container {
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.35fr);
  align-items:start;
  gap:48px;
}
#sap-power-ups-content #solutions .lp-container {
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:32px;
}
#sap-power-ups-content #benefits .lp-cards,
#sap-power-ups-content #solutions .lp-cards {
  grid-template-columns:repeat(2, minmax(0, 1fr));
  margin-top:0;
}
#sap-power-ups-content .lp-card-group > h3 { margin-bottom:24px; }
#sap-power-ups-content #solutions .lp-card:last-child { grid-column:1 / -1; }
#sap-power-ups-content #why-ogis .lp-cards { grid-template-columns:repeat(4, minmax(0, 1fr)); }
#sap-power-ups-content .lp-closing { margin-top:32px; }
#sap-power-ups-content .lp-closing p { margin-top:12px; }
#sap-power-ups-content #get-started .lp-closing { color:#e1edf6; }
@media(max-width:1000px) {
  #sap-power-ups-content #benefits .lp-container,
  #sap-power-ups-content #solutions .lp-container { grid-template-columns:minmax(0, 1fr); gap:32px; }
  #sap-power-ups-content #why-ogis .lp-cards { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media(max-width:600px) {
  #sap-power-ups-content #benefits .lp-cards,
  #sap-power-ups-content #solutions .lp-cards,
  #sap-power-ups-content #why-ogis .lp-cards { grid-template-columns:minmax(0, 1fr); }
}

.ogis-lp .lp-card-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  margin-bottom:22px;
  border-radius:50%;
  background:var(--color-secondary);
  color:var(--color-brand);
}
.ogis-lp .lp-card-icon svg { display:block; }

/* SAP section imagery. */
#sap-power-ups-content .lp-section-image { min-width:0; }
#sap-power-ups-content .lp-section-image img {
  display:block;
  width:100%;
  height:auto;
  border-radius:20px;
}
/* Reference hero: blue copy area blending into the artwork on the right. */
#sap-power-ups-content #power-ups {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#1675bf;
  padding:8rem 0;
  min-height:420px;
  display:flex;
  align-items:center;
}
#sap-power-ups-content #power-ups::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg, #1675bf 0%, #1675bf 33%, rgba(22,117,191,.94) 40%, rgba(22,117,191,.58) 49%, rgba(22,117,191,0) 62%);
  pointer-events:none;
}
#sap-power-ups-content #power-ups .lp-container { display:block; }
#sap-power-ups-content #power-ups .lp-copy { width:48%; max-width:580px; }
#sap-power-ups-content #power-ups h1 { font-size:clamp(32px,3vw,44px); }
#sap-power-ups-content #power-ups .lp-lead {
  font-size:18px;
  font-weight:400;
  line-height:1.55;
  margin-top:20px;
}
#sap-power-ups-content #power-ups .lp-description { margin-top:16px; }
#sap-power-ups-content #power-ups .lp-section-image {
  position:absolute;
  inset:0 0 0 auto;
  width:66%;
  z-index:-2;
}
#sap-power-ups-content #power-ups .lp-section-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:0;
}
#sap-power-ups-content #why-ogis .lp-container {
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr);
  align-items:center;
  gap:40px;
}
#sap-power-ups-content #why-ogis .lp-card-group { grid-column:1 / -1; }
#sap-power-ups-content #why-ogis .lp-cards { margin-top:0; }
@media(max-width:900px) {
  #sap-power-ups-content #why-ogis .lp-container { grid-template-columns:minmax(0, 1fr); gap:32px; }
  #sap-power-ups-content #power-ups { padding:40px 0 0; display:block; }
  #sap-power-ups-content #power-ups .lp-container { display:flex; flex-direction:column; width:100%; }
  #sap-power-ups-content #power-ups .lp-copy { order:0; width:calc(100% - 40px); max-width:600px; margin-inline:auto; }
  #sap-power-ups-content #power-ups .lp-section-image { position:relative; inset:auto; order:1; width:100%; margin-top:24px; z-index:auto; }
  #sap-power-ups-content #power-ups .lp-section-image img { height:auto; }
  #sap-power-ups-content #power-ups::before { display:none; }
  #sap-power-ups-content #power-ups .lp-section-image::after {
    content:'';
    position:absolute;
    inset:0 0 auto;
    height:22%;
    background:linear-gradient(#1675bf, rgba(22,117,191,0));
    pointer-events:none;
  }
}