@import url('fonts.css');

/* ===============================================================
   ERP Logic - AI for Finance on SAP.  v8
   The page now lives in the same world as the campaign invite:
   an indigo-to-teal field that sweeps into paper on a wave, ringed
   portraits, a white logo plate, and orange as the single accent.
   ===============================================================*/

:root{
  --midnight:#0B0F2E;
  --indigo:#151C55;
  --royal:#2A5CC0;
  --teal:#249EA8;
  --aqua:#A8E2E4;
  --orange:#F47822;
  --orange-l:#FF9A4D;
  --orange-d:#DC6A17;
  --paper:#F6F7FB;
  --card:#FFFFFF;
  --ink:#131836;
  --slate:#646C90;
  --rule:#E3E6EF;
  --onDark:rgba(255,255,255,.76);
  --dimDark:rgba(255,255,255,.5);
  --lineDark:rgba(255,255,255,.16);
  --maxw:1280px;
  --pad:44px;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 170' preserveAspectRatio='none'%3E%3Cpath d='M0,84 C250,14 540,0 800,38 C1060,76 1250,144 1440,112 L1440,170 L0,170 Z' fill='%23fff'/%3E%3C/svg%3E");
  --wave-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 170' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1440,0 L1440,52 C1230,116 980,142 720,118 C460,94 220,26 0,72 Z' fill='%23fff'/%3E%3C/svg%3E");
}

*{box-sizing:border-box}
:where(h1,h2,h3,h4,p,ul,ol,li,figure,dl,dd,table){margin:0;padding:0}
:where(ul,ol){list-style:none}
html{scroll-behavior:smooth;background:var(--midnight)}

body.erplw{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Assistant',-apple-system,'Segoe UI',Arial,sans-serif;
  font-size:19px;line-height:1.72;direction:rtl;text-align:right;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
.erplw img{max-width:100%;display:block}
.erplw a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);position:relative;z-index:3}

.erplw h1,.erplw h2,.erplw h3{font-weight:800;text-wrap:balance}
.erplw h1{font-size:clamp(32px,3.5vw,48px);line-height:1.14;letter-spacing:-.032em}
.erplw h2{font-size:clamp(28px,3.1vw,42px);line-height:1.16;letter-spacing:-.03em}
.erplw h3{font-size:22px;line-height:1.28;letter-spacing:-.02em}
.erplw p{font-size:19px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.kicker{display:block;font-family:var(--mono);font-size:12px;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--orange)}

/* ---------------- the gradient field ---------------- */
.field{position:relative;color:#fff;overflow:hidden;isolation:isolate;
  background:linear-gradient(148deg,#080B26 0%,#151C55 26%,#2A5CC0 66%,#249EA8 100%)}
.field .glow{position:absolute;inset:-18%;z-index:0;pointer-events:none}
.field .glow i{position:absolute;display:block;border-radius:50%;filter:blur(90px)}
.field .glow i:nth-child(1){width:46vmax;height:46vmax;top:-10vmax;right:-6vmax;opacity:.55;
  background:radial-gradient(circle,#3F7BE0 0%,rgba(63,123,224,0) 68%);
  animation:d1 36s ease-in-out infinite alternate}
.field .glow i:nth-child(2){width:40vmax;height:40vmax;bottom:-14vmax;left:-8vmax;opacity:.5;
  background:radial-gradient(circle,#1FA0AC 0%,rgba(31,160,172,0) 68%);
  animation:d2 46s ease-in-out infinite alternate}
.field .glow i:nth-child(3){width:28vmax;height:28vmax;top:42%;left:22%;opacity:.2;
  background:radial-gradient(circle,#F47822 0%,rgba(244,120,34,0) 66%);
  animation:d3 54s ease-in-out infinite alternate}
@keyframes d1{to{transform:translate3d(-7vmax,6vmax,0) scale(1.14)}}
@keyframes d2{to{transform:translate3d(7vmax,-5vmax,0) scale(.92)}}
@keyframes d3{to{transform:translate3d(5vmax,-8vmax,0) scale(1.22)}}
.field .arcs{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.16;
  background-image:radial-gradient(circle at 78% 18%, transparent 0 178px, rgba(255,255,255,.5) 178px 179px, transparent 179px),
    radial-gradient(circle at 78% 18%, transparent 0 292px, rgba(255,255,255,.42) 292px 293px, transparent 293px),
    radial-gradient(circle at 78% 18%, transparent 0 424px, rgba(255,255,255,.34) 424px 425px, transparent 425px),
    radial-gradient(circle at 78% 18%, transparent 0 572px, rgba(255,255,255,.26) 572px 573px, transparent 573px),
    radial-gradient(circle at 78% 18%, transparent 0 736px, rgba(255,255,255,.2) 736px 737px, transparent 737px)}
@media (prefers-reduced-motion:reduce){.field .glow i{animation:none}}

/* the wave that hands the page over to paper */
.field.top::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:170px;z-index:2;
  background:var(--paper);-webkit-mask-image:var(--wave);mask-image:var(--wave);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.field.bottom::before{content:'';position:absolute;left:0;right:0;top:-1px;height:170px;z-index:2;
  background:var(--paper);-webkit-mask-image:var(--wave-up);mask-image:var(--wave-up);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}

/* ---------------- controls ---------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
  background:var(--orange);color:#fff;border:0;border-radius:8px;
  padding:19px 40px;font-family:'Assistant',sans-serif;font-weight:800;font-size:19px;
  cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;
  box-shadow:0 14px 34px -16px rgba(244,120,34,.9)}
.btn::after{content:'';position:absolute;inset:0;background:var(--orange-l);
  transform:translateY(101%);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.btn:hover::after{transform:translateY(0)}
.btn:hover{transform:translateY(-2px)}
.btn span{position:relative;z-index:1}
.btn:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}
.btn.sm{padding:12px 24px;font-size:15px;box-shadow:none}

/* ---------------- masthead ---------------- */
.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100px}
.bar .brand{display:inline-flex;align-items:center;background:#fff;border-radius:8px;
  padding:12px 20px;box-shadow:0 14px 34px -18px rgba(0,0,0,.85)}
.bar .brand img{height:28px;width:auto}
.bar .meta{display:flex;gap:32px}
.bar .meta span{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;color:var(--dimDark);direction:ltr}

/* ---------------- hero ---------------- */
.hero{padding:70px 0 190px}
.hero-grid{display:grid;grid-template-columns:1fr 430px;gap:56px;align-items:start}
.hero .kicker{color:var(--aqua)}
.hero h1{margin-top:24px}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero .lede{margin-top:22px;font-size:19px;line-height:1.72;color:var(--onDark)}

.facts{margin-top:40px;display:inline-flex;flex-wrap:wrap;border-radius:999px;overflow:hidden;
  border:1px solid rgba(255,255,255,.3);background:rgba(168,226,228,.16);backdrop-filter:blur(6px)}
.facts div{padding:14px 30px;border-left:1px solid rgba(255,255,255,.22);text-align:center}
.facts div:last-child{border-left:0}
.facts dt{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dimDark)}
.facts dd{font-size:19px;font-weight:800;margin-top:3px;letter-spacing:-.02em}
.facts dd.accent{color:var(--aqua)}

.tools{margin-top:38px;padding-top:24px;border-top:1px solid var(--lineDark);
  display:flex;align-items:center;gap:28px;direction:ltr;justify-content:flex-end;flex-wrap:wrap}
.tools figure{margin:0;display:flex;align-items:center;gap:9px;opacity:.75;transition:opacity .2s ease}
.tools figure:hover{opacity:1}
.tools img{height:23px;width:auto}
.tools figcaption{font-family:var(--mono);font-size:12.5px;letter-spacing:.03em}

/* ---------------- registration ---------------- */
.reg{background:var(--card);color:var(--ink);border-radius:16px;overflow:hidden;
  box-shadow:0 48px 100px -44px rgba(0,0,0,.85)}
.reg header{padding:30px 34px 22px;border-bottom:1px solid var(--rule)}
.reg h2{font-size:30px;margin-top:10px}
.reg header p{color:var(--slate);font-size:16px;margin-top:8px;line-height:1.6}
.reg .body{padding:26px 34px 30px}
.reg .fine{margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);
  font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;color:var(--slate);text-align:center}
.reg .elementor-form-fields-wrapper{margin:0 -7px}
.reg .elementor-field-group{padding:0 7px 17px!important}
.reg .elementor-field-group > label{
  font-family:'Assistant',sans-serif!important;font-size:15px!important;font-weight:700!important;
  letter-spacing:0!important;text-transform:none;color:var(--ink)!important;margin-bottom:8px!important}
.reg .elementor-field-group .elementor-field{
  background:var(--paper)!important;border:1px solid var(--rule)!important;border-radius:8px!important;
  padding:14px 15px!important;color:var(--ink)!important;
  font-family:'Assistant',sans-serif!important;font-size:17px!important;font-weight:600!important;
  height:auto!important;box-shadow:none!important;width:100%!important;
  transition:border-color .15s ease,background .15s ease}
.reg .elementor-field:focus{border-color:var(--orange)!important;background:#fff!important;outline:none!important}
.reg .elementor-field-type-submit{padding-top:12px!important}
.reg .elementor-button[type=submit]{
  width:100%;background:var(--orange)!important;color:#fff!important;border:0!important;
  border-radius:8px!important;font-family:'Assistant',sans-serif!important;
  font-weight:800!important;font-size:20px!important;padding:20px 24px!important;
  box-shadow:0 14px 32px -16px rgba(244,120,34,.9)!important;transition:background .16s ease}
.reg .elementor-button[type=submit]:hover{background:var(--orange-d)!important}

/* ---------------- paper ---------------- */
.paper{background:var(--paper);position:relative;z-index:2}
.sec{padding:104px 0}
.sec + .sec{border-top:1px solid var(--rule)}
.sechead{max-width:760px}
.sechead h2{margin-top:16px}
.sechead p{color:var(--slate);margin-top:16px;max-width:60ch}

/* speakers, ringed like the invite */
.speakers{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:36px}
.spk{background:var(--card);border:1px solid var(--rule);border-radius:18px;
  padding:38px 34px 34px;text-align:center;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}
.spk:hover{transform:translateY(-6px);border-color:#D6DBE9;box-shadow:0 30px 60px -34px rgba(15,22,60,.5)}
.spk .ring{width:182px;height:182px;margin:0 auto;border-radius:50%;padding:5px;
  background:linear-gradient(150deg,var(--orange),rgba(244,120,34,.22) 58%,rgba(42,92,192,.35));
  transition:transform .35s ease}
.spk:hover .ring{transform:scale(1.04)}
.spk .ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top center}
.spk .nm{display:block;margin-top:24px;font-size:28px;font-weight:800;letter-spacing:-.03em;direction:ltr}
.spk .rl{display:block;margin-top:8px;font-family:var(--mono);font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--orange);direction:ltr}
.spk .bio{display:block;margin-top:18px;color:var(--slate);font-size:18px;line-height:1.7}

/* agents */
.agents{margin-top:52px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.agents li{background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:32px 32px 34px;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}
.agents li:hover{transform:translateY(-5px);border-color:#D6DBE9;box-shadow:0 28px 56px -34px rgba(15,22,60,.5)}
.agents .top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.agents .n{font-family:var(--mono);font-size:13px;letter-spacing:.16em;color:var(--slate)}
.agents .mod{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--royal);background:rgba(42,92,192,.09);border-radius:999px;padding:6px 14px;direction:ltr}
.agents h3{margin-top:20px;direction:ltr;text-align:right}
.agents .he{margin-top:10px;font-weight:700;color:var(--orange);font-size:17px}
.agents .desc{margin-top:12px;color:var(--slate);font-size:18px;line-height:1.7}
.more{margin-top:24px;color:var(--slate);font-family:var(--mono);font-size:13px;
  letter-spacing:.06em;text-align:center}

/* offer */
.offer{background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:48px 52px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.offer h2{font-size:clamp(26px,2.8vw,36px);margin-top:14px}
.offer p{color:var(--slate);margin-top:18px}
.offer ul{display:grid;gap:10px}
.offer li{background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:17px 22px;
  font-size:18px;font-weight:700;transition:border-color .25s ease,transform .25s ease}
.offer li:hover{border-color:rgba(244,120,34,.55);transform:translateX(-4px)}
.offer .note{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--slate);
  margin-top:20px;text-transform:uppercase}

/* figures */
.figures{margin-top:52px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fig{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:32px 24px 28px;
  text-align:center;transition:border-color .3s ease,transform .3s ease}
.fig:hover{border-color:#D6DBE9;transform:translateY(-4px)}
.fig b{display:block;direction:ltr;font-size:clamp(32px,3.4vw,46px);font-weight:800;
  letter-spacing:-.045em;line-height:1;color:var(--royal);font-variant-numeric:tabular-nums}
.fig small{display:block;margin-top:11px;font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--slate)}
.clients{margin-top:52px}
.clients .kicker{color:var(--slate);text-align:center}
.logos{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:34px}
.logos img{height:26px;width:auto;filter:grayscale(1);opacity:.5;transition:opacity .2s ease}
.logos img:hover{opacity:1}

/* ---------------- closing ---------------- */
.closing{padding:210px 0 130px;text-align:center}
.closing .kicker{color:var(--aqua)}
.closing h2{margin-top:20px;max-width:22ch;margin-inline:auto}
.closing .facts{margin-top:34px}
.closing .btn{margin-top:36px}
.closing .fineprint{margin-top:18px;font-family:var(--mono);font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--dimDark)}

.erplw footer{background:var(--midnight);border-top:1px solid var(--lineDark);padding:34px 0;
  color:var(--dimDark);font-family:var(--mono);font-size:11.5px;letter-spacing:.1em}
.erplw footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

.sticky{display:none}

.js .rv{opacity:0;transform:translateY(20px);
  transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.js .rv.in{opacity:1;transform:none}
.js .stagger > *{opacity:0;transform:translateY(16px);
  transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}
.js .stagger.in > *{opacity:1;transform:none}
.js .stagger.in > *:nth-child(2){transition-delay:.08s}
.js .stagger.in > *:nth-child(3){transition-delay:.16s}
.js .stagger.in > *:nth-child(4){transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  .js .rv,.js .stagger > *{opacity:1!important;transform:none!important;transition:none}
}

/* ---------------- thank you ---------------- */
.ty{padding:96px 0 190px}
.ty-wrap{max-width:940px;margin:0 auto;padding:0 var(--pad);position:relative;z-index:3}
.ty h1{font-size:clamp(32px,4vw,52px)}
.ty .lede{margin-top:20px;color:var(--onDark);font-size:20px;max-width:52ch}
.details{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.d{background:rgba(255,255,255,.07);border:1px solid var(--lineDark);border-radius:12px;padding:20px 22px}
.d b{display:block;font-size:22px;font-weight:800;letter-spacing:-.03em;color:#fff}
.d small{display:block;margin-top:6px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--dimDark)}
.cals{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap}
.btn.line{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.42);box-shadow:none}
.btn.line::after{background:rgba(255,255,255,.15)}
.note{margin-top:40px;padding-top:24px;border-top:1px solid var(--lineDark);color:var(--onDark);font-size:18px}
.strip{border-bottom:1px solid var(--lineDark)}

/* ---------------- responsive ---------------- */
@media (max-width:1180px){.hero-grid{grid-template-columns:1fr 400px;gap:44px}}
@media (max-width:1000px){
  :root{--pad:26px}
  .hero{padding:44px 0 150px}
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .sec{padding:76px 0}
  .speakers,.agents{grid-template-columns:1fr}
  .offer{grid-template-columns:1fr;gap:32px;padding:34px 26px}
  .figures{grid-template-columns:1fr 1fr}
  .closing{padding:170px 0 90px}
}
@media (max-width:640px){
  body.erplw{font-size:18px}
  .bar .meta{display:none}
  .bar .wrap{height:78px}
  .facts{width:100%;border-radius:14px}
  .facts div{flex:1 1 50%;border-bottom:1px solid rgba(255,255,255,.22);padding:12px 16px}
  .details{grid-template-columns:1fr 1fr}
  .spk .ring{width:150px;height:150px}
  .tools{gap:18px}
  .sticky{display:block;position:fixed;bottom:0;right:0;left:0;z-index:60;
    background:rgba(255,255,255,.97);border-top:1px solid var(--rule);padding:12px 16px}
  .sticky .btn{width:100%;padding:17px}
  .erplw footer{padding-bottom:96px}
}