:root{
  --ink:#17122b; --muted:#5c5675; --bg:#fbfaff; --card:#fff;
  --violet:#6d28d9; --violet2:#8b5cf6; --pink:#ec4899; --orange:#f97316; --amber:#f59e0b;
  --teal:#0d9488; --green:#16a34a; --blue:#2563eb;
  --grad:linear-gradient(92deg,#6d28d9,#ec4899 55%,#f97316);
  --grad-warm:linear-gradient(92deg,#f59e0b,#ec4899);
  --shadow:0 20px 45px -18px rgba(76,29,149,.35);
  --radius:22px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}
h1,h2,h3{font-family:'Sora','Plus Jakarta Sans',sans-serif;letter-spacing:-.02em}
a{text-decoration:none;color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
button,input,textarea{font-family:inherit}

/* animated background blobs */
.bg-blobs{position:fixed;inset:0;z-index:-1;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:drift 18s ease-in-out infinite alternate}
.b1{width:480px;height:480px;background:#ddd6fe;top:-160px;left:-120px}
.b2{width:420px;height:420px;background:#fbcfe8;top:10%;right:-140px;animation-delay:-6s}
.b3{width:380px;height:380px;background:#fed7aa;bottom:-160px;left:34%;animation-delay:-11s}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(50px,36px) scale(1.1)}}

/* nav */
.nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:26px;padding:14px 26px;background:rgba(251,250,255,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(109,40,217,.1)}
.logo{display:flex;align-items:center;gap:10px;font-family:'Sora';font-weight:800;font-size:22px}
.logo-mark{width:38px;height:38px;border-radius:11px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:21px;box-shadow:0 8px 18px -6px rgba(236,72,153,.6);transform:rotate(-4deg)}
.logo-text em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links{display:flex;gap:22px;margin-left:14px;font-weight:600;color:var(--muted)}
.nav-links a:hover{color:var(--violet)}
.nav-cta{margin-left:auto;display:flex;gap:10px;align-items:center}
.nav-burger{display:none;margin-left:auto;background:none;border:none;font-size:24px;cursor:pointer}
@media(max-width:840px){.nav-links,.nav .btn-ghost{display:none}.nav-burger{display:block}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:999px;font-weight:700;font-size:15px;border:2px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 26px -10px rgba(236,72,153,.65)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 32px -10px rgba(236,72,153,.7)}
.btn-outline{border-color:#ddd3f5;color:var(--violet);background:#fff}
.btn-outline:hover{border-color:var(--violet2);transform:translateY(-2px)}
.btn-ghost{color:var(--ink)}
.btn-ghost:hover{background:#f0eafd}
.btn-white{background:#fff;color:var(--violet)}
.btn-lg{padding:15px 28px;font-size:17px}
.wfull{width:100%}

/* hero */
.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:34px;align-items:center;padding:64px 22px 30px}
@media(max-width:960px){.hero{grid-template-columns:1fr;padding-top:40px}}
.pill{display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;border:1.5px solid #e9e2fd;font-weight:700;font-size:13px;color:var(--violet);box-shadow:0 6px 16px -8px rgba(109,40,217,.35)}
.pill-soft{background:#f3efff}
.pill-dark{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25)}
.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.04;margin:18px 0 16px}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-text-warm{background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{font-size:19px;color:var(--muted);line-height:1.6;max-width:520px}
.claim-box{display:flex;align-items:center;gap:4px;background:#fff;border:2.5px solid #e2d8fb;border-radius:999px;padding:6px 6px 6px 20px;margin-top:28px;max-width:520px;box-shadow:var(--shadow);transition:.2s}
.claim-box:focus-within{border-color:var(--violet2)}
.claim-box.small{margin-top:6px;max-width:none;box-shadow:none;padding-left:16px}
.claim-prefix{font-weight:700;color:var(--muted);font-size:16px}
.claim-box input{flex:1;border:none;outline:none;font-size:17px;font-weight:700;color:var(--violet);min-width:60px;background:transparent}
.claim-msg{margin-top:10px;font-size:14px;font-weight:600;color:var(--muted)}
.claim-msg.ok{color:var(--green)} .claim-msg.bad{color:#dc2626}
.hero-stats{display:flex;gap:30px;margin-top:34px;flex-wrap:wrap}
.hero-stats div{display:flex;flex-direction:column}
.hero-stats strong{font-family:'Sora';font-size:24px}
.hero-stats span{color:var(--muted);font-size:13.5px;font-weight:600}

/* phone mockups */
.hero-visual{position:relative;min-height:520px}
.phone{position:absolute;width:270px;border-radius:38px;background:#14101f;padding:11px;box-shadow:0 34px 60px -22px rgba(23,18,43,.5)}
.phone-notch{width:96px;height:20px;background:#14101f;border-radius:0 0 14px 14px;margin:0 auto -8px;position:relative;z-index:2}
.phone-main{right:52px;top:8px;z-index:3}
.phone-back{left:8px;top:64px;transform:rotate(-6deg);opacity:.96}
.float-a{animation:floaty 5.5s ease-in-out infinite}
.float-b{animation:floaty 6.5s ease-in-out infinite reverse}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(.6deg)}}
.phone-back.float-b{animation-name:floaty2}
@keyframes floaty2{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(-5deg)}}
.mini-page{border-radius:29px;padding:30px 18px 22px;text-align:center;min-height:480px;color:#fff;position:relative;overflow:hidden}
.mini-page.big{min-height:560px;text-align:center}
.mini-avatar{font-size:44px;width:82px;height:82px;margin:6px auto 10px;background:rgba(255,255,255,.22);border:2.5px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(4px)}
.mini-name{font-family:'Sora';font-weight:800;font-size:21px}
.mini-tag{font-size:13.5px;opacity:.88;margin:4px 0 16px;line-height:1.45}
.mini-btn{background:rgba(255,255,255,.95);color:#17122b;font-weight:800;border-radius:999px;padding:11px;font-size:14.5px;margin-bottom:10px;cursor:pointer}
.mini-btn.ghostbtn{background:rgba(255,255,255,.16);color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.mini-card{background:#fff;color:var(--ink);border-radius:18px;padding:16px;margin-top:14px;text-align:left;box-shadow:0 14px 28px -12px rgba(0,0,0,.35)}
.mini-card-title{font-weight:800;font-size:15px;line-height:1.35}
.mini-price{font-family:'Sora';font-weight:800;font-size:19px;margin:7px 0 10px;color:var(--violet)}
.mini-price s{color:#a09bb5;font-size:14px;font-weight:600}
.mini-buy{background:var(--grad);color:#fff;text-align:center;font-weight:800;border-radius:999px;padding:11px;cursor:pointer;display:block}
.mini-feats{text-align:left;font-size:13.5px;line-height:1.9;margin:6px 2px}
.theme-violet{background:linear-gradient(160deg,#7c3aed,#db2777)}
.theme-orange{background:linear-gradient(160deg,#ea580c,#f59e0b)}
.theme-teal{background:linear-gradient(160deg,#0f766e,#2dd4bf)}
.theme-pink{background:linear-gradient(160deg,#db2777,#fb7185)}
.theme-blue{background:linear-gradient(160deg,#1d4ed8,#38bdf8)}
.theme-green{background:linear-gradient(160deg,#15803d,#84cc16)}
.float-chip{position:absolute;background:#fff;border-radius:14px;padding:10px 14px;font-weight:800;font-size:13.5px;box-shadow:0 16px 32px -12px rgba(23,18,43,.4);z-index:4;animation:floaty 5s ease-in-out infinite}
.chip1{top:6px;left:24px}.chip2{bottom:88px;right:0;animation-delay:-2s}.chip3{bottom:8px;left:52px;animation-delay:-3.4s}
@media(max-width:960px){.hero-visual{min-height:480px;max-width:440px}.phone{width:236px}.phone-main{right:6px}.phone-back{left:0}.mini-page{min-height:430px}}

/* marquee */
.marquee{background:var(--ink);color:#fff;overflow:hidden;padding:13px 0;transform:rotate(-1.1deg) scale(1.02);margin:34px 0 8px}
.marquee-track{display:flex;width:max-content;animation:scrollx 26s linear infinite;font-family:'Sora';font-weight:700;font-size:15.5px;white-space:nowrap}
@keyframes scrollx{to{transform:translateX(-50%)}}

/* sections */
.section{padding:74px 22px 10px}
.section-head{text-align:center;max-width:640px;margin:0 auto 40px}
.section-head h2{font-size:clamp(30px,4vw,42px);margin:16px 0 12px}
.section-head p{color:var(--muted);font-size:17px;line-height:1.6}
.section-head.light h2{color:#fff}.section-head.light p{color:#c9c4e4}

/* templates */
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:960px){.template-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.template-grid{grid-template-columns:1fr}}
.template-card{border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 16px 36px -18px rgba(23,18,43,.28);transition:.22s;border:1px solid #efeafd}
.template-card:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 28px 48px -18px rgba(109,40,217,.4)}
.template-art{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:3px;padding:18px;text-align:center}
.template-art .ta-emoji{font-size:40px;background:rgba(255,255,255,.22);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.5)}
.template-art .ta-name{font-family:'Sora';font-weight:800;font-size:17px;margin-top:7px}
.template-art .ta-tag{font-size:12.5px;opacity:.9}
.template-body{padding:18px 20px 20px}
.template-body h3{font-size:18px}
.template-body p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:7px 0 14px;min-height:44px}

/* steps */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:860px){.steps-grid{grid-template-columns:1fr}}
.step-card{background:#fff;border-radius:var(--radius);padding:30px 26px;position:relative;box-shadow:0 14px 32px -18px rgba(23,18,43,.25);border:1px solid #efeafd}
.step-num{position:absolute;top:-16px;right:20px;background:var(--grad);color:#fff;font-family:'Sora';font-weight:800;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 18px -6px rgba(236,72,153,.6)}
.step-emoji{font-size:40px;margin-bottom:12px}
.step-card h3{font-size:19px;margin-bottom:8px}
.step-card p{color:var(--muted);line-height:1.6;font-size:15px}

/* dark band + features */
.dark-band{background:linear-gradient(165deg,#17122b,#2c1650 70%,#3b1158);margin-top:74px;padding-bottom:78px;border-radius:44px 44px 0 0}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:960px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.feature-grid{grid-template-columns:1fr}}
.feature-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:26px;backdrop-filter:blur(6px);transition:.2s}
.feature-card:hover{background:rgba(255,255,255,.11);transform:translateY(-4px)}
.feature-card span{font-size:32px}
.feature-card h3{color:#fff;font-size:18px;margin:12px 0 8px}
.feature-card p{color:#c9c4e4;line-height:1.6;font-size:14.5px}

/* pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;max-width:980px;margin:0 auto}
@media(max-width:860px){.pricing-grid{grid-template-columns:1fr}}
.price-card{background:#fff;border-radius:var(--radius);padding:32px 28px;border:2px solid #efeafd;position:relative;display:flex;flex-direction:column}
.price-card.popular{border-color:var(--violet2);box-shadow:var(--shadow);transform:scale(1.03)}
.popular-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-size:12px;font-weight:800;padding:6px 14px;border-radius:999px;letter-spacing:.06em}
.price-card h3{font-size:18px;color:var(--muted)}
.price{font-family:'Sora';font-size:42px;font-weight:800;margin:8px 0 2px}
.price span{font-size:16px;color:var(--muted)}
.price-sub{color:var(--muted);font-size:14px;margin-bottom:18px}
.price-card ul{list-style:none;line-height:2.1;font-size:15px;font-weight:600;margin-bottom:24px}
.price-card .btn{margin-top:auto}

/* faq + cta */
.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-list details{background:#fff;border:1.5px solid #efeafd;border-radius:16px;padding:18px 22px}
.faq-list summary{font-weight:800;cursor:pointer;font-size:16.5px}
.faq-list p{color:var(--muted);line-height:1.65;margin-top:10px}
.cta-band{margin:70px 0 84px;background:var(--grad);border-radius:30px;padding:52px 30px;text-align:center;color:#fff;box-shadow:var(--shadow)}
.cta-band h2{font-size:clamp(26px,3.6vw,38px);margin-bottom:10px}
.cta-band p{opacity:.92;font-size:17px;margin-bottom:24px}

/* footer */
.footer{background:#14101f;color:#b7b1d4;padding:56px 0 30px;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}
@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}
.footer h4{color:#fff;margin-bottom:14px;font-family:'Sora'}
.footer a{display:block;margin-bottom:9px;font-size:14.5px}
.footer a:hover{color:#fff}
.footer p{font-size:14.5px;line-height:1.65}
.footer .logo-text{color:#fff}
.footer-note{text-align:center;margin-top:38px;font-size:13px;opacity:.65}

/* builder */
.builder-wrap{padding-top:46px;padding-bottom:80px}
.builder-head h2{font-size:clamp(30px,4vw,40px)}
.builder-head p{color:var(--muted);margin-top:8px;font-size:16.5px}
.builder-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;margin-top:32px;align-items:start}
@media(max-width:960px){.builder-grid{grid-template-columns:1fr}}
.form-card{background:#fff;border:1.5px solid #efeafd;border-radius:20px;padding:24px 24px 10px;margin-bottom:18px;box-shadow:0 10px 24px -16px rgba(23,18,43,.2)}
.form-card h3{font-size:17px;margin-bottom:16px}
.form-card label{display:block;font-weight:700;font-size:14px;margin:14px 0 6px}
.form-card input[type=text],.form-card input[type=number],.form-card input[type=url],.form-card input[type=tel],.form-card input[type=email],.form-card textarea{width:100%;border:2px solid #e7e1f7;border-radius:13px;padding:12px 14px;font-size:15.5px;outline:none;transition:.15s;background:#fdfcff;color:var(--ink)}
.form-card input:focus,.form-card textarea:focus{border-color:var(--violet2);background:#fff}
.req{color:#dc2626}.hint{font-size:13px;color:var(--muted);margin:6px 0 12px;line-height:1.5}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}
.theme-opt{border:2.5px solid transparent;border-radius:15px;padding:12px 8px;color:#fff;font-weight:800;font-size:13.5px;text-align:center;cursor:pointer;transition:.15s}
.theme-opt small{display:block;font-weight:600;opacity:.9;font-size:11.5px;margin-top:2px}
.theme-opt.sel{border-color:var(--ink);transform:scale(1.04);box-shadow:0 10px 20px -8px rgba(0,0,0,.4)}
.emoji-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.emoji-opt{font-size:23px;width:46px;height:46px;border-radius:13px;border:2px solid #e7e1f7;background:#fdfcff;cursor:pointer;display:grid;place-items:center;transition:.13s}
.emoji-opt.sel{border-color:var(--violet);background:#f3efff;transform:scale(1.1)}
.builder-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.publish-msg{margin-top:14px;font-weight:700;font-size:15px}
.publish-msg.ok{color:var(--green)} .publish-msg.bad{color:#dc2626}
.preview-col{position:relative}
.preview-sticky{position:sticky;top:96px;text-align:center}
.preview-label{font-weight:800;color:var(--muted);margin-bottom:12px}
.phone-preview{position:relative;margin:0 auto;width:300px;animation:floaty 6.5s ease-in-out infinite}
.preview-link{margin-top:16px;font-weight:800;color:var(--violet)}
/* mobile only: preview comes FIRST (above the form) so phone users actually see it; desktop layout untouched */
@media(max-width:960px){
  .preview-col{order:-1}
  .preview-sticky{position:static}
  .phone-preview{width:252px}
  .mini-page.big{min-height:430px;padding:24px 14px 18px}
}

/* dashboard */
.dash-empty{background:#fff;border:2px dashed #ddd3f5;border-radius:22px;padding:52px 30px;text-align:center}
.dash-empty .big{font-size:46px;margin-bottom:10px}
.dash-empty p{color:var(--muted);margin:8px 0 20px}
.dash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(max-width:760px){.dash-grid{grid-template-columns:1fr}}
.dash-card{background:#fff;border-radius:20px;padding:24px;border:1.5px solid #efeafd;box-shadow:0 12px 28px -18px rgba(23,18,43,.3)}
.dash-card-head{display:flex;gap:14px;align-items:center}
.dash-ava{font-size:28px;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:#fff}
.dash-card h3{font-size:18px}
.dash-card .url{color:var(--violet);font-weight:700;font-size:14px;word-break:break-all}
.dash-stats{display:flex;gap:22px;margin:16px 0;font-size:14px;color:var(--muted);font-weight:600}
.dash-stats strong{display:block;font-size:20px;color:var(--ink);font-family:'Sora'}
.dash-actions{display:flex;gap:9px;flex-wrap:wrap}
.btn-sm{padding:8px 15px;font-size:13.5px}
.btn-danger{border-color:#fecaca;color:#dc2626;background:#fff}
.lead-list{margin-top:14px;border-top:1px dashed #e7e1f7;padding-top:12px;font-size:14px}
.lead-list div{display:flex;justify-content:space-between;padding:5px 0;color:var(--muted);font-weight:600}

/* published page */
.pub-wrap{min-height:100vh;padding:34px 16px 46px;color:#fff;position:relative}
.pub-inner{max-width:430px;margin:0 auto;text-align:center;position:relative;z-index:2}
.pub-ava{font-size:54px;width:104px;height:104px;margin:10px auto 14px;background:rgba(255,255,255,.22);border:3px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center}
.pub-inner h1{font-size:30px}
.pub-tag{opacity:.92;margin:7px 0 4px;font-size:16.5px;font-weight:600}
.pub-city{opacity:.75;font-size:14px;font-weight:600}
.pub-bio{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:16px 18px;line-height:1.65;font-size:15px;margin:20px 0 6px;backdrop-filter:blur(5px)}
.pub-btn{display:block;background:#fff;color:#17122b;font-weight:800;border-radius:999px;padding:15px;font-size:16.5px;margin-top:12px;box-shadow:0 14px 28px -12px rgba(0,0,0,.4);transition:.15s}
.pub-btn:hover{transform:translateY(-2px)}
.pub-btn.wa{background:#22c55e;color:#fff}
.pub-btn.ghostbtn{background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.55);box-shadow:none}
.pub-card{background:#fff;color:var(--ink);border-radius:24px;padding:24px 22px;margin-top:22px;text-align:left;box-shadow:0 24px 44px -18px rgba(0,0,0,.45)}
.pub-card .tag-chip{display:inline-block;background:#f3efff;color:var(--violet);font-weight:800;font-size:12px;padding:5px 11px;border-radius:999px;letter-spacing:.05em}
.pub-card h2{font-size:21px;margin:11px 0 4px;line-height:1.3}
.pub-feats{list-style:none;margin:13px 0;line-height:2;font-size:15px;font-weight:600}
.pub-price-row{display:flex;align-items:baseline;gap:10px;margin:8px 0 16px}
.pub-price{font-family:'Sora';font-size:30px;font-weight:800;color:var(--violet)}
.pub-oldprice{color:#a09bb5;font-weight:700}
.pub-off{background:#dcfce7;color:#15803d;font-weight:800;font-size:12.5px;padding:4px 10px;border-radius:999px}
.pub-buy{display:block;text-align:center;background:var(--grad);color:#fff;font-weight:800;font-size:17px;border-radius:999px;padding:15px}
.pub-testi{margin-top:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:20px;line-height:1.65;backdrop-filter:blur(5px)}
.pub-testi .stars{font-size:17px;letter-spacing:3px}
.pub-testi p{font-size:15.5px;margin:8px 0 6px;font-style:italic}
.pub-testi small{opacity:.85;font-weight:700}
.pub-lead{background:#fff;color:var(--ink);border-radius:24px;padding:24px 22px;margin-top:22px;text-align:left;box-shadow:0 24px 44px -18px rgba(0,0,0,.45)}
.pub-lead h3{font-size:18px;margin-bottom:4px}
.pub-lead p{color:var(--muted);font-size:14px;margin-bottom:13px}
.pub-lead input{width:100%;border:2px solid #e7e1f7;border-radius:12px;padding:12px 14px;font-size:15px;margin-bottom:10px;outline:none}
.pub-lead input:focus{border-color:var(--violet2)}
.pub-lead button{width:100%}
.pub-powered{margin-top:28px;font-size:13px;opacity:.85;font-weight:700}
.pub-powered a{text-decoration:underline}
.pub-back{display:inline-block;margin-bottom:8px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);color:#fff;padding:8px 16px;border-radius:999px;font-weight:700;font-size:14px}

/* field validation errors */
.field-err{color:#dc2626;font-weight:700;font-size:13px;margin:5px 0 10px;line-height:1.45}
.form-card input.invalid,.form-card textarea.invalid{border-color:#dc2626!important;background:#fff7f7!important}
.claim-box.invalid{border-color:#dc2626!important}

/* activation panel */
.activate-panel{background:linear-gradient(120deg,#fff7ed,#fdf2f8);border:2px solid #fdba74;border-radius:18px;padding:22px;margin-top:16px}
.activate-panel h4{font-family:'Sora';font-size:18px;margin-bottom:6px}
.activate-panel p{color:var(--muted);font-size:14.5px;line-height:1.6;margin-bottom:14px}
.activate-panel .ap-price{font-family:'Sora';font-size:30px;font-weight:800;color:var(--violet)}
.activate-panel .ap-price s{color:#a09bb5;font-size:18px}
.activate-panel small{display:block;margin-top:10px;color:var(--muted);font-weight:600}

/* demo banner on published page + badges */
.demo-banner{background:#f59e0b;color:#17122b;font-weight:800;text-align:center;border-radius:14px;padding:12px 14px;font-size:14px;margin-bottom:18px;line-height:1.55;box-shadow:0 12px 24px -10px rgba(0,0,0,.35)}
.status-badge{display:inline-block;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.04em;vertical-align:middle;margin-left:8px}
.status-badge.live{background:#dcfce7;color:#15803d}
.status-badge.demo{background:#fef3c7;color:#b45309}
.pub-upi{display:block;text-align:center;background:#fff;color:#15803d;border:2.5px solid #22c55e;font-weight:800;font-size:16px;border-radius:999px;padding:13px;margin-top:10px}
.pub-upi-id{text-align:center;color:var(--muted);font-size:13px;margin-top:8px;font-weight:700}

/* v3: auth (Supabase accounts) — additions only, existing design untouched */
.auth-card{max-width:480px;margin:26px auto 0;padding-bottom:24px}
.form-card input[type=password]{width:100%;border:2px solid #e7e1f7;border-radius:13px;padding:12px 14px;font-size:15.5px;outline:none;transition:.15s;background:#fdfcff;color:var(--ink)}
.form-card input[type=password]:focus{border-color:var(--violet2);background:#fff}
.nav-user{font-weight:700;font-size:14px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-bar{margin-top:10px;font-size:14.5px}
.link-btn{background:none;border:none;color:var(--violet);font-weight:800;font-size:14.5px;cursor:pointer;padding:0;text-decoration:underline}
.pub-loading{text-align:center;color:#fff;font-weight:700;font-size:17px;padding:70px 20px}

/* toast */
.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,90px);background:var(--ink);color:#fff;font-weight:700;padding:13px 22px;border-radius:999px;box-shadow:0 18px 36px -12px rgba(0,0,0,.5);transition:.3s;z-index:99;font-size:15px;max-width:92vw;text-align:center}
.toast.show{transform:translate(-50%,0)}

/* v4: product delivery (claim form on public page + claim delete in dashboard) — additions only */
#deliveryForm{margin-top:12px}
.claim-del{background:none;border:none;color:#dc2626;font-weight:800;cursor:pointer;font-size:14px;padding:0 2px;line-height:1;flex:none}

/* v4.1: the hidden attribute must always win — .btn{display:inline-flex} otherwise overrides it (nav Logout stayed visible while logged out) */
[hidden]{display:none !important}