/* ELEVATE / SITEPILOT — Neon Studio design system, v1. Authored 2026-10-28.
   Presentation only. Existing site content, owner permissions, editing and Stripe flows remain unchanged. */
:root{
  --en-ink:#050b1c;--en-panel:#111c37;--en-panel-2:#192847;
  --en-cyan:#32dcff;--en-blue:#177fff;--en-pink:#ff4bd8;--en-violet:#a467ff;
  --en-white:#f6fbff;--en-border:#42638c;--en-glow:0 16px 45px #0009;
  --en-edge:linear-gradient(120deg,#29dafa,#915dff 55%,#ff49c5);
  color-scheme:dark;
}
html{scroll-behavior:smooth}
body{
  background:radial-gradient(ellipse at 81% 8%,#07376799,transparent 33%),
             radial-gradient(ellipse at 3% 48%,#53106766,transparent 29%),
             linear-gradient(165deg,#060a1b,#0b1630 48%,#050b1e 100%);
  background-attachment:fixed;
  color:var(--en-white);
}
a,button,input,textarea,select{outline-offset:3px}
:focus-visible{outline:3px solid var(--en-cyan)!important;outline-offset:3px}
::selection{background:#ef48db;color:#070c1c}
.top,.nav,.shop-nav{border-bottom-color:#31ceff66!important}
header.nav,header.top{
  background:linear-gradient(115deg,#071023f5,#10224be8 50%,#170b2ff5)!important;
  box-shadow:0 4px 0 #35caff18,0 14px 36px #0004;
}
.top .brand,.nav .brand,.mark,.logo{letter-spacing:-.045em!important;font-weight:950!important}
.top .brand strong,.brand span,.mark strong,.logo span{color:var(--en-cyan)!important}
.top nav a:hover,.navlinks a:hover,.shop-nav nav a:hover{background:#2ad6fb20!important;border-color:#36d9f854}
a:not(.button):hover{text-decoration-color:var(--en-pink)}
.eyebrow,.shop-kicker,.sub,.mini,.jo-label{color:var(--en-cyan)!important;letter-spacing:.15em;font-weight:850}
.hero,.shop-heading,.intro{
  position:relative;isolation:isolate;
}
.hero{
  overflow:hidden;
  background:
   radial-gradient(ellipse at 79% 39%,#128bff42,transparent 40%),
   radial-gradient(ellipse at 17% 15%,#ba1aa735,transparent 46%),
   linear-gradient(155deg,#050c1d,#0c1b3a 63%,#08091e)!important;
  border-bottom:1px solid #30c9ff51;
}
.hero::before,.shop-heading::before,.intro::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  inset:0;
  background:repeating-linear-gradient(120deg,transparent 0 100px,#36dcff12 101px 103px,transparent 104px 178px),
             radial-gradient(circle at 92% 33%,transparent 0 160px,#ff47d816 161px 164px,transparent 165px 220px);
  opacity:.82;
}
.hero::after{
  content:"";pointer-events:none;position:absolute;right:-120px;top:15%;
  width:min(47vw,490px);height:150px;transform:rotate(-19deg);
  background:linear-gradient(90deg,transparent,#ff46c219 32%,#31d7ff3b 70%,transparent);
  filter:blur(16px);z-index:-1;
}
.hero .pill,.shop-highlights span,.offer .saving{
  background:linear-gradient(110deg,#0a3657df,#39165b9c)!important;
  border:1px solid #44dcff8c!important;
  color:#effbff!important;box-shadow:0 0 24px #00caff1d;
  text-transform:uppercase;letter-spacing:.09em;
}
.hero h1,.shop-heading h1,.intro h1{
  font-weight:950;line-height:1.02;text-wrap:balance;
  letter-spacing:-.07em;
  text-shadow:0 5px 32px #0008;
}
.hero h1 em,.hero h1 strong,.shop-heading .accent-gradient,.intro h1 em{
  font-style:normal;color:var(--en-cyan)!important;
  background:linear-gradient(125deg,#4eeeff 10%,#64b6ff 46%,#fd56d7 90%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.lead,.hero .lead,.intro>p:not(.eyebrow){color:#d4e5f6!important}
.button,.btn,.shop-product-actions .shop-buy,.offer>a,.interest-form button,
.panel form button,.action,.publish,.jo-btn:not(.secondary):not(.danger){
  border:1px solid #74ecff!important;border-radius:13px!important;
  background:linear-gradient(108deg,#20d5ff,#25a2fe 61%,#7068ff)!important;
  color:#051028!important;font-weight:950!important;
  box-shadow:0 7px 0 #050b22,0 12px 26px #16aefd3d;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.button:hover:not(:disabled),.btn:hover:not(:disabled),.interest-form button:hover:not(:disabled),
.shop-product-actions .shop-buy:hover,.offer>a:hover{
  transform:translateY(-2px)!important;filter:brightness(1.1);
  box-shadow:0 8px 0 #050b22,0 17px 32px #16aefd57;
}
.button.secondary,.btn.secondary,.jo-btn.secondary{
  color:var(--en-white)!important;background:#152544ee!important;
  border-color:#9c5dffad!important;box-shadow:none!important;
}
.section{position:relative}
.section:nth-of-type(odd):not(.hero){background:linear-gradient(140deg,#090f2466,#1b123366,#08122577)}
.section h2,.shop-help h2,.signup h2,.plans h2,.how h2{
  font-weight:950;letter-spacing:-.055em;line-height:1.13;
}
.section h2::after,.shop-heading h1::after,.signup h2::after{
  content:"";display:block;margin-top:13px;width:90px;height:6px;border-radius:8px;
  background:linear-gradient(90deg,var(--en-pink),var(--en-cyan));
  transform:skew(-26deg);box-shadow:0 0 17px #ff48dd81;
}
.cards,.shop-products,.features,.gallery{gap:19px}
.card,.panel-card,.features article,.plan-grid article,.shop-product,.shop-basket,
.shop-embedded,.locationbox,.photo,.controls,.site-card,.panel,.visual-studio{
  background:linear-gradient(155deg,#182948e8,#10182feb 66%,#190e32dd)!important;
  border:1px solid #4376a0!important;
  border-radius:22px!important;
  box-shadow:0 16px 38px #02071578, inset 0 1px 0 #ffffff10;
}
.card,.shop-product,.features article,.photo{position:relative;overflow:hidden}
.card::before,.shop-product::before,.features article::before,.photo::before{
  content:"";position:absolute;inset:0 0 auto;height:3px;
  background:var(--en-edge);opacity:.9;pointer-events:none;
}
.card:hover,.shop-product:hover,.features article:hover,.photo:hover{
  border-color:var(--en-cyan)!important;
  box-shadow:0 0 0 1px #1fd5ff4c,0 18px 42px #0009,0 0 27px #168cf12b!important;
}
.card h3,.shop-product h3,.panel-card h2{color:var(--en-white);font-weight:900}
.card-link,.backlink,.shop-detail-link,.subtle-link{color:var(--en-cyan)!important;text-underline-offset:4px}
.shop-product .tag,.shop-kicker{color:#fc9ce8!important}
.shop-product .price,.shop-basket .basket-total strong:last-child{color:var(--en-cyan)!important}
.shop-product .product-symbol{border-color:#30d9ff69!important;box-shadow:inset 0 0 45px #14aeff2c}
.shop-product .product-symbol.social{background:radial-gradient(circle at 50% 70%,#8a2ba877,#0e1835 80%)}
.shop-product .product-symbol.digital{background:radial-gradient(circle at 50% 70%,#0ca8b777,#0e1835 80%)}
.shop-note,.muted,.mini,.hint{color:#bfd2e7}
.panel-body .tabs,.visual-segment,.toggle{border-color:#36d0ff66}
.panel-body .tab,.tab,.toggle button,.visual-segment button{border-color:#5171a0}
.panel-body .tab.active,.tab.active,.toggle button.chosen,.visual-segment button.selected{
  background:linear-gradient(112deg,#37dcff,#a36aff)!important;color:#051326!important;
  border-color:#80e9ff!important;box-shadow:0 8px 28px #2bb5ff45!important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea,select,
.field,.interest-form input:not([type=checkbox]),.interest-form textarea,.interest-form select{
  background:#0b1730!important;color:#f1f8ff!important;border:1px solid #5c78ab!important;
  border-radius:12px!important;
}
input:focus,textarea:focus,select:focus{border-color:var(--en-cyan)!important;box-shadow:0 0 0 3px #21c5ff26}
.notice,.status,.safe,.shop-secure,.wordpress-quick{
  border-color:#34caff73!important;
  background:linear-gradient(125deg,#092e4bdc,#1a244be8)!important;
}
.visual-preview-wrap,.visual-preview,.visual-form,.preview-shell,.controls,.panel-heading{
  border-color:#4d81ad!important;
}
.visual-studio .visual-preview{box-shadow:0 20px 60px #000c,0 0 22px #128efd54!important}
.visual-studio .visual-preview-nav{background:linear-gradient(90deg,#071d34,#241342)!important}
.visual-studio .visual-block.selected{background:#142e4e!important;outline-color:var(--en-cyan)}
.visual-preview-strip{background:linear-gradient(100deg,#0b4362,#42164e)!important}
.visual-hint{color:var(--en-cyan)!important}
.visual-studio{background:linear-gradient(142deg,#10294a,#13142f 70%,#1c0d2e)!important}
.visual-studio::before{content:"DESIGN STUDIO  ✦  SITEPILOT";display:block;color:var(--en-pink);font-size:.74rem;font-weight:900;letter-spacing:.18em;margin-bottom:12px}
.sample-hero{background:radial-gradient(circle at 100% 10%,#a048df33,transparent 62%),var(--page)!important}
.sample [data-edit].active{outline-color:var(--en-pink)!important}
.draft-state{color:var(--en-cyan)}
/* Flyer-inspired live home hero: device card inserted by the nonprivileged presentation script. */
#app.neon-home .hero .shell{max-width:1260px;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,430px);gap:11px 48px;align-items:center;position:relative;z-index:2}
#app.neon-home .hero .shell>.pill{justify-self:start}
#app.neon-home .hero .shell>.pill,
#app.neon-home .hero .shell>h1,
#app.neon-home .hero .shell>.lead,
#app.neon-home .hero .shell>.actions{grid-column:1}
#app.neon-home .hero .shell>h1{font-size:clamp(2.6rem,5.4vw,5.4rem);line-height:1.01;margin:10px 0}
#app.neon-home .hero .shell>.lead{margin:0}
#app.neon-home .hero .shell>.actions{margin:18px 0}
.en-hero-stage{grid-column:2;grid-row:1/span 4;position:relative;display:grid;place-items:center;min-height:510px}
.en-device-wrap{transform:rotate(5deg);filter:drop-shadow(0 30px 30px #000a)}
.en-phone{
  position:relative;width:min(100%,340px);margin:auto;padding:19px 14px 24px;
  background:linear-gradient(145deg,#27354f,#04080e 42%,#161528);
  border:5px solid #526b84;border-radius:49px;
  box-shadow:0 0 0 3px #142338,0 0 0 5px #39caff4e,inset 0 0 18px #fff4;
}
.en-phone::before{content:"";position:absolute;z-index:2;top:5px;left:36%;width:29%;height:15px;border-radius:0 0 16px 16px;background:#01030b}
.en-phone-screen{
 background:linear-gradient(150deg,#071c33,#0e1730 62%,#1f143c);min-height:415px;
 border-radius:32px;padding:32px 16px 16px;overflow:hidden;
}
.en-phone-title{font-size:clamp(1.5rem,2.1vw,1.93rem);font-weight:950;letter-spacing:-.07em;text-align:center;line-height:1}
.en-phone-title span{color:var(--en-cyan)}
.en-phone-sub{text-align:center;color:#b6cee6;letter-spacing:.16em;font-size:.65rem;font-weight:900;margin:8px 0 19px}
.en-device-control{display:flex;align-items:center;gap:11px;margin:9px 0;padding:11px 13px;
  background:#f5faff;color:#0d1832;border-radius:12px;box-shadow:0 4px 8px #0003;font-size:.82rem;font-weight:800}
.en-device-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
  border-radius:9px;background:#138df9;color:white;font-size:1.05rem}
.en-device-control:nth-of-type(2) .en-device-icon{background:#09c99f}
.en-device-control:nth-of-type(3) .en-device-icon{background:#923fff}
.en-device-control:nth-of-type(4) .en-device-icon{background:#ff4aac}
.en-device-cta{display:block;text-decoration:none;text-align:center;color:#041528!important;
  border-radius:12px;padding:12px 7px;background:#26dfff!important;font-size:.84rem;font-weight:950;margin-top:16px}
.en-flyer-sticker{position:absolute;z-index:4;pointer-events:none;color:#090b1e;
  background:var(--en-pink);padding:12px 21px;clip-path:polygon(4% 5%,97% 0,100% 85%,0 100%);
  font-size:1.28rem;line-height:1.05;text-align:center;font-weight:1000;transform:rotate(-12deg);
  text-transform:uppercase;box-shadow:0 10px 20px #000a}
.en-flyer-sticker.top{left:-18px;top:42px;transform:rotate(-12deg);background:var(--en-cyan)}
.en-flyer-sticker.bottom{right:-22px;bottom:47px;transform:rotate(8deg)}
.en-orbit{position:absolute;width:340px;height:340px;border:2px solid #ff41e45e;box-shadow:0 0 60px #0bd2ff21;border-radius:50%;transform:rotate(20deg) scaleX(1.15);pointer-events:none}
.en-flash{position:absolute;width:150px;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--en-pink),var(--en-cyan));box-shadow:0 0 22px #19d0ff;transform:rotate(-26deg);left:-45px;bottom:88px}
.en-hero-strap{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}
.en-hero-strap span{font-size:.73rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
 border:1px solid #50a5e580;background:#091c35ba;border-radius:10px;padding:8px 12px;color:#c7f8ff}
.en-hero-strap span:nth-child(even){border-color:#fb5ae287;color:#ffe4f7}
.en-home-demo{
  display:flex;gap:18px;align-items:center;justify-content:space-between;
  padding:19px 22px;border:1px solid #4bdef9a6;border-radius:17px;
  background:linear-gradient(100deg,#112a50,#251336 75%);margin-top:18px;
  box-shadow:0 8px 30px #0006;flex-wrap:wrap}
.en-home-demo strong{font-size:clamp(1.08rem,2vw,1.5rem);letter-spacing:-.03em}
.en-home-demo span{color:#d4e9f3;font-size:.9rem;display:block;margin-top:4px}
.en-home-demo .button{font-size:.9rem}
@media (max-width:950px){
 #app.neon-home .hero .shell{grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:12px 22px}
 .en-phone{width:min(100%,275px)}.en-hero-stage{min-height:435px}
 .en-phone-screen{min-height:385px}.en-flyer-sticker{font-size:1rem}.en-orbit{width:270px;height:270px}
}
@media (max-width:730px){
 #app.neon-home .hero .shell{display:flex;flex-direction:column;align-items:stretch;gap:14px}
 #app.neon-home .hero .shell>.pill{align-self:flex-start}
 #app.neon-home .hero .shell>h1{font-size:clamp(2.35rem,10vw,4.6rem);margin:0;max-width:100%}
 #app.neon-home .hero .shell>.lead{font-size:1rem}
 #app.neon-home .hero .shell>.actions{margin:4px 0}
 .en-hero-stage{order:4;min-height:420px;padding:22px 0 16px}
 .en-device-wrap{transform:rotate(3deg)}
 .en-flyer-sticker.top{left:max(5px,calc(50% - 190px));top:44px}
 .en-flyer-sticker.bottom{right:max(1px,calc(50% - 192px));bottom:24px}
 .en-flash{left:7%;bottom:77px}.en-hero-strap{order:5;gap:7px;margin-top:0}
 .en-hero-strap span{font-size:.67rem;padding:8px 10px}
 .en-home-demo{padding:16px}
 .en-home-demo .button{width:100%;text-align:center}
 .hero::after{right:0}
 .card:hover,.shop-product:hover{transform:none!important}
}
@media(max-width:400px){
 .en-phone{width:min(90%,260px)}
 .en-phone-screen{padding:27px 12px 12px;min-height:380px}
 .en-phone-title{font-size:1.5rem}.en-device-control{font-size:.75rem}
 .en-hero-stage{min-height:410px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
 .button:hover:not(:disabled),.btn:hover:not(:disabled){transform:none!important}
}
/* Keep low-priority customer actions distinguishable from pay/publish actions. */
.panel form button.quiet,.panel form button.auth-back,.panel .quiet{
  background:#233152!important;color:#eef8ff!important;
  border:1px solid #996ef0!important;box-shadow:none!important;
}
.panel form button.quiet:hover,.panel .quiet:hover{background:#384171!important}

/* Official Elevate Digital Studios identity (2026-10-28)
   Responsive vector artwork derived from the approved chrome and neon concept. */
.en-brand-image{
 display:block;object-fit:contain;object-position:left center;
 width:auto;max-width:min(290px,72vw);height:56px;
 filter:drop-shadow(0 0 8px #19cbff44);
}
.en-brand-product{max-width:min(278px,72vw);height:55px}
.brand:has(.en-brand-image),.logo:has(.en-brand-image),.mark:has(.en-brand-image){
 display:inline-flex!important;align-items:center!important;min-width:0;
 max-width:100%;text-decoration:none!important;
}
.brand.sp-brand .sp-logo-text{
 display:inline-flex;align-items:center;max-width:100%;
}
.brand.sp-brand .sp-logo-text .en-brand-image{max-width:min(290px,72vw)}
header.top .en-brand-image,header.nav .en-brand-image{height:52px}
header.nav .en-brand-product{height:50px}
.shop-nav .brand .en-brand-image{height:56px}
.jo-wrap a.brand img.en-brand-image{max-width:240px}
@media(max-width:690px){
 header.top .en-brand-image,header.nav .en-brand-image,
 .top .nav .en-brand-image{height:42px;max-width:min(270px,78vw)}
 header.nav .en-brand-product{height:43px}
 .shop-nav .brand .en-brand-image{height:48px}
}
@media(max-width:370px){
 header.top .en-brand-image,header.nav .en-brand-image{height:38px;max-width:245px}
}