:root{--ink:#111329;--muted:#626783;--purple:#7047ff;--purple2:#a42dff;--navy:#080b2d;--gold:#ffd000;--line:#e9e8f4;--surface:#fff;--tenant-accent:var(--purple)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7fc;color:var(--ink);font:15px/1.55 Inter,Arial,sans-serif}a{color:var(--purple);text-decoration:none}a:hover{filter:brightness(.92)}.site-header{height:72px;background:#090b2b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - 1400px)/2));gap:22px;border-bottom:1px solid rgba(154,112,255,.35);position:relative;z-index:5}.brand-lockup{display:flex;align-items:center;gap:10px;color:#fff;white-space:nowrap}.brand-crown{width:45px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ffdf36,#ffae00);color:#17102f;font-size:29px;box-shadow:0 5px 20px #ffca3040}.brand-name{font-size:25px;letter-spacing:-1.2px;font-weight:900}.brand-name b{font-size:14px;letter-spacing:.1px;color:#17102f;background:var(--gold);padding:5px 9px;border-radius:7px;margin-left:4px}.main-nav{display:flex;align-items:center;gap:clamp(14px,3vw,42px);height:100%}.main-nav a{height:100%;display:flex;align-items:center;color:#f7f5ff;font-weight:600;font-size:14px;white-space:nowrap;border-bottom:3px solid transparent;padding-top:3px}.main-nav a:hover{color:#ffdc36;border-color:#ffdc36}.header-user{display:flex;align-items:center;gap:9px;color:#fff;font-size:13px;white-space:nowrap}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f6d4ff,#fff);color:#4e2bd2;font-weight:900}.logout-link{color:#d9d5f6;border:1px solid #51417f;padding:7px 12px;border-radius:20px;margin-left:5px}.app-main{max-width:1440px;margin:0 auto;padding:28px 30px 54px}.auth-main{max-width:960px;padding-top:60px}.hero-panel{min-height:460px;background:radial-gradient(ellipse at 25% 5%,#7611ca 0,transparent 38%),radial-gradient(ellipse at 95% 85%,#173bd4 0,transparent 36%),linear-gradient(115deg,#090b2d 0%,#250057 55%,#0b1245 100%);border-radius:0 0 24px 24px;padding:48px 6%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;color:#fff;overflow:hidden;position:relative;box-shadow:0 18px 50px #1b0a5220}.hero-panel:before{content:"";position:absolute;width:580px;height:580px;border:1px solid #a34dff55;border-radius:50%;left:-290px;top:-390px;box-shadow:0 0 0 55px #a34dff12,0 0 0 110px #a34dff0c}.hero-copy,.phone-stage{position:relative;z-index:1}.eyebrow{display:inline-block;font-size:11px;letter-spacing:1.6px;font-weight:800;color:#d6c5ff;background:#ffffff16;border:1px solid #ffffff26;border-radius:20px;padding:7px 13px}.hero-copy h1{font-size:clamp(34px,4.1vw,58px);line-height:1.06;letter-spacing:-2px;color:#fff;margin:18px 0 16px;font-weight:900}.hero-copy h1 em,.admin-hero h1 em{font-style:normal;color:#ffdb00}.hero-copy p{font-size:18px;line-height:1.6;color:#e5defd;max-width:630px;margin:0 0 26px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 0}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;background:var(--purple);color:#fff;padding:12px 19px;text-decoration:none;font:700 14px Inter,Arial,sans-serif;cursor:pointer;transition:transform .18s,box-shadow .18s}.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 8px 22px #4221a32a}.btn-gold{background:linear-gradient(135deg,#ffe000,#ffbd00);color:#17122d;box-shadow:0 8px 25px #ffcc0033}.btn-outline{background:#ffffff08;border:2px solid #fff;color:#fff}.btn-purple{background:linear-gradient(135deg,#8a42ff,#6335ee)}.btn-soft{background:#eee8ff;color:#5426d8}.btn.dark{background:#20163d}.btn.red,.danger{background:#e5485c!important;color:white}.hero-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px;color:#fff;font-size:13px;font-weight:600}.hero-points span:first-letter{color:#15d478}.phone-stage{height:370px;display:flex;justify-content:center;align-items:flex-end;perspective:1000px}.phone-mock{width:240px;height:405px;background:linear-gradient(160deg,#05050b,#15121d);border:5px solid #d8d8e8;border-radius:38px 38px 0 0;box-shadow:0 15px 55px #0009,inset 0 0 0 2px #4e4c5b;padding:28px 18px 18px;text-align:center;position:relative;color:#fff;overflow:hidden}.phone-mock:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#6b3b00 0,transparent 42%),linear-gradient(180deg,#101018,#040407);z-index:0}.phone-mock>*{position:relative;z-index:1}.phone-notch{position:absolute!important;top:7px;left:50%;transform:translateX(-50%);width:75px;height:12px;border-radius:10px;background:#000;z-index:2}.phone-crown{color:#ffcf00;font-size:25px;line-height:1}.phone-logo{font-size:18px;font-weight:900}.phone-logo span{color:#ffd000}.phone-avatar{width:70px;height:70px;border-radius:50%;border:3px solid #ffcc00;margin:14px auto 8px;display:grid;place-items:center;background:linear-gradient(135deg,#7b2dcb,#111b4a);font-weight:900}.phone-mock h3{font-size:13px;margin:4px 0}.phone-mock p{font-size:9px;color:#d4d1df;margin:0 0 10px}.phone-link{padding:9px 8px;border-radius:20px;margin:7px 0;font-size:10px;font-weight:800}.phone-link.wa{background:#0ab84c}.phone-link.tg{background:#159be8}.phone-link.ig{background:linear-gradient(90deg,#ff8b28,#e3299d,#6737c8)}.phone-link.yt{background:#e52335}.phone-shadow{position:absolute;width:180px;height:265px;border:2px solid #8b75e6;border-radius:20px;background:linear-gradient(160deg,#152c67,#260a54);box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#fff;font-size:13px}.phone-shadow-a{transform:rotate(-13deg) translate(-95px,-20px);opacity:.72}.phone-shadow-b{transform:rotate(12deg) translate(95px,-24px);opacity:.72}.benefit-strip{position:relative;z-index:2;margin:-24px 18px 34px;background:#fff;border:1px solid #eeeafa;border-radius:20px;box-shadow:0 12px 36px #1d154012;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 12px}.benefit-strip>div{display:flex;align-items:center;gap:16px;padding:0 24px;border-right:1px solid #e7e3f5}.benefit-strip>div:last-child{border:0}.benefit-strip>div>b{font-size:35px;color:#8046ff}.benefit-strip strong,.benefit-strip small{display:block}.benefit-strip strong{font-size:15px}.benefit-strip small{font-size:12px;color:#68708e;margin-top:2px}.section-block{padding:10px 16px 28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-heading h2,.content-card h2{font-size:23px;letter-spacing:-.5px;margin:0 0 3px}.section-heading p{margin:0;color:var(--muted);font-size:13px}.template-gallery{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:13px}.template-card{background:#fff;border:1px solid #e9e7f4;border-radius:14px;padding:9px;text-align:center;box-shadow:0 5px 16px #20124d0b;display:flex;flex-direction:column;gap:4px;min-width:0}.template-art{height:112px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;gap:5px;overflow:hidden;text-shadow:0 2px 10px #0008}.template-art span{font-size:38px}.template-art strong{font-size:15px}.tpl-cricket,.tpl-premium{background:radial-gradient(circle at 50% 25%,#886000,#09080d 65%)}.tpl-business{background:linear-gradient(135deg,#0d4b87,#42b5e8)}.tpl-gaming{background:radial-gradient(circle,#ed1ae5,#101027 70%)}.tpl-minimal{background:linear-gradient(135deg,#4a8e37,#b3d477)}.tpl-beauty{background:linear-gradient(135deg,#f6a1bd,#a62b68)}.tpl-food{background:linear-gradient(135deg,#9c4216,#f6b13a)}.tpl-travel{background:linear-gradient(135deg,#ec9b68,#176b9b)}.template-card>b{font-size:12px;margin-top:4px}.template-card>small{font-size:11px;color:#555d79}.template-use{margin-top:7px;padding:7px 4px;border-radius:8px;background:#eee7ff;color:#5726d4;font-size:11px;font-weight:800;border:1px solid #d3c3ff}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.stat-card{background:#fff;border:1px solid #eceaf5;border-radius:15px;padding:19px 20px;box-shadow:0 6px 20px #25144d08;min-width:0}.stat-card small,.stat-card span{display:block;color:#70748d;font-size:12px}.stat-card strong{display:block;font-size:30px;letter-spacing:-1px;margin:4px 0;color:#191634}.stat-card span a{font-weight:700}.content-card{background:#fff;border:1px solid #e9e7f3;border-radius:17px;padding:23px;margin:16px 0;box-shadow:0 7px 25px #20124d08}.card{background:#fff;border:1px solid #e9e7f3;border-radius:17px;padding:22px;margin:16px 0;box-shadow:0 7px 25px #20124d08}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin:14px 0}.form-grid>div{min-width:0}.content-card form>label,.card form>label,label{display:block;font-weight:700;font-size:12px;color:#353653;margin:8px 0 4px}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #dcd9eb;border-radius:9px;margin:4px 0 12px;font:inherit;color:#22213a;background:#fff;outline:none}input:focus,textarea:focus,select:focus{border-color:#895dff;box-shadow:0 0 0 3px #895dff18}.color-input{width:70px;height:42px;padding:4px;cursor:pointer}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px}td,th{text-align:left;padding:13px 11px;border-bottom:1px solid #efedf6;font-size:13px;vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#74738b;background:#faf9fe}td small{font-size:11px}.inline-form{display:inline-flex;vertical-align:middle;margin:0}.btn-small{border:0;border-radius:7px;padding:7px 10px;font-size:11px;background:#eee8ff;color:#5426d8;font-weight:800;cursor:pointer}.status-pill,.metric-chip{display:inline-block;border-radius:30px;background:#e9fff3;color:#13854e;padding:5px 10px;font-size:11px;font-weight:800}.metric-chip{background:#f0eaff;color:#6234dc}.admin-hero{background:radial-gradient(ellipse at 85% 20%,#5831aa 0,transparent 35%),linear-gradient(115deg,#0b0d31,#2b0759 60%,#10174b);color:#fff;border-radius:19px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;min-height:160px;overflow:hidden}.admin-hero h1{font-size:31px;margin:10px 0 4px;color:#fff}.admin-hero p{margin:0;color:#d8d2f1}.admin-hero-icon{font-size:70px;color:#ffdc18;text-shadow:0 5px 30px #ffca4b55;padding:0 25px}.tenant-hero{border-left:5px solid var(--tenant-accent)}.section-icon{width:42px;height:42px;border-radius:12px;background:#f0eaff;color:#703fff;display:grid;place-items:center;font-size:25px}.notice{padding:12px 15px;border-radius:10px;margin:12px 0}.notice.success{background:#e9fff3;color:#087843}.empty-state{padding:25px;text-align:center;color:#77758f;background:#faf9fe;border-radius:12px}.announcement{border:1px solid var(--line);padding:15px;margin:10px 0;border-radius:12px}.announcement img{max-width:100%;height:auto;border-radius:10px}.pill{display:inline-block;border-radius:30px;padding:4px 10px;background:#eee8ff;color:#6736dc;font-size:11px;font-weight:800}.error{color:#b3261e}.success{color:#137345}.price{font-size:27px;font-weight:800}.site-footer{text-align:center;color:#8b8ba1;padding:28px;font-size:11px}.site-footer span{color:#8757ff}.auth-main>.card{max-width:720px;margin:0 auto;padding:30px}.auth-main h1{font-size:28px}.auth-main button{background:linear-gradient(135deg,#7e42ff,#592de1)}
@media(max-width:1100px){.template-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.benefit-strip>div{padding:8px 13px}.hero-panel{padding:38px 4%}.main-nav{gap:14px}}
@media(max-width:760px){.site-header{height:auto;min-height:66px;padding:12px 16px;flex-wrap:wrap}.brand-name{font-size:20px}.brand-crown{width:37px;height:35px}.main-nav{order:3;width:100%;height:auto;overflow-x:auto;gap:20px;padding:5px 0}.main-nav a{height:30px;font-size:12px}.header-user{margin-left:auto}.header-user>span:not(.user-avatar){display:none}.app-main{padding:18px 14px 38px}.hero-panel{grid-template-columns:1fr;padding:32px 22px 0;gap:0}.hero-copy h1{font-size:39px}.hero-copy p{font-size:15px}.phone-stage{height:330px;margin-top:12px}.phone-mock{height:350px;width:215px}.phone-shadow{height:225px;width:145px}.benefit-strip{margin:-12px 0 25px;grid-template-columns:repeat(2,1fr);padding:10px}.benefit-strip>div{border:0;padding:10px}.benefit-strip>div>b{font-size:27px}.benefit-strip strong{font-size:12px}.benefit-strip small{font-size:10px}.section-block{padding:5px 0 20px}.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.template-art{height:130px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:25px}.content-card,.card{padding:16px}.section-heading{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.admin-hero{padding:23px 20px}.admin-hero h1{font-size:25px}.admin-hero-icon{font-size:48px;padding:0 4px}.hero-points{gap:9px;font-size:11px}}
@media(max-width:380px){.template-gallery{grid-template-columns:1fr 1fr}.brand-name{font-size:17px}.brand-name b{font-size:10px}.hero-copy h1{font-size:33px}}

/* Super Admin tenant account controls */
.permission-set{border:1px solid #e5e1f7;border-radius:14px;padding:15px 18px;margin:18px 0;background:#fbfaff}
.permission-set legend{font-weight:800;color:#25124f;padding:0 8px}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.permission-option{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#fff;border:1px solid #e8e4f5;border-radius:10px;font-weight:600;cursor:pointer}
.permission-option input{width:17px;height:17px;accent-color:#7047ff}
.tenant-admin-list{display:grid;gap:13px}
.tenant-admin-item{border:1px solid #e6e2f2;border-radius:15px;background:#fff;overflow:hidden}
.tenant-admin-item summary{display:flex;align-items:center;gap:18px;padding:17px 19px;cursor:pointer;list-style:none}
.tenant-admin-item summary::-webkit-details-marker{display:none}
.tenant-admin-title{display:grid;gap:4px;flex:1;min-width:180px}
.tenant-admin-title small{color:#68708b}
.tenant-expand{color:#7047ff;font-weight:700;font-size:13px}
.tenant-status{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
.tenant-status.active{background:#e8fff3;color:#087d49}
.tenant-status.suspended{background:#fff0f0;color:#b42318}
.tenant-admin-edit{padding:20px;border-top:1px solid #eeeaf7;background:#fcfbff}
.tenant-admin-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.notice.error{background:#fff1f1;color:#a51f2b;border:1px solid #ffd6d6}
@media(max-width:700px){.tenant-admin-item summary{align-items:flex-start;flex-wrap:wrap}.tenant-admin-title{flex-basis:100%}.tenant-expand{margin-left:auto}}


/* WPLINK PRO refined background + persistent light/dark theme */
:root{--page-bg:#f1f3fa;--surface:#ffffff;--surface-soft:#f8f9fd;--ink:#171a31;--muted:#626783;--line:#e4e7f1;--field-bg:#fff;--field-ink:#22213a;}
body{background:radial-gradient(ellipse at 8% 0%,#e7eaff 0,transparent 34%),radial-gradient(ellipse at 96% 14%,#f2eaff 0,transparent 30%),linear-gradient(135deg,#f4f6fb 0%,#eef1f8 52%,#f7f4fb 100%);background-attachment:fixed;color:var(--ink);transition:background .25s ease,color .25s ease}
.site-brand-logo{display:block;width:184px;max-width:22vw;height:48px;object-fit:contain;object-position:left center}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:22px;border:1px solid #ffffff45;background:#ffffff12;color:#fff;font-size:12px;font-weight:800;box-shadow:none;white-space:nowrap}
.theme-toggle:hover{background:#ffffff24;transform:none;box-shadow:none}
.theme-icon{font-size:16px;line-height:1}
:root[data-theme="dark"]{--page-bg:#111522;--surface:#1b2131;--surface-soft:#20283a;--ink:#eef1fb;--muted:#aab2c8;--line:#343d52;--field-bg:#151b29;--field-ink:#eef1fb;color-scheme:dark}
:root[data-theme="dark"] body{background:radial-gradient(ellipse at 8% 0%,#20294b 0,transparent 35%),radial-gradient(ellipse at 96% 12%,#30213f 0,transparent 32%),linear-gradient(135deg,#111522 0%,#151b2a 55%,#171625 100%);color:var(--ink)}
:root[data-theme="dark"] .app-main{color:var(--ink)}
:root[data-theme="dark"] .benefit-strip,:root[data-theme="dark"] .template-card,:root[data-theme="dark"] .stat-card,:root[data-theme="dark"] .content-card,:root[data-theme="dark"] .card,:root[data-theme="dark"] .tenant-admin-item,:root[data-theme="dark"] .permission-set,:root[data-theme="dark"] .permission-option,:root[data-theme="dark"] .tenant-admin-edit{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 8px 26px #0002}
:root[data-theme="dark"] .benefit-strip>div{border-color:var(--line)}
:root[data-theme="dark"] .section-heading h2,:root[data-theme="dark"] .content-card h2,:root[data-theme="dark"] .stat-card strong,:root[data-theme="dark"] .template-card>b,:root[data-theme="dark"] .tenant-admin-title,:root[data-theme="dark"] .permission-set legend{color:var(--ink)}
:root[data-theme="dark"] .section-heading p,:root[data-theme="dark"] .stat-card small,:root[data-theme="dark"] .stat-card span,:root[data-theme="dark"] .template-card>small,:root[data-theme="dark"] .tenant-admin-title small{color:var(--muted)}
:root[data-theme="dark"] input,:root[data-theme="dark"] textarea,:root[data-theme="dark"] select{background:var(--field-bg);color:var(--field-ink);border-color:var(--line)}
:root[data-theme="dark"] label,:root[data-theme="dark"] .content-card form>label,:root[data-theme="dark"] .card form>label{color:#dce2f3}
:root[data-theme="dark"] td,:root[data-theme="dark"] th{border-color:var(--line);color:#e3e8f5}
:root[data-theme="dark"] th{background:#252d40;color:#bac4dc}
:root[data-theme="dark"] .empty-state{background:#20283a;color:#b5bfd6}
:root[data-theme="dark"] .announcement{border-color:var(--line)}
:root[data-theme="dark"] .site-footer{color:#98a3bd}
:root[data-theme="dark"] .section-icon{background:#30264c;color:#c4adff}
:root[data-theme="dark"] .btn-soft,:root[data-theme="dark"] .template-use{background:#332852;color:#d6c5ff;border-color:#514174}
:root[data-theme="dark"] .permission-option{color:var(--ink)}
:root[data-theme="dark"] .tenant-admin-edit{border-color:var(--line)}
:root[data-theme="dark"] .notice.success{background:#123b30;color:#a6f0d0}
:root[data-theme="dark"] .notice.error{background:#48232b;color:#ffc2c8;border-color:#713541}
:root[data-theme="dark"] .pill,:root[data-theme="dark"] .metric-chip{background:#332852;color:#d7c9ff}
@media(max-width:760px){.site-brand-logo{width:145px;height:40px;max-width:42vw}.header-user{gap:7px}.theme-toggle{padding:7px 9px}.theme-label{display:none}}


/* =========================================================
   WPLINK PRO PUBLIC HOMEPAGE — isolated layout styles
   Appended safely; existing dashboard styles remain intact.
   ========================================================= */
body:has(.public-hero) {
  background: radial-gradient(ellipse at 12% 0%, #e9eaff 0, transparent 34%),
              radial-gradient(ellipse at 92% 12%, #f2eaff 0, transparent 30%),
              linear-gradient(135deg, #f6f7fc 0%, #eef1f8 55%, #f8f5fb 100%);
  color: #171a31;
}
body:has(.public-hero) .site-header {
  min-height: 76px;
}
body:has(.public-hero) .brand-lockup .brand-name {
  display: none;
}
body:has(.public-hero) .site-brand-logo {
  width: 190px;
  max-width: 24vw;
  height: 50px;
}
body:has(.public-hero) .app-main {
  max-width: 1400px;
  padding: 0 34px 54px;
}
.public-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
  align-items: center;
  gap: clamp(32px, 5vw, 76px);
  min-height: 500px;
  padding: 62px clamp(24px, 4vw, 64px);
  overflow: hidden;
  border-radius: 0 0 28px 28px;
  color: #fff;
  background: radial-gradient(ellipse at 82% 18%, #5331a7 0, transparent 36%),
              radial-gradient(ellipse at 8% 92%, #1d3978 0, transparent 38%),
              linear-gradient(115deg, #0a0d2d 0%, #17113e 56%, #21133e 100%);
}
.public-hero-copy { min-width: 0; position: relative; z-index: 1; }
.public-eyebrow, .public-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #7751ed;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.35px;
}
.public-eyebrow {
  color: #e0d8ff;
  padding: 7px 12px;
  border: 1px solid #ffffff30;
  border-radius: 30px;
  background: #ffffff10;
}
.public-eyebrow i, .public-live i {
  width: 7px; height: 7px; border-radius: 50%;
  background: #31dc91; display: inline-block;
}
.public-hero h1 {
  color: #fff;
  font-size: clamp(40px, 5vw, 66px);
  line-height: 1.04;
  letter-spacing: -2.4px;
  margin: 22px 0 18px;
  font-weight: 900;
}
.public-hero h1 em { color: #ffdc28; font-style: normal; }
.public-hero-copy > p {
  color: #e2e1f4;
  font-size: 16px;
  line-height: 1.75;
  max-width: 650px;
  margin: 0 0 24px;
}
.public-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.public-hero-actions .btn { min-height: 46px; }
.public-secondary {
  background: #ffffff14;
  border: 1px solid #ffffff55;
  color: #fff;
}
.public-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 23px;
  color: #e8e6f7;
  font-size: 12px;
  font-weight: 600;
}
.public-product-card {
  width: 100%;
  max-width: 430px;
  justify-self: center;
  padding: 19px;
  border: 1px solid #ffffff35;
  border-radius: 24px;
  background: linear-gradient(155deg, #ffffff22, #ffffff0b);
  box-shadow: 0 28px 75px #0006;
  backdrop-filter: blur(12px);
  color: #fff;
  position: relative;
  z-index: 1;
}
.public-product-top {
  display: flex; align-items: center; gap: 11px;
  padding-bottom: 15px;
}
.public-mini-logo { width: 40px; height: 40px; flex: 0 0 40px; }
.public-mini-logo svg { display: block; width: 100%; height: 100%; }
.public-product-top b, .public-product-top small { display: block; }
.public-product-top b { font-size: 13px; }
.public-product-top small { color: #c7c1e7; font-size: 9px; letter-spacing: 1px; }
.public-live {
  margin-left: auto; display: inline-flex; align-items: center; gap: 6px;
  color: #caffdf; font-size: 10px; font-weight: 800;
}
.public-preview-banner {
  min-height: 145px;
  padding: 22px;
  display: flex; flex-direction: column; justify-content: center; gap: 9px;
  border-radius: 16px;
  background: radial-gradient(circle at 85% 15%, #765cff 0, transparent 45%),
              linear-gradient(130deg, #38218c, #171c55);
}
.public-preview-banner span { color: #d9d1ff; font-size: 9px; letter-spacing: 1.1px; font-weight: 800; }
.public-preview-banner b { font-size: 25px; line-height: 1.15; color: #fff; }
.public-preview-profile {
  display: flex; align-items: center; gap: 11px; padding: 16px 4px;
}
.public-profile-avatar {
  width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center;
  background: linear-gradient(135deg, #7e5aff, #34218d); border: 2px solid #ffffff70;
  font-size: 12px; font-weight: 900;
}
.public-preview-profile b, .public-preview-profile small { display: block; }
.public-preview-profile b { font-size: 13px; }
.public-preview-profile small { color: #c7c5dc; font-size: 10px; }
.public-preview-action {
  display: flex; align-items: center; gap: 10px; padding: 12px 14px;
  border-radius: 11px; margin: 8px 0; background: #08a94c; color: #fff; font-size: 11px;
}
.public-preview-action .action-mark { font-size: 15px; }
.public-preview-action > span:last-child { margin-left: auto; }
.public-preview-action.purple { background: linear-gradient(90deg, #b13cba, #7044d8); }
.public-preview-action.dark { background: #292d45; }
.public-product-foot {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px;
  padding-top: 14px; color: #d4d0eb; font-size: 9px;
}
.public-proof-strip {
  position: relative; z-index: 2; margin: -20px 28px 42px;
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr));
  padding: 19px 12px; border: 1px solid #e9e7f4; border-radius: 17px;
  background: #fff; box-shadow: 0 12px 35px #20124d12;
}
.public-proof-strip > div { display: flex; align-items: center; gap: 13px; padding: 5px 20px; border-right: 1px solid #eceaf4; }
.public-proof-strip > div:last-child { border-right: 0; }
.public-proof-strip > div > b { color: #8051f5; font-size: 27px; }
.public-proof-strip strong, .public-proof-strip small { display: block; }
.public-proof-strip strong { font-size: 12px; color: #20213a; }
.public-proof-strip small { color: #72758e; font-size: 10px; }
.public-section, .public-how, .public-pricing { padding: 44px 22px; }
.public-section-heading { max-width: 720px; margin: 0 auto 28px; text-align: center; }
.public-section-heading h2, .public-bottom-cta h2 {
  color: #171a31; font-size: clamp(27px, 3vw, 39px); line-height: 1.15;
  letter-spacing: -1.1px; margin: 10px 0;
}
.public-section-heading p, .public-bottom-cta p { color: #686d87; font-size: 14px; margin: 0; }
.public-feature-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px;
}
.public-feature {
  padding: 23px; border: 1px solid #e7e7f1; border-radius: 16px;
  background: #fff; box-shadow: 0 7px 24px #20124d08;
}
.feature-symbol {
  width: 39px; height: 39px; border-radius: 11px; display: grid; place-items: center;
  font-size: 20px; font-weight: 800; margin-bottom: 13px;
}
.feature-symbol.violet { background: #f0eaff; color: #7047ff; }
.feature-symbol.green { background: #e5fbef; color: #159653; }
.feature-symbol.amber { background: #fff4d9; color: #a36b00; }
.feature-symbol.blue { background: #e5f2ff; color: #2478c8; }
.feature-symbol.rose { background: #ffebf1; color: #c33d70; }
.feature-symbol.slate { background: #edf0f7; color: #56617d; }
.public-feature h3, .public-steps h3 { color: #20213a; font-size: 16px; margin: 0 0 7px; }
.public-feature p, .public-steps p { color: #6b7088; font-size: 12px; line-height: 1.7; margin: 0; }
.public-how { margin: 10px 0; border-radius: 22px; background: #f0effb; }
.public-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.public-steps article { padding: 22px; border-radius: 15px; background: #fff; border: 1px solid #e8e5f5; }
.public-steps article > span { display: block; color: #8051f5; font-size: 25px; font-weight: 900; margin-bottom: 10px; }
.public-plan-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.public-plan, .public-plan-fallback {
  padding: 24px; border: 1px solid #e6e4f1; border-radius: 17px; background: #fff;
  box-shadow: 0 8px 25px #20124d0a;
}
.public-plan-tag { display: inline-block; color: #7047ff; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.public-plan-price { margin: 13px 0; }
.public-plan-price strong { color: #171a31; font-size: 32px; letter-spacing: -1px; }
.public-plan-price small { color: #747890; font-size: 11px; margin-left: 5px; }
.public-plan p, .public-plan-fallback p { color: #6b7088; font-size: 12px; line-height: 1.7; min-height: 42px; }
.public-bottom-cta {
  margin: 35px 0 0; padding: 34px 38px; border-radius: 20px;
  display: flex; justify-content: space-between; align-items: center; gap: 24px;
  background: linear-gradient(115deg, #111438, #342064); color: #fff;
}
.public-bottom-cta h2 { color: #fff; font-size: 28px; }
.public-bottom-cta p { color: #d2cee7; }
.public-bottom-cta .btn { flex: 0 0 auto; }
:root[data-theme="dark"] body:has(.public-hero) { color: #eef1fb; }
:root[data-theme="dark"] body:has(.public-hero) .public-section-heading h2,
:root[data-theme="dark"] body:has(.public-hero) .public-feature h3,
:root[data-theme="dark"] body:has(.public-hero) .public-steps h3,
:root[data-theme="dark"] body:has(.public-hero) .public-plan-price strong { color: #eef1fb; }
:root[data-theme="dark"] body:has(.public-hero) .public-feature,
:root[data-theme="dark"] body:has(.public-hero) .public-steps article,
:root[data-theme="dark"] body:has(.public-hero) .public-plan,
:root[data-theme="dark"] body:has(.public-hero) .public-plan-fallback { background: #1b2131; border-color: #343d52; }
:root[data-theme="dark"] body:has(.public-hero) .public-how { background: #1a2032; }
:root[data-theme="dark"] body:has(.public-hero) .public-proof-strip { background: #1b2131; border-color: #343d52; }
:root[data-theme="dark"] body:has(.public-hero) .public-proof-strip strong { color: #eef1fb; }
:root[data-theme="dark"] body:has(.public-hero) .public-proof-strip small,
:root[data-theme="dark"] body:has(.public-hero) .public-section-heading p,
:root[data-theme="dark"] body:has(.public-hero) .public-feature p,
:root[data-theme="dark"] body:has(.public-hero) .public-steps p,
:root[data-theme="dark"] body:has(.public-hero) .public-plan p { color: #aab2c8; }

@media(max-width:900px) {
  .public-hero { grid-template-columns: minmax(0,1fr) minmax(300px,.8fr); gap: 24px; padding: 45px 28px; }
  .public-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .public-proof-strip { margin-left: 10px; margin-right: 10px; }
  .public-proof-strip > div { padding: 5px 10px; }
}
@media(max-width:700px) {
  body:has(.public-hero) .app-main { padding: 0 14px 38px; }
  body:has(.public-hero) .site-brand-logo { width: 150px; max-width: 48vw; height: 42px; }
  .public-hero { grid-template-columns: 1fr; min-height: 0; padding: 38px 22px 28px; gap: 28px; }
  .public-hero h1 { font-size: clamp(38px,10vw,50px); }
  .public-hero-copy > p { font-size: 14px; }
  .public-product-card { max-width: 440px; }
  .public-proof-strip { grid-template-columns: repeat(2,minmax(0,1fr)); margin: 14px 0 24px; padding: 9px; }
  .public-proof-strip > div { border: 0; padding: 10px; }
  .public-proof-strip > div > b { font-size: 22px; }
  .public-section, .public-how, .public-pricing { padding: 30px 5px; }
  .public-feature-grid, .public-steps, .public-plan-grid { grid-template-columns: 1fr; }
  .public-bottom-cta { padding: 25px 22px; align-items: flex-start; flex-direction: column; }
  .public-bottom-cta h2 { font-size: 25px; }
}


/* GLOBAL BRAND FIX: the logo image already contains the LinkPro wordmark.
   Hide the separate text label so the brand is not rendered twice on any page. */
.brand-lockup > .brand-name {
  display: none !important;
}
/* Tenant workspace branding: constrain preview without distorting source image. */
.workspace-brand-card .section-heading{align-items:center;flex-wrap:wrap;gap:18px}
.workspace-brand-card .workspace-logo-preview{display:block;width:auto;max-width:min(240px,100%);height:auto;max-height:76px;object-fit:contain;object-position:center;background:#fff;border:1px solid #e7e3f1;border-radius:10px;padding:7px;box-sizing:border-box}
.workspace-brand-card .brand-upload-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.workspace-brand-card .brand-upload-form>div{flex:1 1 280px;min-width:0}
.workspace-brand-card .brand-upload-form input[type=file]{max-width:100%;box-sizing:border-box}
.workspace-brand-card .brand-logo-delete-form{margin-top:12px}
@media(max-width:760px){.workspace-brand-card .workspace-logo-preview{max-width:180px;max-height:64px}.workspace-brand-card .brand-upload-form{display:block}}