/* Elite AI Website Builder v1.0.8 */
.eliteWebApp,
.eliteWebApp *{box-sizing:border-box}
.eliteWebApp{
  --ew-bg:#f6f7fb;
  --ew-card:#ffffff;
  --ew-text:#0b1220;
  --ew-muted:#647085;
  --ew-line:rgba(15,23,42,.10);
  --ew-line2:rgba(15,23,42,.06);
  --ew-shadow:0 22px 70px rgba(15,23,42,.10);
  --ew-soft:0 14px 34px rgba(15,23,42,.07);
  --ew-radius:22px;
  --ew-primary:#7d5fff;
  --ew-accent:#01d8d6;
  --ew-pink:#ff7af5;
  font-family:"Inter Tight",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ew-text);
  background:var(--ew-bg);
  min-height:100vh;
  padding-bottom:96px;
  margin:0 calc(50% - 50vw);
  width:100vw;
  overflow-x:hidden;
}
.eliteWebApp button,
.eliteWebApp input,
.eliteWebApp textarea,
.eliteWebApp select{font:inherit}
.eliteWebApp button{cursor:pointer;-webkit-tap-highlight-color:transparent}

/* Suite header */
.eliteWebApp .elite-suite-topbar{
  position:sticky;
  top:0;
  z-index:1200;
  width:100vw;
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px clamp(14px,3vw,52px);
  color:#fff;
  background:radial-gradient(650px 180px at 8% 0%,rgba(1,216,214,.32),transparent 60%),radial-gradient(620px 190px at 88% -20%,rgba(255,122,245,.25),transparent 62%),linear-gradient(135deg,#07111f,#111827 62%,#25133e);
  box-shadow:0 18px 45px rgba(15,23,42,.22);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.eliteWebApp .elite-suite-title-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.eliteWebApp .elite-suite-home{
  width:56px;height:56px;border:0;border-radius:18px;background:rgba(255,255,255,.10);
  display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 12px 32px rgba(0,0,0,.20)
}
.eliteWebApp .elite-suite-home img{max-width:100%;max-height:100%;display:block;border-radius:12px}
.eliteWebApp .elite-suite-title-text{min-width:0;display:flex;flex-direction:column;gap:6px}
.eliteWebApp .elite-suite-title{font-size:clamp(22px,3vw,32px);line-height:1.02;font-weight:900;letter-spacing:-.065em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(580px,62vw)}
.eliteWebApp .elite-suite-saved{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.72);font-weight:750}
.eliteWebApp .ewTinyCheck{width:18px;height:18px;border-radius:999px;background:rgba(34,197,94,.18);color:#4ade80;display:flex;align-items:center;justify-content:center;font-weight:950}
.eliteWebApp .elite-suite-more{border:0;border-radius:999px;background:rgba(255,255,255,.10);color:#fff;height:44px;min-width:52px;font-size:22px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}

/* Toolbar */
.eliteWebApp .elite-toolbar{
  position:sticky;
  top:88px;
  z-index:1190;
  width:100vw;
  min-height:76px;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:8px;
  padding:0 clamp(8px,2vw,42px);
  background:rgba(255,255,255,.98);
  backdrop-filter:saturate(180%) blur(18px);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid var(--ew-line2);
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}
.eliteWebApp .elite-toolbar-left{display:flex;align-items:stretch;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:8px 0}
.eliteWebApp .elite-toolbar-left::-webkit-scrollbar{display:none}
.eliteWebApp .elite-toolbar-right{display:flex;align-items:stretch;justify-content:flex-end;flex:0 0 auto;padding:8px 0;position:relative}
.eliteWebApp .tool{
  border:0;background:transparent;color:#111827;border-radius:18px;min-width:88px;height:60px;padding:7px 11px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:850;letter-spacing:-.01em;white-space:nowrap;position:relative
}
.eliteWebApp .tool:hover{background:rgba(15,23,42,.045)}
.eliteWebApp .tool.active{background:linear-gradient(135deg,rgba(1,216,214,.12),rgba(125,95,255,.11),rgba(255,122,245,.10));box-shadow:inset 0 0 0 1px rgba(125,95,255,.16)}
.eliteWebApp .ewIcon{width:21px;height:21px;display:block;position:relative;color:#111827}
.eliteWebApp .ewIcon:before,.eliteWebApp .ewIcon:after{content:"";position:absolute;inset:3px;border:2px solid currentColor;border-radius:6px}
.eliteWebApp .ewIcon[data-ico="brief"]:after{inset:8px 5px auto;height:2px;border:0;background:currentColor;box-shadow:0 5px 0 currentColor}
.eliteWebApp .ewIcon[data-ico="pages"]:before{inset:2px 6px 7px 2px}.eliteWebApp .ewIcon[data-ico="pages"]:after{inset:7px 2px 2px 7px;background:#fff}
.eliteWebApp .ewIcon[data-ico="content"]:before{border-radius:999px;inset:2px}.eliteWebApp .ewIcon[data-ico="content"]:after{inset:9px 5px;height:2px;border:0;background:currentColor;box-shadow:0 5px 0 currentColor}
.eliteWebApp .ewIcon[data-ico="preview"]:before{inset:5px 2px;border-radius:999px}.eliteWebApp .ewIcon[data-ico="preview"]:after{inset:7px;border-radius:999px;background:currentColor}
.eliteWebApp .ewIcon[data-ico="apps"]{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:4px;width:20px;height:20px}.eliteWebApp .ewIcon[data-ico="apps"]:before,.eliteWebApp .ewIcon[data-ico="apps"]:after{display:none}.eliteWebApp .ewIcon[data-ico="apps"]{background:linear-gradient(currentColor 0 0) 0 0/8px 8px no-repeat,linear-gradient(currentColor 0 0) 12px 0/8px 8px no-repeat,linear-gradient(currentColor 0 0) 0 12px/8px 8px no-repeat,linear-gradient(currentColor 0 0) 12px 12px/8px 8px no-repeat;border-radius:4px}
.eliteWebApp .ewSuiteAppsWrap{position:relative;height:100%}
.eliteWebApp .ewSuiteAppsMenu{position:absolute;right:0;top:calc(100% + 8px);min-width:224px;background:#fff;border:1px solid var(--ew-line);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.16);padding:8px;display:none;z-index:1220}
.eliteWebApp .ewSuiteAppsWrap.open .ewSuiteAppsMenu{display:block}
.eliteWebApp .ewSuiteAppsMenu a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111827;font-weight:850;font-size:13px;padding:11px;border-radius:14px}
.eliteWebApp .ewSuiteAppsMenu a:hover{background:rgba(125,95,255,.08)}
.eliteWebApp .ewMiniIcon{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(1,216,214,.12),rgba(125,95,255,.12));color:#111827;font-weight:950}

/* Workspace */
.eliteWebApp .ewCanvas{padding:18px clamp(12px,3vw,42px) 0;max-width:1380px;margin:0 auto}
.eliteWebApp .ewHero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(18px,4vw,34px);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(1,216,214,.22),transparent 36%),radial-gradient(circle at 90% 0%,rgba(255,122,245,.18),transparent 34%),linear-gradient(135deg,#0b1220,#161827 58%,#241238);color:#fff;box-shadow:0 24px 80px rgba(15,23,42,.16)}
.eliteWebApp .ewEyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:rgba(255,255,255,.62);font-weight:950;margin-bottom:10px}
.eliteWebApp .ewHero h1{font-size:clamp(30px,5vw,62px);letter-spacing:-.075em;line-height:.94;margin:0;max-width:850px;color:#fff}
.eliteWebApp .ewHero p{color:rgba(255,255,255,.72);font-size:clamp(14px,1.8vw,17px);line-height:1.5;max-width:760px;margin:14px 0 0}
.eliteWebApp .ewStatus{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);white-space:nowrap}
.eliteWebApp .ewStatus span{width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.13)}
.eliteWebApp .ewStatus.busy span{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.15)}
.eliteWebApp .ewStatus.error span{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.15)}

.eliteWebApp .ewWorkspace{display:grid;grid-template-columns:minmax(340px,430px) 1fr;gap:16px;margin-top:16px;align-items:start}
.eliteWebApp .ewBuilderPanel,.eliteWebApp .ewPreviewPanel{background:rgba(255,255,255,.94);border:1px solid var(--ew-line);border-radius:24px;box-shadow:var(--ew-soft);overflow:hidden}
.eliteWebApp .ewBuilderPanel{padding:16px;position:sticky;top:182px;z-index:10}
.eliteWebApp .ewPanelHead h2{margin:0;font-size:18px;letter-spacing:-.035em}.eliteWebApp .ewPanelHead p{margin:5px 0 16px;color:var(--ew-muted);font-size:13px;line-height:1.4}
.eliteWebApp .ewLabel{display:block;margin:14px 0 7px;color:#182033;font-size:12px;font-weight:950;letter-spacing:-.01em}
.eliteWebApp .ewInput{width:100%;border:1px solid rgba(15,23,42,.14);border-radius:16px;padding:13px 14px;background:#fff;color:var(--ew-text);outline:none;font-size:14px;box-shadow:0 1px 0 rgba(15,23,42,.03)}
.eliteWebApp .ewInput:focus{border-color:rgba(125,95,255,.50);box-shadow:0 0 0 4px rgba(125,95,255,.12)}
.eliteWebApp .ewTextarea{min-height:104px;resize:vertical}.eliteWebApp .ewPrompt{min-height:120px;resize:vertical}
.eliteWebApp .ewTwo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.eliteWebApp .ewColor{height:50px;padding:5px;cursor:pointer}
.eliteWebApp .ewChoiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.eliteWebApp .ewChoice{border:1px solid rgba(15,23,42,.10);background:#fff;border-radius:16px;padding:12px;font-weight:900;color:#111827}.eliteWebApp .ewChoice.is-selected{background:linear-gradient(135deg,rgba(1,216,214,.11),rgba(125,95,255,.11),rgba(255,122,245,.09));border-color:rgba(125,95,255,.22);box-shadow:0 12px 28px rgba(125,95,255,.10)}
.eliteWebApp .ewUploadBox{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;border:1.5px dashed rgba(125,95,255,.34);border-radius:20px;background:linear-gradient(135deg,rgba(1,216,214,.07),rgba(125,95,255,.06));padding:18px;min-height:142px;cursor:pointer}.eliteWebApp .ewUploadBox input{display:none}.eliteWebApp .ewUploadIcon{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--ew-accent),var(--ew-primary),var(--ew-pink));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:400}.eliteWebApp .ewUploadBox b{font-size:14px}.eliteWebApp .ewUploadBox small{font-size:12px;color:var(--ew-muted);line-height:1.35}
.eliteWebApp .ewCheckGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.eliteWebApp .ewCheckGrid label{display:flex;align-items:center;gap:8px;border:1px solid rgba(15,23,42,.10);background:#fff;border-radius:15px;padding:11px;font-size:13px;font-weight:850}.eliteWebApp .ewCheckGrid input{width:17px;height:17px;accent-color:var(--ew-primary)}
.eliteWebApp .ewChatMini{margin-top:14px;background:#f8faff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:12px;max-height:180px;overflow:auto}.eliteWebApp .ewBubble{padding:11px 12px;border-radius:16px;font-size:13px;line-height:1.4}.eliteWebApp .ewBubble.ai{background:linear-gradient(135deg,rgba(1,216,214,.10),rgba(125,95,255,.09));border:1px solid rgba(125,95,255,.14)}.eliteWebApp .ewBubble.user{background:#fff;border:1px solid rgba(15,23,42,.08);margin-top:9px}.eliteWebApp .ewBubble b{display:block;margin-bottom:4px}.eliteWebApp .ewBubble span{color:#4d596d}
.eliteWebApp .ewPublishOptions{display:grid;gap:10px}.eliteWebApp .ewOption{text-align:left;border:1px solid rgba(15,23,42,.10);border-radius:18px;background:#fff;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.eliteWebApp .ewOption b{display:block;font-size:14px}.eliteWebApp .ewOption span{display:block;margin-top:4px;color:var(--ew-muted);font-size:12px;line-height:1.35}

/* Preview */
.eliteWebApp .ewPreviewPanel{min-width:0}.eliteWebApp .ewPreviewTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--ew-line2)}.eliteWebApp .ewPreviewTop b{display:block;font-size:15px;letter-spacing:-.02em}.eliteWebApp .ewPreviewTop span{display:block;color:var(--ew-muted);font-size:12px;margin-top:3px}.eliteWebApp .ewDeviceToggle{display:flex;gap:5px;padding:4px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:#f8faff}.eliteWebApp .ewDeviceToggle button{border:0;border-radius:999px;background:transparent;padding:8px 10px;font-size:12px;font-weight:900;color:#667085}.eliteWebApp .ewDeviceToggle button.is-active{background:#111827;color:#fff}
.eliteWebApp .ewBrowser{padding:14px;background:#f8faff}.eliteWebApp .ewBrowser.mobile .ewSitePreview{max-width:390px;margin:0 auto}.eliteWebApp .ewBrowserBar{height:40px;border:1px solid rgba(15,23,42,.08);border-radius:16px 16px 0 0;background:#fff;display:flex;align-items:center;gap:7px;padding:0 12px;color:#667085;font-size:12px;font-weight:800;overflow:hidden}.eliteWebApp .ewBrowserBar i{width:10px;height:10px;border-radius:999px;background:#e5e7eb;flex:0 0 auto}.eliteWebApp .ewBrowserBar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eliteWebApp .ewSitePreview{min-height:560px;background:#fff;border:1px solid rgba(15,23,42,.08);border-top:0;border-radius:0 0 18px 18px;overflow:hidden;transition:max-width .22s ease,margin .22s ease}.eliteWebApp .ewEmptyState{height:560px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:34px;background:radial-gradient(circle at 50% 20%,rgba(125,95,255,.10),transparent 38%),linear-gradient(180deg,#fff,#f7f9fe)}.eliteWebApp .ewEmptyOrb{width:74px;height:74px;border-radius:28px;background:linear-gradient(135deg,var(--ew-accent),var(--ew-primary),var(--ew-pink));box-shadow:0 20px 60px rgba(125,95,255,.24);margin-bottom:18px}.eliteWebApp .ewEmptyState h3{font-size:24px;letter-spacing:-.045em;margin:0}.eliteWebApp .ewEmptyState p{color:var(--ew-muted);max-width:480px;line-height:1.55}

/* Generated website preview inside builder */
.eliteWebApp .ewGeneratedSite{--gp:var(--ew-primary);--ga:var(--ew-accent);font-family:inherit;color:#0b1220}.eliteWebApp .ewGenNav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(15,23,42,.07)}.eliteWebApp .ewGenBrand b{display:block;font-size:19px;letter-spacing:-.045em}.eliteWebApp .ewGenBrand span{display:block;font-size:11px;color:#667085;font-weight:800}.eliteWebApp .ewGenLinks{display:flex;gap:12px;flex-wrap:wrap}.eliteWebApp .ewGenLinks a{text-decoration:none;color:#111827;font-size:12px;font-weight:900}.eliteWebApp .ewGenHero{padding:clamp(34px,6vw,72px) 22px;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--ga),transparent 72%),transparent 36%),radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--gp),transparent 72%),transparent 34%),linear-gradient(135deg,#fff,#f8faff)}.eliteWebApp .ewGenHero h2{font-size:clamp(36px,6vw,70px);line-height:.92;letter-spacing:-.078em;margin:0;max-width:760px}.eliteWebApp .ewGenHero p{font-size:clamp(15px,1.8vw,19px);line-height:1.52;color:#5b6475;max-width:670px;margin:18px 0 0}.eliteWebApp .ewGenCta{display:inline-flex;margin-top:24px;border-radius:999px;padding:14px 19px;background:linear-gradient(135deg,var(--ga),var(--gp));color:#fff;text-decoration:none;font-weight:950;box-shadow:0 16px 40px color-mix(in srgb,var(--gp),transparent 74%)}.eliteWebApp .ewGenGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px;background:#fff}.eliteWebApp .ewGenCard{border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:18px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.06)}.eliteWebApp .ewGenCard small{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:950;color:var(--gp)}.eliteWebApp .ewGenCard h3{font-size:19px;letter-spacing:-.04em;margin:7px 0}.eliteWebApp .ewGenCard p,.eliteWebApp .ewGenCard li{font-size:13px;line-height:1.45;color:#5b6475}.eliteWebApp .ewGenCard ul{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.eliteWebApp .ewGenFooter{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:22px;background:#0b1220;color:#fff}.eliteWebApp .ewGenFooter span{color:rgba(255,255,255,.64);font-size:12px}

/* Bottom dock */
.eliteWebApp .ewBottomDock{position:fixed;left:0;right:0;bottom:0;z-index:1300;min-height:78px;display:grid;grid-template-columns:minmax(92px,.36fr) minmax(130px,1fr) minmax(130px,1fr);gap:10px;padding:10px max(12px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -16px 44px rgba(15,23,42,.12)}
.eliteWebApp .ewDockBtn{border:0;border-radius:20px;min-height:56px;padding:0 16px;font-size:14px;font-weight:950;letter-spacing:-.015em;display:flex;align-items:center;justify-content:center;text-align:center;transition:transform .15s ease,opacity .15s ease,filter .15s ease}.eliteWebApp .ewDockBtn:hover{transform:translateY(-1px)}.eliteWebApp .ewDockBtn.secondary{background:#edf0f6;color:#344054}.eliteWebApp .ewDockBtn.primary{background:linear-gradient(135deg,var(--ew-accent),var(--ew-primary),var(--ew-pink));color:#fff;box-shadow:0 16px 42px rgba(125,95,255,.22)}.eliteWebApp .ewDockBtn.buy{background:#d9dee8;color:#667085;box-shadow:none}.eliteWebApp .ewDockBtn.buy.is-ready{background:#0b1220;color:#fff;box-shadow:0 16px 42px rgba(15,23,42,.20)}.eliteWebApp .ewDockBtn:disabled{opacity:.56;cursor:not-allowed;transform:none;filter:grayscale(.3)}

/* Modal */
.eliteWebApp .ewModal{position:fixed;inset:0;background:rgba(2,6,23,.50);display:none;align-items:center;justify-content:center;z-index:2000;padding:14px}.eliteWebApp .ewModal.open{display:flex}.eliteWebApp .ewModalCard{width:min(470px,96vw);position:relative;background:#fff;border:1px solid rgba(255,255,255,.72);border-radius:26px;padding:22px;box-shadow:0 32px 90px rgba(0,0,0,.24);text-align:left}.eliteWebApp .ewModalClose{position:absolute;right:12px;top:12px;border:0;border-radius:999px;width:36px;height:36px;background:#f1f3f8;color:#111827;font-size:22px;line-height:1}.eliteWebApp .ewModalIcon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--ew-accent),var(--ew-primary),var(--ew-pink));color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;margin-bottom:14px}.eliteWebApp .ewModalCard h3{font-size:24px;letter-spacing:-.045em;margin:0}.eliteWebApp .ewModalCard p{color:var(--ew-muted);line-height:1.48;margin:8px 0 14px}.eliteWebApp .ewModalActions{display:grid;grid-template-columns:1fr;gap:10px}.eliteWebApp .ewModalCard small{display:block;color:#667085;margin-top:12px;line-height:1.4}

.eliteWebApp .ewPriceBox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 14px}
.eliteWebApp .ewPriceBox div{border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#f8faff;padding:12px}
.eliteWebApp .ewPriceBox b{display:block;font-size:18px;letter-spacing:-.035em;color:#0b1220}.eliteWebApp .ewPriceBox span{display:block;margin-top:3px;color:#667085;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.eliteWebApp .ewDnsBox{margin-top:12px;border:1px solid rgba(125,95,255,.18);border-radius:18px;background:linear-gradient(135deg,rgba(1,216,214,.07),rgba(125,95,255,.07));padding:12px;display:grid;gap:7px}
.eliteWebApp .ewDnsBox[hidden]{display:none!important}.eliteWebApp .ewDnsBox b{font-size:14px}.eliteWebApp .ewDnsBox span,.eliteWebApp .ewDnsBox small{color:#667085;line-height:1.4}.eliteWebApp .ewDnsBox code{display:block;white-space:normal;word-break:break-word;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.08);padding:9px;font-size:12px;color:#111827}.eliteWebApp .ewDnsBox em{font-style:normal;font-weight:950;color:#111827}

@media(max-width:1020px){
  .eliteWebApp .ewWorkspace{grid-template-columns:1fr}
  .eliteWebApp .ewBuilderPanel{position:relative;top:auto}
  .eliteWebApp .ewHero{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
  .eliteWebApp{padding-bottom:102px}
  .eliteWebApp .elite-suite-topbar{min-height:86px;padding:12px 12px}.eliteWebApp .elite-suite-home{width:52px;height:52px}.eliteWebApp .elite-suite-title{font-size:24px;max-width:calc(100vw - 150px)}.eliteWebApp .elite-suite-saved{font-size:11px}
  .eliteWebApp .elite-toolbar{top:86px;min-height:70px;padding:0 6px;gap:0}.eliteWebApp .elite-toolbar-left{padding:0;gap:0;display:grid;grid-template-columns:repeat(4,minmax(74px,1fr));max-width:calc(100vw - 78px);overflow:hidden}.eliteWebApp .elite-toolbar-right{padding:0}.eliteWebApp .tool{height:70px;min-width:0;width:100%;border-radius:0;padding:6px 3px;font-size:11px}.eliteWebApp .ewSuiteAppsWrap .tool{width:74px}.eliteWebApp .ewSuiteAppsMenu{right:4px;top:calc(100% + 6px)}
  .eliteWebApp .ewCanvas{padding:12px}.eliteWebApp .ewHero{border-radius:24px;padding:22px}.eliteWebApp .ewHero h1{font-size:34px}.eliteWebApp .ewWorkspace{gap:12px}.eliteWebApp .ewBuilderPanel,.eliteWebApp .ewPreviewPanel{border-radius:22px}.eliteWebApp .ewTwo,.eliteWebApp .ewChoiceGrid,.eliteWebApp .ewCheckGrid{grid-template-columns:1fr}.eliteWebApp .ewPreviewTop{align-items:flex-start;flex-direction:column}.eliteWebApp .ewDeviceToggle{width:100%;display:grid;grid-template-columns:1fr 1fr}.eliteWebApp .ewSitePreview,.eliteWebApp .ewEmptyState{min-height:520px}.eliteWebApp .ewGenLinks{display:none}.eliteWebApp .ewGenGrid{grid-template-columns:1fr;padding:14px}.eliteWebApp .ewBottomDock{grid-template-columns:.58fr 1fr 1fr;gap:8px;padding-left:8px;padding-right:8px}.eliteWebApp .ewDockBtn{border-radius:17px;font-size:12px;min-height:54px;padding:0 8px}
}



/* -------------------------------------------------------------
   Full app page reset v1.0.3
   Hide the existing site/Elite global header on this builder page only
   and remove the leftover theme spacing above the app.
------------------------------------------------------------- */
html body.elite-ai-website-builder-page,
html:has(#eliteWebApp) body{
  margin-top:0 !important;
  padding-top:0 !important;
  overflow-x:hidden !important;
  background:#f6f7fb !important;
}

html body.elite-ai-website-builder-page #wpadminbar ~ #page,
html body.elite-ai-website-builder-page #boxed-wrapper,
html body.elite-ai-website-builder-page #wrapper,
html body.elite-ai-website-builder-page #main,
html body.elite-ai-website-builder-page .site,
html body.elite-ai-website-builder-page .site-content,
html body.elite-ai-website-builder-page .content-area,
html body.elite-ai-website-builder-page .entry-content,
html body.elite-ai-website-builder-page .post-content,
html body.elite-ai-website-builder-page .fusion-page-title-bar,
html body.elite-ai-website-builder-page .fusion-row,
html body.elite-ai-website-builder-page .fusion-builder-row,
html body.elite-ai-website-builder-page .fusion-fullwidth,
html:has(#eliteWebApp) body #boxed-wrapper,
html:has(#eliteWebApp) body #wrapper,
html:has(#eliteWebApp) body #main,
html:has(#eliteWebApp) body .site,
html:has(#eliteWebApp) body .site-content,
html:has(#eliteWebApp) body .content-area,
html:has(#eliteWebApp) body .entry-content,
html:has(#eliteWebApp) body .post-content{
  margin-top:0 !important;
  padding-top:0 !important;
}

html body.elite-ai-website-builder-page #elite-saas-editor-header,
html body.elite-ai-website-builder-page .elite-saas-editor-header,
html body.elite-ai-website-builder-page .ei-saas-editor-header,
html body.elite-ai-website-builder-page .fusion-header-wrapper,
html body.elite-ai-website-builder-page .fusion-tb-header,
html body.elite-ai-website-builder-page .fusion-header,
html body.elite-ai-website-builder-page header.site-header,
html body.elite-ai-website-builder-page #masthead,
html body.elite-ai-website-builder-page .site-header,
html body.elite-ai-website-builder-page .main-header,
html body.elite-ai-website-builder-page .elementor-location-header,
html body.elite-ai-website-builder-page .avada-page-titlebar-wrapper,
html:has(#eliteWebApp) body #elite-saas-editor-header,
html:has(#eliteWebApp) body .elite-saas-editor-header,
html:has(#eliteWebApp) body .ei-saas-editor-header,
html:has(#eliteWebApp) body .fusion-header-wrapper,
html:has(#eliteWebApp) body .fusion-tb-header,
html:has(#eliteWebApp) body .fusion-header,
html:has(#eliteWebApp) body header.site-header,
html:has(#eliteWebApp) body #masthead,
html:has(#eliteWebApp) body .site-header,
html:has(#eliteWebApp) body .main-header,
html:has(#eliteWebApp) body .elementor-location-header,
html:has(#eliteWebApp) body .avada-page-titlebar-wrapper{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

html body.elite-ai-website-builder-page .eliteWebApp,
html:has(#eliteWebApp) body .eliteWebApp{
  margin-top:0 !important;
  transform:none !important;
}

html body.elite-ai-website-builder-page .eliteWebApp .elite-suite-topbar,
html:has(#eliteWebApp) body .eliteWebApp .elite-suite-topbar{
  top:0 !important;
}

/* -------------------------------------------------------------
   Desktop polish v1.0.3
   Removes theme gap, tightens hero/toolbar, keeps bottom dock from
   swallowing the desktop workspace.
------------------------------------------------------------- */
@media (min-width: 761px){
  .eliteWebApp{
    margin-top:0 !important;
    padding-bottom:118px !important;
    min-height:100vh !important;
  }

  .eliteWebApp .elite-suite-topbar{
    min-height:82px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
    box-shadow:0 14px 34px rgba(15,23,42,.18) !important;
  }

  .eliteWebApp .elite-suite-home{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
  }

  .eliteWebApp .elite-suite-title{
    font-size:28px !important;
    letter-spacing:-.038em !important;
    line-height:1.05 !important;
    max-width:720px !important;
  }

  .eliteWebApp .elite-suite-saved{
    font-size:12px !important;
  }

  .eliteWebApp .elite-suite-more{
    width:48px !important;
    height:42px !important;
    min-width:48px !important;
  }

  .eliteWebApp .elite-toolbar{
    top:82px !important;
    min-height:62px !important;
    padding-left:clamp(18px,3vw,50px) !important;
    padding-right:clamp(18px,3vw,50px) !important;
  }

  .eliteWebApp .elite-toolbar-left,
  .eliteWebApp .elite-toolbar-right{
    padding:7px 0 !important;
  }

  .eliteWebApp .tool{
    height:48px !important;
    min-width:84px !important;
    border-radius:16px !important;
    gap:4px !important;
    padding:5px 10px !important;
    font-size:11px !important;
  }

  .eliteWebApp .ewIcon{
    width:18px !important;
    height:18px !important;
  }

  .eliteWebApp .ewCanvas{
    padding-top:14px !important;
    padding-left:clamp(18px,4vw,56px) !important;
    padding-right:clamp(18px,4vw,56px) !important;
    max-width:1500px !important;
  }

  .eliteWebApp .ewHero{
    min-height:250px !important;
    border-radius:26px !important;
    padding:30px clamp(30px,4vw,52px) !important;
    gap:18px !important;
  }

  .eliteWebApp .ewEyebrow{
    margin-bottom:9px !important;
    font-size:11px !important;
    letter-spacing:.13em !important;
  }

  .eliteWebApp .ewHero h1{
    font-size:clamp(38px,4.2vw,54px) !important;
    line-height:.98 !important;
    letter-spacing:-.055em !important;
    max-width:820px !important;
  }

  .eliteWebApp .ewHero p{
    max-width:780px !important;
    margin-top:14px !important;
    font-size:16px !important;
    line-height:1.45 !important;
  }

  .eliteWebApp .ewStatus{
    padding:10px 13px !important;
    font-size:14px !important;
  }

  .eliteWebApp .ewWorkspace{
    grid-template-columns:minmax(360px,430px) minmax(0,1fr) !important;
    gap:16px !important;
    margin-top:14px !important;
  }

  .eliteWebApp .ewBuilderPanel{
    top:158px !important;
  }

  .eliteWebApp .ewPreviewTop{
    padding:12px 16px !important;
  }

  .eliteWebApp .ewBrowser{
    padding:12px !important;
  }

  .eliteWebApp .ewSitePreview,
  .eliteWebApp .ewEmptyState{
    min-height:500px !important;
    height:auto !important;
  }

  .eliteWebApp .ewBottomDock{
    left:50% !important;
    right:auto !important;
    bottom:14px !important;
    width:min(1180px,calc(100vw - 32px)) !important;
    transform:translateX(-50%) !important;
    min-height:66px !important;
    padding:8px !important;
    border:1px solid rgba(15,23,42,.08) !important;
    border-radius:24px !important;
    box-shadow:0 18px 58px rgba(15,23,42,.18) !important;
  }

  .eliteWebApp .ewDockBtn{
    min-height:50px !important;
    border-radius:18px !important;
    font-size:13px !important;
  }
}

@media (min-width: 1200px){
  .eliteWebApp .ewHero h1{
    font-size:52px !important;
  }
}

@media (min-width: 761px) and (max-height: 780px){
  .eliteWebApp .ewHero{
    min-height:220px !important;
    padding-top:24px !important;
    padding-bottom:24px !important;
  }
  .eliteWebApp .ewHero h1{
    font-size:clamp(34px,3.7vw,46px) !important;
  }
  .eliteWebApp .ewHero p{
    font-size:14px !important;
    margin-top:10px !important;
  }
  .eliteWebApp .ewWorkspace{
    margin-top:12px !important;
  }
}


/* -------------------------------------------------------------
   v1.0.6 Exact logo-generator toolbar icon + label match
   Uses the same .tool / .el2SvgIcon / .eiToolIcon structure and the
   exact Apps button SVG markup from the AI Logo Generator toolbar.
------------------------------------------------------------- */
.eliteWebApp .elite-toolbar.elite-web-toolbar{
  background:#fff !important;
  border-bottom:1px solid #e6e6ee !important;
  box-shadow:0 8px 20px rgba(15,23,42,.035) !important;
}
.eliteWebApp .elite-toolbar .tool,
.eliteWebApp .elite-toolbar button.tool{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  background:transparent !important;
  color:#374151 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  text-decoration:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1.1 !important;
  box-sizing:border-box !important;
  margin:0 !important;
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease !important;
}
.eliteWebApp .elite-toolbar .tool:hover,
.eliteWebApp .elite-toolbar .tool:focus-visible{
  background:#f3f4ff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 8px 18px rgba(99,102,241,.10) !important;
  outline:none !important;
}
.eliteWebApp .elite-toolbar .tool.active{
  background:#eef2ff !important;
  box-shadow:inset 0 0 0 1px rgba(99,102,241,.16) !important;
}
.eliteWebApp .elite-toolbar .tool .el2SvgIcon,
.eliteWebApp .elite-toolbar .tool .eiToolIcon,
.eliteWebApp .elite-toolbar .el2SvgIcon{
  display:block !important;
  width:21px !important;
  height:21px !important;
  color:#6366f1 !important;
  line-height:0 !important;
  flex:0 0 auto !important;
  position:relative !important;
  background:none !important;
}
.eliteWebApp .elite-toolbar .tool .el2SvgIcon:before,
.eliteWebApp .elite-toolbar .tool .el2SvgIcon:after,
.eliteWebApp .elite-toolbar .tool .eiToolIcon:before,
.eliteWebApp .elite-toolbar .tool .eiToolIcon:after{
  display:none !important;
  content:none !important;
}
.eliteWebApp .elite-toolbar .tool .el2SvgIcon svg,
.eliteWebApp .elite-toolbar .tool .eiToolIcon svg,
.eliteWebApp .elite-toolbar .tool svg{
  width:21px !important;
  height:21px !important;
  display:block !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:2.25 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.eliteWebApp .elite-toolbar .tool span:not(.el2SvgIcon):not(.eiToolIcon):not(.ewIcon){
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:11.5px !important;
  font-weight:600 !important;
  line-height:1.08 !important;
  letter-spacing:-.02em !important;
  color:#344054 !important;
}
.eliteWebApp .ewSuiteAppsWrap,
.eliteWebApp .el2SuiteAppsWrap{
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  position:relative !important;
}
@media(min-width:761px){
  .eliteWebApp .elite-toolbar.elite-web-toolbar{
    min-height:64px !important;
    padding:6px 8px !important;
    gap:8px !important;
  }
  .eliteWebApp .elite-toolbar-left,
  .eliteWebApp .elite-toolbar-right{
    min-height:52px !important;
    padding:0 !important;
    gap:8px !important;
    align-items:center !important;
  }
  .eliteWebApp .elite-toolbar-left{
    display:flex !important;
    max-width:calc(100vw - 74px) !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }
  .eliteWebApp .elite-toolbar-right{
    position:sticky !important;
    right:0 !important;
    z-index:3 !important;
    background:linear-gradient(90deg,rgba(255,255,255,0),#fff 20%,#fff 100%) !important;
    padding-left:10px !important;
    box-shadow:-14px 0 18px rgba(255,255,255,.94) !important;
  }
  .eliteWebApp .elite-toolbar .tool,
  .eliteWebApp .elite-toolbar button.tool{
    height:52px !important;
    min-height:52px !important;
    width:auto !important;
    min-width:62px !important;
    flex:0 0 auto !important;
    padding:6px 9px !important;
    gap:3px !important;
    border-radius:12px !important;
  }
}
@media(max-width:760px){
  .eliteWebApp .elite-toolbar.elite-web-toolbar{
    min-height:62px !important;
    padding:0 6px !important;
    gap:0 !important;
    background:#fff !important;
    align-items:stretch !important;
  }
  .eliteWebApp .elite-toolbar-left{
    display:flex !important;
    max-width:calc(100vw - 68px) !important;
    gap:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 !important;
    margin:0 !important;
    align-items:stretch !important;
  }
  .eliteWebApp .elite-toolbar-right{
    height:100% !important;
    min-height:0 !important;
    flex:0 0 64px !important;
    width:64px !important;
    min-width:64px !important;
    margin-left:auto !important;
    padding:0 !important;
    align-items:stretch !important;
    justify-content:flex-end !important;
    background:#fff !important;
    box-shadow:-10px 0 18px rgba(255,255,255,.96) !important;
    position:relative !important;
    right:auto !important;
  }
  .eliteWebApp .ewSuiteAppsWrap,
  .eliteWebApp .el2SuiteAppsWrap{
    height:100% !important;
    align-items:stretch !important;
  }
  .eliteWebApp .elite-toolbar .tool,
  .eliteWebApp .elite-toolbar button.tool{
    height:100% !important;
    min-height:0 !important;
    width:61px !important;
    min-width:61px !important;
    max-width:61px !important;
    flex:0 0 61px !important;
    padding:6px 5px !important;
    border-radius:0 !important;
    border-right:1px solid #edf0f6 !important;
    background:#fff !important;
    box-shadow:none !important;
    gap:4px !important;
    font-size:11px !important;
  }
  .eliteWebApp .elite-toolbar-right .tool,
  .eliteWebApp .elite-toolbar-right button.tool{
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    flex-basis:64px !important;
    border-left:1px solid #edf0f6 !important;
    border-right:0 !important;
  }
  .eliteWebApp .elite-toolbar .tool span:not(.el2SvgIcon):not(.eiToolIcon):not(.ewIcon){
    font-size:11px !important;
    font-weight:600 !important;
  }
  .eliteWebApp .elite-toolbar .tool .el2SvgIcon,
  .eliteWebApp .elite-toolbar .tool .eiToolIcon,
  .eliteWebApp .elite-toolbar .tool svg{
    width:20px !important;
    height:20px !important;
  }
}


/* Pexels stock photo picker */
.eliteWebApp .ewPexelsSearch{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:10px 0 12px}.eliteWebApp .ewSmallBtn{height:46px;border:0;border-radius:14px;padding:0 18px;background:#0b1220;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 24px rgba(15,23,42,.12)}.eliteWebApp .ewPexelsQuick{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.eliteWebApp .ewPexelsQuick button{border:1px solid #e6e8f0;background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800;color:#344054;cursor:pointer}.eliteWebApp .ewPhotoNotice{border:1px solid #e7e9f2;border-radius:16px;background:#f8f9fc;color:#667085;font-size:12px;font-weight:700;line-height:1.35;padding:12px;margin:10px 0}.eliteWebApp .ewPhotoNotice.busy{background:#f5f7ff;color:#4f46e5}.eliteWebApp .ewPexelsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:420px;overflow:auto;padding:2px}.eliteWebApp .ewPhotoCard{position:relative;border:1px solid #e6e8f0;background:#fff;border-radius:18px;padding:0;overflow:hidden;min-height:155px;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.06);text-align:left}.eliteWebApp .ewPhotoCard img{display:block;width:100%;height:124px;object-fit:cover;background:#eef1f7}.eliteWebApp .ewPhotoCard span{position:absolute;top:9px;right:9px;border-radius:999px;background:rgba(11,18,32,.84);color:#fff;font-size:11px;font-weight:900;padding:7px 9px;backdrop-filter:blur(12px)}.eliteWebApp .ewPhotoCard small{display:block;font-size:11px;font-weight:800;color:#667085;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eliteWebApp .ewPhotoCard.is-picked{outline:3px solid rgba(99,102,241,.25);border-color:#6366f1}.eliteWebApp .ewSelectedPhotos{border:1px solid #e6e8f0;border-radius:18px;padding:12px;background:#fff;margin:10px 0 12px}.eliteWebApp .ewSelectedPhotos>b{display:block;font-size:12px;letter-spacing:.02em;color:#344054;margin-bottom:9px}.eliteWebApp .ewSelectedPhotos>div{display:flex;gap:8px;flex-wrap:wrap}.eliteWebApp .ewSelectedPhoto{position:relative;width:62px;height:62px;border:0;border-radius:14px;overflow:hidden;padding:0;background:#eef1f7;cursor:pointer}.eliteWebApp .ewSelectedPhoto img{width:100%;height:100%;object-fit:cover;display:block}.eliteWebApp .ewSelectedPhoto span{position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:999px;background:rgba(11,18,32,.78);color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px}.eliteWebApp .ewPexelsCredit{display:block;color:#98a2b3;font-size:11px;margin-top:10px}.eliteWebApp .ewGenHero.has-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);gap:18px;align-items:center}.eliteWebApp .ewGenHeroCopy{min-width:0}.eliteWebApp .ewGenPhoto{margin:0;border-radius:24px;overflow:hidden;min-height:240px;position:relative;box-shadow:0 20px 50px rgba(15,23,42,.14);background:#eef1f7}.eliteWebApp .ewGenPhoto img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block}.eliteWebApp .ewGenPhoto figcaption{position:absolute;left:10px;bottom:10px;border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);color:#475467;font-size:10.5px;font-weight:800;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.eliteWebApp .ewPexelsSearch{grid-template-columns:1fr}.eliteWebApp .ewPexelsGrid{grid-template-columns:1fr}.eliteWebApp .ewGenHero.has-photo{grid-template-columns:1fr}.eliteWebApp .ewGenPhoto,.eliteWebApp .ewGenPhoto img{min-height:190px}}

/* Elite AI Website Builder v1.0.7 premium step/editable preview upgrades */
.eliteWebApp .ewHeroSide{display:grid;gap:14px;min-width:min(440px,100%);align-self:stretch;align-content:center}
.eliteWebApp .ewStepRail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;border-radius:22px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.eliteWebApp .ewStepRail:before{content:"";position:absolute;left:20px;right:20px;top:28px;height:3px;border-radius:999px;background:rgba(255,255,255,.16)}
.eliteWebApp .ewStepRail:after{content:"";position:absolute;left:20px;top:28px;width:var(--ew-step-progress,0%);height:3px;border-radius:999px;background:linear-gradient(90deg,var(--ew-accent),var(--ew-primary),var(--ew-pink));transition:width .25s ease}
.eliteWebApp .ewStepRail button{position:relative;z-index:2;display:grid;justify-items:center;gap:6px;border:0;background:transparent;color:rgba(255,255,255,.70);padding:0;font-weight:900;font-size:11px}
.eliteWebApp .ewStepRail b{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.15);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.eliteWebApp .ewStepRail .is-active b,.eliteWebApp .ewStepRail .is-done b{background:linear-gradient(135deg,var(--ew-accent),var(--ew-primary));border-color:transparent}.eliteWebApp .ewStepRail .is-active span{color:#fff}.eliteWebApp .ewStepRail .is-done span{color:rgba(255,255,255,.86)}
.eliteWebApp .ewStepActions{display:flex;justify-content:flex-end;margin-top:14px}.eliteWebApp .ewHelpText{display:block;margin:7px 0 14px;color:#667085;font-size:12px;font-weight:700;line-height:1.35}.eliteWebApp .ewEditNotice{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(125,95,255,.18);border-radius:18px;background:linear-gradient(135deg,rgba(1,216,214,.08),rgba(125,95,255,.08));padding:13px;margin-bottom:14px}.eliteWebApp .ewEditNotice b{font-size:13px}.eliteWebApp .ewEditNotice span{display:block;color:#667085;font-size:12px;line-height:1.35;margin-top:2px}
.eliteWebApp .ewDockBtn.primary.is-ready{filter:saturate(1.08);box-shadow:0 16px 42px rgba(125,95,255,.30)}
.eliteWebApp .ewEditable{outline:0;border-radius:10px;transition:box-shadow .15s ease,background .15s ease}.eliteWebApp .ewEditable:hover,.eliteWebApp .ewEditable:focus{background:rgba(255,255,255,.72);box-shadow:0 0 0 2px rgba(125,95,255,.16),0 8px 20px rgba(15,23,42,.08)}.eliteWebApp .ewGenHero .ewEditable:hover,.eliteWebApp .ewGenHero .ewEditable:focus{background:rgba(255,255,255,.55)}
.eliteWebApp .ewPremiumSite{background:#fff}.eliteWebApp .ewPremiumSite .ewGenNav{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.eliteWebApp .ewPremiumSite .ewGenHero{padding:clamp(36px,6vw,82px) clamp(20px,4vw,42px);background:radial-gradient(circle at 13% 0%,color-mix(in srgb,var(--ga),transparent 72%),transparent 34%),radial-gradient(circle at 95% 8%,color-mix(in srgb,var(--gp),transparent 70%),transparent 36%),linear-gradient(135deg,#fff,#f6f8ff 72%,#eef4ff)}.eliteWebApp .ewGenKicker{display:inline-flex;margin-bottom:14px;border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.08);color:#344054;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.eliteWebApp .ewGenTrust{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.eliteWebApp .ewGenTrust span{border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.08);padding:8px 10px;color:#344054;font-size:12px;font-weight:850}.eliteWebApp .ewGenPhoto button,.eliteWebApp .ewGenServicePhoto button{position:absolute;right:10px;top:10px;border:0;border-radius:999px;background:rgba(11,18,32,.84);color:#fff;padding:8px 10px;font-size:11px;font-weight:950;backdrop-filter:blur(12px);box-shadow:0 10px 24px rgba(15,23,42,.20)}.eliteWebApp .ewGenIconStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#eef1f7;border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06)}.eliteWebApp .ewGenIconStrip div{background:#fff;padding:18px;display:grid;gap:6px;justify-items:center;text-align:center}.eliteWebApp .ewGenIconStrip b{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:color-mix(in srgb,var(--gp),transparent 88%);font-size:21px}.eliteWebApp .ewGenIconStrip span{font-weight:900;font-size:12px;color:#344054}.eliteWebApp .ewGenProofGrid{grid-template-columns:repeat(3,minmax(0,1fr));background:#f8faff}.eliteWebApp .ewGenProofCard{border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:20px;background:rgba(255,255,255,.86);box-shadow:0 18px 44px rgba(15,23,42,.07)}.eliteWebApp .ewGenProofCard small{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:950;color:var(--gp)}.eliteWebApp .ewGenProofCard h3{font-size:20px;letter-spacing:-.045em;margin:8px 0}.eliteWebApp .ewGenProofCard p,.eliteWebApp .ewGenProofCard li{font-size:13px;line-height:1.48;color:#5b6475}.eliteWebApp .ewGenProofCard ul{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.eliteWebApp .ewGenServices{padding:24px;background:#fff}.eliteWebApp .ewSectionTitle{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:14px}.eliteWebApp .ewSectionTitle small{color:var(--gp);font-weight:950;letter-spacing:.12em;text-transform:uppercase}.eliteWebApp .ewSectionTitle h2{font-size:clamp(24px,4vw,40px);line-height:1;letter-spacing:-.06em;margin:0;max-width:620px}.eliteWebApp .ewGenServiceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.eliteWebApp .ewGenServiceCard{border:1px solid rgba(15,23,42,.08);border-radius:24px;background:#fff;padding:14px;box-shadow:0 16px 38px rgba(15,23,42,.07)}.eliteWebApp .ewGenServicePhoto{position:relative;border-radius:18px;overflow:hidden;background:#eef1f7;margin-bottom:14px}.eliteWebApp .ewGenServicePhoto img{width:100%;height:145px;object-fit:cover;display:block}.eliteWebApp .ewGenServiceIcon{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:color-mix(in srgb,var(--ga),transparent 88%);font-size:22px;margin-bottom:9px}.eliteWebApp .ewGenServiceCard h3{font-size:18px;letter-spacing:-.04em;margin:0 0 7px}.eliteWebApp .ewGenServiceCard p{font-size:13px;line-height:1.45;color:#5b6475;margin:0}.eliteWebApp .ewGenContact{margin:0 22px 22px;border-radius:28px;background:linear-gradient(135deg,#0b1220,#171b2c);color:#fff;padding:clamp(22px,4vw,42px);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:22px;align-items:start}.eliteWebApp .ewGenContact small{color:var(--ew-accent);font-weight:950;text-transform:uppercase;letter-spacing:.12em}.eliteWebApp .ewGenContact h2{font-size:clamp(30px,5vw,54px);line-height:.96;letter-spacing:-.07em;margin:8px 0}.eliteWebApp .ewGenContact p{color:rgba(255,255,255,.72);line-height:1.5}.eliteWebApp .ewLeadEmail{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);padding:9px 12px;color:rgba(255,255,255,.76);font-size:12px;font-weight:800}.eliteWebApp .ewGenContact form{display:grid;gap:10px}.eliteWebApp .ewGenContact input,.eliteWebApp .ewGenContact textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;padding:13px 14px}.eliteWebApp .ewGenContact textarea{min-height:104px;resize:vertical}.eliteWebApp .ewGenContact input::placeholder,.eliteWebApp .ewGenContact textarea::placeholder{color:rgba(255,255,255,.50)}.eliteWebApp .ewGenContact button{border:0;border-radius:999px;padding:14px 18px;background:linear-gradient(135deg,var(--ga),var(--gp));color:#fff;font-weight:950}
@media(max-width:1180px){.eliteWebApp .ewGenServiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.eliteWebApp .ewHeroSide{width:100%}}
@media(max-width:760px){.eliteWebApp .ewHeroSide{width:100%;align-self:auto}.eliteWebApp .ewStepRail{grid-template-columns:repeat(5,1fr);gap:4px;padding:8px}.eliteWebApp .ewStepRail span{font-size:9.5px}.eliteWebApp .ewStepRail b{width:29px;height:29px}.eliteWebApp .ewGenIconStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.eliteWebApp .ewGenProofGrid,.eliteWebApp .ewGenServiceGrid{grid-template-columns:1fr}.eliteWebApp .ewGenContact{grid-template-columns:1fr;margin:0 14px 14px}.eliteWebApp .ewGenServicePhoto img{height:180px}.eliteWebApp .ewStepActions{justify-content:stretch}.eliteWebApp .ewStepActions .ewSmallBtn{width:100%}}


/* v1.0.8 fixes: make Generate always responsive and soften only the top header title */
.eliteWebApp .elite-suite-title{
  font-weight:700 !important;
  letter-spacing:-.038em !important;
}
.eliteWebApp .elite-suite-saved{
  font-weight:650 !important;
}


/* v1.0.11: force AI Logo/Suite apps dropdown style + desktop toolbar alignment (no AI Website self-link) */
.eliteWebApp .elite-toolbar.elite-web-toolbar{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  overflow:visible !important;
  gap:0 !important;
  background:#fff !important;
}
.eliteWebApp .elite-toolbar-left{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  min-width:0 !important;
  margin:0 !important;
}
.eliteWebApp .elite-toolbar-right{
  box-sizing:border-box !important;
  position:relative !important;
  right:auto !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-end !important;
  margin-left:auto !important;
  padding:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  overflow:visible !important;
  z-index:20 !important;
}
.eliteWebApp .ewSuiteAppsWrap,
.eliteWebApp .el2SuiteAppsWrap{
  position:relative !important;
  overflow:visible !important;
  height:100% !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-end !important;
}
.eliteWebApp #appsMenu.apps-menu,
.eliteWebApp .ewSuiteAppsMenu,
.eliteWebApp .el2SuiteAppsMenu,
.eliteWebApp .ei-logo-style-apps-menu{
  position:absolute !important;
  right:0 !important;
  left:auto !important;
  top:calc(100% + 8px) !important;
  bottom:auto !important;
  width:min(276px,calc(100vw - 20px)) !important;
  min-width:236px !important;
  max-height:calc(100vh - 32px) !important;
  overflow:auto !important;
  padding:8px !important;
  border-radius:20px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  background:#fff !important;
  box-shadow:0 22px 54px rgba(15,23,42,.24) !important;
  z-index:2147483646 !important;
  pointer-events:auto !important;
  transform:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}
.eliteWebApp .ewSuiteAppsWrap.open #appsMenu.apps-menu,
.eliteWebApp .ewSuiteAppsWrap.open .ewSuiteAppsMenu,
.eliteWebApp .ewSuiteAppsWrap.is-open #appsMenu.apps-menu,
.eliteWebApp .el2SuiteAppsWrap.is-open #appsMenu.apps-menu,
.eliteWebApp .el2SuiteAppsWrap.open #appsMenu.apps-menu,
.eliteWebApp .el2SuiteAppsWrap.open .el2SuiteAppsMenu{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.eliteWebApp #appsMenu.apps-menu a,
.eliteWebApp .ewSuiteAppsMenu a,
.eliteWebApp .el2SuiteAppsMenu a{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  min-height:48px !important;
  height:auto !important;
  padding:0 12px !important;
  border-radius:14px !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:800 !important;
  color:#111827 !important;
  line-height:1.1 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.eliteWebApp #appsMenu.apps-menu a:hover,
.eliteWebApp .ewSuiteAppsMenu a:hover,
.eliteWebApp .el2SuiteAppsMenu a:hover{
  background:#f4f6fb !important;
}
.eliteWebApp #appsMenu .eiMiniIcon,
.eliteWebApp #appsMenu .el2MiniIcon,
.eliteWebApp .ewSuiteAppsMenu .eiMiniIcon,
.eliteWebApp .el2SuiteAppsMenu .eiMiniIcon,
.eliteWebApp .ewMiniIcon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  flex:0 0 30px !important;
  border-radius:11px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  background:linear-gradient(135deg,#45d3e8,#6366f1,#e95cdc) !important;
  line-height:0 !important;
  font-size:0 !important;
  font-weight:900 !important;
  overflow:hidden !important;
}
.eliteWebApp #appsMenu .eiMiniIcon svg,
.eliteWebApp #appsMenu .el2MiniIcon svg,
.eliteWebApp .ewSuiteAppsMenu .eiMiniIcon svg,
.eliteWebApp .el2SuiteAppsMenu .eiMiniIcon svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:2.2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
@media(min-width:761px){
  .eliteWebApp .elite-toolbar.elite-web-toolbar{
    min-height:64px !important;
    padding:6px clamp(18px,3vw,54px) !important;
  }
  .eliteWebApp .elite-toolbar-left{
    flex:0 1 auto !important;
    width:auto !important;
    max-width:calc(100% - 96px) !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 !important;
  }
  .eliteWebApp .elite-toolbar-right{padding:0 !important;}
  .eliteWebApp .elite-toolbar-left .tool,
  .eliteWebApp .elite-toolbar-left button.tool,
  .eliteWebApp .elite-toolbar-right .tool,
  .eliteWebApp .elite-toolbar-right button.tool{
    flex:0 0 92px !important;
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:52px !important;
    min-height:52px !important;
    border-radius:12px !important;
    padding:6px 8px !important;
  }
}
@media(max-width:760px){
  .eliteWebApp .elite-toolbar.elite-web-toolbar{
    min-height:62px !important;
    padding:0 6px !important;
  }
  .eliteWebApp .elite-toolbar-left{
    flex:1 1 auto !important;
    max-width:calc(100vw - 76px) !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:0 !important;
    padding:0 !important;
  }
  .eliteWebApp .elite-toolbar-right{
    flex:0 0 64px !important;
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
  }
  .eliteWebApp .elite-toolbar .tool,
  .eliteWebApp .elite-toolbar button.tool{
    height:62px !important;
    min-height:62px !important;
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    flex:0 0 64px !important;
    border-radius:0 !important;
    padding:6px 5px !important;
  }
}


/* -------------------------------------------------------------
   v1.0.12 FINAL toolbar + AI Logo apps menu parity
   - Forces every toolbar cell to the same height and vertical center.
   - Makes the Apps dropdown use the exact AI Logo el2SuiteAppsMenu style.
   - Keeps AI Website/self out of the website builder app menu.
------------------------------------------------------------- */
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar.elite-web-toolbar,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar.elite-web-toolbar{
  position:sticky!important;
  top:82px!important;
  z-index:2147482000!important;
  width:100vw!important;
  min-height:64px!important;
  height:64px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:0!important;
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid #e6e6ee!important;
  box-shadow:0 8px 20px rgba(15,23,42,.035)!important;
  overflow:visible!important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-left,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-left{
  height:64px!important;
  min-height:64px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:calc(100vw - 72px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-left::-webkit-scrollbar{display:none!important;}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right{
  height:64px!important;
  min-height:64px!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  flex:0 0 72px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  background:#fff!important;
  border-left:1px solid #edf0f6!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
  z-index:2147482200!important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool,
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar button.tool,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar button.tool{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  flex:0 0 72px!important;
  margin:0!important;
  padding:7px 4px 6px!important;
  border:0!important;
  border-right:1px solid #edf0f6!important;
  border-radius:0!important;
  background:#fff!important;
  color:#374151!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  line-height:1!important;
  overflow:hidden!important;
  transform:none!important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right .tool,
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right button.tool,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right .tool,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right button.tool{
  border-right:0!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  flex-basis:72px!important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool:hover,
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool:focus-visible,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool:hover,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool:focus-visible{
  background:#f3f4ff!important;
  outline:none!important;
  box-shadow:inset 0 0 0 1px rgba(99,102,241,.10)!important;
  transform:none!important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool.active,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool.active{
  background:#eef2ff!important;
  box-shadow:inset 0 0 0 1px rgba(99,102,241,.16)!important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool .el2SvgIcon,
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool .eiToolIcon,
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool svg,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool .el2SvgIcon,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool .eiToolIcon,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool svg{
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  max-width:21px!important;
  flex:0 0 21px!important;
  display:block!important;
  color:#6366f1!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  line-height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool .el2SvgIcon:before,
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool .el2SvgIcon:after,
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool .eiToolIcon:before,
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool .eiToolIcon:after,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool .el2SvgIcon:before,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool .el2SvgIcon:after,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool .eiToolIcon:before,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool .eiToolIcon:after{
  display:none!important;
  content:none!important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool span:not(.el2SvgIcon):not(.eiToolIcon):not(.ewIcon),
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool span:not(.el2SvgIcon):not(.eiToolIcon):not(.ewIcon){
  display:block!important;
  width:100%!important;
  max-width:68px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
  color:#344054!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}
html body.elite-ai-website-builder-page #eliteWebApp .ewSuiteAppsWrap,
html body.elite-ai-website-builder-page #eliteWebApp .el2SuiteAppsWrap,
html:has(#eliteWebApp) body #eliteWebApp .ewSuiteAppsWrap,
html:has(#eliteWebApp) body #eliteWebApp .el2SuiteAppsWrap{
  position:relative!important;
  height:64px!important;
  min-height:64px!important;
  width:72px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  overflow:visible!important;
}
html body.elite-ai-website-builder-page #eliteWebApp #appsMenu.apps-menu,
html body.elite-ai-website-builder-page #eliteWebApp .el2SuiteAppsMenu,
html body.elite-ai-website-builder-page #eliteWebApp .ei-logo-style-apps-menu,
html:has(#eliteWebApp) body #eliteWebApp #appsMenu.apps-menu,
html:has(#eliteWebApp) body #eliteWebApp .el2SuiteAppsMenu,
html:has(#eliteWebApp) body #eliteWebApp .ei-logo-style-apps-menu{
  position:absolute!important;
  inset:70px 0 auto auto!important;
  right:0!important;
  top:70px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin-top:0!important;
  width:min(276px,calc(100vw - 20px))!important;
  min-width:236px!important;
  max-height:calc(100vh - 32px)!important;
  overflow:auto!important;
  padding:8px!important;
  border-radius:20px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  background:#fff!important;
  box-shadow:0 22px 54px rgba(15,23,42,.24)!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
html body.elite-ai-website-builder-page #eliteWebApp .ewSuiteAppsWrap.open #appsMenu.apps-menu,
html body.elite-ai-website-builder-page #eliteWebApp .ewSuiteAppsWrap.is-open #appsMenu.apps-menu,
html body.elite-ai-website-builder-page #eliteWebApp .el2SuiteAppsWrap.open #appsMenu.apps-menu,
html body.elite-ai-website-builder-page #eliteWebApp .el2SuiteAppsWrap.is-open #appsMenu.apps-menu,
html:has(#eliteWebApp) body #eliteWebApp .ewSuiteAppsWrap.open #appsMenu.apps-menu,
html:has(#eliteWebApp) body #eliteWebApp .ewSuiteAppsWrap.is-open #appsMenu.apps-menu,
html:has(#eliteWebApp) body #eliteWebApp .el2SuiteAppsWrap.open #appsMenu.apps-menu,
html:has(#eliteWebApp) body #eliteWebApp .el2SuiteAppsWrap.is-open #appsMenu.apps-menu{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
html body.elite-ai-website-builder-page #eliteWebApp #appsMenu a,
html body.elite-ai-website-builder-page #eliteWebApp .el2SuiteAppsMenu a,
html:has(#eliteWebApp) body #eliteWebApp #appsMenu a,
html:has(#eliteWebApp) body #eliteWebApp .el2SuiteAppsMenu a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-height:48px!important;
  padding:0 12px!important;
  border-radius:14px!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
html body.elite-ai-website-builder-page #eliteWebApp #appsMenu a:hover,
html body.elite-ai-website-builder-page #eliteWebApp .el2SuiteAppsMenu a:hover,
html:has(#eliteWebApp) body #eliteWebApp #appsMenu a:hover,
html:has(#eliteWebApp) body #eliteWebApp .el2SuiteAppsMenu a:hover{background:#f4f6fb!important;}
html body.elite-ai-website-builder-page #eliteWebApp #appsMenu .eiMiniIcon,
html body.elite-ai-website-builder-page #eliteWebApp #appsMenu .el2MiniIcon,
html:has(#eliteWebApp) body #eliteWebApp #appsMenu .eiMiniIcon,
html:has(#eliteWebApp) body #eliteWebApp #appsMenu .el2MiniIcon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#45d3e8,#6366f1,#e95cdc)!important;
  line-height:0!important;
  overflow:hidden!important;
}
html body.elite-ai-website-builder-page #eliteWebApp #appsMenu .eiMiniIcon svg,
html body.elite-ai-website-builder-page #eliteWebApp #appsMenu .el2MiniIcon svg,
html:has(#eliteWebApp) body #eliteWebApp #appsMenu .eiMiniIcon svg,
html:has(#eliteWebApp) body #eliteWebApp #appsMenu .el2MiniIcon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
@media(max-width:760px){
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar.elite-web-toolbar,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar.elite-web-toolbar{top:86px!important;height:64px!important;min-height:64px!important;}
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-left,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-left{max-width:calc(100vw - 72px)!important;}
}

/* v1.0.13 customer image uploads + real page/mobile preview fixes */
.eliteWebApp .ewCustomerPhotoUpload{margin:8px 0 12px;min-height:126px;background:linear-gradient(135deg,rgba(1,216,214,.08),rgba(125,95,255,.07),rgba(255,122,245,.05))}
.eliteWebApp .ewPhotoDivider{display:flex;align-items:center;gap:10px;margin:12px 0;color:#98a2b3;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.eliteWebApp .ewPhotoDivider:before,.eliteWebApp .ewPhotoDivider:after{content:"";height:1px;background:#e7e9f2;flex:1}
.eliteWebApp .ewGenLinks{align-items:center}
.eliteWebApp .ewGenLinks button{appearance:none;-webkit-appearance:none;border:0;background:transparent;border-radius:999px;padding:8px 10px;color:#111827;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
.eliteWebApp .ewGenLinks button:hover,.eliteWebApp .ewGenLinks button.is-active{background:color-mix(in srgb,var(--gp),transparent 88%);color:#111827}
.eliteWebApp .ewBrowser.mobile{padding:10px;background:#eef2f8}
.eliteWebApp .ewBrowser.mobile .ewBrowserBar{max-width:390px;margin:0 auto}
.eliteWebApp .ewBrowser.mobile .ewSitePreview{width:100%;max-width:390px;margin:0 auto;overflow:hidden;border-radius:0 0 24px 24px}
.eliteWebApp .ewBrowser.mobile .ewGeneratedSite{width:100%;overflow:hidden}
.eliteWebApp .ewBrowser.mobile .ewGenNav{flex-direction:column;align-items:flex-start;gap:11px;padding:15px 14px;position:relative!important;top:auto!important}
.eliteWebApp .ewBrowser.mobile .ewGenBrand b{font-size:18px;line-height:1.05}
.eliteWebApp .ewBrowser.mobile .ewGenLinks{display:flex!important;width:100%;max-width:100%;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}
.eliteWebApp .ewBrowser.mobile .ewGenLinks button{flex:0 0 auto;font-size:11px;padding:8px 10px;background:#f5f6fb}
.eliteWebApp .ewBrowser.mobile .ewGenLinks button.is-active{background:#111827;color:#fff}
.eliteWebApp .ewBrowser.mobile .ewGenHero,.eliteWebApp .ewBrowser.mobile .ewPremiumSite .ewGenHero{padding:28px 16px!important}
.eliteWebApp .ewBrowser.mobile .ewGenHero.has-photo{grid-template-columns:1fr!important;gap:16px!important}
.eliteWebApp .ewBrowser.mobile .ewGenHero h2{font-size:36px!important;line-height:.94!important;letter-spacing:-.068em!important}
.eliteWebApp .ewBrowser.mobile .ewGenHero p{font-size:14px!important;line-height:1.48!important;margin-top:14px!important}
.eliteWebApp .ewBrowser.mobile .ewGenTrust{gap:6px;margin-top:14px}
.eliteWebApp .ewBrowser.mobile .ewGenTrust span{font-size:11px;padding:7px 8px}
.eliteWebApp .ewBrowser.mobile .ewGenPhoto,.eliteWebApp .ewBrowser.mobile .ewGenPhoto img{min-height:198px!important;border-radius:20px}
.eliteWebApp .ewBrowser.mobile .ewGenPhoto figcaption{font-size:10px;left:8px;bottom:8px;max-width:calc(100% - 16px)}
.eliteWebApp .ewBrowser.mobile .ewGenIconStrip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.eliteWebApp .ewBrowser.mobile .ewGenIconStrip div{padding:14px 8px}
.eliteWebApp .ewBrowser.mobile .ewGenGrid,.eliteWebApp .ewBrowser.mobile .ewGenProofGrid,.eliteWebApp .ewBrowser.mobile .ewGenServiceGrid{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important}
.eliteWebApp .ewBrowser.mobile .ewGenProofCard,.eliteWebApp .ewBrowser.mobile .ewGenServiceCard{border-radius:20px;padding:16px}
.eliteWebApp .ewBrowser.mobile .ewGenServices{padding:16px 0!important}
.eliteWebApp .ewBrowser.mobile .ewSectionTitle{display:block;padding:0 14px;margin-bottom:12px}
.eliteWebApp .ewBrowser.mobile .ewSectionTitle h2{font-size:28px!important;line-height:1!important;margin-top:5px}
.eliteWebApp .ewBrowser.mobile .ewGenServicePhoto img{height:178px!important}
.eliteWebApp .ewBrowser.mobile .ewGenContact{grid-template-columns:1fr!important;margin:0 12px 12px!important;padding:22px 16px!important;border-radius:22px!important;gap:16px!important}
.eliteWebApp .ewBrowser.mobile .ewGenContact h2{font-size:34px!important}
.eliteWebApp .ewBrowser.mobile .ewLeadEmail{border-radius:14px;display:flex;width:100%;white-space:normal;overflow-wrap:anywhere}
.eliteWebApp .ewBrowser.mobile .ewGenFooter{padding:18px 14px}

@media(max-width:760px){
  .eliteWebApp{width:100%!important;margin:0!important;overflow-x:hidden!important;padding-bottom:96px!important}
  .eliteWebApp .ewCanvas{width:100%!important;max-width:100%!important;padding:10px!important;overflow:hidden!important}
  .eliteWebApp .ewHero{padding:18px!important;border-radius:20px!important}
  .eliteWebApp .ewHero h1{font-size:30px!important;line-height:.98!important;letter-spacing:-.055em!important}
  .eliteWebApp .ewHero p{font-size:13px!important}
  .eliteWebApp .ewWorkspace{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important;overflow:visible!important}
  .eliteWebApp .ewBuilderPanel,.eliteWebApp .ewPreviewPanel{width:100%!important;min-width:0!important;border-radius:20px!important;overflow:hidden!important}
  .eliteWebApp .ewBuilderPanel{padding:14px!important;position:relative!important;top:auto!important}
  .eliteWebApp .ewPreviewTop{padding:12px!important;gap:10px!important}
  .eliteWebApp .ewBrowser{padding:8px!important}
  .eliteWebApp .ewSitePreview{width:100%!important;max-width:100%!important;min-height:480px!important;overflow:hidden!important}
  .eliteWebApp .ewPexelsGrid{max-height:360px!important;grid-template-columns:1fr!important}
  .eliteWebApp .ewPhotoCard img{height:150px!important}
  .eliteWebApp .ewCustomerPhotoUpload{min-height:116px!important;padding:14px!important}
  .eliteWebApp .ewBottomDock{grid-template-columns:.62fr 1.08fr 1fr!important;min-height:74px!important;gap:7px!important;padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right))!important}
  .eliteWebApp .ewDockBtn{min-height:54px!important;border-radius:16px!important;font-size:12px!important;padding:0 7px!important}
  .eliteWebApp .ewGenLinks{display:flex!important}
  .eliteWebApp .ewGenNav{flex-direction:column!important;align-items:flex-start!important;gap:11px!important;padding:15px 14px!important}
  .eliteWebApp .ewGenLinks{width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .eliteWebApp .ewGenLinks button{flex:0 0 auto;background:#f5f6fb;font-size:11px}
  .eliteWebApp .ewGenHero.has-photo{grid-template-columns:1fr!important}
  .eliteWebApp .ewGenHero h2{font-size:36px!important;line-height:.94!important}
  .eliteWebApp .ewGenProofGrid,.eliteWebApp .ewGenServiceGrid{grid-template-columns:1fr!important}
  .eliteWebApp .ewGenContact{grid-template-columns:1fr!important;margin:0 12px 12px!important}
}

/* v1.0.14 branding footer, backend-inspired design controls, light contact section, and varied templates */
.eliteWebApp .ewDesignControls{margin:14px 0 12px;border:1px solid rgba(15,23,42,.09);border-radius:20px;background:#fff;padding:13px;box-shadow:0 10px 26px rgba(15,23,42,.045)}
.eliteWebApp .ewDesignControlsHead{display:grid;gap:3px;margin-bottom:12px}.eliteWebApp .ewDesignControlsHead b{font-size:13px;letter-spacing:-.01em}.eliteWebApp .ewDesignControlsHead span{font-size:12px;color:#667085;line-height:1.35;font-weight:700}
.eliteWebApp .ewControlGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.eliteWebApp .ewControlGrid label{display:grid;gap:6px}.eliteWebApp .ewControlGrid span{font-size:11px;font-weight:950;color:#344054;text-transform:uppercase;letter-spacing:.06em}
.eliteWebApp .ewControlActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.eliteWebApp .ewSmallBtn.secondary{background:#edf0f6!important;color:#344054!important;box-shadow:none!important}.eliteWebApp .ewMiniUpload{min-height:46px;border:1px solid #e3e7ef;background:#f8faff;color:#344054;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:900;padding:0 12px;cursor:pointer}.eliteWebApp .ewMiniUpload input{display:none}.eliteWebApp .ewMiniUpload:hover,.eliteWebApp .ewSmallBtn.secondary:hover{filter:brightness(.985)}
.eliteWebApp .ewGenContact{background:#eef2f7!important;color:#0b1220!important;background-size:cover!important;background-position:center!important}.eliteWebApp .ewGenContact p{color:#5b6475!important}.eliteWebApp .ewGenContact small{color:var(--gp)!important}.eliteWebApp .ewLeadEmail{background:rgba(255,255,255,.72)!important;border-color:rgba(15,23,42,.10)!important;color:#475467!important}.eliteWebApp .ewGenContact input,.eliteWebApp .ewGenContact textarea{background:rgba(255,255,255,.88)!important;border-color:rgba(15,23,42,.12)!important;color:#0b1220!important}.eliteWebApp .ewGenContact input::placeholder,.eliteWebApp .ewGenContact textarea::placeholder{color:#8a93a3!important}
.eliteWebApp .ewFooterBrand{display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.72)!important;font-size:12px;font-weight:800}.eliteWebApp .ewFooterBrand button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950}.eliteWebApp .ewFooterBrand.removed{color:#8ef5d0!important}
.eliteWebApp .ewTemplate-luxe-split .ewGenHero{border-bottom:1px solid rgba(15,23,42,.06)}.eliteWebApp .ewTemplate-luxe-split .ewGenPhoto{border-radius:34px;transform:rotate(1deg)}.eliteWebApp .ewTemplate-luxe-split .ewGenServiceCard:nth-child(even){transform:translateY(12px)}
.eliteWebApp .ewTemplate-airy-cards .ewGenProofGrid{background:linear-gradient(180deg,#fbfcff,#f2f5fb)}.eliteWebApp .ewTemplate-airy-cards .ewGenProofCard,.eliteWebApp .ewTemplate-airy-cards .ewGenServiceCard{border-radius:30px}
.eliteWebApp .ewTemplate-editorial-bento .ewGenProofGrid{grid-template-columns:1.25fr .85fr .85fr}.eliteWebApp .ewTemplate-editorial-bento .ewGenProofCard:first-child{grid-row:span 2;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--ga),transparent 88%))}.eliteWebApp .ewTemplate-editorial-bento .ewGenServiceGrid{grid-template-columns:1.25fr repeat(3,minmax(0,1fr))}
.eliteWebApp .ewTemplate-bold-wave .ewGenHero{border-radius:0 0 42px 42px}.eliteWebApp .ewTemplate-bold-wave .ewGenKicker{background:#111827;color:#fff}.eliteWebApp .ewTemplate-bold-wave .ewGenCta{box-shadow:0 20px 54px color-mix(in srgb,var(--gp),transparent 62%)}
.eliteWebApp .ewTemplate-product-pop .ewGenHero{background-blend-mode:screen,normal}.eliteWebApp .ewTemplate-product-pop .ewGenPhoto{border-radius:999px}.eliteWebApp .ewTemplate-product-pop .ewGenIconStrip b{border-radius:999px}
.eliteWebApp .ewTemplate-calm-minimal .ewGenKicker,.eliteWebApp .ewTemplate-calm-minimal .ewGenTrust span{box-shadow:none;background:#fff}.eliteWebApp .ewTemplate-calm-minimal .ewGenProofCard,.eliteWebApp .ewTemplate-calm-minimal .ewGenServiceCard{box-shadow:none}.eliteWebApp .ewTemplate-calm-minimal .ewGenHero h2{letter-spacing:-.055em}
@media(max-width:760px){.eliteWebApp .ewControlGrid,.eliteWebApp .ewControlActions{grid-template-columns:1fr}.eliteWebApp .ewTemplate-editorial-bento .ewGenProofGrid,.eliteWebApp .ewTemplate-editorial-bento .ewGenServiceGrid{grid-template-columns:1fr!important}.eliteWebApp .ewTemplate-luxe-split .ewGenServiceCard:nth-child(even){transform:none}.eliteWebApp .ewFooterBrand{width:100%;justify-content:space-between}}


/* v1.0.15 premium wizard/header/mobile/stock UX refresh */
.eliteWebApp{
  --ew-header-h:76px;
  --ew-toolbar-h:64px;
  --ew-deep:#0b0520;
  --ew-ink:#f8f7ff;
  --ew-glass:rgba(255,255,255,.085);
  --ew-glass-border:rgba(255,255,255,.16);
}
.eliteWebApp .elite-suite-topbar,
.eliteWebApp .elite-web-suite-header{
  position:sticky !important;
  top:0 !important;
  z-index:10050 !important;
  height:var(--ew-header-h) !important;
  min-height:var(--ew-header-h) !important;
  padding:10px clamp(12px,3vw,42px) !important;
  background:radial-gradient(820px 170px at 10% -45%,rgba(54,215,255,.34),transparent 60%),radial-gradient(760px 190px at 88% -55%,rgba(255,79,216,.28),transparent 62%),linear-gradient(180deg,#17102a 0%,#10091f 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 42px rgba(7,2,20,.28) !important;
  backdrop-filter:blur(22px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(170%) !important;
}
.eliteWebApp .elite-suite-home{
  width:52px !important;height:52px !important;border-radius:18px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.eliteWebApp .elite-suite-title{font-size:clamp(20px,2.6vw,28px) !important;letter-spacing:-.045em !important;color:#fff !important;text-shadow:0 1px 18px rgba(255,255,255,.08)}
.eliteWebApp .elite-suite-saved{color:rgba(255,255,255,.72) !important}
.eliteWebApp .elite-suite-more{background:rgba(255,255,255,.10) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 28px rgba(0,0,0,.18) !important}
.eliteWebApp .elite-toolbar.elite-web-toolbar{
  position:sticky !important;
  top:var(--ew-header-h) !important;
  z-index:10040 !important;
  height:var(--ew-toolbar-h) !important;
  min-height:var(--ew-toolbar-h) !important;
  padding:7px clamp(8px,2vw,32px) !important;
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.08) !important;
  backdrop-filter:blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(180%) !important;
}
.eliteWebApp .elite-toolbar-left,
.eliteWebApp .elite-toolbar-right{min-height:calc(var(--ew-toolbar-h) - 14px) !important;align-items:center !important}
.eliteWebApp .elite-toolbar .tool,
.eliteWebApp .elite-toolbar button.tool{
  height:50px !important;
  min-height:50px !important;
  border-radius:16px !important;
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.eliteWebApp .elite-toolbar .tool.active{
  background:linear-gradient(135deg,rgba(54,215,255,.14),rgba(124,92,255,.13),rgba(255,79,216,.10)) !important;
  box-shadow:inset 0 0 0 1px rgba(124,92,255,.18),0 10px 22px rgba(124,92,255,.10) !important;
}
.eliteWebApp .ewCanvas{padding-top:16px !important}
.eliteWebApp .ewBuilderPanel{top:calc(var(--ew-header-h) + var(--ew-toolbar-h) + 18px) !important}

.eliteWebApp .ewHeroPremium{
  position:relative;
  overflow:hidden;
  display:grid !important;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr) !important;
  align-items:stretch !important;
  gap:22px !important;
  padding:clamp(22px,3.2vw,38px) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:radial-gradient(840px 420px at 6% 0%,rgba(54,215,255,.18),transparent 58%),radial-gradient(760px 420px at 96% 6%,rgba(255,79,216,.15),transparent 62%),linear-gradient(135deg,#070315 0%,#13092b 52%,#24113f 100%) !important;
  box-shadow:0 28px 90px rgba(9,3,24,.22),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.eliteWebApp .ewHeroPremium:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 26%,rgba(124,92,255,.16) 62%,transparent);pointer-events:none;opacity:.7}
.eliteWebApp .ewHeroPremium:after{content:"";position:absolute;right:9%;top:16%;width:170px;height:170px;border-radius:999px;background:rgba(124,92,255,.20);filter:blur(70px);pointer-events:none}
.eliteWebApp .ewHeroIntro{position:relative;z-index:1;min-width:0;align-self:center}
.eliteWebApp .ewHeroIntro h1{max-width:760px !important}
.eliteWebApp .ewHeroIntro p{max-width:680px !important;color:rgba(255,255,255,.76) !important}
.eliteWebApp .ewHeroSide{position:relative;z-index:1;min-width:0 !important;width:100% !important;display:grid !important;gap:14px !important;align-content:stretch !important}
.eliteWebApp .ewStatus{
  min-height:58px;
  width:100%;
  border-radius:24px !important;
  padding:12px 14px !important;
  color:#fff !important;
  background:linear-gradient(135deg,rgba(255,79,140,.18),rgba(255,79,216,.07),rgba(124,92,255,.08)) !important;
  border:1px solid rgba(255,97,163,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(255,79,140,.08) !important;
}
.eliteWebApp .ewStatus span{background:#ff4f8f !important;box-shadow:0 0 0 6px rgba(255,79,143,.16),0 0 22px rgba(255,79,143,.35) !important}
.eliteWebApp .ewStatus b{font-size:clamp(15px,1.8vw,20px);letter-spacing:-.035em}
.eliteWebApp .ewStatus button{margin-left:auto;border:0;background:transparent;color:rgba(255,255,255,.68);font-size:24px;line-height:1;border-radius:999px;width:34px;height:34px;display:grid;place-items:center}
.eliteWebApp .ewStepRail{
  display:block !important;
  position:relative;
  padding:22px 22px 18px !important;
  border-radius:28px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055)) !important;
  border:1px solid rgba(213,178,255,.28) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(124,92,255,.08) !important;
  backdrop-filter:blur(22px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(170%) !important;
}
.eliteWebApp .ewStepRail:before,.eliteWebApp .ewStepRail:after{content:none !important}
.eliteWebApp .ewStepMeta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px;color:rgba(235,231,255,.84);font-size:14px;font-weight:850}
.eliteWebApp .ewStepCountWrap,.eliteWebApp .ewStepPercentWrap{display:flex;align-items:center;gap:9px;white-space:nowrap}
.eliteWebApp .ewStepCountWrap i,.eliteWebApp .ewStepHint i{font-style:normal;color:#9cd8ff;text-shadow:0 0 20px rgba(54,215,255,.8)}
.eliteWebApp .ewStepPercentWrap strong{display:inline-grid;place-items:center;min-width:48px;height:34px;border-radius:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
.eliteWebApp .ewStepButtons{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:4px 0 0}
.eliteWebApp .ewStepButtons:before{content:"";position:absolute;left:8%;right:8%;top:35px;height:5px;border-radius:999px;background:rgba(255,255,255,.17);box-shadow:inset 0 1px 2px rgba(0,0,0,.20)}
.eliteWebApp .ewStepButtons:after{content:"";position:absolute;left:8%;top:35px;width:calc(var(--ew-step-progress,0%) * .84);max-width:84%;height:5px;border-radius:999px;background:linear-gradient(90deg,#36d7ff,#7c5cff,#ff4fd8);box-shadow:0 0 24px rgba(124,92,255,.45);transition:width .28s ease}
.eliteWebApp .ewStepRail button{position:relative;z-index:2;display:grid !important;grid-template-rows:auto auto auto;justify-items:center;gap:7px;border:0;background:transparent !important;color:rgba(238,234,255,.76) !important;padding:0 !important;text-align:center;font-weight:900;min-width:0}
.eliteWebApp .ewStepRail button:before{content:"✦";position:absolute;top:-14px;color:rgba(185,166,255,.60);font-size:17px;text-shadow:0 0 16px rgba(124,92,255,.46)}
.eliteWebApp .ewStepRail b{position:relative;z-index:3;display:grid !important;place-items:center;width:58px !important;height:58px !important;border-radius:999px !important;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05)) !important;border:2px solid rgba(168,143,255,.46) !important;color:rgba(235,231,255,.72) !important;font-size:23px;font-weight:950 !important;box-shadow:0 12px 26px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.14) !important;transition:all .25s ease}
.eliteWebApp .ewStepRail span{font-size:15px !important;line-height:1.05;color:rgba(255,255,255,.88) !important;font-weight:950 !important;letter-spacing:-.025em}
.eliteWebApp .ewStepRail em{display:block;font-style:normal;font-size:11.5px;line-height:1.15;color:rgba(226,221,255,.55);font-weight:750;white-space:normal;max-width:92px}
.eliteWebApp .ewStepRail .is-active b{width:68px !important;height:68px !important;margin-top:-5px;background:radial-gradient(circle at 35% 18%,#4fe5ff 0%,#436eff 42%,#7c37ff 74%,#b64cff 100%) !important;color:#fff !important;border-color:rgba(255,255,255,.60) !important;box-shadow:0 0 0 8px rgba(124,92,255,.20),0 0 38px rgba(54,215,255,.50),0 20px 40px rgba(77,79,255,.34),inset 0 1px 0 rgba(255,255,255,.38) !important}
.eliteWebApp .ewStepRail .is-active:after{content:"";width:20px;height:20px;margin-top:-2px;background:linear-gradient(135deg,#fff,#b6d9ff);clip-path:polygon(50% 0,100% 58%,73% 58%,73% 100%,27% 100%,27% 58%,0 58%);filter:drop-shadow(0 0 12px rgba(124,92,255,.7))}
.eliteWebApp .ewStepRail .is-active span{color:#fff !important;text-shadow:0 0 20px rgba(255,255,255,.12)}
.eliteWebApp .ewStepRail .is-active em{color:rgba(226,238,255,.74)}
.eliteWebApp .ewStepRail .is-done b{background:linear-gradient(135deg,#33d6ff,#7c5cff) !important;color:#fff !important;border-color:rgba(255,255,255,.34) !important;box-shadow:0 0 0 5px rgba(54,215,255,.12),0 12px 26px rgba(54,215,255,.18),inset 0 1px 0 rgba(255,255,255,.20) !important}
.eliteWebApp .ewStepHint{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;color:rgba(226,221,255,.70);font-size:13px;font-weight:750;text-align:center}

@media(max-width:1180px){
  .eliteWebApp .ewHeroPremium{grid-template-columns:1fr !important}
}
@media(max-width:760px){
  .eliteWebApp{--ew-header-h:64px;--ew-toolbar-h:58px;padding-bottom:88px !important}
  .eliteWebApp .elite-suite-topbar,
  .eliteWebApp .elite-web-suite-header{
    height:calc(var(--ew-header-h) + env(safe-area-inset-top)) !important;
    min-height:calc(var(--ew-header-h) + env(safe-area-inset-top)) !important;
    padding:env(safe-area-inset-top) 12px 0 !important;
    align-items:center !important;
  }
  .eliteWebApp .elite-suite-home{width:44px !important;height:44px !important;border-radius:15px !important;padding:7px !important}
  .eliteWebApp .elite-suite-title{font-size:18px !important;max-width:calc(100vw - 150px) !important;letter-spacing:-.04em !important}
  .eliteWebApp .elite-suite-saved{display:none !important}
  .eliteWebApp .elite-suite-more{width:44px !important;min-width:44px !important;height:44px !important;font-size:18px !important}
  .eliteWebApp .elite-toolbar.elite-web-toolbar{
    top:calc(var(--ew-header-h) + env(safe-area-inset-top)) !important;
    height:var(--ew-toolbar-h) !important;
    min-height:var(--ew-toolbar-h) !important;
    padding:6px 8px !important;
    background:rgba(17,10,32,.96) !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 12px 26px rgba(9,3,24,.28) !important;
    gap:8px !important;
  }
  .eliteWebApp .elite-toolbar-left{max-width:calc(100vw - 74px) !important;gap:7px !important;padding:0 !important;overflow-x:auto !important;scroll-snap-type:x proximity !important}
  .eliteWebApp .elite-toolbar-right{flex:0 0 62px !important;width:62px !important;min-width:62px !important;background:linear-gradient(90deg,rgba(17,10,32,0),rgba(17,10,32,.96) 22%,rgba(17,10,32,.96)) !important;box-shadow:-14px 0 20px rgba(17,10,32,.9) !important;padding-left:8px !important}
  .eliteWebApp .elite-toolbar .tool,
  .eliteWebApp .elite-toolbar button.tool{
    height:46px !important;
    min-height:46px !important;
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    flex:0 0 64px !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.065) !important;
    color:rgba(255,255,255,.82) !important;
    scroll-snap-align:start !important;
    padding:5px 4px !important;
  }
  .eliteWebApp .elite-toolbar-right .tool,
  .eliteWebApp .elite-toolbar-right button.tool{width:54px !important;min-width:54px !important;max-width:54px !important;flex-basis:54px !important;border-left:1px solid rgba(255,255,255,.10) !important}
  .eliteWebApp .elite-toolbar .tool.active{background:linear-gradient(135deg,rgba(54,215,255,.18),rgba(124,92,255,.22),rgba(255,79,216,.12)) !important;color:#fff !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 10px 20px rgba(124,92,255,.18) !important}
  .eliteWebApp .elite-toolbar .tool span:not(.el2SvgIcon):not(.eiToolIcon):not(.ewIcon){font-size:10.5px !important;color:inherit !important;font-weight:750 !important}
  .eliteWebApp .elite-toolbar .tool svg,.eliteWebApp .elite-toolbar .tool .el2SvgIcon,.eliteWebApp .elite-toolbar .tool .eiToolIcon{width:19px !important;height:19px !important;color:inherit !important;stroke:currentColor !important}
  .eliteWebApp .ewSuiteAppsMenu,.eliteWebApp .apps-menu{right:0 !important;top:calc(100% + 8px) !important;max-width:calc(100vw - 20px) !important;background:rgba(20,12,36,.98) !important;color:#fff !important;border-color:rgba(255,255,255,.12) !important;box-shadow:0 22px 64px rgba(0,0,0,.38) !important}
  .eliteWebApp .ewSuiteAppsMenu a,.eliteWebApp .apps-menu a{color:#fff !important}
  .eliteWebApp .ewCanvas{padding:12px 10px 0 !important}
  .eliteWebApp .ewBuilderPanel{top:calc(var(--ew-header-h) + var(--ew-toolbar-h) + env(safe-area-inset-top) + 12px) !important}
  .eliteWebApp .ewHeroPremium{border-radius:28px !important;padding:16px !important;gap:14px !important}
  .eliteWebApp .ewHeroIntro h1{font-size:29px !important;line-height:.96 !important;letter-spacing:-.06em !important}
  .eliteWebApp .ewHeroIntro p{font-size:13.5px !important;margin-top:11px !important}
  .eliteWebApp .ewStatus{min-height:52px !important;border-radius:20px !important;padding:10px 12px !important}
  .eliteWebApp .ewStatus b{font-size:15px !important}
  .eliteWebApp .ewStepRail{padding:16px 12px 14px !important;border-radius:24px !important}
  .eliteWebApp .ewStepMeta{margin-bottom:18px;font-size:12px;gap:8px}
  .eliteWebApp .ewStepPercentWrap{gap:6px}.eliteWebApp .ewStepPercentWrap strong{min-width:42px;height:30px;border-radius:10px}
  .eliteWebApp .ewStepButtons{gap:2px}
  .eliteWebApp .ewStepButtons:before,.eliteWebApp .ewStepButtons:after{top:25px;left:9%;right:9%;height:4px}
  .eliteWebApp .ewStepButtons:after{width:calc(var(--ew-step-progress,0%) * .82);max-width:82%}
  .eliteWebApp .ewStepRail b{width:42px !important;height:42px !important;font-size:17px !important;border-width:1.5px !important}
  .eliteWebApp .ewStepRail .is-active b{width:48px !important;height:48px !important;margin-top:-3px !important;box-shadow:0 0 0 5px rgba(124,92,255,.18),0 0 28px rgba(54,215,255,.38),0 16px 26px rgba(77,79,255,.26) !important}
  .eliteWebApp .ewStepRail button:before{font-size:13px;top:-10px}
  .eliteWebApp .ewStepRail span{font-size:11px !important;margin-top:1px}
  .eliteWebApp .ewStepRail em{font-size:9px;line-height:1.08;max-width:58px}
  .eliteWebApp .ewStepRail .is-active:after{width:14px;height:14px;margin-top:-3px}
  .eliteWebApp .ewStepHint{font-size:11.5px;margin-top:14px}
}


/* -------------------------------------------------------------
   v1.0.16 FINAL polished hero stepper + fixed mobile header/toolbar
   These high-specificity overrides intentionally beat the older toolbar
   patches below/above so the header + toolbar stay clean while scrolling.
------------------------------------------------------------- */
html body.elite-ai-website-builder-page #eliteWebApp.eliteWebApp,
html:has(#eliteWebApp) body #eliteWebApp.eliteWebApp{
  --ew-header-h:76px;
  --ew-toolbar-h:64px;
  overflow-x:clip !important;
  background:#f6f7fb !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-topbar.elite-web-suite-header,
html:has(#eliteWebApp) body #eliteWebApp .elite-suite-topbar.elite-web-suite-header{
  position:sticky !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:2147483100 !important;
  width:100vw !important;
  height:var(--ew-header-h) !important;
  min-height:var(--ew-header-h) !important;
  padding:10px clamp(14px,3vw,44px) !important;
  background:radial-gradient(820px 190px at 12% -55%,rgba(54,215,255,.32),transparent 62%),radial-gradient(760px 190px at 88% -58%,rgba(255,79,216,.28),transparent 62%),linear-gradient(180deg,#17102b 0%,#10091f 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 45px rgba(9,3,24,.30) !important;
  backdrop-filter:blur(22px) saturate(175%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(175%) !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar.elite-web-toolbar,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar.elite-web-toolbar{
  position:sticky !important;
  top:var(--ew-header-h) !important;
  left:0 !important;
  right:0 !important;
  z-index:2147483000 !important;
  width:100vw !important;
  height:var(--ew-toolbar-h) !important;
  min-height:var(--ew-toolbar-h) !important;
  display:flex !important;
  align-items:stretch !important;
  gap:8px !important;
  padding:6px clamp(10px,2.6vw,42px) !important;
  margin:0 !important;
  overflow:visible !important;
  background:rgba(255,255,255,.97) !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.08) !important;
  backdrop-filter:blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(180%) !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-left,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-left{
  display:flex !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:calc(100vw - 88px) !important;
  height:calc(var(--ew-toolbar-h) - 12px) !important;
  min-height:calc(var(--ew-toolbar-h) - 12px) !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-left::-webkit-scrollbar,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-left::-webkit-scrollbar{display:none !important}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right{
  flex:0 0 72px !important;
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  height:calc(var(--ew-toolbar-h) - 12px) !important;
  min-height:calc(var(--ew-toolbar-h) - 12px) !important;
  padding:0 !important;
  background:transparent !important;
  border-left:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool,
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar button.tool,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar button.tool{
  flex:0 0 88px !important;
  width:88px !important;
  min-width:88px !important;
  max-width:88px !important;
  height:52px !important;
  min-height:52px !important;
  border-radius:15px !important;
  border:1px solid rgba(15,23,42,.07) !important;
  background:rgba(255,255,255,.68) !important;
  color:#111827 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool.active,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool.active{
  background:linear-gradient(135deg,rgba(54,215,255,.14),rgba(124,92,255,.16),rgba(255,79,216,.12)) !important;
  border-color:rgba(124,92,255,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.68),0 12px 24px rgba(124,92,255,.12) !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right .tool,
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right button.tool,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right .tool,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right button.tool{
  flex:0 0 64px !important;
  width:64px !important;
  min-width:64px !important;
  max-width:64px !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .ewCanvas,
html:has(#eliteWebApp) body #eliteWebApp .ewCanvas{
  max-width:1460px !important;
  padding-top:16px !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium,
html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(340px,.84fr) minmax(610px,1.16fr) !important;
  align-items:stretch !important;
  gap:clamp(18px,2.2vw,32px) !important;
  min-height:392px !important;
  border-radius:36px !important;
  padding:clamp(28px,3.6vw,42px) !important;
  background:radial-gradient(780px 380px at 9% 0%,rgba(54,215,255,.20),transparent 60%),radial-gradient(860px 400px at 94% 0%,rgba(255,79,216,.17),transparent 64%),linear-gradient(135deg,#080318 0%,#13082b 49%,#261241 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 30px 90px rgba(9,3,24,.25),inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium:before,
html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium:before{
  opacity:.95 !important;
  background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 24%,rgba(124,92,255,.18) 58%,transparent 78%) !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .ewHeroIntro h1,
html:has(#eliteWebApp) body #eliteWebApp .ewHeroIntro h1{
  font-size:clamp(42px,4.55vw,68px) !important;
  line-height:.91 !important;
  letter-spacing:-.085em !important;
  max-width:760px !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .ewHeroIntro p,
html:has(#eliteWebApp) body #eliteWebApp .ewHeroIntro p{
  max-width:680px !important;
  font-size:clamp(15px,1.45vw,18px) !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .ewHeroSide,
html:has(#eliteWebApp) body #eliteWebApp .ewHeroSide{
  align-self:center !important;
  gap:14px !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .ewStatus,
html:has(#eliteWebApp) body #eliteWebApp .ewStatus{
  min-height:62px !important;
  border-radius:26px !important;
  padding:13px 18px !important;
  background:linear-gradient(135deg,rgba(255,79,140,.18),rgba(255,79,216,.08),rgba(124,92,255,.08)) !important;
  border:1px solid rgba(255,97,163,.28) !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail,
html:has(#eliteWebApp) body #eliteWebApp .ewStepRail{
  padding:26px 28px 22px !important;
  border-radius:31px !important;
  min-height:270px !important;
  background:radial-gradient(520px 220px at 10% 15%,rgba(54,215,255,.13),transparent 65%),radial-gradient(520px 220px at 88% 0%,rgba(255,79,216,.10),transparent 62%),linear-gradient(145deg,rgba(255,255,255,.145),rgba(255,255,255,.055)) !important;
  border:1px solid rgba(213,178,255,.32) !important;
  box-shadow:0 28px 75px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.16),0 0 0 1px rgba(124,92,255,.08) !important;
}
html body.elite-ai-website-builder-page #eliteWebApp .ewStepMeta,
html:has(#eliteWebApp) body #eliteWebApp .ewStepMeta{margin-bottom:30px !important;font-size:15px !important}
html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons,
html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons{gap:10px !important}
html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:before,
html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:before{top:39px !important;height:6px !important;left:8.5% !important;right:8.5% !important;background:rgba(255,255,255,.18) !important}
html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:after,
html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:after{top:39px !important;height:6px !important;left:8.5% !important;width:calc(var(--ew-step-progress,0%) * .83) !important;max-width:83% !important}
html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail b,
html:has(#eliteWebApp) body #eliteWebApp .ewStepRail b{width:62px !important;height:62px !important;font-size:24px !important}
html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail .is-active b,
html:has(#eliteWebApp) body #eliteWebApp .ewStepRail .is-active b{width:78px !important;height:78px !important;font-size:28px !important;margin-top:-8px !important}
html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail span,
html:has(#eliteWebApp) body #eliteWebApp .ewStepRail span{font-size:15.5px !important}
html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail em,
html:has(#eliteWebApp) body #eliteWebApp .ewStepRail em{font-size:11.8px !important;max-width:106px !important}
html body.elite-ai-website-builder-page #eliteWebApp .ewStepHint,
html:has(#eliteWebApp) body #eliteWebApp .ewStepHint{margin-top:22px !important;font-size:14px !important}

@media(max-width:1180px){
  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium{grid-template-columns:1fr !important;min-height:0 !important}
}
@media(max-width:760px){
  html body.elite-ai-website-builder-page #eliteWebApp.eliteWebApp,
  html:has(#eliteWebApp) body #eliteWebApp.eliteWebApp{
    --ew-header-h:64px;
    --ew-toolbar-h:58px;
    padding-top:calc(var(--ew-header-h) + var(--ew-toolbar-h) + env(safe-area-inset-top)) !important;
    padding-bottom:92px !important;
  }
  html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-topbar.elite-web-suite-header,
  html:has(#eliteWebApp) body #eliteWebApp .elite-suite-topbar.elite-web-suite-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:calc(var(--ew-header-h) + env(safe-area-inset-top)) !important;
    min-height:calc(var(--ew-header-h) + env(safe-area-inset-top)) !important;
    padding:env(safe-area-inset-top) 12px 0 !important;
  }
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar.elite-web-toolbar,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar.elite-web-toolbar{
    position:fixed !important;
    top:calc(var(--ew-header-h) + env(safe-area-inset-top)) !important;
    left:0 !important;
    right:0 !important;
    height:var(--ew-toolbar-h) !important;
    min-height:var(--ew-toolbar-h) !important;
    padding:6px 8px !important;
    background:rgba(17,10,32,.965) !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 13px 28px rgba(9,3,24,.34) !important;
  }
  html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-home,
  html:has(#eliteWebApp) body #eliteWebApp .elite-suite-home{width:44px !important;height:44px !important;border-radius:15px !important;padding:7px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-title,
  html:has(#eliteWebApp) body #eliteWebApp .elite-suite-title{font-size:18px !important;max-width:calc(100vw - 150px) !important}
  html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-saved,
  html:has(#eliteWebApp) body #eliteWebApp .elite-suite-saved{display:none !important}
  html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-more,
  html:has(#eliteWebApp) body #eliteWebApp .elite-suite-more{width:44px !important;min-width:44px !important;height:44px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-left,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-left{
    max-width:calc(100vw - 72px) !important;
    height:46px !important;
    min-height:46px !important;
    gap:7px !important;
    scroll-snap-type:x proximity !important;
  }
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right{
    width:62px !important;
    min-width:62px !important;
    max-width:62px !important;
    flex-basis:62px !important;
    height:46px !important;
    min-height:46px !important;
    background:linear-gradient(90deg,rgba(17,10,32,0),rgba(17,10,32,.965) 26%,rgba(17,10,32,.965)) !important;
    box-shadow:-14px 0 20px rgba(17,10,32,.92) !important;
  }
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool,
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar button.tool,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar button.tool{
    flex:0 0 64px !important;
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    height:46px !important;
    min-height:46px !important;
    border-radius:16px !important;
    border:1px solid rgba(255,255,255,.10) !important;
    background:rgba(255,255,255,.065) !important;
    color:rgba(255,255,255,.84) !important;
    padding:5px 4px !important;
    scroll-snap-align:start !important;
  }
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool.active,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool.active{background:linear-gradient(135deg,rgba(54,215,255,.18),rgba(124,92,255,.23),rgba(255,79,216,.13)) !important;color:#fff !important}
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right .tool,
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right button.tool,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right .tool,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right button.tool{flex-basis:54px !important;width:54px !important;min-width:54px !important;max-width:54px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewCanvas,
  html:has(#eliteWebApp) body #eliteWebApp .ewCanvas{padding-top:12px !important;padding-left:10px !important;padding-right:10px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium{border-radius:28px !important;padding:18px !important;gap:15px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroIntro h1,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroIntro h1{font-size:30px !important;line-height:.96 !important;letter-spacing:-.06em !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroIntro p,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroIntro p{font-size:13.5px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewStatus,
  html:has(#eliteWebApp) body #eliteWebApp .ewStatus{min-height:52px !important;border-radius:20px !important;padding:10px 12px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail{min-height:0 !important;padding:17px 12px 15px !important;border-radius:24px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepMeta,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepMeta{margin-bottom:18px !important;font-size:12px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons{gap:2px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:before,
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:after,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:before,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:after{top:25px !important;height:4px !important;left:9% !important;right:9% !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:after,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:after{width:calc(var(--ew-step-progress,0%) * .82) !important;max-width:82% !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail b,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail b{width:42px !important;height:42px !important;font-size:17px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail .is-active b,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail .is-active b{width:50px !important;height:50px !important;font-size:19px !important;margin-top:-4px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail span,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail span{font-size:11px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail em,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail em{font-size:9px !important;max-width:58px !important}
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepHint,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepHint{font-size:11.5px !important;margin-top:14px !important}
}


/* -------------------------------------------------------------
   v1.0.17 Mobile header/toolbar correction
   Keeps the original clean white toolbar/header style while making both fixed.
   Also removes the unwanted floating "Stock Images" dock/chip if it exists.
------------------------------------------------------------- */
html body.elite-ai-website-builder-page #eliteWebApp [data-ew-action="stock-images"],
html:has(#eliteWebApp) body #eliteWebApp [data-ew-action="stock-images"],
html body.elite-ai-website-builder-page #eliteWebApp .ewStockImagesDock,
html:has(#eliteWebApp) body #eliteWebApp .ewStockImagesDock,
html body.elite-ai-website-builder-page #eliteWebApp .ewFloatingStockImages,
html:has(#eliteWebApp) body #eliteWebApp .ewFloatingStockImages,
html body.elite-ai-website-builder-page #eliteWebApp .ewStockImagesFloating,
html:has(#eliteWebApp) body #eliteWebApp .ewStockImagesFloating{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

@media(max-width:760px){
  html body.elite-ai-website-builder-page #eliteWebApp.eliteWebApp,
  html:has(#eliteWebApp) body #eliteWebApp.eliteWebApp{
    --ew-header-h:64px !important;
    --ew-toolbar-h:62px !important;
    padding-top:calc(var(--ew-header-h) + var(--ew-toolbar-h) + env(safe-area-inset-top)) !important;
    background:#f6f7fb !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-topbar.elite-web-suite-header,
  html:has(#eliteWebApp) body #eliteWebApp .elite-suite-topbar.elite-web-suite-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:99990 !important;
    height:calc(var(--ew-header-h) + env(safe-area-inset-top)) !important;
    min-height:calc(var(--ew-header-h) + env(safe-area-inset-top)) !important;
    padding:env(safe-area-inset-top) 14px 0 !important;
    background:rgba(255,255,255,.97) !important;
    color:#0b1220 !important;
    border-bottom:1px solid rgba(15,23,42,.09) !important;
    box-shadow:0 10px 28px rgba(15,23,42,.10) !important;
    backdrop-filter:saturate(180%) blur(18px) !important;
    -webkit-backdrop-filter:saturate(180%) blur(18px) !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-title,
  html:has(#eliteWebApp) body #eliteWebApp .elite-suite-title{
    color:#0b1220 !important;
    text-shadow:none !important;
    font-size:19px !important;
    letter-spacing:-.045em !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-home,
  html:has(#eliteWebApp) body #eliteWebApp .elite-suite-home,
  html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-more,
  html:has(#eliteWebApp) body #eliteWebApp .elite-suite-more{
    background:#fff !important;
    color:#111827 !important;
    border:1px solid rgba(15,23,42,.10) !important;
    box-shadow:0 8px 20px rgba(15,23,42,.08) !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar.elite-web-toolbar,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar.elite-web-toolbar{
    position:fixed !important;
    top:calc(var(--ew-header-h) + env(safe-area-inset-top)) !important;
    left:0 !important;
    right:0 !important;
    z-index:99989 !important;
    height:var(--ew-toolbar-h) !important;
    min-height:var(--ew-toolbar-h) !important;
    padding:7px 8px !important;
    background:rgba(255,255,255,.985) !important;
    color:#111827 !important;
    border-bottom:1px solid rgba(15,23,42,.09) !important;
    box-shadow:0 14px 28px rgba(15,23,42,.10) !important;
    backdrop-filter:saturate(180%) blur(18px) !important;
    -webkit-backdrop-filter:saturate(180%) blur(18px) !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-left,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-left{
    height:48px !important;
    min-height:48px !important;
    gap:8px !important;
    padding:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
    max-width:calc(100vw - 74px) !important;
  }
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-left::-webkit-scrollbar,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-left::-webkit-scrollbar{display:none !important;}

  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right{
    width:62px !important;
    min-width:62px !important;
    max-width:62px !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 !important;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.98) 26%,#fff) !important;
    box-shadow:-12px 0 18px rgba(255,255,255,.95) !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool,
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar button.tool,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar button.tool{
    flex:0 0 68px !important;
    width:68px !important;
    min-width:68px !important;
    max-width:68px !important;
    height:48px !important;
    min-height:48px !important;
    border-radius:17px !important;
    border:1px solid rgba(15,23,42,.11) !important;
    background:#fff !important;
    color:#475467 !important;
    box-shadow:0 7px 18px rgba(15,23,42,.07) !important;
    padding:5px 4px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool.active,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool.active{
    background:linear-gradient(135deg,rgba(1,216,214,.12),rgba(125,95,255,.13),rgba(255,122,245,.10)) !important;
    color:#635bff !important;
    border-color:rgba(125,95,255,.33) !important;
    box-shadow:0 9px 22px rgba(99,102,241,.16), inset 0 0 0 1px rgba(255,255,255,.70) !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .ewIcon,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .ewIcon{
    color:currentColor !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right .tool,
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right button.tool,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right .tool,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right button.tool{
    flex-basis:54px !important;
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewBottomDock,
  html:has(#eliteWebApp) body #eliteWebApp .ewBottomDock{
    grid-template-columns:.62fr 1.1fr .9fr !important;
    background:rgba(255,255,255,.96) !important;
    border-top:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 -15px 35px rgba(15,23,42,.10) !important;
  }
}


/* -------------------------------------------------------------
   v1.0.18 mobile step alignment + bottom dock cleanup
   - keeps the clean white fixed header/toolbar
   - removes any stray Stock Images bottom chip
   - improves step label alignment/readability on mobile
------------------------------------------------------------- */
html body.elite-ai-website-builder-page #eliteWebApp .ewBottomDock,
html:has(#eliteWebApp) body #eliteWebApp .ewBottomDock{
  overflow:visible !important;
}

@media(max-width:760px){
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail{
    padding:16px 10px 14px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons{
    align-items:start !important;
    gap:4px !important;
    padding-top:2px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:before,
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:after,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:before,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:after{
    top:24px !important;
    left:10% !important;
    right:10% !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail button,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail button{
    align-content:start !important;
    justify-items:center !important;
    grid-template-rows:50px auto auto !important;
    gap:6px !important;
    min-height:150px !important;
    padding:0 1px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail b,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail b{
    align-self:start !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail span,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail span{
    display:block !important;
    width:100% !important;
    min-height:24px !important;
    font-size:11px !important;
    line-height:1.05 !important;
    text-align:center !important;
    white-space:normal !important;
    text-wrap:balance !important;
    overflow:visible !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail em,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail em{
    display:block !important;
    width:100% !important;
    min-height:32px !important;
    max-width:70px !important;
    margin:0 auto !important;
    font-size:9.5px !important;
    line-height:1.08 !important;
    text-align:center !important;
    white-space:normal !important;
    text-wrap:balance !important;
    word-break:normal !important;
    overflow:visible !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail .is-active em,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail .is-active em{
    max-width:76px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepHint,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepHint{
    margin-top:10px !important;
    padding-top:2px !important;
    font-size:11px !important;
    line-height:1.2 !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewBottomDock .ewDockBtn,
  html:has(#eliteWebApp) body #eliteWebApp .ewBottomDock .ewDockBtn{
    position:relative !important;
    z-index:1 !important;
  }
}


/* v1.0.19 exact FAB removal — no global scans, no load slowdown */
#elite-stockimages-fab{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
  opacity:0 !important;
}


/* v1.0.20 richer generated website variation, 12-image galleries, page-specific hero backgrounds */
.eliteWebApp .ewGalleryGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.eliteWebApp .ewGeneratedSite .ewGenHero{background-size:cover!important;background-position:center!important;position:relative;isolation:isolate;overflow:hidden}
.eliteWebApp .ewGeneratedSite .ewGenHero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.74),rgba(255,255,255,.48));z-index:-1}
.eliteWebApp .ewStyle-luxury .ewGenNav{background:#0d0a14!important;color:#fff!important}.eliteWebApp .ewStyle-luxury .ewGenBrand span,.eliteWebApp .ewStyle-luxury .ewGenLinks button{color:rgba(255,255,255,.78)!important}.eliteWebApp .ewStyle-luxury .ewGenHero{min-height:560px;background-blend-mode:normal!important;color:#fff!important}.eliteWebApp .ewStyle-luxury .ewGenHero:before{background:linear-gradient(90deg,rgba(8,5,18,.88),rgba(33,15,43,.68),rgba(0,0,0,.22))}.eliteWebApp .ewStyle-luxury .ewGenHero h2,.eliteWebApp .ewStyle-luxury .ewGenHero p{color:#fff!important}.eliteWebApp .ewStyle-luxury .ewGenKicker,.eliteWebApp .ewStyle-luxury .ewGenTrust span{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}
.eliteWebApp .ewStyle-conversion .ewGenHero{grid-template-columns:minmax(0,.92fr) minmax(260px,.72fr)!important;background-color:#07111f!important}.eliteWebApp .ewStyle-conversion .ewGenHero:before{background:linear-gradient(90deg,rgba(7,17,31,.94),rgba(7,17,31,.72),rgba(7,17,31,.34))}.eliteWebApp .ewStyle-conversion .ewGenHero h2,.eliteWebApp .ewStyle-conversion .ewGenHero p{color:#fff!important}.eliteWebApp .ewStyle-conversion .ewGenCta{transform:scale(1.06);box-shadow:0 24px 64px color-mix(in srgb,var(--gp),transparent 52%)!important}.eliteWebApp .ewStyle-conversion .ewGenIconStrip div{background:#0b1220;color:#fff}.eliteWebApp .ewStyle-conversion .ewGenIconStrip span{color:#fff}
.eliteWebApp .ewStyle-service .ewGenNav{background:#fff!important}.eliteWebApp .ewStyle-service .ewGenHero{border-bottom:10px solid var(--gp)}.eliteWebApp .ewStyle-service .ewGenProofCard,.eliteWebApp .ewStyle-service .ewGenServiceCard{border-radius:14px!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important}.eliteWebApp .ewStyle-service .ewGenCta{border-radius:14px!important}
.eliteWebApp .ewStyle-apple .ewGenHero:before{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.82),rgba(255,255,255,.62))}.eliteWebApp .ewStyle-apple .ewGenProofCard,.eliteWebApp .ewStyle-apple .ewGenServiceCard{box-shadow:0 22px 64px rgba(15,23,42,.06)!important;border-color:rgba(15,23,42,.055)!important}
.eliteWebApp .ewTemplate-fullwidth-glass .ewGenHero,.eliteWebApp .ewTemplate-realtor-showcase .ewGenHero,.eliteWebApp .ewTemplate-beauty-luxe .ewGenHero{min-height:540px}.eliteWebApp .ewTemplate-fullwidth-glass .ewGenPhoto,.eliteWebApp .ewTemplate-realtor-showcase .ewGenPhoto,.eliteWebApp .ewTemplate-beauty-luxe .ewGenPhoto{border-radius:34px;box-shadow:0 30px 80px rgba(15,23,42,.22)}
.eliteWebApp .ewTemplate-realtor-showcase .ewGenKicker{background:#ffffff!important;color:#1f2937!important}.eliteWebApp .ewTemplate-realtor-showcase .ewGenProofGrid{background:#f5f1e8!important}.eliteWebApp .ewTemplate-realtor-showcase .ewGenServiceCard{border-radius:8px!important}.eliteWebApp .ewTemplate-beauty-luxe .ewGenHero{border-radius:0 0 54px 54px;background-color:#fff5fb!important}.eliteWebApp .ewTemplate-beauty-luxe .ewGenProofGrid{background:#fff5fb!important}.eliteWebApp .ewTemplate-service-command .ewGenHero{border-radius:0;background-color:#f8fafc!important}.eliteWebApp .ewTemplate-service-command .ewGenServiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.eliteWebApp .ewTemplate-conversion-split .ewGenHero{min-height:520px}.eliteWebApp .ewTemplate-luxury-fullbleed .ewGenHero{min-height:620px}
.eliteWebApp .ewPage-about .ewGenProofGrid{grid-template-columns:1.2fr .8fr 1fr}.eliteWebApp .ewPage-services .ewGenServiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.eliteWebApp .ewPage-contact .ewGenContact{margin-top:24px}.eliteWebApp .ewPage-gallery .ewGalleryGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:760px){.eliteWebApp .ewGalleryGrid,.eliteWebApp .ewTemplate-service-command .ewGenServiceGrid,.eliteWebApp .ewPage-about .ewGenProofGrid,.eliteWebApp .ewPage-services .ewGenServiceGrid{grid-template-columns:1fr!important}.eliteWebApp .ewGeneratedSite .ewGenHero{min-height:auto!important}.eliteWebApp .ewStyle-conversion .ewGenHero{grid-template-columns:1fr!important}}


/* -------------------------------------------------------------
   v1.0.21 compact mobile hero
   Keeps the upgraded hero design but stops it from eating the whole
   mobile viewport. The full premium stepper stays on desktop/tablet.
------------------------------------------------------------- */
@media(max-width:760px){
  html body.elite-ai-website-builder-page #eliteWebApp .ewCanvas,
  html:has(#eliteWebApp) body #eliteWebApp .ewCanvas{
    padding:10px 10px 0 !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium{
    border-radius:22px !important;
    padding:13px !important;
    gap:10px !important;
    min-height:auto !important;
    align-items:start !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewEyebrow,
  html:has(#eliteWebApp) body #eliteWebApp .ewEyebrow{
    font-size:10px !important;
    letter-spacing:.13em !important;
    margin-bottom:7px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroIntro h1,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroIntro h1{
    font-size:25px !important;
    line-height:1.02 !important;
    letter-spacing:-.055em !important;
    max-width:100% !important;
    margin:0 !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroIntro p,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroIntro p{
    font-size:12.5px !important;
    line-height:1.35 !important;
    margin-top:8px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroSide,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroSide{
    gap:9px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStatus,
  html:has(#eliteWebApp) body #eliteWebApp .ewStatus{
    min-height:42px !important;
    height:42px !important;
    border-radius:16px !important;
    padding:7px 10px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStatus b,
  html:has(#eliteWebApp) body #eliteWebApp .ewStatus b{
    font-size:13.5px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStatus span,
  html:has(#eliteWebApp) body #eliteWebApp .ewStatus span{
    width:9px !important;
    height:9px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStatus button,
  html:has(#eliteWebApp) body #eliteWebApp .ewStatus button{
    width:26px !important;
    height:26px !important;
    font-size:20px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail{
    padding:11px 9px 10px !important;
    border-radius:20px !important;
    min-height:auto !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepMeta,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepMeta{
    margin-bottom:10px !important;
    font-size:10.5px !important;
    gap:6px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepPercentWrap,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepPercentWrap{
    font-size:10.5px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepPercentWrap strong,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepPercentWrap strong{
    min-width:36px !important;
    height:25px !important;
    border-radius:9px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons{
    gap:3px !important;
    padding-top:0 !important;
    align-items:start !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:before,
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:after,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:before,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:after{
    top:19px !important;
    left:10% !important;
    right:10% !important;
    height:3px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail button,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail button{
    grid-template-rows:40px auto auto !important;
    min-height:95px !important;
    gap:4px !important;
    padding:0 !important;
    align-content:start !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail button:before,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail button:before{
    display:none !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail b,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail b{
    width:34px !important;
    height:34px !important;
    font-size:15px !important;
    border-width:1.25px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail .is-active b,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail .is-active b{
    width:40px !important;
    height:40px !important;
    font-size:17px !important;
    margin-top:-2px !important;
    box-shadow:0 0 0 4px rgba(124,92,255,.16),0 0 22px rgba(54,215,255,.32),0 10px 22px rgba(77,79,255,.22) !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail span,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail span{
    min-height:auto !important;
    font-size:9.8px !important;
    line-height:1 !important;
    margin:0 !important;
    text-align:center !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail em,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail em{
    min-height:auto !important;
    max-width:60px !important;
    font-size:8px !important;
    line-height:1.05 !important;
    opacity:.72 !important;
    text-align:center !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail .is-active:after,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail .is-active:after{
    display:none !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepHint,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepHint{
    display:none !important;
  }
}


/* -------------------------------------------------------------
   v1.0.22 tighter mobile hero + remove gap under hero
   Makes the hero and stepper smaller and closes the large white gap.
------------------------------------------------------------- */
@media(max-width:760px){
  html body.elite-ai-website-builder-page #eliteWebApp .ewCanvas,
  html:has(#eliteWebApp) body #eliteWebApp .ewCanvas{
    padding:8px 10px 0 !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium{
    padding:12px !important;
    gap:8px !important;
    border-radius:20px !important;
    margin-bottom:8px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroIntro,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroIntro{
    align-self:start !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewEyebrow,
  html:has(#eliteWebApp) body #eliteWebApp .ewEyebrow{
    font-size:9.5px !important;
    margin-bottom:6px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroIntro h1,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroIntro h1{
    font-size:23px !important;
    line-height:1.0 !important;
    letter-spacing:-.055em !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroIntro p,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroIntro p{
    font-size:11.5px !important;
    line-height:1.28 !important;
    margin-top:7px !important;
    -webkit-line-clamp:2 !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroSide,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroSide{
    gap:8px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStatus,
  html:has(#eliteWebApp) body #eliteWebApp .ewStatus{
    min-height:40px !important;
    height:40px !important;
    padding:6px 10px !important;
    border-radius:14px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStatus b,
  html:has(#eliteWebApp) body #eliteWebApp .ewStatus b{
    font-size:12.5px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStatus button,
  html:has(#eliteWebApp) body #eliteWebApp .ewStatus button{
    width:24px !important;
    height:24px !important;
    font-size:18px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail{
    padding:10px 8px 8px !important;
    border-radius:18px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepMeta,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepMeta{
    margin-bottom:8px !important;
    font-size:10px !important;
    gap:5px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepPercentWrap strong,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepPercentWrap strong{
    min-width:34px !important;
    height:23px !important;
    font-size:10px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons{
    gap:2px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:before,
  html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:after,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:before,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:after{
    top:18px !important;
    height:3px !important;
    left:10.5% !important;
    right:10.5% !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail button,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail button{
    grid-template-rows:34px auto auto !important;
    min-height:80px !important;
    gap:3px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail b,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail b{
    width:30px !important;
    height:30px !important;
    font-size:14px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail .is-active b,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail .is-active b{
    width:36px !important;
    height:36px !important;
    font-size:16px !important;
    margin-top:-1px !important;
    box-shadow:0 0 0 3px rgba(124,92,255,.14),0 0 18px rgba(54,215,255,.26),0 8px 18px rgba(77,79,255,.18) !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail span,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail span{
    font-size:9px !important;
    line-height:1 !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail em,
  html:has(#eliteWebApp) body #eliteWebApp .ewStepRail em{
    max-width:52px !important;
    font-size:7px !important;
    line-height:1.05 !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewWorkspace,
  html:has(#eliteWebApp) body #eliteWebApp .ewWorkspace{
    margin-top:8px !important;
    gap:8px !important;
    align-items:start !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewBuilderPanel,
  html:has(#eliteWebApp) body #eliteWebApp .ewBuilderPanel,
  html body.elite-ai-website-builder-page #eliteWebApp .ewPreviewPanel,
  html:has(#eliteWebApp) body #eliteWebApp .ewPreviewPanel{
    margin-top:0 !important;
  }
}


/* -------------------------------------------------------------
   v1.0.23 remove remaining mobile gap under hero
   The mobile builder panel was being pushed down by stacked/sticky
   workspace spacing. Force the workspace to start immediately after
   the hero and disable sticky offset on mobile.
------------------------------------------------------------- */
@media(max-width:760px){
  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium{
    margin-bottom:0 !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewWorkspace,
  html:has(#eliteWebApp) body #eliteWebApp .ewWorkspace{
    display:block !important;
    margin-top:8px !important;
    padding-top:0 !important;
    gap:0 !important;
    min-height:0 !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewBuilderPanel,
  html:has(#eliteWebApp) body #eliteWebApp .ewBuilderPanel{
    position:relative !important;
    top:auto !important;
    margin-top:0 !important;
    transform:none !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewPreviewPanel,
  html:has(#eliteWebApp) body #eliteWebApp .ewPreviewPanel{
    margin-top:10px !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium + .ewWorkspace,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium + .ewWorkspace{
    margin-top:8px !important;
  }
}


/* -------------------------------------------------------------
   v1.0.24 Elite UI light-mode redesign
   Makes the builder match the clean Elite UI theme: white glass,
   soft shadows, purple/cyan accents, consistent toolbar, and
   customer-conversion hero copy.
------------------------------------------------------------- */
html body.elite-ai-website-builder-page #eliteWebApp.eliteWebApp,
html:has(#eliteWebApp) body #eliteWebApp.eliteWebApp{
  --ew-bg:#f6f7fb !important;
  --ew-card:#ffffff !important;
  --ew-text:#0b1020 !important;
  --ew-muted:#5e687a !important;
  --ew-line:rgba(15,23,42,.09) !important;
  --ew-line2:rgba(15,23,42,.06) !important;
  --ew-primary:#6366f1 !important;
  --ew-accent:#06b6d4 !important;
  --ew-pink:#c084fc !important;
  --ew-shadow:0 28px 80px rgba(15,23,42,.10) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 42%,#f6f7fb 100%) !important;
  color:#0b1020 !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-topbar.elite-web-suite-header,
html:has(#eliteWebApp) body #eliteWebApp .elite-suite-topbar.elite-web-suite-header{
  background:rgba(255,255,255,.86) !important;
  color:#0b1020 !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 18px 50px rgba(15,23,42,.08) !important;
  backdrop-filter:blur(18px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(180%) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-title,
html:has(#eliteWebApp) body #eliteWebApp .elite-suite-title{
  color:#0b1020 !important;
  text-shadow:none !important;
  font-weight:780 !important;
  letter-spacing:-.045em !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-saved,
html:has(#eliteWebApp) body #eliteWebApp .elite-suite-saved{
  color:#64748b !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-home,
html:has(#eliteWebApp) body #eliteWebApp .elite-suite-home,
html body.elite-ai-website-builder-page #eliteWebApp .elite-suite-more,
html:has(#eliteWebApp) body #eliteWebApp .elite-suite-more{
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(15,23,42,.10) !important;
  color:#0b1020 !important;
  box-shadow:0 14px 35px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar.elite-web-toolbar,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar.elite-web-toolbar{
  background:rgba(255,255,255,.92) !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 10px 26px rgba(15,23,42,.06) !important;
  backdrop-filter:blur(18px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(180%) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right{
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.94) 22%,rgba(255,255,255,.96)) !important;
  box-shadow:-14px 0 20px rgba(255,255,255,.96) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool,
html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar button.tool,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar button.tool{
  background:#fff !important;
  color:#374151 !important;
  border:1px solid rgba(15,23,42,.09) !important;
  box-shadow:0 7px 18px rgba(15,23,42,.07) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool span:not(.el2SvgIcon):not(.eiToolIcon):not(.ewIcon),
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool span:not(.el2SvgIcon):not(.eiToolIcon):not(.ewIcon){
  color:#374151 !important;
  font-weight:760 !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool svg,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool svg{
  stroke:#6366f1 !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar .tool.active,
html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar .tool.active{
  background:linear-gradient(135deg,rgba(6,182,212,.10),rgba(99,102,241,.11),rgba(192,132,252,.10)) !important;
  color:#4f46e5 !important;
  border-color:rgba(99,102,241,.28) !important;
  box-shadow:0 10px 24px rgba(99,102,241,.14), inset 0 0 0 1px rgba(255,255,255,.75) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium,
html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium{
  color:#0b1020 !important;
  background:
    radial-gradient(520px 360px at 88% 6%,rgba(125,211,252,.38),transparent 68%),
    radial-gradient(460px 340px at 10% 0%,rgba(192,132,252,.30),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92)) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 28px 80px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium:before,
html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium:before{
  background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px) !important;
  background-size:44px 44px !important;
  opacity:.60 !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium:after,
html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium:after{
  background:rgba(14,165,233,.22) !important;
  filter:blur(70px) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewEyebrow,
html:has(#eliteWebApp) body #eliteWebApp .ewEyebrow{
  color:#64748b !important;
  font-weight:760 !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewHeroIntro h1,
html:has(#eliteWebApp) body #eliteWebApp .ewHeroIntro h1{
  color:#0b1020 !important;
  font-weight:760 !important;
  letter-spacing:-.068em !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewHeroIntro p,
html:has(#eliteWebApp) body #eliteWebApp .ewHeroIntro p{
  color:#5e687a !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewStatus,
html:has(#eliteWebApp) body #eliteWebApp .ewStatus{
  color:#0b1020 !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(15,23,42,.09) !important;
  box-shadow:0 14px 35px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewStatus button,
html:has(#eliteWebApp) body #eliteWebApp .ewStatus button{
  color:#64748b !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail,
html:has(#eliteWebApp) body #eliteWebApp .ewStepRail{
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 24px 65px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewStepMeta,
html:has(#eliteWebApp) body #eliteWebApp .ewStepMeta,
html body.elite-ai-website-builder-page #eliteWebApp .ewStepCountWrap,
html body.elite-ai-website-builder-page #eliteWebApp .ewStepPercentWrap,
html:has(#eliteWebApp) body #eliteWebApp .ewStepCountWrap,
html:has(#eliteWebApp) body #eliteWebApp .ewStepPercentWrap{
  color:#475569 !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewStepPercentWrap strong,
html:has(#eliteWebApp) body #eliteWebApp .ewStepPercentWrap strong{
  background:#fff !important;
  color:#0b1020 !important;
  border:1px solid rgba(15,23,42,.10) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewStepButtons:before,
html:has(#eliteWebApp) body #eliteWebApp .ewStepButtons:before{
  background:#e5e7eb !important;
  box-shadow:none !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail b,
html:has(#eliteWebApp) body #eliteWebApp .ewStepRail b{
  background:#fff !important;
  color:#64748b !important;
  border-color:rgba(99,102,241,.22) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail .is-active b,
html:has(#eliteWebApp) body #eliteWebApp .ewStepRail .is-active b,
html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail .is-done b,
html:has(#eliteWebApp) body #eliteWebApp .ewStepRail .is-done b{
  background:linear-gradient(135deg,#06b6d4,#6366f1,#c084fc) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.8) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail span,
html:has(#eliteWebApp) body #eliteWebApp .ewStepRail span{
  color:#111827 !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewStepRail em,
html:has(#eliteWebApp) body #eliteWebApp .ewStepRail em,
html body.elite-ai-website-builder-page #eliteWebApp .ewStepHint,
html:has(#eliteWebApp) body #eliteWebApp .ewStepHint{
  color:#64748b !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewBuilderPanel,
html body.elite-ai-website-builder-page #eliteWebApp .ewPreviewPanel,
html:has(#eliteWebApp) body #eliteWebApp .ewBuilderPanel,
html:has(#eliteWebApp) body #eliteWebApp .ewPreviewPanel{
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 22px 60px rgba(15,23,42,.08) !important;
}

html body.elite-ai-website-builder-page #eliteWebApp .ewBottomDock,
html:has(#eliteWebApp) body #eliteWebApp .ewBottomDock{
  background:rgba(255,255,255,.94) !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 -16px 44px rgba(15,23,42,.10) !important;
}

@media(max-width:760px){
  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar.elite-web-toolbar,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar.elite-web-toolbar{
    background:rgba(255,255,255,.94) !important;
    border-bottom:1px solid rgba(15,23,42,.08) !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .elite-toolbar-right,
  html:has(#eliteWebApp) body #eliteWebApp .elite-toolbar-right{
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95) 22%,rgba(255,255,255,.96)) !important;
    box-shadow:-14px 0 20px rgba(255,255,255,.96) !important;
  }

  html body.elite-ai-website-builder-page #eliteWebApp .ewHeroPremium,
  html:has(#eliteWebApp) body #eliteWebApp .ewHeroPremium{
    border-radius:20px !important;
  }
}


/* v1.0.25 business content / media / form sections */
.eliteWebApp .ewGenDynamicForm{display:grid;gap:10px}.eliteWebApp .ewGenField{display:grid;gap:6px}.eliteWebApp .ewGenField span{font-size:12px;font-weight:900;color:#344054}.eliteWebApp .ewGenField input,.eliteWebApp .ewGenField textarea{width:100%;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.88);border-radius:14px;padding:13px 14px;color:#0b1220}.eliteWebApp .ewGenField textarea{min-height:104px}.eliteWebApp .ewVideoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 clamp(18px,4vw,56px) clamp(18px,4vw,56px)}.eliteWebApp .ewVideoEmbed{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#0b1020;box-shadow:0 18px 45px rgba(15,23,42,.12)}.eliteWebApp .ewVideoEmbed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.eliteWebApp .ewGoogleReviewCard .ewGenCta{display:inline-flex;margin-top:12px;text-decoration:none}.eliteWebApp .ewTabsContent textarea#ewYoutubeVideos,.eliteWebApp .ewTabsContent textarea#ewContactFields,.eliteWebApp .ewTabsContent textarea#ewFaqInput{min-height:82px}@media(max-width:850px){.eliteWebApp .ewVideoGrid{grid-template-columns:1fr;padding:0 14px 20px}.eliteWebApp .ewVideoEmbed{border-radius:18px}}


/* v1.0.26 launch flow, drafts, and user-facing publish cards */
.eliteWebApp .ewOptionPrimary{
  border-color:rgba(99,102,241,.30)!important;
  background:linear-gradient(135deg,rgba(6,182,212,.10),rgba(99,102,241,.10),rgba(192,132,252,.10))!important;
}
.eliteWebApp .ewDomainChoices{display:grid;gap:10px;margin-top:12px}
.eliteWebApp .ewPaidDns{display:grid;gap:8px;margin-top:12px}
.eliteWebApp .ewDraftsBox{
  margin-top:12px;padding:12px;border:1px solid rgba(15,23,42,.09);border-radius:18px;background:#f8fafc;display:grid;gap:8px
}
.eliteWebApp .ewDraftsBox[hidden]{display:none!important}
.eliteWebApp .ewDraftItem{
  width:100%;border:1px solid rgba(15,23,42,.09);border-radius:14px;background:#fff;padding:10px;text-align:left;display:grid;gap:3px;color:#0b1020
}
.eliteWebApp .ewDraftItem strong{font-size:13px}
.eliteWebApp .ewDraftItem span{font-size:11px;color:#64748b}


/* v1.0.29 live customer site uses the same generated preview classes as builder */
.elite-live-shell .eliteWebApp .ewGeneratedSite{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.elite-live-shell .ewGenLinks a{text-decoration:none;color:#111827;font-size:12px;font-weight:900}
.elite-live-shell .ewGenLinks a.is-active{background:#0b1020;color:#fff}
.elite-live-shell .ewGenNav a.ewGenBrand{text-decoration:none;color:#0b1220}
.elite-live-shell .ewGenFooter{padding-left:max(22px,calc((100vw - 1180px)/2));padding-right:max(22px,calc((100vw - 1180px)/2))}
@media(max-width:760px){
  .elite-live-shell .ewGenFooter{padding-left:14px!important;padding-right:14px!important}
}

/* v1.0.30 exact saved builder preview can be rendered live */


/* v1.0.31 live preview must visually match builder preview */
.elite-live-shell{background:#f6f7fb!important;min-height:100vh!important;padding:0!important}
.elite-live-shell .eliteWebApp{background:#f6f7fb!important;min-height:100vh!important;padding:0!important}
.elite-live-shell .ewGeneratedSite{max-width:1120px!important;margin:0 auto!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;background:#fff!important}
.elite-live-shell .ewGenHero,.elite-live-shell .ewGenIconStrip,.elite-live-shell .ewGenProofGrid,.elite-live-shell .ewGenServices,.elite-live-shell .ewGallerySection,.elite-live-shell .ewVideoSection,.elite-live-shell .ewReviewsSection,.elite-live-shell .ewFaqSection{padding-left:22px!important;padding-right:22px!important}
.elite-live-shell .ewGenNav{padding-left:22px!important;padding-right:22px!important}
.elite-live-shell .ewStyle-luxury .ewGenLinks a{color:rgba(255,255,255,.78)!important}.elite-live-shell .ewStyle-luxury .ewGenBrand b{color:#fff!important}.elite-live-shell .ewStyle-luxury .ewGenBrand span{color:rgba(255,255,255,.78)!important}
.elite-live-shell .ewStyle-luxury .ewGenLinks a.is-active,.elite-live-shell .ewStyle-luxury .ewGenLinks a:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}
.elite-live-shell .ewStyle-conversion .ewGenNav{background:#0b1220!important;color:#fff!important}.elite-live-shell .ewStyle-conversion .ewGenBrand b{color:#fff!important}.elite-live-shell .ewStyle-conversion .ewGenBrand span,.elite-live-shell .ewStyle-conversion .ewGenLinks a{color:rgba(255,255,255,.78)!important}
.elite-live-shell .ewStyle-conversion .ewGenLinks a.is-active,.elite-live-shell .ewStyle-conversion .ewGenLinks a:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}
.elite-live-shell [data-ew-action="replace-image"],.elite-live-shell .ewGenPhoto button,.elite-live-shell .ewGenServicePhoto button,.elite-live-shell .ewFooterBrand button{display:none!important}
@media(max-width:760px){.elite-live-shell .ewGeneratedSite{max-width:none!important}.elite-live-shell .ewGenHero,.elite-live-shell .ewGenIconStrip,.elite-live-shell .ewGenProofGrid,.elite-live-shell .ewGenServices,.elite-live-shell .ewGallerySection,.elite-live-shell .ewVideoSection,.elite-live-shell .ewReviewsSection,.elite-live-shell .ewFaqSection{padding-left:14px!important;padding-right:14px!important}.elite-live-shell .ewGenNav{padding-left:14px!important;padding-right:14px!important}}


/* v1.0.33 exact live snapshot: preserve generated hero color/layout from saved builder preview */
.elite-live-shell .ewGeneratedSite[style*="--gp"]{--gp:inherit}
.elite-live-shell .ewGenLinks a{text-decoration:none}
.elite-live-shell .ewGenLinks a.is-active{background:rgba(124,92,255,.24);color:inherit}
.elite-live-shell .ewTemplate-fullwidth-glass .ewGenLinks a.is-active,
.elite-live-shell .ewTemplate-luxury-fullbleed .ewGenLinks a.is-active,
.elite-live-shell .ewStyle-luxury .ewGenLinks a.is-active{background:rgba(255,255,255,.14);color:#fff}


/* v1.0.34 mobile generated-site nav contrast fix
   Prevents white text on white pills in mobile preview/live snapshots. */
@media(max-width:760px){
  .eliteWebApp .ewGeneratedSite .ewGenLinks a,
  .eliteWebApp .ewGeneratedSite .ewGenLinks button,
  .elite-live-shell .ewGeneratedSite .ewGenLinks a,
  .elite-live-shell .ewGeneratedSite .ewGenLinks button{
    background:#ffffff !important;
    color:#0b1020 !important;
    border:1px solid rgba(15,23,42,.10) !important;
    box-shadow:0 8px 20px rgba(15,23,42,.10) !important;
    text-shadow:none !important;
  }

  .eliteWebApp .ewGeneratedSite .ewGenLinks a.is-active,
  .eliteWebApp .ewGeneratedSite .ewGenLinks button.is-active,
  .elite-live-shell .ewGeneratedSite .ewGenLinks a.is-active,
  .elite-live-shell .ewGeneratedSite .ewGenLinks button.is-active{
    background:#0b1020 !important;
    color:#ffffff !important;
    border-color:#0b1020 !important;
    box-shadow:0 10px 24px rgba(11,16,32,.22) !important;
  }

  .eliteWebApp .ewGeneratedSite .ewGenLinks a:hover,
  .eliteWebApp .ewGeneratedSite .ewGenLinks button:hover,
  .elite-live-shell .ewGeneratedSite .ewGenLinks a:hover,
  .elite-live-shell .ewGeneratedSite .ewGenLinks button:hover{
    color:#ffffff !important;
    background:#0b1020 !important;
  }
}

/* Extra specificity for dark hero/template variants on mobile */
@media(max-width:760px){
  .eliteWebApp .ewTemplate-luxury-fullbleed .ewGenLinks a:not(.is-active),
  .eliteWebApp .ewTemplate-luxury-fullbleed .ewGenLinks button:not(.is-active),
  .eliteWebApp .ewTemplate-fullwidth-glass .ewGenLinks a:not(.is-active),
  .eliteWebApp .ewTemplate-fullwidth-glass .ewGenLinks button:not(.is-active),
  .elite-live-shell .ewTemplate-luxury-fullbleed .ewGenLinks a:not(.is-active),
  .elite-live-shell .ewTemplate-luxury-fullbleed .ewGenLinks button:not(.is-active),
  .elite-live-shell .ewTemplate-fullwidth-glass .ewGenLinks a:not(.is-active),
  .elite-live-shell .ewTemplate-fullwidth-glass .ewGenLinks button:not(.is-active){
    background:#ffffff !important;
    color:#0b1020 !important;
  }
}