*{
  box-sizing:border-box;
}
html{
  scroll-behavior:smooth;
}
.topbar{
  height:76px;
  padding:0 clamp(22px,5vw,76px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#030303;
  color:white;
  position:relative;
  z-index:5;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:inherit;
  text-decoration:none;
  font-weight:800;
}
.brand-mark{
  width:34px;
  height:34px;
  background:#39f2ea;
  color:#030303;
  display:grid;
  place-items:center;
  border-radius:9px;
  font-weight:900;
}
.ghost{
  border:1px solid #ffffff40;
  color:white;
  text-decoration:none;
  padding:10px 16px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
}
.hero-home{
  min-height:650px;
  background:#030303;
  color:white;
  padding:100px clamp(22px,9vw,150px);
  position:relative;
  overflow:hidden;
}
.hero-home:after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border:1px solid #39f2ea55;
  border-radius:50%;
  right:-80px;
  top:40px;
  box-shadow:0 0 120px #39f2ea16;
}
.badge,.eyebrow{
  font-size:11px;
  letter-spacing:.18em;
  font-weight:800;
  color:#39f2ea;
}
.hero-home h1{
  font-size:clamp(52px,8vw,112px);
  line-height:.92;
  letter-spacing:-.07em;
  max-width:1100px;
  margin:22px 0;
}
.hero-home h1 span{
  color:#39f2ea;
}
.hero-home p{
  max-width:690px;
  color:#aeb5b1;
  font-size:18px;
  line-height:1.7;
}
.cta{
  display:inline-flex;
  background:#39f2ea;
  color:#04110a;
  text-decoration:none;
  padding:16px 22px;
  border-radius:12px;
  font-weight:900;
  margin-top:20px;
}
.trust{
  display:flex;
  gap:18px;
  align-items:center;
  margin-top:55px;
  color:#929a95;
  font-size:12px;
}
.trust b{
  color:white;
}
.trust i{
  width:4px;
  height:4px;
  background:#39f2ea;
  border-radius:50%;
}
.builder-wrap{
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:70px;
  padding:110px clamp(22px,7vw,120px);
  max-width:1500px;
  margin:auto;
}
.builder-copy{
  position:sticky;
  top:30px;
  align-self:start;
}
.builder-copy h2,.edit-page h1{
  font-size:clamp(38px,5vw,70px);
  letter-spacing:-.055em;
  line-height:1;
  margin:15px 0;
}
.builder-copy p,.edit-page>div>p{
  color:#6e756f;
  line-height:1.7;
}
.steps-mini{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:30px;
}
.steps-mini span{
  padding:9px 12px;
  border:1px solid #d7dbd8;
  border-radius:8px;
  font-size:12px;
}
.builder{
  background:white;
  border:1px solid #e3e6e3;
  border-radius:24px;
  padding:clamp(22px,4vw,44px);
  box-shadow:0 20px 80px #0b1c120a;
}
.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.form-grid label{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.form-grid .full{
  grid-column:1/-1;
}
.builder-social-auth{
  display:grid;
  gap:12px;
  margin:4px 0 6px;
}
.builder-social-auth a{
  min-height:54px;
  border:1px solid #d8e4e1;
  border-radius:14px;
  background:#fff;
  color:#07100e;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 12px 28px rgba(9,22,18,.05);
}
.builder-social-auth svg{
  width:22px;
  height:22px;
  display:block;
  flex:0 0 auto;
}
.builder-social-auth em{
  display:flex;
  align-items:center;
  gap:12px;
  color:#7b8985;
  font-style:normal;
  font-size:13px;
  font-weight:800;
}
.builder-social-auth em:before,
.builder-social-auth em:after{
  content:"";
  height:1px;
  background:#dfe9e6;
  flex:1;
}
label>span{
  font-size:12px;
  font-weight:800;
}
label small{
  font-weight:500;
  color:#8b918d;
}
input,textarea,select{
  width:100%;
  border:1px solid #dfe3df;
  border-radius:10px;
  padding:14px 15px;
  background:#fafbfa;
  font:inherit;
  outline:none;
}
input:focus,textarea:focus,select:focus{
  border-color:#39f2ea;
  box-shadow:0 0 0 3px #39f2ea22;
}
input[type=color]{
  height:49px;
  padding:5px;
}
.templates{
  margin-top:32px;
}
.label-row{
  display:flex;
  justify-content:space-between;
  font-size:13px;
  margin-bottom:13px;
}
.label-row span{
  color:#777;
}
.template-card input{
  display:none;
}
.template-card.selected{
  border-color:#39f2ea;
  box-shadow:0 0 0 2px #39f2ea33;
}
.mini{
  height:74px;
  display:block;
  border-radius:7px;
  background:#111;
  padding:10px;
}
.mini i,.mini b,.mini em{
  display:block;
  background:#eee;
  border-radius:3px;
  margin-bottom:6px;
}
.mini i{
  width:35%;
  height:5px;
}
.mini b{
  width:70%;
  height:13px;
}
.mini em{
  width:50%;
  height:5px;
  opacity:.5;
}
.t2 .mini{
  background:#efe8dc;
}
.t2 .mini>*{
  background:#28231f;
}
.t3 .mini{
  background:linear-gradient(135deg,#13231b,#526c5e);
}
.t4 .mini{
  background:#f33;
}
.t5 .mini{
  background:#fff;
  border:1px solid #ddd;
}
.t5 .mini>*{
  background:#111;
}
.t6 .mini{
  background:linear-gradient(90deg,#111 50%,#ddd 50%);
}
.t7 .mini{
  background:#0e3145;
}
.submit{
  width:100%;
  border:0;
  background:#030303;
  color:white;
  padding:18px;
  border-radius:12px;
  font:800 15px Inter;
  margin-top:26px;
  cursor:pointer;
}
.submit span{
  color:#39f2ea;
}
.legal{
  text-align:center;
  color:#999;
  font-size:10px;
}
.features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#ddd;
}
.features article{
  background:#fff;
  padding:60px clamp(25px,4vw,60px);
}
.features b{
  color:#39f2ea;
}
.features h3{
  font-size:24px;
}
.features p{
  color:#777;
  line-height:1.6;
}
.success-icon{
  width:70px;
  height:70px;
  background:#39f2ea;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:32px;
  font-weight:900;
  margin-bottom:20px;
}
.success h1{
  font-size:clamp(40px,6vw,72px);
  letter-spacing:-.05em;
  margin:12px;
}
.success>p{
  color:#777;
  max-width:600px;
}
.linkbox{
  width:min(700px,100%);
  text-align:left;
  margin-top:25px;
}
.linkbox span{
  font-size:11px;
  font-weight:800;
}
.linkbox input{
  margin-top:8px;
}
.success-actions{
  display:flex;
  gap:12px;
  align-items:center;
}
.ghost.dark{
  color:#111;
  border-color:#ccc;
  margin-top:20px;
}
.warning{
  max-width:700px;
  background:#fff9d9;
  border:1px solid #eee1a3;
  padding:14px;
  border-radius:10px;
  margin-top:25px;
  font-size:12px;
}
.edit-page{
  max-width:1200px;
  margin:70px auto;
  padding:0 22px;
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:60px;
}
.edit-page .builder{
  box-shadow:none;
}
.auth-card>p{
  color:#66706a;
}
.auth-card input{
  padding:15px;
  border:1px solid #dfe4e1;
  border-radius:12px;
  font:inherit;
}
.auth-link{
  text-align:center;
}
.alert{
  padding:13px 15px;
  border-radius:12px;
  background:#fff4dd;
  border:1px solid #f0d28d;
  margin:18px 0;
}
.dash-top{
  height:72px;
  padding:0 max(24px,calc((100vw - 1180px)/2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #e8ebe9;
  background:#fff;
}
.dash-top nav{
  display:flex;
  align-items:center;
  gap:20px;
}
.dash-top a{
  color:#111;
  text-decoration:none;
}
.dashboard{
  width:min(1180px,calc(100% - 36px));
  margin:auto;
  padding:48px 0 80px;
}
.dash-hero{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:34px;
}
.dash-hero h1,.pricing-head h1{
  font-size:clamp(36px,6vw,64px);
  letter-spacing:-.055em;
  margin:6px 0;
}
.stat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin:28px 0 42px;
}
.stat-grid article{
  background:#0b0d0c;
  color:#fff;
  border-radius:20px;
  padding:24px;
}
.stat-grid small{
  display:block;
  color:#9da6a1;
  margin-bottom:18px;
}
.stat-grid strong{
  font-size:34px;
}
.site-list{
  display:grid;
  gap:12px;
}
.site-row{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:28px;
  padding:22px;
  background:#fff;
  border:1px solid #e5e9e6;
  border-radius:18px;
}
.site-row h3{
  margin:7px 0 4px;
}
.site-row p{
  margin:0;
  color:#758078;
}
.status{
  font-size:11px;
  text-transform:uppercase;
  font-weight:800;
  padding:5px 8px;
  border-radius:20px;
  background:#e9fff3;
}
.site-metrics{
  display:flex;
  gap:20px;
}
.site-metrics span{
  display:grid;
  color:#6f7772;
}
.site-metrics b{
  font-size:20px;
  color:#111;
}
.row-actions{
  display:flex;
  gap:8px;
}
.row-actions a,.pricing a,.pricing button{
  padding:10px 14px;
  border-radius:10px;
  border:1px solid #dfe4e1;
  text-decoration:none;
  color:#111;
  background:#fff;
}
.empty{
  text-align:center;
  padding:60px;
  border:1px dashed #cfd6d2;
  border-radius:24px;
}
.pricing-head{
  text-align:center;
  max-width:720px;
  margin:0 auto 35px;
}
.pricing{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.pricing article{
  padding:30px;
  border:1px solid #e0e5e2;
  border-radius:24px;
  background:#fff;
}
.pricing article.featured{
  background:#080a09;
  color:#fff;
  transform:translateY(-8px);
}
.pricing strong{
  font-size:34px;
  display:block;
  margin:20px 0;
}
.pricing p{
  min-height:55px;
  color:#758078;
}
.featured p{
  color:#aab2ad;
}
.admin-table{
  overflow:auto;
  background:#fff;
  border:1px solid #e5e9e6;
  border-radius:18px;
}
.admin-table table{
  width:100%;
  border-collapse:collapse;
}
.admin-table th,.admin-table td{
  text-align:left;
  padding:15px;
  border-bottom:1px solid #eef0ef;
}
.cta.small{
  padding:10px 14px;
  font-size:14px;
}
.stat-link{
  display:block;
  color:#39f2ea;
  font-size:11px;
  margin-top:10px;
  text-decoration:none;
}
.plan-benefit{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  background:linear-gradient(120deg,#e8fffe,#fff);
  border:1px solid #bcecea;
  border-radius:22px;
  padding:26px;
  margin-bottom:28px;
}
.plan-benefit span,.section-title span{
  font-size:10px;
  letter-spacing:.18em;
  font-weight:900;
  color:#20cfc8;
}
.plan-benefit h2{
  font-size:32px;
  margin:5px 0;
}
.plan-benefit p{
  margin:0;
  color:#65706a;
}
.plans-v4 ul{
  list-style:none;
  padding:0;
  min-height:155px;
}
.plans-v4 li{
  padding:7px 0;
  font-size:13px;
}
.plans-v4 strong small{
  font-size:12px;
  font-weight:500;
}
.plan-tag{
  font-size:10px;
  letter-spacing:.16em;
  color:#39f2ea;
}
.plan-button{
  cursor:pointer;
  font-weight:800;
}
.seo-note{
  max-width:850px;
  margin:28px auto;
  color:#777;
  font-size:11px;
  line-height:1.6;
}
.dashboard.wide{
  width:min(1500px,calc(100% - 30px));
}
.preview-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}
.preview-card{
  background:#fff;
  border:1px solid #dfe4e1;
  border-radius:18px;
  overflow:hidden;
}
.preview-card>div{
  display:flex;
  justify-content:space-between;
  padding:14px 16px;
}
.preview-card a{
  color:#20cfc8;
  text-decoration:none;
}
.preview-card iframe{
  width:200%;
  height:760px;
  border:0;
  transform:scale(.5);
  transform-origin:top left;
  margin-bottom:-380px;
  pointer-events:none;
}
.admin-v4{
  width:min(1400px,calc(100% - 36px));
}
.admin-stats{
  grid-template-columns:repeat(4,1fr);
}
.admin-section{
  margin:55px 0;
}
.inline-form{
  display:flex;
  gap:6px;
}
.inline-form select{
  min-width:105px;
  padding:8px;
}
.inline-form button,.section-title>a{
  border:1px solid #dce2de;
  background:#fff;
  border-radius:9px;
  padding:9px 12px;
  color:#111;
  text-decoration:none;
}
.finance-form{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr 2fr;
  gap:8px;
  background:#fff;
  padding:16px;
  border:1px solid #e4e8e5;
  border-radius:16px;
  margin-bottom:14px;
}
.finance-form .submit{
  margin:0;
  grid-column:1/-1;
}
.admin-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.admin-plan-card{
  background:#fff;
  border:1px solid #e0e5e2;
  border-radius:20px;
  padding:22px;
}
.admin-plan-card label{
  display:grid;
  gap:6px;
  margin:12px 0;
  font-size:11px;
  font-weight:800;
}
.admin-plan-card .checks label{
  display:flex;
  align-items:center;
  gap:8px;
}
.admin-plan-card .checks input{
  width:auto;
}
.admin-plan-card .submit{
  margin-top:10px;
}
.admin-shell{
  margin:0;
  background:var(--fd-bg);
  color:var(--fd-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  min-height:100vh;
}
.side-main a i,.side-bottom a i{
  font-style:normal;
  width:32px;
  height:32px;
  border-radius:50%;
  border:1px solid #2a3434;
  display:grid;
  place-items:center;
  color:#d8e3e3;
}
.side-bottom{
  margin-top:auto;
  display:grid;
  gap:8px;
  padding:0 8px;
}
.admin-top h1{
  margin:6px 0 0;
  font-size:32px;
  letter-spacing:-1.2px;
}
.mono-kicker{
  font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:1.2px;
  color:var(--fd-cyan);
}
.admin-user{
  display:flex;
  align-items:center;
  gap:12px;
  color:#aeb8b8;
}
.admin-user b{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#0c1717;
  border:1px solid #244343;
  color:var(--fd-cyan);
}
.metric-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-bottom:30px;
}
.metric-row article,.executive-grid article{
  background:#060707;
  border:1px solid #263030;
  border-radius:18px;
  padding:28px 30px;
  min-height:126px;
}
.metric-row small,.executive-grid small{
  display:block;
  color:var(--fd-cyan);
  font:800 11px ui-monospace,monospace;
  letter-spacing:.6px;
  margin-bottom:14px;
}
.metric-row span,.executive-grid span{
  display:block;
  color:var(--fd-muted);
  font-size:13px;
  margin-top:8px;
}
.executive-card{
  background:#050606;
  border:1px solid #242d2d;
  border-radius:24px;
  padding:34px;
  margin-bottom:28px;
}
.section-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:28px;
  gap:20px;
}
.section-title h2{
  font-size:30px;
  margin:8px 0 8px;
  letter-spacing:-1px;
}
.section-title p{
  color:var(--fd-muted);
  margin:0;
}
.outline-chip{
  color:#fff;
  text-decoration:none;
  border:1px solid #344040;
  border-radius:14px;
  padding:13px 16px;
  font-weight:750;
}
.executive-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.dark-table .tr:last-child{
  border-bottom:0;
}
.dark-table .th{
  color:#fff;
  font:800 11px ui-monospace,monospace;
}
.dark-table b small{
  display:block;
  color:#7f9292;
  font-weight:500;
  margin-top:6px;
}
.plan-pill{
  color:var(--fd-cyan);
  font-weight:800;
}
.dark-table form{
  display:flex;
  gap:8px;
}
.dark-table select,.dark-table button,.dark-form input,.dark-form select,.dark-form button,.plan-admin-card input,.plan-admin-card textarea{
  background:#090c0c;
  border:1px solid #304040;
  color:#fff;
  border-radius:9px;
  padding:10px;
}
.dark-table button,.dark-form button,.plan-admin-card button{
  background:var(--fd-cyan);
  color:#031010;
  font-weight:900;
  border:0;
  cursor:pointer;
}
.dark-form{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:24px;
}
.plan-admin-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.plan-admin-card{
  background:#060707;
  border:1px solid #263232;
  border-radius:20px;
  padding:26px;
}
.plan-admin-card label{
  display:grid;
  gap:7px;
  margin-top:15px;
  color:#aeb8b8;
  font-size:13px;
}
.plan-admin-card button{
  width:100%;
  padding:14px;
  margin-top:18px;
  border-radius:10px;
}
.toggle-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.toggle-grid label{
  display:flex;
  align-items:center;
  gap:8px;
}
.template-admin-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.template-admin-grid article{
  background:#060707;
  border:1px solid #263232;
  border-radius:20px;
  overflow:hidden;
}
.template-admin-grid article>div{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 20px;
}
.template-admin-grid h3{
  margin:0 auto 0 0;
}
.template-admin-grid a{
  color:var(--fd-cyan);
  text-decoration:none;
}
.template-admin-grid iframe{
  display:block;
  width:100%;
  height:390px;
  border:0;
  background:#fff;
}
.brand img,.client-brand img{
  max-width:180px;
  max-height:44px;
  object-fit:contain;
}
.v5-top .ghost{
  color:#fff;
}
.v5-top .cta,.v5-public .cta,.cyan-btn{
  background:var(--fd-cyan);
  color:#031010;
  border:0;
}
.v5-public{
  background:#030303;
  color:#fff;
}
.v5-hero{
  background:radial-gradient(circle at 78% 40%,#0a3432 0,transparent 28%),#030303;
  min-height:720px;
  padding:150px 8vw 80px;
}
.v5-hero h1{
  font-size:clamp(64px,8vw,126px);
  line-height:.88;
  letter-spacing:-7px;
  margin:25px 0;
}
.v5-hero h1 span{
  color:var(--fd-cyan);
}
.v5-hero>p{
  color:#aab7b7;
  max-width:720px;
  font-size:19px;
}
.hero-numbers{
  display:flex;
  gap:60px;
  margin-top:70px;
}
.hero-numbers b{
  display:block;
  font-size:32px;
}
.hero-numbers span{
  color:#7e8b8b;
  font-size:12px;
}
.studio-form h2{
  font-size:44px;
  margin:10px 0;
}
.studio-form>p{
  color:#879494;
}
.v5-builder{
  background:transparent;
  padding:0;
}
.v5-builder input,.v5-builder textarea{
  background:#050606;
  color:#fff;
  border-color:#2b3939;
}
.palette-block{
  margin:25px 0;
}
.scheme input{
  position:absolute;
  opacity:0;
}
.stage-head>div{
  display:flex;
  gap:6px;
}
.stage-head i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#344;
}
.client-side nav{
  display:grid;
  gap:8px;
  padding-top:24px;
}
.cyan-btn{
  padding:13px 17px;
  border-radius:10px;
  text-decoration:none;
  font-weight:900;
}
.empty-dark .cyan-btn{
  display:inline-block;
  margin-top:14px;
}
:root{
  --fd-bg:#030303;
  --fd-panel:#070808;
  --fd-panel2:#0b0d0d;
  --fd-line:#263232;
  --fd-cyan:#39f2ea;
  --fd-cyan2:#20cfc8;
  --fd-text:#f4f6f6;
  --fd-muted:#899494;
  --fd-radius:20px;
}
.eyebrow,.badge,.mono-kicker{
  color:var(--fd-cyan);
}
.v5-builder .submit span,.features b{
  color:var(--fd-cyan);
}
.v5-features{
  background:#030303;
  border-color:#1d2b2b;
  gap:0;
}
.v5-features article{
  border-color:#1d2b2b;
  background:#070808;
  color:#fff;
  border-right:1px solid #1e2929;
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.v5-features article:last-child{
  border-right:0;
}
.v5-features h3{
  font-size:clamp(26px,2.2vw,38px);
  letter-spacing:-.035em;
  max-width:420px;
  margin:22px 0 14px;
}
.v5-features p{
  color:#98a5a5;
  max-width:440px;
  font-size:15px;
  line-height:1.75;
}
.v5-features b{
  color:var(--fd-cyan);
  font:800 11px ui-monospace;
  letter-spacing:.12em;
}
.fd-sidebar{
  position:fixed;
  inset:0 auto 0 0;
  width:318px;
  padding:28px 20px;
  background:#050606;
  border-right:1px solid #1b2424;
  display:flex;
  flex-direction:column;
  z-index:50;
  width:88px;
  padding:24px 10px;
  overflow-y:auto;
  overflow-x:hidden;
  direction:rtl;
  transition:width .24s ease;
  scrollbar-width:thin;
  scrollbar-color:#334444 #050606;
}
.fd-sidebar>*{
  direction:ltr;
}
.fd-sidebar:hover{
  width:300px;
  box-shadow:24px 0 70px #0008;
}
.fd-side-logo{
  height:68px;
  display:flex;
  align-items:center;
  padding:0 10px 18px;
  border-bottom:1px solid #123232;
  padding:0 5px 18px;
}
.fd-side-logo img{
  width:190px;
  max-height:48px;
  object-fit:contain;
  object-position:left center;
  width:190px;
  max-width:none;
  object-position:left center;
  transition:.2s;
}
.fd-sidebar:not(:hover) .fd-side-logo img{
  width:58px;
  height:48px;
  object-fit:cover;
  object-position:left;
}
.side-main{
  display:grid;
  gap:8px;
  padding:26px 8px;
  padding:24px 4px;
}
.side-main a,.side-bottom a{
  display:flex;
  align-items:center;
  gap:14px;
  padding:13px 15px;
  border:1px solid #202929;
  border-radius:12px;
  color:#f7fafa;
  text-decoration:none;
  font-weight:750;
  font-size:14px;
  transition:.2s;
  white-space:nowrap;
}
.fd-sidebar:not(:hover) .side-main a span,.fd-sidebar:not(:hover) .side-bottom a span{
  display:none;
}
.fd-sidebar:not(:hover) .side-main a,.fd-sidebar:not(:hover) .side-bottom a{
  justify-content:center;
  padding:10px;
}
.admin-main{
  margin-left:318px;
  padding:0 52px 70px;
  max-width:1600px;
  margin-left:88px;
  transition:margin .2s;
}
.side-main a:hover,.side-main a.active{
  border-color:var(--fd-cyan2);
  background:#071010;
  box-shadow:inset 0 0 0 1px #0a3735;
  border-color:var(--fd-cyan2);
  background:#071010;
}
.side-main a.active i{
  color:var(--fd-cyan);
  color:var(--fd-cyan);
}
.builder-studio,.studio-form,.v5-builder,.v5-builder .form-grid,.v5-builder label{
  border:0;
  outline:0;
  box-shadow:none;
}
.v5-builder textarea::-webkit-scrollbar{
  display:none;
}
html,body{
  max-width:100%;
  overflow-x:hidden;
}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:#fff;
  color:#090b0a;
}
.white-hero>p,.white-hero .hero-numbers span{
  color:#687473;
}
.white-public .builder-studio{
  background:#f5f7f6;
  border-top:0;
}
.white-public .studio-form{
  background:#fff;
  color:#0a0d0d;
  box-shadow:0 18px 60px #10201d0a;
}
.white-public .studio-form>p{
  color:#6d7977;
}
.white-public .v5-builder input:focus,.white-public .v5-builder textarea:focus,.white-public .v5-builder select:focus{
  box-shadow:inset 0 0 0 1.5px var(--fd-cyan2);
}
.white-public .v5-builder select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#17201f 50%),linear-gradient(135deg,#17201f 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
  padding-right:42px;
}
.sector-other[hidden]{
  display:none;
}
.white-public .label-row span,.white-public label small{
  color:#74807e;
}
.white-public .stage-head{
  background:#f7f9f8;
  border-color:#dce4e2;
}
.white-features{
  background:#fff;
}
.white-features article{
  background:#fff;
  color:#111;
  border-right:1px solid #e0e6e4;
  border-top:1px solid #e0e6e4;
}
.white-features p{
  color:#687473;
}
.white-features h3{
  color:#111;
}
.light-top{
  background:#fff;
  color:#111;
  border-bottom:1px solid #e2e8e6;
}
.light-top .client-brand img{
  filter:none;
}
.new-site-intro{
  padding:70px 7vw 0;
  background:#fff;
}
.new-site-intro h1{
  font-size:clamp(42px,6vw,76px);
  letter-spacing:-.055em;
  margin:10px 0;
}
.new-site-intro p{
  color:#687473;
}
.success{
  min-height:80vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  justify-content:center;
  padding:50px 20px;
  background:#fff;
}
.important-save{
  width:min(760px,100%);
  display:grid;
  gap:8px;
  text-align:left;
  background:#061110;
  color:#fff;
  border:1px solid #1bcfc7;
  border-radius:18px;
  padding:22px 24px;
  box-shadow:0 16px 50px #10201d12;
}
.important-save strong{
  font:800 11px ui-monospace;
  letter-spacing:.14em;
  color:#39f2ea;
}
.important-save b{
  font-size:16px;
}
.important-save span{
  color:#a9b8b5;
  line-height:1.55;
}
.client-side-logo{
  padding:0 8px 24px;
  border-bottom:1px solid #173131;
  border-bottom-color:#e0e7e5;
}
.client-shell .metric-row article,.client-shell .executive-card,.client-shell .dark-table{
  background:#fff;
  color:#111;
  border-color:#dce4e2;
  box-shadow:0 10px 35px #10201d08;
}
.client-shell .metric-row article span,.client-shell .section-title p,.client-shell .dark-table small{
  color:#71807d;
}
.client-shell .dark-table .tr{
  border-color:#e3e9e7;
}
.client-shell .dark-table .th{
  color:#4b5b58;
}
.empty-dark{
  padding:50px;
  text-align:center;
  border:1px dashed #314040;
  border-radius:16px;
  background:#fff;
  border-color:#ccd8d5;
}
.client-side .logout{
  margin-top:auto;
}
.brand img,.auth-card .brand img{
  width:190px;
  max-height:48px;
  object-fit:contain;
  object-position:left center;
}
.auth-card .brand{
  justify-content:center;
}
.client-side-logo img{
  width:190px;
  max-height:52px;
  object-fit:contain;
  object-position:left center;
}
.pricing-nav{
  position:relative;
  z-index:3;
}
.pv9-hero:after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border:1px solid #39f2ea44;
  border-radius:50%;
  right:-130px;
  top:-150px;
  box-shadow:0 0 100px #39f2ea10;
}
.pv9-kicker,.pv9-heading>span,.asset-kicker{
  font:800 11px ui-monospace;
  letter-spacing:.15em;
  color:#39f2ea;
}
.pv9-hero h1{
  font-size:clamp(52px,7vw,92px);
  line-height:.94;
  letter-spacing:-.065em;
  margin:18px 0 24px;
  max-width:980px;
}
.pv9-hero>p{
  max-width:700px;
  color:#a9b4b1;
  font-size:18px;
  line-height:1.65;
}
.pv9-proof{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:35px;
  color:#d4dcda;
  font-size:12px;
}
.pv9-proof i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#39f2ea;
}
.pv9-heading{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  column-gap:70px;
  align-items:end;
  margin-bottom:30px;
}
.pv9-heading>span{
  grid-column:1/-1;
  margin-bottom:14px;
}
.pv9-heading h2{
  font-size:clamp(36px,4.2vw,58px);
  line-height:1;
  letter-spacing:-.05em;
  margin:0;
}
.pv9-heading p{
  color:#697572;
  line-height:1.65;
  margin:0;
}
.pc-grid{
  display:grid;
  gap:16px;
}
.pc-grid.core{
  grid-template-columns:repeat(3,1fr);
}
.pc-grid.premium{
  grid-template-columns:1fr 1fr;
}
.pc-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:28px;
}
.pc-card h2{
  font-size:28px;
  margin:22px 0 8px;
}
.pc-desc{
  color:#6d7875;
  line-height:1.55;
  min-height:50px;
}
.accent .pc-desc{
  color:#9aaba7;
}
.pc-price{
  display:flex;
  align-items:baseline;
  gap:5px;
  margin:20px 0 22px;
}
.pc-price small{
  font-weight:800;
}
.pc-price strong{
  font-size:42px;
  letter-spacing:-.045em;
}
.pc-price span{
  font-size:12px;
  color:#7c8784;
}
.pc-line{
  height:1px;
  background:#e5eae8;
  margin-bottom:22px;
}
.accent .pc-line{
  background:#1e3330;
}
.pc-card ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:13px;
}
.pc-card li{
  display:flex;
  gap:10px;
  line-height:1.4;
  font-size:14px;
}
.pc-action{
  margin-top:auto;
  padding-top:30px;
}
.pc-action form{
  margin:0;
}
.accent .pc-btn{
  background:#39f2ea;
  border-color:#39f2ea;
}
.pc-btn.current{
  opacity:.55;
}
.premium-zone{
  padding-top:110px;
}
.pc-card.platinum,.pc-card.diamond{
  min-height:470px;
  position:relative;
  overflow:hidden;
}
.pc-card.platinum:before,.pc-card.diamond:before{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  border-radius:50%;
  right:-100px;
  top:-100px;
  background:#39f2ea12;
}
.pc-card.diamond .pc-desc{
  color:#9eaaa7;
}
.pc-card.diamond .pc-line{
  background:#273433;
}
.pc-card.diamond .pc-btn{
  background:#39f2ea;
  border-color:#39f2ea;
}
.demand-asset:after{
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  border:1px solid #39f2ea33;
  border-radius:50%;
  left:-280px;
  bottom:-360px;
}
.asset-copy h2{
  font-size:clamp(42px,5.4vw,72px);
  line-height:.98;
  letter-spacing:-.06em;
  margin:18px 0 24px;
}
.asset-copy>p{
  color:#a6b2af;
  font-size:17px;
  line-height:1.7;
  max-width:700px;
}
.asset-copy strong{
  color:#fff;
}
.asset-chips{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:30px;
}
.asset-chips span{
  border:1px solid #243432;
  border-radius:99px;
  padding:9px 12px;
  color:#cbd5d2;
  font-size:11px;
}
.asset-offer>span{
  font:800 10px ui-monospace;
  letter-spacing:.14em;
  color:#39f2ea;
}
.asset-offer>strong{
  font-size:92px;
  letter-spacing:-.08em;
  line-height:1;
  margin-top:28px;
}
.asset-offer>b{
  font-size:18px;
}
.asset-offer form{
  margin-top:auto;
}
.pv9-note{
  width:min(1180px,calc(100% - 40px));
  margin:18px auto 0;
  color:#7b8582;
  font-size:11px;
  line-height:1.5;
}
.white-hero h1 span,.white-public .eyebrow,.white-public .mono-kicker,.white-features b{
  color:#111;
}
.white-public .stage-head a,.white-public .submit span{
  color:#0b8f8a;
}
.white-public .cta{
  background:#050706;
  color:#fff;
}
.white-public .cta:hover{
  background:#151a19;
}
.white-public .v5-builder{
  background:#fff;
}
.white-public .form-grid{
  gap:18px;
}
.white-public .form-grid label{
  gap:9px;
}
.white-public .form-grid label>span{
  color:#151918;
  font-size:12px;
}
.white-public .v5-builder input,.white-public .v5-builder textarea,.white-public .v5-builder select{
  background:#fff;
  color:#101413;
  box-shadow:inset 0 0 0 1px #cfd9d6;
  min-height:52px;
  border-radius:12px;
  padding:15px 16px;
}
.white-public .v5-builder textarea{
  min-height:126px;
}
.white-public .v5-builder input::placeholder,.white-public .v5-builder textarea::placeholder{
  color:#78827f;
}
.white-public .v5-builder input[type=file]{
  background:#f4f7f6;
  padding:11px;
}
.white-public .templates,.white-public .palette-block{
  padding-top:10px;
}
.white-public .template-card{
  background:#fff;
  border-color:#dce4e2;
  padding:10px;
  border:1px solid #d7dfdd;
}
.white-public .template-card:has(input:checked){
  border-color:#111;
  box-shadow:0 0 0 2px #111;
}
.white-public .scheme input:checked+span{
  outline-color:#111;
}
.white-public .submit{
  background:#050706;
  color:#fff;
  min-height:58px;
}
.white-public .live-stage{
  border-color:#d9e1df;
  background:#fff;
  box-shadow:0 18px 60px #10201d0a;
  position:sticky;
  top:18px;
}
.home-plan-strip{
  padding:90px clamp(22px,5vw,76px) 100px;
  background:#f5f7f6;
  border-top:1px solid #e0e6e4;
}
.hps-head{
  max-width:850px;
}
.hps-head>span{
  font:800 11px ui-monospace;
  letter-spacing:.14em;
  color:#111;
}
.hps-head h2{
  font-size:clamp(38px,5vw,68px);
  line-height:1;
  letter-spacing:-.055em;
  margin:14px 0;
}
.hps-head p{
  color:#687473;
  font-size:17px;
  line-height:1.6;
}
.hps-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin-top:38px;
}
.hps-grid article{
  background:#fff;
  border:1px solid #dce4e2;
  border-radius:20px;
  padding:24px;
  min-height:210px;
}
.hps-grid small{
  font:800 10px ui-monospace;
  letter-spacing:.12em;
  color:#111;
}
.hps-grid h3{
  font-size:26px;
  line-height:1.05;
  margin:28px 0 12px;
  letter-spacing:-.04em;
}
.hps-grid h3 i{
  font-size:11px;
  font-style:normal;
  font-weight:600;
}
.hps-grid p{
  color:#687473;
  font-size:13px;
  line-height:1.55;
}
.hps-grid .hps-dark{
  background:#050706;
  color:#fff;
  border-color:#050706;
}
.hps-dark small{
  color:#fff;
}
.hps-dark p{
  color:#a9b4b1;
}
.hps-cta{
  display:inline-flex;
  margin-top:22px;
  padding:14px 18px;
  background:#050706;
  color:#fff;
  text-decoration:none;
  border-radius:11px;
  font-weight:800;
}
.custom-price{
  flex-wrap:wrap;
}
.custom-price>span{
  width:100%;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.asset-copy h2 em{
  font-style:normal;
  color:#39f2ea;
  color:#fff;
}
.asset-offer>span,.asset-kicker{
  color:#fff;
}
.asset-btn{
  margin-top:auto;
  display:block;
  text-align:center;
  background:#39f2ea;
  color:#04110f;
  text-decoration:none;
  border:0;
  border-radius:12px;
  padding:16px;
  font-weight:900;
  width:100%;
  cursor:pointer;
  background:#fff;
  color:#050706;
}
.pv9-heading>span,.pv9-kicker{
  color:#111;
}
.pv9-hero .pv9-kicker{
  color:#fff;
}
.pv9-hero h1 em{
  font-style:normal;
  color:#fff;
}
.pc-code{
  font:800 10px ui-monospace;
  letter-spacing:.15em;
  color:#111;
}
.accent .pc-code{
  color:#fff;
}
.pc-card.accent .pc-btn,.pc-card.diamond .pc-btn{
  background:#fff;
  border-color:#fff;
}
.pc-card li i{
  font-style:normal;
  color:#111;
  font-weight:900;
}
.accent li i,.diamond li i{
  color:#fff;
}
.white-public input[type=file]::file-selector-button{
  border:0;
  background:#0b0e0d;
  color:#fff;
  border-radius:8px;
  padding:10px 12px;
  margin-right:12px;
  font:800 11px Inter,Arial;
  cursor:pointer;
}
.white-public input[type=file]::file-selector-button:hover{
  background:#252b29;
}
.white-public .label-row b{
  color:#111;
}
.white-public .template-card strong{
  color:#111;
  font-size:11px;
}
.white-public .palette-block{
  margin-top:28px;
}
.pc-price>span:not(:first-child){
  font-size:16px;
  font-weight:750;
  line-height:1;
  color:#66726f;
}
.pc-card.accent .pc-price>span:not(:first-child),.pc-card.diamond .pc-price>span:not(:first-child){
  color:#b8c5c2;
}
body.admin-shell{
  background:#030404;
  color:#f7f8f7;
}
.admin-shell .admin-main{
  background:#030404;
  color:#f7f8f7;
  min-height:100vh;
}
.admin-shell .admin-top{
  background:#030404;
  border-color:#202a29;
  color:#fff;
}
.admin-shell .admin-top h1,.admin-shell .section-title h2{
  color:#fff;
}
.admin-shell .metric-row article{
  background:#050706;
  border:1px solid #263130;
  color:#fff;
  box-shadow:none;
}
.admin-shell .metric-row article small,.admin-shell .executive-grid article small,.admin-shell .mono-kicker{
  color:#72ddd8;
}
.admin-shell .metric-row article strong,.admin-shell .executive-grid article strong{
  color:#fff;
}
.admin-shell .metric-row article span,.admin-shell .executive-grid article span,.admin-shell .section-title p{
  color:#94a3a0;
}
.admin-shell .executive-card{
  background:#050706;
  border-color:#263130;
  color:#fff;
}
.admin-shell .executive-grid article{
  background:#070909;
  border:1px solid #263130;
  color:#fff;
}
.admin-shell .outline-chip{
  background:#070909;
  color:#fff;
  border-color:#33413f;
}
.admin-shell .fd-sidebar{
  background:#030404;
  border-color:#202a29;
}
.admin-shell .dark-table,.admin-shell .plan-admin-card,.admin-shell .template-admin-grid article{
  background:#050706;
  color:#fff;
}
.client-shell,.client-main{
  background:#f7f8f7;
  color:#090b0a;
}
body.admin-shell .metric-row>article,body.admin-shell .executive-card,body.admin-shell .executive-grid>article{
  background:#060807;
  color:#fff;
  border-color:#263130;
  box-shadow:none;
}
body.admin-shell .metric-row>article small,body.admin-shell .executive-grid>article small,body.admin-shell .mono-kicker{
  color:#8fdad6;
}
body.admin-shell .metric-row>article strong,body.admin-shell .executive-grid>article strong,body.admin-shell .section-title h2{
  color:#fff;
}
body.admin-shell .metric-row>article span,body.admin-shell .executive-grid>article span,body.admin-shell .section-title p{
  color:#94a3a0;
}
.admin-shell select{
  background:#090c0c;
  color:#f7fafa;
  border:1px solid #304040;
  border-radius:9px;
  padding:10px 36px 10px 12px;
  min-height:40px;
  width:auto;
  max-width:220px;
  box-shadow:none;
  color-scheme:dark;
}
.admin-shell select option{
  background:#090c0c;
  color:#f7fafa;
}
.admin-shell .dark-table form select{
  flex:0 0 auto;
  min-width:120px;
}
.admin-shell .dark-table form{
  align-items:center;
}
.v5-top{
  background:#030303;
  border-bottom:1px solid #1b201f;
  height:82px;
}
.v5-top nav{
  display:flex;
  gap:10px;
  align-items:center;
}
.v5-top .ghost,.v5-top .cta.small{
  transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.v5-top .ghost:hover{
  background:#fff;
  color:#050706;
  border-color:#fff;
  transform:translateY(-2px);
}
.v5-top .cta.small{
  margin-top:0;
  background:#39e6df;
  color:#050706;
  border:1px solid #39e6df;
}
.v5-top .cta.small:hover{
  background:#fff;
  border-color:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 28px #0003;
}
.hero-copy-v17{
  position:relative;
  z-index:2;
}
.white-hero h1{
  max-width:900px;
  font-size:clamp(58px,7.2vw,104px);
}
.white-hero h1 span{
  color:#050706;
}
.hero-actions-v17{
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:26px;
}
.hero-link-v17{
  color:#111;
  text-decoration:none;
  font-weight:850;
  border-bottom:1px solid #111;
  padding:8px 0;
}
.hero-console-v17{
  position:relative;
  z-index:2;
  background:#050706;
  border-radius:28px;
  padding:22px;
  color:#fff;
  box-shadow:0 30px 80px #13211e1f;
  transform:rotate(1.2deg);
}
.hc-label{
  font:800 10px ui-monospace;
  letter-spacing:.15em;
  color:#9ca9a6;
}
.hc-window{
  margin-top:16px;
  border:1px solid #26312f;
  border-radius:18px;
  padding:20px;
  background:#0a0d0c;
}
.hc-dots{
  font-size:9px;
  letter-spacing:4px;
  color:#596562;
}
.hc-card{
  background:#fff;
  color:#070908;
  border-radius:15px;
  padding:25px;
  margin-top:35px;
}
.hc-card small{
  font:800 9px ui-monospace;
  letter-spacing:.14em;
}
.hc-card strong{
  display:block;
  font-size:29px;
  line-height:1.05;
  letter-spacing:-.04em;
  margin:12px 0;
}
.hc-card p{
  color:#697370;
  font-size:13px;
  line-height:1.5;
}
.hc-status{
  font:800 10px ui-monospace;
  letter-spacing:.12em;
  margin-top:18px;
  display:flex;
  align-items:center;
  gap:8px;
}
.hc-status i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#39e6df;
  box-shadow:0 0 16px #39e6df;
}
.pricing-v9{
  background:linear-gradient(180deg,#f8faf9,#eef3f1);
  color:#080b0b;
  min-height:100vh;
  padding-bottom:100px;
}
.pv9-hero{
  background:#030303;
  color:#fff;
  padding:86px max(28px,calc((100vw - 1180px)/2)) 78px;
  position:relative;
  overflow:hidden;
  padding-top:100px;
  padding-bottom:100px;
}
.pv9-section{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding-top:100px;
}
.pc-card{
  background:#fff;
  border:1px solid #dfe6e4;
  border-radius:30px;
  padding:34px;
  min-height:520px;
  display:flex;
  flex-direction:column;
  box-shadow:0 18px 55px #0b1a170a;
  transition:.25s;
}
.pc-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 80px #0b1a1717;
}
.pc-card.accent{
  background:linear-gradient(145deg,#06100e,#0b1816);
  color:#fff;
  border-color:#263d39;
  box-shadow:0 20px 70px #20cfc817;
}
.pc-card.diamond{
  background:linear-gradient(145deg,#030404,#0b1211);
  color:#fff;
  border-color:#273433;
}
.pc-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 16px;
  border-radius:12px;
  border:1px solid #d9e2df;
  background:#fff;
  color:#0a0d0c;
  text-decoration:none;
  font-weight:900;
  cursor:pointer;
  transition:.2s;
}
.pc-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 25px #00000017;
}
.pv9-heading>span,.pc-code{
  color:#111;
}
.accent .pc-code,.diamond .pc-code{
  color:#fff;
}
.pc-pill{
  font:800 9px ui-monospace;
  letter-spacing:.08em;
  padding:7px 9px;
  border-radius:99px;
  background:#050706;
  color:#fff;
}
.pc-pill.soft{
  background:#fff;
  color:#050706;
}
.client-shell .mono-kicker,.client-shell .metric-row article small,.client-shell .section-title>div>span{
  color:#111;
}
.client-main a{
  color:var(--fd-cyan);
  color:#111;
  text-decoration-color:#8a9693;
}
.client-main a:hover{
  color:#000;
}
.client-head .cyan-btn,.client-shell .cyan-btn{
  background:#050706;
  color:#fff;
  border:1px solid #050706;
  transition:.2s;
}
.client-head .cyan-btn:hover,.client-shell .cyan-btn:hover{
  background:#fff;
  color:#050706;
  transform:translateY(-2px);
  box-shadow:0 10px 28px #101b1814;
}
.client-head .locked-create-btn,.client-shell .locked-create-btn{
  background:#e9eeee;
  color:#77827f;
  border-color:#d5dfdc;
  cursor:not-allowed;
  box-shadow:none;
}
.client-head .locked-create-btn:hover,.client-shell .locked-create-btn:hover{
  background:#e9eeee;
  color:#77827f;
  transform:none;
  box-shadow:none;
}
.panel-limit-alert{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 22px;
  padding:16px 18px;
  border:1px solid #f1c46b;
  border-radius:14px;
  background:#fff4d9;
  color:#1d1710;
  box-shadow:0 12px 34px rgba(108,75,16,.08);
}
.panel-limit-alert b{
  font-size:15px;
  line-height:1.35;
}
.panel-limit-alert a{
  flex:0 0 auto;
  color:#07100e;
  font-weight:950;
}
.side-link-disabled{
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px;
  border:1px solid #dfe8e5;
  border-radius:10px;
  color:#8a9693;
  background:#f4f7f6;
  font-weight:800;
  cursor:not-allowed;
}
.white-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.14));
  pointer-events:none;
}
.white-hero:after{
  display:none;
}
.plans-head-v19 span{
  font:800 10px ui-monospace;
  letter-spacing:.16em;
  color:#111;
}
.plans-head-v19 p{
  color:#64706d;
  font-size:17px;
  line-height:1.7;
  margin:0;
  max-width:520px;
}
.price-v19 i{
  font-style:normal;
  font-size:12px;
  font-weight:900;
}
.price-v19.custom{
  flex-wrap:wrap;
}
.plan-v19>a:hover{
  background:#080b0a;
  color:#fff;
  border-color:#080b0a;
}
.plan-v19.prata>p,.plan-v19.prata .price-v19 small{
  color:#a7b2af;
}
.plan-v19.prata ul{
  border-color:#273431;
}
.plan-v19.prata>a{
  background:#fff;
  color:#080b0a;
  border-color:#fff;
}
.plan-v19.diamante>p,.plan-v19.diamante .price-v19 small{
  color:#9eaaa7;
}
.plan-v19.diamante ul{
  border-color:#26322f;
}
.plans-head-v19>div>span{
  display:block;
  font:900 10px ui-monospace;
  letter-spacing:.18em;
  color:#111;
  margin-bottom:16px;
}
.plans-head-v19 h2 em{
  font-style:normal;
  color:#596662;
}
.plans-head-v19>p{
  margin:0 0 5px;
  color:#596662;
  font-size:17px;
  line-height:1.7;
  max-width:470px;
}
.plan-v19:nth-child(4),.plan-v19:nth-child(5){
  grid-column:span 3;
  min-height:440px;
  padding:38px 40px 32px;
}
.plan-v19-top span{
  font:900 10px ui-monospace;
  letter-spacing:.2em;
  font-size:10px;
}
.price-v19 small{
  font-size:13px;
  font-weight:800;
  color:#687572;
}
.plan-v19 li:before{
  content:'✓';
  position:absolute;
  left:0;
  font-weight:950;
  width:17px;
  height:17px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#edf4f2;
  font-size:10px;
  top:1px;
}
.plan-v19.bronze{
  background:linear-gradient(155deg,#fff 65%,#f3f7f6);
}
.plan-v19.prata:after{
  content:"02";
  position:absolute;
  right:24px;
  bottom:-24px;
  font-size:150px;
  font-weight:950;
  letter-spacing:-.09em;
  color:rgba(255,255,255,.025);
  z-index:0;
}
.plan-v19.prata .plan-v19-top b{
  border-color:#24413c;
  background:#10231f;
  color:#8df7f0;
}
.plan-v19.prata li:before,.plan-v19.diamante li:before{
  background:#142522;
  color:#66eee7;
}
.plan-v19.featured:before{
  content:'';
  position:absolute;
  width:230px;
  height:230px;
  border-radius:50%;
  background:#d9fffb;
  right:-120px;
  top:-120px;
}
.plan-v19.featured .plan-v19-top b{
  background:#0a0e0d;
  color:#fff;
  border-color:#0a0e0d;
}
.plan-v19.platina{
  background:linear-gradient(135deg,#f6fbfa 0%,#fff 70%);
  border-color:#cbd8d4;
}
.plan-v19.platina:before{
  content:"PROJETO SOB MEDIDA";
  position:absolute;
  right:-45px;
  top:70px;
  transform:rotate(90deg);
  font:900 9px ui-monospace;
  letter-spacing:.22em;
  color:#a6b5b1;
}
.plan-v19.diamante{
  background:linear-gradient(145deg,#020403,#0b1210);
  color:#fff;
  border-color:#253531;
  box-shadow:0 24px 70px rgba(3,10,8,.18);
}
.plan-v19.diamante:after{
  content:'';
  position:absolute;
  width:330px;
  height:330px;
  border:1px solid #334440;
  border-radius:50%;
  right:-180px;
  top:-180px;
  border-color:#29433e;
}
.plan-v19.diamante .plan-v19-top b{
  border-color:#2c4540;
  background:#10201d;
  color:#8df7f0;
}
.plan-v19.diamante>a{
  background:#39f2ea;
  color:#03100e;
  border-color:#39f2ea;
}
.plans-foot-v19 a{
  color:#0a0d0c;
  font-weight:900;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.plans-showcase-v19{
  padding:0;
  background:transparent;
  border-top:1px solid #e0e6e4;
  width:min(1180px,calc(100% - 64px));
  margin:120px auto;
}
.plans-head-v19{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:110px;
  align-items:end;
  margin-bottom:44px;
  padding-bottom:34px;
  border-bottom:1px solid #d8dfdc;
}
.plans-head-v19 h2{
  font-size:clamp(42px,4.5vw,64px);
  line-height:.94;
  letter-spacing:-.06em;
  margin:0;
  color:#070908;
  max-width:600px;
}
.plan-v19:nth-child(4){
  grid-column:2/span 5;
}
.plan-v19:nth-child(5){
  grid-column:7/span 5;
}
.plan-v19:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 55px rgba(8,18,15,.10);
  border-color:#aebbb8;
}
.plan-v19-top b{
  font:800 9px ui-monospace;
  letter-spacing:.08em;
  border:1px solid #d9e1df;
  border-radius:99px;
  padding:6px 9px;
  background:#f4f7f6;
  border-color:#dbe2df;
  color:#17201d;
}
.price-v19 strong{
  font-size:50px;
  line-height:1;
  letter-spacing:-.055em;
}
.price-v19.custom>small{
  width:100%;
  font:800 9px ui-monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:4px;
  font-size:10px;
}
.plan-v19.featured{
  border:2px solid #0c1513;
  box-shadow:0 24px 70px rgba(11,26,22,.11);
  transform:translateY(-10px);
  border-width:1px;
}
.plan-v19.featured:hover{
  transform:translateY(-14px);
}
.plan-v19.platina,.plan-v19.diamante{
  padding:32px 34px 28px;
}
.plan-v19.platina h3,.plan-v19.diamante h3{
  font-size:34px;
}
.plan-v19.platina>p,.plan-v19.diamante>p{
  max-width:430px;
}
.plans-foot-v19{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:38px;
  padding:22px 4px 0;
  color:#697572;
  font-size:12px;
  border-top:1px solid #d8dfdc;
}
.plan-v19.ouro>a,.plan-v19.platina>a{
  background:#050706;
  color:#fff;
  border-color:#050706;
}
.plan-v19.ouro>a:hover,.plan-v19.platina>a:hover{
  background:#151b19;
  border-color:#151b19;
}
.annual-price small{
  display:inline-flex;
  align-items:center;
  border:1px solid #d5e3df;
  border-radius:999px;
  padding:6px 10px;
  font:900 11px ui-monospace;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#07100e;
  background:#f4fbf9;
}
.plan-v19.prata .annual-price small{
  background:#10231f;
  border-color:#24413c;
  color:#8df7f0;
}
.plan-v19.prata .billing-note{
  color:#b6c8c4;
}
.admin-security-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
}
.admin-ok,.admin-error{
  padding:14px 16px;
  border-radius:12px;
  margin-bottom:18px;
  color:#fff;
}
.admin-ok{
  border:1px solid #31534d;
  background:#09110f;
}
.admin-error{
  border:1px solid #713838;
  background:#160909;
}
.twofa-setup{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:22px;
  align-items:center;
  margin-bottom:22px;
}
.twofa-setup img{
  background:#fff;
  border-radius:16px;
  padding:10px;
}
.twofa-setup small{
  display:block;
  color:#9fb0ac;
  font-weight:900;
  margin-bottom:8px;
}
.twofa-setup code{
  display:block;
  word-break:break-all;
  background:#0a0d0d;
  border:1px solid #263838;
  border-radius:12px;
  color:#39f2ea;
  padding:12px;
}
.twofa-setup p{
  color:#aeb8b8;
  line-height:1.55;
}
.twofa-status{
  border:1px solid #24443e;
  background:#07100e;
  border-radius:16px;
  padding:18px;
  margin-bottom:20px;
}
.twofa-status strong{
  display:block;
  color:#39f2ea;
  font-size:20px;
}
.twofa-status span{
  display:block;
  color:#aeb8b8;
  margin-top:6px;
}
.studio-form{
  background:#080a0a;
  border:1px solid #263333;
  border-radius:24px;
  padding:34px;
  border:1px solid #dfe8e5;
  box-shadow:0 24px 80px rgba(9,22,18,.08);
  min-width:0;
  background:#fff;
  border-radius:28px;
  padding:34px;
}
.builder-intro{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  margin-bottom:26px;
}
.builder-intro h2{
  font-size:clamp(38px,4vw,58px);
  line-height:.96;
  letter-spacing:-.055em;
  margin:13px 0;
  color:#050807;
}
.builder-intro p{
  max-width:520px;
  color:#65716e;
  font-size:16px;
  line-height:1.55;
}
.builder-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:7px;
  background:#edf3f1;
  border:1px solid #dce8e5;
  border-radius:16px;
}
.builder-steps span{
  padding:10px 12px;
  text-align:center;
  border-radius:11px;
  font-size:11px;
  font-weight:900;
  color:#62706c;
}
.builder-steps span.active{
  background:#07100e;
  color:#fff;
  box-shadow:0 10px 24px rgba(4,12,10,.16);
}
.form-section-title{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin:24px 0 14px;
  padding-top:18px;
  border-top:1px solid #e3ebe8;
}
.form-section-title:first-of-type{
  border-top:0;
  padding-top:0;
  margin-top:0;
}
.form-section-title span{
  font-size:14px;
  font-weight:900;
  color:#050807;
}
.form-section-title small{
  color:#7b8884;
  font-size:12px;
  text-align:right;
}
.v5-builder input,.v5-builder textarea,.v5-builder select{
  border:1px solid #cfdcda;
  outline:0;
  box-shadow:inset 0 0 0 1px #1c2b2b;
  background:#f8fbfa;
  color:#06100e;
  border-radius:15px;
  padding:15px 16px;
  box-shadow:inset 0 1px 0 #fff;
}
.v5-builder input:focus,.v5-builder textarea:focus,.v5-builder select:focus{
  border-color:#101817;
  box-shadow:0 0 0 4px rgba(57,242,234,.18);
}
.v5-builder label>span{
  font-size:11px;
  letter-spacing:.01em;
  color:#06100e;
}
.modern-form-grid{
  gap:16px;
}
.upload-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.upload-card{
  position:relative;
  display:grid;
  gap:9px;
  padding:18px;
  border:1px dashed #b8c9c5;
  border-radius:18px;
  background:linear-gradient(145deg,#f9fcfb,#eef6f4);
  cursor:pointer;
}
.upload-card.full{
  grid-column:1/-1;
}
.upload-card.featured-upload{
  background:linear-gradient(145deg,#07100e,#10201d);
  color:#fff;
  border-color:#1f403b;
}
.upload-card span{
  font-weight:900;
  font-size:13px;
}
.upload-card small{
  font-size:11px;
  color:#6f7d79;
}
.featured-upload small{
  color:#9db2ad;
}
.upload-card input{
  background:#fff;
  border-style:solid;
  padding:12px;
}
.v5-builder .template-card{
  background:#f8fbfa;
  border-color:#283535;
  border:1px solid #d4dfdc;
  border-radius:16px;
  padding:10px;
  color:#09110f;
}
.v5-builder .template-card:has(input:checked){
  border-color:#07100e;
  box-shadow:inset 0 0 0 1px var(--fd-cyan);
  box-shadow:0 0 0 3px rgba(57,242,234,.22);
  background:#fff;
}
.scheme input:checked+span{
  outline:2px solid #fff;
  outline-offset:2px;
  outline-color:#07100e;
}
.live-stage{
  position:sticky;
  top:20px;
  height:760px;
  background:#0a0b0b;
  border:1px solid #263333;
  border-radius:24px;
  overflow:hidden;
  min-width:0;
  background:#fff;
  border-color:#d7e2df;
  box-shadow:0 24px 80px rgba(9,22,18,.08);
}
.stage-head{
  height:54px;
  display:flex;
  align-items:center;
  padding:0 16px;
  border-bottom:1px solid #263333;
  border-bottom-color:#dce6e3;
}
.stage-head span{
  margin:auto;
  color:#738181;
  font:800 10px ui-monospace;
  color:#52615d;
}
.stage-head a,.stage-head button{
  color:var(--fd-cyan);
  font-size:12px;
  color:#007f7b;
  border:0;
  background:transparent;
  font:800 12px Inter,Arial,sans-serif;
  cursor:pointer;
}
.features.v5-features{
  width:min(1240px,calc(100% - 64px));
  margin:98px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  background:transparent;
}
.features.v5-features article:before{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:#dffffc;
}
.features.v5-features b{
  display:inline-flex;
  color:#07100e;
  background:#e7f4f1;
  border:1px solid #d2e4df;
  border-radius:99px;
  padding:8px 11px;
  font:900 10px ui-monospace;
  letter-spacing:.12em;
}
.features.v5-features h3{
  font-size:clamp(26px,2.4vw,34px);
  line-height:1.04;
  letter-spacing:-.045em;
  margin:42px 0 22px;
  position:relative;
}
.features.v5-features p{
  font-size:16px;
  color:#62716d;
  line-height:1.7;
  position:relative;
}
.upgrade-flow{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:42px 20px;
  background:radial-gradient(circle at 20% 12%,#dffffc,transparent 32%),#f5f7f6;
}
.upgrade-card{
  width:min(620px,100%);
  background:#fff;
  border:1px solid #dbe5e2;
  border-radius:30px;
  padding:38px;
  box-shadow:0 28px 90px rgba(8,18,15,.10);
}
.upgrade-brand img{
  width:190px;
  max-height:50px;
  object-fit:contain;
}
.upgrade-card h1{
  font-size:clamp(38px,5vw,58px);
  line-height:.96;
  letter-spacing:-.06em;
  margin:24px 0 16px;
}
.upgrade-card p{
  color:#64716d;
  line-height:1.65;
}
.upgrade-card form{
  display:grid;
  gap:16px;
  margin-top:26px;
}
.upgrade-card label{
  display:grid;
  gap:8px;
  font-weight:900;
}
.upgrade-back{
  display:inline-flex;
  margin-top:18px;
  color:#07100e;
  font-weight:900;
  text-decoration:none;
}
.upgrade-table .tr{
  grid-template-columns:1.3fr .8fr .7fr 1.3fr .9fr;
}
.upgrade-table .tr span{
  font-size:13px;
  line-height:1.45;
}
.upgrade-table .plan-pill small{
  display:block;
  color:#7f9292;
  margin-top:6px;
}
.client-checklist{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:24px;
  background:#fff;
  border:1px solid #dce4e2;
  border-radius:22px;
  padding:28px;
  margin-bottom:28px;
  box-shadow:0 10px 35px #10201d08;
}
.client-checklist h2{
  font-size:28px;
  margin:8px 0 0;
}
.client-checklist ul{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  list-style:none;
  padding:0;
  margin:0;
}
.client-checklist li:before{
  content:"○ ";
  color:#9ba8a4;
}
.client-checklist li.done:before{
  content:"✓ ";
  color:#079d98;
}
.client-site-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.client-site-card>div:first-child b{
  display:block;
  font-size:22px;
}
.client-site-card>div:first-child span{
  color:#71807d;
}
.score-ring{
  width:96px;
  height:96px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:conic-gradient(#39f2ea var(--score),#edf3f1 0);
  position:relative;
}
.score-ring:before{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:50%;
  background:#fff;
}
.score-ring strong,.score-ring small{
  position:relative;
}
.score-ring strong{
  font-size:28px;
}
.score-ring small{
  font-size:10px;
  color:#71807d;
  margin-top:-18px;
}
.client-site-card dl{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:0;
}
.client-site-card dt{
  font-size:10px;
  font-weight:900;
  color:#71807d;
}
.client-site-card dd{
  margin:4px 0 0;
  font-size:22px;
  font-weight:900;
}
.share-box{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:12px;
  align-items:center;
}
.share-box img{
  width:90px;
  height:90px;
  border-radius:10px;
}
.client-actions{
  display:flex;
  gap:10px;
}
.client-actions a{
  flex:1;
  text-align:center;
  background:#07100e;
  color:#fff;
  border-radius:12px;
  padding:12px;
  text-decoration:none;
  font-weight:900;
}
.examples-page{
  width:min(1180px,calc(100% - 40px));
  margin:70px auto;
}
.examples-page h1{
  font-size:clamp(44px,6vw,76px);
  line-height:.95;
  letter-spacing:-.06em;
  margin:14px 0;
}
.examples-page p{
  color:#64716d;
}
.examples-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:34px;
}
.example-card{
  background:#fff;
  border:1px solid #dce4e2;
  border-radius:20px;
  padding:14px;
  text-decoration:none;
  color:#07100e;
}
.example-card b{
  display:block;
  font-size:18px;
}
.example-card span{
  display:block;
  color:#71807d;
  margin-top:5px;
  font-size:13px;
}
.white-hero{
  background:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.58) 38%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.04) 100%),
    url('../img/hero-notebook-black.png') center right/cover no-repeat;
  color:#fff;
  border-bottom:1px solid #e2e7e5;
  min-height:680px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);
  gap:70px;
  align-items:center;
  padding-top:80px;
  padding-bottom:80px;
  position:relative;
  isolation:isolate;
  position:relative;
  min-height:680px;
  grid-template-columns:minmax(0,1fr);
  overflow:hidden;
}
.white-hero:before,.white-hero:after{
  display:none;
  content:none;
}
.white-hero .hero-copy-v17{
  max-width:850px;
  max-width:760px;
  position:relative;
  z-index:2;
}
.white-hero .mono-kicker{
  color:#39f2ea;
}
.white-hero h1,.white-hero h1 span{
  color:#fff;
}
.white-hero>div p,.white-hero .hero-copy-v17>p{
  color:#d5ddda;
}
.white-hero .hero-link-v17{
  color:#fff;
  border-bottom-color:#fff;
}
.white-hero .hero-console-v17{
  background:rgba(5,7,6,.94);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 30px 80px rgba(0,0,0,.28);
  display:none;
}
.white-hero .hero-numbers div{
  border-color:rgba(255,255,255,.22);
}
.white-hero .hero-numbers b{
  color:#080b0b;
  color:#fff;
}
.white-hero .hero-numbers span{
  color:#c5cfcc;
}
.white-public .white-hero{
  background:
    linear-gradient(90deg,rgba(2,7,7,.96) 0%,rgba(2,7,7,.82) 39%,rgba(2,7,7,.20) 67%,rgba(2,7,7,.06) 100%),
    url('../img/fd-photo-builder-laptop.webp') center right/cover no-repeat;
  color:#fff;
}
.white-public .white-hero h1,.white-public .white-hero h1 span{
  color:#fff;
}
.white-public .white-hero p{
  color:#c4cecc;
}
.white-public .white-hero .eyebrow,.white-public .white-hero .mono-kicker{
  color:#39f2ea;
}
.white-public .hero-v26:before{
  content:"";
  display:block;
  position:absolute;
  inset:0;
  z-index:-2;
  background:radial-gradient(circle at 78% 40%,rgba(21,105,96,.28),transparent 32%),linear-gradient(90deg,#050706 0%,#070b0a 48%,#071513 100%);
}
.white-public .hero-v26:after{
  content:"";
  display:block;
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.22;
  background-image:linear-gradient(rgba(75,242,231,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(75,242,231,.08) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(90deg,transparent 0,#000 48%,#000 100%);
}
.hero-v26 .hero-copy-v17{
  max-width:690px;
}
.hero-v26 .mono-kicker{
  color:#68eee7;
  letter-spacing:.18em;
}
.hero-v26 h1 span{
  display:block;
  color:#68eee7;
}
.hero-v26 .cta{
  background:#68eee7;
  color:#04100e;
  border-color:#68eee7;
}
.hero-v26 .cta:hover{
  background:#fff;
  border-color:#fff;
  transform:translateY(-2px);
}
.hero-v26 .hero-link-v17:hover{
  border-color:#68eee7;
  color:#68eee7;
}
.hero-v26 .hero-numbers>div{
  padding:18px 0;
  border-top:1px solid #26322f;
}
.hero-v26 .hero-numbers b{
  display:block;
  color:#68eee7;
  font:900 11px ui-monospace;
  letter-spacing:.12em;
}
.hero-v26 .hero-numbers span{
  display:block;
  color:#b8c2bf;
  margin-top:9px;
  font-size:13px;
}
.product-bar-v26{
  height:60px;
  padding:0 25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(151,194,186,.16);
  color:#52635f;
}
.product-bar-v26 span{
  letter-spacing:6px;
  font-size:9px;
}
.product-bar-v26 small{
  font:700 10px ui-monospace;
  color:#657873;
}
.product-kicker-v26{
  font:900 10px ui-monospace;
  letter-spacing:.18em;
  color:#68eee7;
}
.product-screen-v26>strong{
  display:block;
  font-size:42px;
  line-height:1.02;
  letter-spacing:-.05em;
  margin:22px 0;
  color:#fff;
}
.product-screen-v26>p{
  color:#899793;
  font-size:15px;
  line-height:1.6;
  max-width:390px;
}
.product-metrics-v26{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:42px;
}
.product-metrics-v26>div{
  border:1px solid #26332f;
  border-radius:15px;
  padding:18px;
  background:rgba(255,255,255,.018);
}
.product-metrics-v26 b{
  display:block;
  color:#fff;
  font-size:15px;
}
.product-metrics-v26 small{
  display:block;
  color:#778681;
  margin-top:8px;
  font-size:11px;
}
.float-chip-v26{
  position:absolute;
  border:1px solid rgba(104,238,231,.30);
  background:rgba(6,17,15,.88);
  color:#68eee7;
  border-radius:999px;
  padding:11px 14px;
  font:900 9px ui-monospace;
  letter-spacing:.08em;
  box-shadow:0 12px 35px rgba(0,0,0,.25);
  backdrop-filter:blur(10px);
}
.float-chip-v26.chip-a{
  right:-2px;
  top:90px;
}
.float-chip-v26.chip-b{
  left:-18px;
  bottom:75px;
}
.tour-restart:hover{
  border-color:#07100e;
}
.guided-tour{
  position:fixed;
  inset:0;
  z-index:999;
  background:rgba(3,8,7,.58);
  backdrop-filter:blur(5px);
  pointer-events:auto;
}
.tour-card span{
  display:inline-flex;
  margin-bottom:14px;
  border:1px solid #cfe4df;
  background:#effbf9;
  border-radius:99px;
  padding:7px 10px;
  font:900 10px ui-monospace;
  letter-spacing:.1em;
}
.tour-card h2{
  font-size:27px;
  line-height:1.05;
  letter-spacing:-.04em;
  margin:0 0 10px;
}
.tour-card p{
  color:#5f6d69;
  line-height:1.6;
  margin:0;
}
.tour-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:22px;
}
.tour-actions button{
  border:1px solid #d8e2df;
  background:#fff;
  border-radius:12px;
  padding:12px 14px;
  font-weight:900;
  cursor:pointer;
}
.tour-actions button:last-child{
  background:#07100e;
  color:#fff;
  border-color:#07100e;
}
.tour-focus{
  position:relative;
  z-index:1000;
  outline:4px solid rgba(57,242,234,.72);
  box-shadow:0 0 0 9999px rgba(3,8,7,.14),0 20px 65px rgba(0,0,0,.18);
  border-radius:18px;
}
.conversion-proof,.workflow-convert,.audience-section,.included-section,.home-faq,.final-convert{
  width:min(1180px,calc(100% - 64px));
  margin:92px auto 0;
}
.conversion-proof{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:56px;
  align-items:center;
  padding:54px;
  border:1px solid #dbe4e1;
  border-radius:30px;
  background:linear-gradient(145deg,#fff,#f3f8f7);
  box-shadow:0 24px 70px rgba(8,18,15,.06);
}
.conversion-proof h2,.workflow-convert h2,.audience-section h2,.included-section h2,.home-faq h2,.final-convert h2{
  font-size:clamp(38px,4.7vw,66px);
  line-height:.96;
  letter-spacing:-.06em;
  margin:14px 0;
  color:#07100e;
}
.conversion-proof p,.included-section p,.examples-hero p,.examples-note p{
  color:#60706c;
  font-size:17px;
  line-height:1.7;
  max-width:650px;
}
.conversion-proof a{
  display:inline-flex;
  margin-top:12px;
  color:#07100e;
  font-weight:950;
  text-decoration:none;
  border-bottom:1px solid #07100e;
}
.conversion-proof aside{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.conversion-proof article{
  background:#07100e;
  color:#fff;
  border-radius:22px;
  padding:28px;
}
.conversion-proof strong{
  display:block;
  font-size:48px;
  letter-spacing:-.06em;
}
.conversion-proof span{
  color:#aebbb8;
}
.section-headline{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:40px;
  align-items:end;
  border-bottom:1px solid #dbe4e1;
  padding-bottom:30px;
  margin-bottom:24px;
}
.section-headline h2{
  margin:0;
}
.workflow-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.workflow-grid article,.included-grid article{
  border:1px solid #dbe4e1;
  border-radius:24px;
  padding:30px;
  background:#fff;
  box-shadow:0 14px 45px rgba(8,18,15,.045);
}
.workflow-grid h3,.included-grid h3{
  font-size:25px;
  letter-spacing:-.04em;
  margin:30px 0 12px;
}
.workflow-grid p,.included-grid p{
  color:#65736f;
  line-height:1.65;
}
.audience-section{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:38px;
  align-items:start;
}
.audience-section ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.audience-section li{
  border:1px solid #dbe4e1;
  border-radius:16px;
  background:#fff;
  padding:18px 20px;
  font-weight:900;
}
.audience-section li:before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#e8fbf8;
  color:#079d98;
  margin-right:9px;
  font-size:12px;
}
.included-section h2{
  color:#fff;
}
.included-section .mono-kicker{
  color:#68eee7;
}
.included-section p{
  color:#aebbb8;
}
.included-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.included-grid h3{
  color:#fff;
  margin-top:0;
}
.included-grid p{
  color:#aebbb8;
  margin-bottom:0;
}
.home-faq{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:20px;
}
.home-faq>div{
  grid-row:span 4;
}
.home-faq details{
  border:1px solid #dbe4e1;
  background:#fff;
  border-radius:18px;
  padding:20px 22px;
}
.home-faq summary{
  cursor:pointer;
  font-weight:950;
  font-size:18px;
}
.home-faq p{
  color:#60706c;
  line-height:1.65;
  margin:14px 0 0;
}
.final-convert h2{
  max-width:840px;
}
.public-created{
  padding-top:0;
}
.examples-hero{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:52px;
  align-items:center;
  min-height:520px;
  border-bottom:1px solid #dbe4e1;
}
.examples-hero h1{
  font-size:clamp(54px,7vw,94px);
  line-height:.9;
  letter-spacing:-.065em;
  margin:18px 0;
  color:#07100e;
}
.examples-actions{
  display:flex;
  gap:12px;
  align-items:center;
  margin-top:28px;
}
.examples-actions>a:last-child{
  color:#07100e;
  font-weight:950;
  text-decoration:none;
  border:1px solid #dbe4e1;
  border-radius:12px;
  padding:14px 18px;
}
.examples-hero aside{
  display:grid;
  gap:14px;
}
.examples-hero article{
  border:1px solid #dbe4e1;
  border-radius:22px;
  padding:26px;
  background:linear-gradient(145deg,#fff,#f4f9f8);
}
.examples-hero strong{
  display:block;
  font-size:44px;
  letter-spacing:-.055em;
}
.examples-hero span{
  color:#64716d;
}
.examples-note{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-top:42px;
}
.examples-note h2{
  font-size:34px;
  letter-spacing:-.045em;
  margin:0;
  color:#07100e;
}
.example-card small{
  display:block;
  margin-top:12px;
  color:#079d98;
  font-weight:900;
  font-size:12px;
}
.example-card figure{
  height:190px;
  background:#07100e;
  background-size:cover;
  background-position:center;
  border-radius:14px;
  margin:0 0 14px;
  position:relative;
  overflow:hidden;
}
.example-card figure span{
  position:absolute;
  left:12px;
  top:12px;
  background:#07100e;
  color:#fff;
  border-radius:999px;
  padding:7px 9px;
  font:900 10px ui-monospace;
}
.example-card figure.no-image{
  background:radial-gradient(circle at 80% 20%,#39f2ea55,transparent 30%),#07100e;
}
.examples-empty h2{
  font-size:34px;
  margin:0 0 10px;
}
*:focus-visible{
  outline:3px solid #39f2ea;
  outline-offset:3px;
}
button,input,select,textarea,a{
  touch-action:manipulation;
}
input,select,textarea,button{
  font:inherit;
}
.field-hint{
  display:block;
  margin-top:7px;
  color:#65736f;
  font-size:11px;
  line-height:1.35;
}
.upload-card.has-file{
  border-style:solid;
  border-color:#079d98;
  background:linear-gradient(145deg,#ecfffc,#fff);
}
.upload-card.featured-upload.has-file{
  background:linear-gradient(145deg,#07100e,#12332f);
  border-color:#39f2ea;
}
.template-card,.scheme,.upload-card,.client-actions a,.outline-chip,.cyan-btn,.cta,.submit{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.template-card:hover,.upload-card:hover,.client-site-card:hover,.example-card:hover,.workflow-grid article:hover,.included-grid article:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 50px rgba(8,18,15,.10);
}
.v5-builder .submit{
  min-height:56px;
  border-radius:15px;
}
.v5-builder textarea{
  resize:vertical;
  overflow:hidden;
  scrollbar-width:none;
  min-height:130px;
}
.v5-builder select{
  appearance:auto;
}
.studio-form,.live-stage{
  scroll-margin-top:24px;
}
.live-stage iframe{
  width:100%;
  height:calc(100% - 54px);
  border:0;
  background:#fff;
  display:block;
  overflow:hidden;
  color-scheme:light;
}
.client-head>div{
  min-width:0;
}
.client-head h1{
  font-size:34px;
  margin:7px 0;
  word-break:normal;
  overflow-wrap:anywhere;
}
.client-head .cyan-btn{
  white-space:nowrap;
}
.client-insights{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:-10px 0 28px;
}
.client-insights article{
  background:#07100e;
  color:#fff;
  border:1px solid #1f302d;
  border-radius:22px;
  padding:26px;
  box-shadow:0 14px 45px rgba(8,18,15,.08);
}
.client-insights .mono-kicker{
  color:#68eee7;
}
.client-insights strong{
  display:block;
  font-size:44px;
  letter-spacing:-.06em;
  margin:12px 0 6px;
}
.client-insights p{
  margin:0;
  color:#bfcbc8;
  line-height:1.55;
}
.client-site-card{
  background:#fff;
  border:1px solid #dce4e2;
  border-radius:20px;
  padding:22px;
  display:grid;
  gap:18px;
  position:relative;
}
.client-site-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#39f2ea,#07100e);
  opacity:.9;
}
.fd-sidebar a[aria-current="page"]{
  box-shadow:inset 0 0 0 1px rgba(57,242,234,.55);
}
.fd-sidebar i{
  flex:0 0 auto;
}
.dark-table form button{
  min-height:40px;
}
.admin-top{
  height:122px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #172020;
  margin-bottom:42px;
  position:relative;
}
.admin-top:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,#39f2ea,transparent);
}
.admin-sites-table .tr{
  grid-template-columns:1.35fr 1.15fr .85fr .7fr .55fr .65fr 1.35fr;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  border-radius:999px;
  padding:8px 10px;
  font:900 10px ui-monospace;
  letter-spacing:.08em;
}
.status-pill.on{
  background:#09201d;
  color:#6ff2ea;
  border:1px solid #25534d;
}
.status-pill.off{
  background:#271010;
  color:#ffb4a8;
  border:1px solid #6a332c;
}
.site-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.site-actions a,.site-actions button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border-radius:10px;
  padding:0 11px;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  border:1px solid #354441;
  background:#0a0d0c;
  color:#fff;
  cursor:pointer;
}
.site-actions form{
  display:inline-flex;
  margin:0;
}
.site-actions button:hover,.site-actions a:hover{
  border-color:#39f2ea;
  color:#39f2ea;
}
.site-actions .danger{
  background:#210808;
  border-color:#62302c;
  color:#ffb4a8;
}
.site-actions .danger:hover{
  background:#340b0b;
  border-color:#ff8b7a;
  color:#fff;
}
.cleanup-warning{
  color:#ffb4a8;
  font-weight:900;
}
.cron-note{
  margin-top:22px;
  border:1px solid #263633;
  background:#07100e;
  color:#fff;
  border-radius:16px;
  padding:18px;
}
.cron-note strong{
  display:block;
  margin-bottom:8px;
}
.cron-note span{
  display:block;
  color:#aebbb8;
  line-height:1.55;
}
.cron-note code{
  display:inline-block;
  max-width:100%;
  overflow:auto;
  background:#0d1917;
  color:#68eee7;
  border:1px solid #263633;
  border-radius:8px;
  padding:4px 6px;
}
.edit-top{
  background:#fff;
  border-bottom:1px solid #dfe7e4;
}
.edit-top nav{
  display:flex;
  align-items:center;
  gap:10px;
}
.edit-modern{
  min-height:100vh;
  background:#f6f8f7;
  padding:50px max(22px,calc((100vw - 1180px)/2)) 90px;
  color:#07100e;
}
.edit-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:30px;
  align-items:end;
  margin-bottom:26px;
  padding-bottom:32px;
  border-bottom:1px solid #dce5e2;
}
.edit-hero h1{
  font-size:clamp(42px,5.4vw,76px);
  line-height:.92;
  letter-spacing:-.065em;
  margin:14px 0;
}
.edit-hero p{
  color:#65736f;
  font-size:17px;
  line-height:1.65;
  max-width:620px;
}
.edit-hero aside{
  background:#07100e;
  color:#fff;
  border-radius:24px;
  padding:28px;
  display:grid;
  gap:8px;
}
.edit-hero aside strong{
  font-size:26px;
  letter-spacing:-.04em;
}
.edit-hero aside span,.edit-hero aside small{
  color:#aebbb8;
}
.edit-saved{
  margin-bottom:22px;
  border:1px solid #9deee8;
  background:#eafffc;
  color:#07100e;
  border-radius:16px;
  padding:15px 18px;
  font-weight:900;
}
.edit-grid-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:22px;
  align-items:start;
}
.edit-card{
  background:#fff;
  border:1px solid #dce5e2;
  border-radius:24px;
  padding:28px;
  box-shadow:0 16px 48px rgba(8,18,15,.055);
}
.edit-card+.edit-card{
  margin-top:22px;
}
.edit-grid-form>.edit-card{
  grid-column:1;
}
.edit-side-card{
  position:sticky;
  top:24px;
  grid-column:2;
  grid-row:1/span 2;
  background:#07100e;
  color:#fff;
  border-radius:24px;
  padding:26px;
  border:1px solid #263633;
}
.edit-side-card .mono-kicker{
  color:#68eee7;
}
.edit-side-card h2{
  font-size:30px;
  letter-spacing:-.045em;
  margin:12px 0 18px;
}
.edit-side-card ul{
  list-style:none;
  padding:0;
  margin:0 0 22px;
  display:grid;
  gap:10px;
}
.edit-side-card li{
  border:1px solid #263633;
  border-radius:12px;
  padding:12px;
  color:#aebbb8;
  font-weight:800;
}
.edit-side-card li:before{
  content:"○ ";
  color:#71807d;
}
.edit-side-card li.done{
  color:#fff;
  background:#0d1917;
  border-color:#39f2ea;
}
.edit-side-card li.done:before{
  content:"✓ ";
  color:#39f2ea;
}
.edit-side-card .submit{
  width:100%;
  border:0;
  border-radius:14px;
  background:#39f2ea;
  color:#03100e;
  padding:16px;
  font-weight:950;
}
.ghost-link{
  display:block;
  text-align:center;
  margin-top:14px;
  color:#fff;
  text-decoration:none;
  font-weight:900;
}
.edit-visual-row{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:16px;
  margin-top:18px;
}
.edit-visual-row label{
  display:grid;
  gap:8px;
  font-weight:900;
}
.edit-visual-row input,.edit-visual-row select{
  min-height:50px;
  border:1px solid #cfdcda;
  border-radius:14px;
  background:#f8fbfa;
  padding:0 14px;
}
.backup-card{
  max-width:760px;
}
.backup-action button{
  border:0;
  border-radius:14px;
  background:#39f2ea;
  color:#03100e;
  padding:16px 20px;
  font-weight:950;
  cursor:pointer;
}
.backup-note{
  color:#94a3a0;
  line-height:1.6;
  margin-top:18px;
}
.features.v5-features article{
  border:1px solid #d9e4e1;
  border-radius:26px;
  background:linear-gradient(145deg,#fff,#f4f8f7);
  padding:42px;
  min-height:310px;
  position:relative;
  overflow:hidden;
  box-shadow:0 18px 55px rgba(8,18,15,.055);
  isolation:isolate;
}
.features.v5-features article .home-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:18px;
  background:#07100e;
  color:#68eee7;
  font:950 13px ui-monospace;
  letter-spacing:.08em;
  margin-bottom:22px;
  box-shadow:0 16px 40px rgba(8,18,15,.12);
  font-style:normal;
}
.features.v5-features article:nth-child(2) .home-icon{
  background:#f2ede2;
  color:#07100e;
}
.features.v5-features article:nth-child(3) .home-icon{
  background:#e7f8f5;
  color:#057f7a;
}
.proof-visual{
  position:relative;
  display:block;
}
.proof-device{
  grid-column:1/-1;
  min-height:250px;
  border-radius:28px;
  background:radial-gradient(circle at 78% 18%,rgba(104,238,231,.22),transparent 34%),linear-gradient(145deg,#07100e,#111b19);
  border:1px solid #233531;
  color:#fff;
  padding:30px;
  display:grid;
  align-content:end;
  overflow:hidden;
  position:relative;
  box-shadow:0 28px 80px rgba(8,18,15,.18);
}
.proof-device:before{
  content:"";
  position:absolute;
  right:30px;
  top:30px;
  width:160px;
  height:104px;
  border:1px solid #294540;
  border-radius:18px;
  background:linear-gradient(180deg,#10231f,#07100e);
}
.proof-device:after{
  content:"";
  position:absolute;
  right:64px;
  top:68px;
  width:92px;
  height:10px;
  border-radius:99px;
  background:#39f2ea;
  box-shadow:0 28px 0 #263b37,0 56px 0 #263b37;
}
.proof-device img{
  position:absolute;
  left:30px;
  top:28px;
  width:132px;
  height:auto;
}
.proof-device>span{
  width:52px;
  height:52px;
  border-radius:16px;
  background:#39f2ea;
  display:block;
  margin-bottom:18px;
}
.proof-device b{
  font-size:32px;
  letter-spacing:-.045em;
}
.proof-device p{
  color:#b8c8c4;
  margin:8px 0 0;
  max-width:360px;
}
.conversion-proof .proof-visual article{
  padding:22px;
  border-radius:22px;
}
.proof-visual article i{
  display:inline-grid;
  place-items:center;
  min-width:42px;
  height:32px;
  border-radius:999px;
  background:#10231f;
  color:#68eee7;
  font:950 10px ui-monospace;
  font-style:normal;
  margin-bottom:12px;
}
.proof-visual article strong{
  font-size:42px;
}
.workflow-grid article{
  position:relative;
  overflow:hidden;
}
.workflow-grid article>i{
  position:absolute;
  right:22px;
  top:18px;
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  border-radius:50%;
  background:#eafffc;
  color:#07100e;
  font:950 18px ui-monospace;
  font-style:normal;
}
.workflow-grid article:after{
  content:"";
  position:absolute;
  left:30px;
  right:30px;
  bottom:0;
  height:5px;
  border-radius:99px 99px 0 0;
  background:linear-gradient(90deg,#39f2ea,#07100e);
  opacity:.9;
}
.included-grid article i{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:18px;
  background:#39f2ea;
  color:#03100e;
  font:950 12px ui-monospace;
  font-style:normal;
  margin-bottom:24px;
}
.included-grid article:nth-child(2) i{
  background:#fff;
}
.included-grid article:nth-child(3) i{
  background:#e6fff9;
}
.included-grid article:nth-child(4) i{
  background:#d3f8f5;
}
.included-section{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:32px;
  align-items:center;
  background:#07100e;
  color:#fff;
  border-radius:30px;
  padding:54px;
  position:relative;
  overflow:hidden;
}
.included-section:after{
  content:"";
  position:absolute;
  right:-110px;
  bottom:-150px;
  width:360px;
  height:360px;
  border-radius:50%;
  border:1px solid rgba(104,238,231,.18);
  pointer-events:none;
}
.final-convert{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  margin-bottom:94px;
  padding:40px 0;
  border-top:1px solid #dbe4e1;
  border-bottom:1px solid #dbe4e1;
  background:linear-gradient(145deg,#fff,#f3f8f7);
  padding:44px;
  border:1px solid #dbe4e1;
  border-radius:28px;
}
.final-convert .cta{
  white-space:nowrap;
  box-shadow:0 18px 45px rgba(8,18,15,.16);
}
.hero-v26 .hero-actions-v17{
  margin-top:30px;
  display:flex;
  align-items:stretch;
  gap:14px;
}
.hero-v26 .hero-actions-v17 a{
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.hero-v26 .hero-link-v17{
  color:#fff;
  border:1px solid #34413e;
  border-radius:14px;
  padding:0 22px;
  text-decoration:none;
}
.white-public .hero-v26 .hero-product-v26{
  display:grid;
  position:relative;
  background:transparent;
  border:0;
  border-radius:0;
  padding:34px 16px;
  box-shadow:none;
  transform:none;
  z-index:2;
  gap:18px;
}
.hero-photo-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.proof-photo,.workflow-photo,.included-photo{
  margin:0;
  overflow:hidden;
  border-radius:26px;
  border:1px solid #dbe4e1;
  background:#07100e;
}
.proof-photo img,.workflow-photo img,.included-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.features.v5-features article .home-icon,.mini-icon,.step-icon,.included-icon{
  position:relative;
  display:grid;
  place-items:center;
  color:transparent;
  font-size:0;
}
.icon-copy:after{
  width:15px;
  height:3px;
  background:#07100e;
  box-shadow:0 8px 0 #07100e,0 16px 0 #07100e;
  border-radius:99px;
}
.step-icon.icon-form:before{
  width:26px;
  height:32px;
  border:3px solid #07100e;
  border-radius:7px;
}
.step-icon.icon-form:after{
  width:14px;
  height:3px;
  background:#07100e;
  box-shadow:0 8px 0 #07100e,0 16px 0 #07100e;
  border-radius:99px;
}
.step-icon.icon-palette:before{
  width:30px;
  height:30px;
  border-radius:50%;
  background:conic-gradient(#07100e 0 25%,#39f2ea 0 50%,#c9f7f3 0 75%,#07100e 0);
}
.step-icon.icon-palette:after{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
}
.step-icon.icon-panel:before{
  width:31px;
  height:22px;
  border:3px solid #07100e;
  border-radius:6px;
}
.step-icon.icon-panel:after{
  width:20px;
  height:3px;
  background:#07100e;
  bottom:15px;
  border-radius:99px;
}
.included-icon.icon-eye:before{
  width:31px;
  height:20px;
  border:3px solid #03100e;
  border-radius:50%;
}
.included-icon.icon-eye:after{
  width:9px;
  height:9px;
  background:#03100e;
  border-radius:50%;
}
.included-icon.icon-qr:before{
  width:28px;
  height:28px;
  background:linear-gradient(#03100e 0 0) left top/11px 11px no-repeat,linear-gradient(#03100e 0 0) right top/11px 11px no-repeat,linear-gradient(#03100e 0 0) left bottom/11px 11px no-repeat,linear-gradient(#03100e 0 0) right bottom/5px 5px no-repeat;
}
.included-icon.icon-upgrade:before{
  width:3px;
  height:27px;
  background:#03100e;
  border-radius:99px;
}
.included-icon.icon-upgrade:after{
  width:15px;
  height:15px;
  border-top:3px solid #03100e;
  border-right:3px solid #03100e;
  transform:rotate(-45deg);
  top:15px;
}
.included-icon.icon-chat:before{
  width:30px;
  height:22px;
  border:3px solid #03100e;
  border-radius:10px;
}
.included-icon.icon-chat:after{
  width:10px;
  height:10px;
  border-left:3px solid #03100e;
  border-bottom:3px solid #03100e;
  transform:rotate(-20deg);
  bottom:11px;
  left:17px;
}
.user-edit-form{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin:0;
}
.user-edit-form label{
  display:grid;
  gap:5px;
  color:#9fb0ac;
  font-size:11px;
}
.user-actions{
  align-items:flex-start;
}
.white-public .hero-v26{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
  min-height:calc(100vh - 82px);
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(460px,.85fr);
  gap:72px;
  align-items:center;
  padding-top:34px;
  padding-bottom:58px;
  background:#050807;
  color:#fff;
}
.hero-v26 h1{
  font-size:clamp(60px,6.5vw,96px);
  line-height:.91;
  letter-spacing:-.065em;
  margin:24px 0 24px;
  color:#fff;
  margin-top:18px;
}
.hero-v26 .hero-copy-v17>p{
  max-width:650px;
  color:#aeb9b6;
  font-size:18px;
  line-height:1.65;
  margin-bottom:0;
}
.hero-v26 .hero-numbers{
  margin-top:30px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.hero-photo-card{
  margin:0;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(151,194,186,.24);
  box-shadow:0 34px 90px rgba(0,0,0,.34);
  height:250px;
  height:230px;
}
.product-browser-v26{
  position:relative;
  border:1px solid rgba(151,194,186,.24);
  border-radius:30px;
  padding:0;
  background:linear-gradient(145deg,rgba(35,49,46,.82),rgba(7,12,11,.92));
  box-shadow:0 45px 100px rgba(0,0,0,.38);
  overflow:hidden;
  backdrop-filter:blur(16px);
  max-height:420px;
}
.product-screen-v26{
  min-height:400px;
  padding:58px 48px;
  background:radial-gradient(circle at 90% 15%,rgba(57,242,234,.10),transparent 35%),#07100e;
  min-height:330px;
  padding:44px 40px;
}
.features.v5-features article .home-icon,.step-icon,.included-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  background:#eafffc;
  color:#07100e;
  border:1px solid #bde9e4;
  box-shadow:none;
}
.mini-icon{
  display:inline-grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:15px;
  background:#eafffc;
  margin-bottom:12px;
  border:1px solid #bde9e4;
  box-shadow:none;
}
.features.v5-features article:nth-child(2) .home-icon,.features.v5-features article:nth-child(3) .home-icon{
  background:#eafffc;
  color:#07100e;
}
.home-icon:before,.home-icon:after,.mini-icon:before,.mini-icon:after,.step-icon:before,.step-icon:after,.included-icon:before,.included-icon:after{
  content:"";
  position:absolute;
  display:block;
  border-color:#07100e;
  background-color:#07100e;
  box-shadow:none;
}
.icon-layout:before{
  width:26px;
  height:18px;
  border:3px solid currentColor;
  border-color:#68eee7;
  border-radius:5px;
  box-shadow:0 13px 0 -6px #68eee7;
  width:27px;
  height:19px;
  border:3px solid #07100e;
  border-radius:5px;
  background:transparent;
}
.icon-layout:after{
  width:10px;
  height:3px;
  background:#68eee7;
  left:17px;
  top:18px;
  border-radius:99px;
  width:15px;
  height:3px;
  left:auto;
  top:auto;
  bottom:15px;
  background:#07100e;
  border-radius:99px;
}
.icon-copy:before{
  width:25px;
  height:30px;
  border:3px solid #07100e;
  border-radius:6px;
  background:transparent;
  border:3px solid #07100e;
}
.icon-speed:before{
  width:30px;
  height:30px;
  border:3px solid #057f7a;
  border-radius:50%;
  border-left-color:transparent;
  background:transparent;
  border:3px solid #07100e;
  border-left-color:transparent;
}
.icon-speed:after{
  width:16px;
  height:3px;
  background:#057f7a;
  transform:rotate(-35deg);
  transform-origin:right center;
  border-radius:99px;
  background:#07100e;
}
.mini-icon.icon-grid:before{
  width:22px;
  height:22px;
  background:linear-gradient(#68eee7 0 0) left top/9px 9px no-repeat,linear-gradient(#68eee7 0 0) right top/9px 9px no-repeat,linear-gradient(#68eee7 0 0) left bottom/9px 9px no-repeat,linear-gradient(#68eee7 0 0) right bottom/9px 9px no-repeat;
  background:linear-gradient(#07100e 0 0) left top/9px 9px no-repeat,linear-gradient(#07100e 0 0) right top/9px 9px no-repeat,linear-gradient(#07100e 0 0) left bottom/9px 9px no-repeat,linear-gradient(#07100e 0 0) right bottom/9px 9px no-repeat;
}
.mini-icon.icon-phone:before{
  width:16px;
  height:25px;
  border:3px solid #68eee7;
  border-radius:6px;
  background:transparent;
  border-color:#07100e;
}
.mini-icon.icon-phone:after{
  width:5px;
  height:5px;
  background:#68eee7;
  border-radius:50%;
  bottom:8px;
  background:#07100e;
}
.workflow-grid article>i.step-icon{
  right:26px;
  top:26px;
}
.workflow-grid b{
  font:900 11px ui-monospace;
  color:#079d98;
  letter-spacing:.14em;
  display:inline-flex;
  border:1px solid #d7e6e2;
  background:#f3fbfa;
  border-radius:999px;
  padding:8px 10px;
  background:#eafffc;
  color:#057f7a;
  border-color:#bde9e4;
}
.included-grid article i.included-icon{
  margin-bottom:24px;
}
.included-grid article:nth-child(2) i,.included-grid article:nth-child(3) i,.included-grid article:nth-child(4) i{
  background:#eafffc;
}
.included-photo{
  height:240px;
  margin-top:26px;
  border-color:#263633;
  box-shadow:0 22px 70px rgba(0,0,0,.18);
  display:none;
}
.included-grid article{
  background:#0d1917;
  border-color:#263633;
  position:relative;
  min-height:210px;
  min-height:230px;
}
.proof-photo{
  grid-column:1/-1;
  height:clamp(460px,46vw,620px);
  box-shadow:0 24px 70px rgba(8,18,15,.12);
}
.workflow-photo{
  height:360px;
  margin:0 0 22px;
  box-shadow:0 22px 65px rgba(8,18,15,.10);
  height:330px;
}
.users-admin-table .tr{
  grid-template-columns:1.45fr .8fr .85fr .45fr .55fr .6fr 1.55fr;
}
.users-admin-table .tr>span,.users-admin-table .tr>form{
  min-width:0;
}
.user-edit-form input,.users-admin-table select{
  background:#090c0c;
  border:1px solid #304040;
  color:#fff;
  border-radius:9px;
  padding:10px;
  min-width:0;
  width:100%;
  box-sizing:border-box;
}
.user-actions button{
  white-space:nowrap;
}
.admin-user-data{
  position:relative;
}
.admin-user-data summary{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border:1px solid #304040;
  border-radius:10px;
  color:#fff;
  font-weight:900;
  cursor:pointer;
  list-style:none;
  background:#080c0c;
}
.admin-user-data summary::-webkit-details-marker{
  display:none;
}
.admin-user-data div{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  z-index:20;
  width:min(320px,80vw);
  display:grid;
  gap:7px;
  padding:14px;
  border:1px solid #27413d;
  border-radius:14px;
  background:#050808;
  box-shadow:0 22px 60px rgba(0,0,0,.45);
}
.admin-user-data div b{
  color:#39f2ea;
  font:900 10px ui-monospace,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.admin-user-data div span{
  color:#dce8e5;
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.fd-svg-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#07100e;
  font-size:0;
  line-height:0;
  position:relative;
}
.fd-svg-icon:before,.fd-svg-icon:after{
  display:none;
  content:none;
}
.fd-svg-icon svg{
  width:28px;
  height:28px;
  display:block;
  overflow:visible;
}
.home-icon.fd-svg-icon,.step-icon.fd-svg-icon,.included-icon.fd-svg-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  background:#eafffc;
  border:1px solid #bde9e4;
  box-shadow:none;
}
.mini-icon.fd-svg-icon{
  width:46px;
  height:46px;
  border-radius:15px;
  background:#eafffc;
  border:1px solid #bde9e4;
  box-shadow:none;
  margin-bottom:12px;
}
.included-grid article i,.workflow-grid article>i{
  display:none;
}
.workflow-grid article>.fd-svg-icon{
  position:absolute;
  right:26px;
  top:26px;
}
.included-grid article>.fd-svg-icon{
  margin-bottom:24px;
}
.features.v5-features article>.fd-svg-icon{
  margin-bottom:22px;
}
.proof-visual article>.fd-svg-icon{
  margin-bottom:12px;
}
.white-public .hero-v26,.white-public .features,.white-public .features.v5-features,.white-public .conversion-proof,.white-public .workflow-convert,.white-public .audience-section,.white-public .included-section,.white-public .plans-showcase-v19,.white-public .plan-compare,.white-public .demand-asset,.white-public .home-faq,.white-public .final-convert,.white-public .builder-studio{
  padding-left:clamp(22px,3.4vw,42px);
  padding-right:clamp(22px,3.4vw,42px);
}
.white-public section *,.white-public .builder-studio *{
  max-width:100%;
}
.white-public h1,.white-public h2,.white-public h3,.white-public p,.white-public a,.white-public li,.white-public span,.white-public strong,.white-public b{
  overflow-wrap:break-word;
}
.plan-v19.promo-plan{
  position:relative;
  border-color:#39f2ea;
  box-shadow:0 24px 75px rgba(57,242,234,.13);
}
.promo-ribbon{
  position:absolute;
  left:18px;
  right:18px;
  top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  border-radius:999px;
  background:#39f2ea;
  color:#03100e;
  font:950 10px ui-monospace,monospace;
  letter-spacing:.12em;
}
.plan-v19.promo-plan .plan-v19-top b{
  background:#10231f;
  border-color:#39f2ea;
  color:#7ffaf4;
}
.old-price-v19{
  margin:22px 0 -16px;
  color:#aebbb8;
  font-size:13px;
  font-weight:800;
}
.old-price-v19 s{
  color:#fff;
  text-decoration-color:#ff786b;
  text-decoration-thickness:2px;
}
.plan-v19.promo-plan .billing-note{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin:-10px 0 18px;
  padding:8px 10px;
  border-radius:999px;
  background:#10231f;
  border:1px solid #29413d;
  color:#7ffaf4;
  font:900 10px ui-monospace,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.plan-v19.promo-plan li:nth-last-child(-n+2){
  color:#f4fffd;
  font-weight:850;
}
.plan-v19.promo-plan>a{
  background:#39f2ea;
  border-color:#39f2ea;
  color:#03100e;
}
.plan-v19.promo-plan>a:hover{
  background:#fff;
  border-color:#fff;
  color:#03100e;
}
.template-card.locked{
  opacity:.52;
  filter:grayscale(.25);
  cursor:not-allowed;
  position:relative;
}
.template-card.locked:after{
  content:"Prata";
  position:absolute;
  right:8px;
  top:8px;
  border-radius:999px;
  background:#07100e;
  color:#39f2ea;
  padding:5px 7px;
  font:900 9px ui-monospace;
}
.silver-lock{
  margin:22px 0;
  border:1px solid #d8e4e1;
  background:#f3fbfa;
  border-radius:18px;
  padding:18px;
  display:grid;
  gap:7px;
  color:#07100e;
}
.silver-lock b{
  font-size:16px;
}
.silver-lock span{
  color:#65736f;
  font-size:13px;
  line-height:1.5;
}
.silver-lock a{
  color:#07100e;
  font-weight:950;
  text-decoration:none;
  border-bottom:1px solid #07100e;
  width:max-content;
}
.prata-setup-shell{
  align-items:start;
  padding-top:46px;
}
.prata-setup-card{
  width:min(920px,calc(100% - 32px));
}
.prata-setup-form{
  display:grid;
  gap:18px;
  margin-top:24px;
}
.prata-setup-form .submit{
  margin-top:8px;
}
.premium-plan{
  position:relative;
  overflow:hidden;
}
.premium-medal{
  position:absolute;
  right:28px;
  top:28px;
  z-index:2;
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  border-radius:20px;
  background:#eafffc;
  border:1px solid #bde9e4;
  color:#07100e;
  box-shadow:0 18px 45px rgba(8,18,15,.10);
}
.premium-medal svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.medal-diamond{
  background:#39f2ea;
  color:#03100e;
  border-color:#39f2ea;
}
.asset-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
}
.service-fields{
  border:1px solid #dfe8e5;
  border-radius:18px;
  background:#f3fbfa;
  padding:18px;
}
.service-fields .label-row.compact{
  margin-bottom:12px;
}
.service-list{
  display:grid;
  gap:10px;
}
.service-list input{
  background:#fff;
}
.add-service{
  width:max-content;
  border:1px solid #cfe0dc;
  background:#fff;
  color:#07100e;
  border-radius:999px;
  padding:10px 13px;
  margin-top:12px;
  font-weight:900;
  cursor:pointer;
}
.add-service:hover{
  border-color:#07100e;
}
.plan-v19.premium-plan{
  overflow:hidden;
}
.plan-v19.premium-plan .premium-medal:after{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:18px;
  border:1px solid rgba(7,16,14,.12);
}
.plan-v19.platina .premium-medal:before,.plan-v19.diamante .premium-medal:before{
  position:absolute;
  left:88px;
  top:18px;
  min-width:92px;
  color:#07100e;
  font:950 10px ui-monospace,monospace;
  letter-spacing:.12em;
}
.plan-v19.platina .premium-medal:before{
  content:"MEDALHA PLATINA";
}
.plan-v19.diamante .premium-medal:before{
  content:"DIAMANTE";
  color:#fff;
}
.demand-asset{
  width:min(1180px,calc(100% - 40px));
  margin:100px auto 0;
  background:#030303;
  color:#fff;
  border-radius:34px;
  padding:clamp(30px,5vw,64px);
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:60px;
  position:relative;
  overflow:hidden;
  box-shadow:0 28px 80px #0002;
  grid-template-columns:1.08fr .92fr;
  align-items:stretch;
  gap:56px;
}
.asset-photo{
  margin:0;
  border-radius:26px;
  overflow:hidden;
  min-height:330px;
  border:1px solid #253735;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  display:none;
}
.asset-offer{
  background:#0a100f;
  border:1px solid #253735;
  border-radius:24px;
  padding:30px;
  position:relative;
  z-index:1;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  min-height:330px;
  min-height:460px;
  justify-content:flex-end;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(3,3,3,.18),rgba(3,3,3,.62) 44%,rgba(3,3,3,.94) 100%),
    url("../img/fd-photo-whatsapp-demand.webp") center/cover no-repeat;
  box-shadow:inset 0 0 0 1px rgba(57,242,234,.18),0 28px 70px rgba(0,0,0,.24);
}
.asset-offer:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 78% 18%,rgba(57,242,234,.22),transparent 32%);
  pointer-events:none;
}
.asset-offer>*{
  position:relative;
  z-index:1;
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}
.asset-offer>p{
  color:#8fa09c;
  line-height:1.55;
  font-size:13px;
  color:#e9f5f2;
  max-width:320px;
}
.asset-offer .asset-btn{
  text-shadow:none;
}
.plan-v19.bronze .plan-v19-top,.plan-v19.prata .plan-v19-top,.plan-v19.ouro .plan-v19-top{
  display:none;
}
.plan-v19.bronze h3,.plan-v19.prata h3,.plan-v19.ouro h3{
  margin-top:0;
}
.title-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid #d9e1df;
  background:#f4f7f6;
  color:#17201d;
  font:900 9px ui-monospace,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.plan-v19.prata .title-badge{
  background:#10231f;
  border-color:#39f2ea;
  color:#7ffaf4;
}
.plan-v19.ouro .title-badge{
  background:#0a0e0d;
  border-color:#0a0e0d;
  color:#fff;
}
.plan-medal,.premium-medal{
  position:relative;
  inset:auto;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin:0;
  border-radius:999px;
  flex:0 0 42px;
  z-index:4;
  color:#07100e;
  background:#effaf8;
  border:1px solid #cfe5e1;
  box-shadow:0 12px 28px rgba(7,16,14,.07);
  aspect-ratio:1/1;
}
.plan-medal:after,.premium-medal:after{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  position:absolute;
  right:5px;
  bottom:5px;
}
.plan-medal svg,.premium-medal svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  position:relative;
  z-index:1;
}
.medal-bronze:after{
  background:#c98b55;
  box-shadow:0 0 0 3px rgba(201,139,85,.14);
}
.medal-silver:after{
  background:#9aa9a7;
  box-shadow:0 0 0 3px rgba(154,169,167,.14);
}
.medal-gold:after{
  background:#d9ad2f;
  box-shadow:0 0 0 3px rgba(217,173,47,.14);
}
.plan-v19.promo-plan .plan-medal{
  display:grid;
}
.plan-v19.bronze .plan-v19-top,.plan-v19.ouro .plan-v19-top,.plan-v19.promo-plan .plan-v19-top{
  margin-top:0;
}
.plan-v19.promo-plan .plan-v19-top{
  margin-top:44px;
  margin-top:44px;
}
.plan-v19.premium-plan .premium-medal:before{
  min-width:0;
  left:auto;
  top:auto;
  content:"";
}
.plan-v19.platina .premium-medal{
  background:#eef7fb;
  border-color:#d1e2e9;
}
.plan-v19.platina .premium-medal:after{
  background:#8ca9b6;
  box-shadow:0 0 0 3px rgba(140,169,182,.14);
}
.plan-v19.diamante .premium-medal{
  background:#39f2ea;
  color:#03100e;
  background:#eafffc;
  border-color:#39f2ea;
  color:#07100e;
}
.plan-v19.diamante .premium-medal:after{
  background:#39f2ea;
  box-shadow:0 0 0 3px rgba(57,242,234,.16);
}
.plan-v19.premium-plan .premium-medal{
  position:relative;
  inset:auto;
  z-index:5;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin:0 0 24px;
  border-radius:50%;
  background:linear-gradient(145deg,#f7fffd,#dff7f3);
  border:1px solid #b9e6df;
  color:#07100e;
  box-shadow:0 22px 55px rgba(7,16,14,.13);
  font-size:0;
  min-width:42px;
  max-width:42px;
  min-height:42px;
  max-height:42px;
  flex:0 0 42px;
  aspect-ratio:1/1;
  padding:0;
}
.plan-v19.premium-plan .premium-medal svg{
  width:23px;
  height:23px;
  position:relative;
  z-index:1;
  fill:none;
  stroke:currentColor;
  stroke-width:2.8;
}
.preview-frame iframe{
  width:100%;
  height:100%;
  min-height:560px;
  border:1px solid rgba(7,17,17,.12);
  border-radius:22px;
  background:#fff;
  box-shadow:0 26px 70px rgba(7,17,17,.12);
}
.plan-compare{
  max-width:1180px;
  margin:36px auto 78px;
  padding:0 28px;
}
.plan-compare .section-headline.compact{
  max-width:720px;
  margin-bottom:22px;
}
.compare-table{
  border:1px solid rgba(7,17,17,.12);
  border-radius:26px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 28px 80px rgba(7,17,17,.08);
}
.compare-row{
  display:grid;
  grid-template-columns:1.4fr repeat(3,1fr);
  align-items:center;
  min-height:62px;
  border-top:1px solid rgba(7,17,17,.08);
}
.compare-row:first-child{
  border-top:0;
}
.compare-row span,.compare-row b{
  padding:18px 22px;
}
.compare-row span{
  color:#536260;
  font-weight:800;
}
.compare-row b{
  text-align:center;
  color:#071111;
}
.compare-row.head{
  background:#071111;
}
.compare-row.head span,.compare-row.head b{
  color:#fff;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.compare-row b:nth-child(3){
  background:rgba(57,242,234,.12);
}
.compare-cta{
  display:inline-flex;
  margin-top:18px;
  padding:16px 22px;
  border-radius:999px;
  background:#071111;
  color:#fff;
  font-weight:900;
  text-decoration:none;
}
.preview-frame.mobile{
  width:290px;
  height:570px;
}
.plans-grid-v19>.plan-v19:nth-child(-n+3)>a{
  margin-top:auto;
}
.plan-medal:after,.premium-medal:after,.plan-v19.premium-plan .premium-medal:after,.plan-v19.premium-plan .premium-medal:before{
  display:none;
  content:none;
}
.plan-v19.premium-plan .plan-v19-top,.plan-v19.premium-plan h3,.plan-v19.premium-plan>p{
  padding-right:82px;
  padding-right:0;
}
.growth-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  margin:0 0 28px;
}
.growth-card h2{
  margin:8px 0 18px;
  font-size:26px;
  letter-spacing:-.04em;
}
.growth-card ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}
.growth-card li:before{
  content:"✓ ";
  color:#079d98;
  font-weight:950;
}
.growth-card small{
  display:block;
  margin-top:10px;
  color:#657370;
}
.daily-bars{
  height:170px;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  align-items:end;
  gap:10px;
  padding-top:12px;
}
.daily-bars span{
  display:grid;
  grid-template-rows:auto 1fr auto;
  align-items:end;
  gap:7px;
  min-width:0;
  text-align:center;
}
.daily-bars b{
  font-size:13px;
}
.daily-bars i{
  display:block;
  width:100%;
  height:var(--h);
  min-height:10px;
  border-radius:999px 999px 8px 8px;
  background:linear-gradient(180deg,#39f2ea,#07100e);
}
.daily-bars small{
  font-size:10px;
  margin:0;
}
.phrase-card .mono-kicker,.phrase-card li:before{
  color:#39f2ea;
}
.plans-grid-v19{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:30px;
  align-items:stretch;
  align-items:start;
}
.plans-grid-v19>.plan-v19:nth-child(-n+3){
  min-height:auto;
  height:auto;
}
.plan-v19.bronze,.plan-v19.ouro{
  margin-top:34px;
}
.plan-v19.prata{
  background:linear-gradient(150deg,#07100e,#0d1917);
  color:#fff;
  border-color:#20312e;
  box-shadow:0 20px 60px rgba(4,12,10,.16);
  transform:translateY(-10px);
  margin-top:0;
  transform:none;
}
.plan-v19.prata:hover{
  transform:translateY(-14px);
  transform:translateY(-4px);
}
.plan-medal,.premium-medal,.plan-v19.premium-plan .premium-medal{
  position:static;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  max-width:34px;
  max-height:34px;
  padding:0;
  margin:0 10px 0 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  aspect-ratio:1/1;
  margin-right:9px;
  color:currentColor;
}
.plan-medal svg,.premium-medal svg,.plan-v19.premium-plan .premium-medal svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.medal-bronze{
  background:#fbf4ed;
  border-color:#ead4bd;
  color:#c87a34;
}
.medal-silver{
  background:#f4f8f8;
  border-color:#d8e2e1;
  color:#a9b4b2;
}
.medal-gold{
  background:#fff8df;
  border-color:#eadb9a;
  color:#d5a318;
}
.medal-platinum,.plan-v19.platina .premium-medal{
  color:#92adba;
}
.medal-diamond,.plan-v19.diamante .premium-medal{
  color:#39f2ea;
}
.plan-v19 h3 .title-badge{
  margin-left:2px;
}
.premium-toggle{
  display:flex;
  align-items:center;
  gap:14px;
  margin:18px 0 8px;
  padding:18px;
  border:1px solid #d6e2df;
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#effbfa);
  cursor:pointer;
}
.premium-toggle input{
  width:22px;
  height:22px;
  accent-color:#39f2ea;
}
.premium-toggle span{
  display:grid;
  gap:3px;
}
.premium-toggle b{
  color:#061010;
  font-size:15px;
}
.premium-toggle small{
  color:#667572;
  line-height:1.35;
}
.plans-grid-v19 .plan-medal,.plans-grid-v19 .premium-medal,.plans-grid-v19 .plan-v19.premium-plan .premium-medal{
  position:static;
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  margin:0 9px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:currentColor;
}
.plans-grid-v19 .plan-medal:before,.plans-grid-v19 .plan-medal:after,.plans-grid-v19 .premium-medal:before,.plans-grid-v19 .premium-medal:after{
  content:none;
  display:none;
}
.plans-grid-v19 .plan-medal svg,.plans-grid-v19 .premium-medal svg,.plans-grid-v19 .plan-v19.premium-plan .premium-medal svg{
  display:block;
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.plans-grid-v19 .medal-bronze{
  color:#c87a34;
}
.plans-grid-v19 .medal-silver{
  color:#a9b4b2;
}
.plans-grid-v19 .medal-gold{
  color:#d5a318;
}
.plans-grid-v19 .medal-platinum{
  color:#92adba;
}
.plans-grid-v19 .medal-diamond{
  color:#39f2ea;
}
.plans-grid-v19 .plan-v19 h3{
  display:flex;
  align-items:center;
  gap:0;
}
.plans-grid-v19 .plan-v19.premium-plan .plan-v19-top,.plans-grid-v19 .plan-v19.premium-plan h3,.plans-grid-v19 .plan-v19.premium-plan>p{
  padding-right:0;
}
.template-card.t8 .mini{
  background:radial-gradient(circle at 20% 20%,#39f2ea,transparent 38%),#07100e;
}
.template-card.t9 .mini{
  background:linear-gradient(90deg,#101616 1px,transparent 1px),linear-gradient(#101616 1px,transparent 1px),#030606;
  background-size:18px 18px;
}
.template-card.t10 .mini{
  background:linear-gradient(90deg,#f7f8f5 0 62%,#111 62%);
}
.template-card.t10 .mini>*{
  background:#111;
}
.template-card.t11 .mini{
  background:#f7f8f5;
  border:1px solid #d4dfdc;
}
.template-card.t11 .mini>*{
  background:#111;
}
.template-card.t8.locked:after,.template-card.t9.locked:after,.template-card.t10.locked:after,.template-card.t11.locked:after{
  content:"Ouro";
}
.palette-block .label-row span{
  white-space:nowrap;
}
.plan-v19>p{
  color:#697572;
  line-height:1.5;
  margin:0;
  min-height:44px;
  font-size:14px;
  max-width:390px;
  position:relative;
  z-index:2;
  margin-top:0;
  margin-bottom:30px;
}
.price-v19{
  display:flex;
  align-items:baseline;
  gap:5px;
  margin:24px 0 22px;
  min-height:54px;
  position:relative;
  z-index:2;
  margin-top:8px;
  margin-bottom:28px;
}
.annual-price{
  align-items:flex-end;
  gap:12px;
  margin-bottom:14px;
}
.billing-note{
  display:block;
  margin:0 0 22px;
  font-style:normal;
  font-weight:900;
  font-size:12px;
  color:#52605d;
  margin-top:0;
  margin-bottom:28px;
}
.plan-v19 ul{
  list-style:none;
  padding:20px 0 0;
  margin:0;
  border-top:1px solid #e1e7e5;
  display:grid;
  gap:10px;
  padding-top:20px;
  position:relative;
  z-index:2;
  margin-top:0;
  margin-bottom:28px;
  padding-bottom:4px;
}
.plan-v19>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:24px;
  padding:14px 15px;
  border:1px solid #d7dfdd;
  border-radius:11px;
  color:#080b0a;
  text-decoration:none;
  font-weight:900;
  transition:.2s;
  font-size:14px;
  position:relative;
  z-index:2;
  margin-top:auto;
}
.plan-v19-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:28px;
  position:relative;
  z-index:2;
  display:none;
}
.plan-v19 .title-badge{
  margin-left:10px;
  flex:0 0 auto;
}
.plan-v19.promo-plan h3{
  margin-top:58px;
}
.intel-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
.intel-hero h2,.client-history-head h2,.improve-center h2{
  margin:8px 0 10px;
  font-size:clamp(30px,4vw,56px);
  letter-spacing:-.05em;
  line-height:.95;
}
.intel-hero p,.client-history-head p,.improve-center p{
  color:#5d6d69;
  max-width:720px;
}
.intel-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin:22px 0;
}
.intel-card h2{
  margin:8px 0 18px;
  font-size:28px;
  letter-spacing:-.04em;
}
.intel-row,.rank-line,.timeline-line,.history-site,.note-item{
  border:1px solid #dce7e4;
  border-radius:18px;
  padding:15px;
  margin-top:10px;
  background:#fbfdfc;
  display:grid;
  gap:5px;
}
.danger-signal .intel-row:first-of-type{
  border-color:#ffb7a4;
  background:#fff6f2;
}
.upgrade-signal .intel-row:first-of-type{
  border-color:#39f2ea;
  background:#effdfc;
}
.intel-row b,.rank-line b,.history-site b,.timeline-line b{
  color:#06100e;
  font-size:15px;
}
.intel-row small,.rank-line small,.history-site small,.timeline-line small,.note-item small{
  color:#6b7976;
}
.intel-row a,.history-site a,.approval-card a{
  color:#008e89;
  font-weight:900;
  text-decoration:none;
}
.rank-line{
  grid-template-columns:1fr auto;
  align-items:center;
}
.rank-line small{
  grid-column:1/-1;
}
.approval-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.approval-card{
  border:1px solid #dce7e4;
  border-radius:20px;
  padding:16px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  background:#fff;
}
.approval-card.approved{
  border-color:#39f2ea;
  box-shadow:inset 0 0 0 1px #39f2ea55;
}
.approval-card b,.approval-card span,.approval-card small{
  display:block;
}
.approval-card button,.note-form button{
  border:0;
  border-radius:999px;
  padding:11px 16px;
  background:#06100e;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.history-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin:22px 0;
}
.note-form{
  display:grid;
  gap:12px;
  margin:14px 0;
}
.note-form textarea{
  width:100%;
  min-height:120px;
  border:1px solid #d5e2df;
  border-radius:18px;
  padding:14px;
  font:700 14px/1.5 DM Sans,Arial,sans-serif;
  resize:vertical;
}
.improve-center{
  display:grid;
  grid-template-columns:1.1fr .8fr;
  gap:22px;
  align-items:stretch;
  margin:0 0 28px;
  padding:26px;
  border:1px solid #cfe1de;
  border-radius:26px;
  background:linear-gradient(135deg,#06100e 0%,#10231f 58%,#39f2ea 160%);
  color:#fff;
  overflow:hidden;
}
.improve-center .mono-kicker,.improve-center p{
  color:#bbfffb;
}
.improve-center ul{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:0;
  margin:0;
  list-style:none;
}
.score-compare{
  display:grid;
  grid-template-columns:1fr 30px 1fr;
  align-items:center;
  gap:12px;
  border:1px solid #ffffff26;
  border-radius:22px;
  padding:18px;
  background:#ffffff0d;
}
.score-compare div{
  display:grid;
  gap:4px;
}
.score-compare small{
  color:#bbfffb;
  font:900 11px/1 JetBrains Mono,monospace;
  letter-spacing:.12em;
}
.score-compare strong{
  font-size:48px;
  line-height:1;
  letter-spacing:-.06em;
}
.score-compare i{
  height:2px;
  background:#39f2ea;
}
.score-compare span{
  grid-column:1/-1;
  width:max-content;
  border-radius:999px;
  padding:8px 12px;
  font-weight:950;
  background:#39f2ea;
  color:#06100e;
}
.score-compare span.negative{
  background:#ffd2c4;
}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:3px solid #39f2ea;
  outline-offset:3px;
  box-shadow:0 0 0 6px rgba(57,242,234,.18);
}
button,input,textarea,select{
  font-size:16px;
}
.auth-logo{
  justify-content:center;
  margin:0 auto 12px;
}
.auth-logo img,.client-side-logo img,.fd-side-logo img{
  display:block;
  object-fit:contain;
}
.builder-studio{
  display:grid;
  grid-template-columns:minmax(440px, .85fr) minmax(520px,1.15fr);
  gap:28px;
  padding:70px 4vw;
  background:#050606;
  border-top:1px solid #1d2b2b;
  overflow:hidden;
  grid-template-columns:minmax(500px,.82fr) minmax(560px,1.18fr);
  gap:30px;
  background:#f5f7f6;
  border-top:1px solid #dde5e2;
  color:#07100e;
  align-items:start;
  min-height:calc(100vh - 88px);
  align-items:stretch;
  min-height:calc(100vh - 76px);
}
.studio-form,.live-stage,.executive-card,.client-site-card,.growth-card,.client-checklist,.plan-v19{
  overflow-wrap:anywhere;
}
.builder-intro h2,.plans-head-v19 h2,.dash-hero h1,.client-head h1,.admin-top h1{
  text-wrap:balance;
}
.form-section-title small,.label-row span{
  line-height:1.35;
}
.template-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(96px,1fr));
}
.template-card{
  border:1px solid #e0e3e0;
  border-radius:12px;
  padding:9px;
  cursor:pointer;
  transition:.2s;
  min-width:0;
}
.template-card strong{
  font-size:10px;
  display:block;
  margin-top:8px;
  line-height:1.25;
}
.scheme-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  row-gap:12px;
  align-items:center;
}
.scheme{
  position:relative;
}
.scheme span{
  display:block;
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--sw);
  border:4px solid #080a0a;
  outline:1px solid #334;
  border-color:#fff;
  outline-color:#cad8d4;
  transition:transform .18s ease,outline-color .18s ease;
}
.scheme:hover span{
  transform:translateY(-2px);
}
.preview-duo{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  height:calc(100% - 64px);
  min-height:760px;
  align-items:stretch;
  padding:18px;
}
.live-stage:not(.preview-mobile-mode) .preview-frame.mobile{
  display:none;
}
.live-stage.preview-mobile-mode .preview-duo{
  place-items:start center;
}
.live-stage.preview-mobile-mode .preview-frame.desktop{
  display:none;
}
.live-stage.preview-mobile-mode .preview-frame.mobile{
  display:flex;
  width:min(430px,100%);
  margin-inline:auto;
}
.preview-frame{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:0;
  overflow:hidden;
  border:1px solid #dce7e4;
  border-radius:18px;
  background:#fff;
}
.preview-frame>strong{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#06100e;
  display:flex;
  align-items:center;
  height:28px;
  min-height:34px;
  padding:0 12px;
  background:#f5f8f7;
  border-bottom:1px solid #dce7e4;
}
.preview-frame.desktop iframe{
  min-height:2100px;
  border-radius:18px;
  width:1440px;
  min-width:1440px;
  transform:scale(.52);
  transform-origin:top left;
}
.preview-frame.mobile iframe{
  border-radius:28px;
  width:390px;
  height:820px;
  min-height:100%;
  max-width:100%;
  transform:none;
  transform-origin:0 0;
  box-shadow:0 22px 55px rgba(8,18,15,.16);
}
.plan-v19{
  grid-column:span 4;
  background:#fff;
  border:1px solid #d5ddda;
  border-radius:24px;
  padding:30px 30px 26px;
  display:flex;
  flex-direction:column;
  min-height:0;
  position:relative;
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  box-shadow:0 12px 36px rgba(8,18,15,.045);
  isolation:isolate;
  min-height:auto;
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
}
.plan-v19 h3{
  font-size:31px;
  letter-spacing:-.04em;
  margin:24px 0 8px;
  line-height:1;
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.price-v19,.annual-price{
  flex-wrap:wrap;
  row-gap:8px;
}
.price-v19 small,.annual-price small{
  white-space:nowrap;
}
.plan-v19 li{
  font-size:13px;
  line-height:1.35;
  padding-left:25px;
  position:relative;
  margin-bottom:2px;
  min-height:20px;
}
.metric-row article,.executive-grid article,.growth-card,.client-site-card{
  min-width:0;
}
.metric-row strong,.executive-grid strong{
  display:block;
  font-size:34px;
  letter-spacing:-1.2px;
  line-height:1;
}
.dark-table{
  border:1px solid #253232;
  border-radius:16px;
  overflow:auto;
  scrollbar-width:thin;
}
.dark-table .tr{
  min-width:760px;
  display:grid;
  grid-template-columns:1.5fr 1fr .8fr .8fr .8fr;
  align-items:center;
  gap:18px;
  padding:18px 16px;
  border-bottom:1px solid #183030;
  line-height:1.35;
  min-width:680px;
}
.admin-command{
  display:grid;
  grid-template-columns:1.15fr .85fr .85fr;
  gap:18px;
  margin:-6px 0 30px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-bottom:28px;
}
.admin-command article{
  background:#07100e;
  border:1px solid #263633;
  border-radius:20px;
  padding:24px;
  color:#fff;
  border:1px solid #263232;
  border-radius:22px;
  padding:24px;
  background:#060707;
}
.admin-command article.needs-action{
  border-color:#39f2ea;
  box-shadow:0 0 0 1px rgba(57,242,234,.45),0 20px 60px rgba(57,242,234,.08);
  border-color:#39f2ea;
  box-shadow:inset 0 0 0 1px rgba(57,242,234,.28);
}
.admin-command span{
  font:900 10px ui-monospace;
  letter-spacing:.13em;
  color:#72ddd8;
  color:#39f2ea;
  font:900 11px/1 ui-monospace,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.admin-command strong{
  display:block;
  font-size:28px;
  letter-spacing:-.04em;
  margin:12px 0 8px;
  display:block;
  margin:12px 0 8px;
  font-size:clamp(24px,3vw,34px);
  line-height:1;
  letter-spacing:-.04em;
}
.admin-command p{
  color:#9fb0ac;
  line-height:1.55;
  margin:0 0 18px;
  color:#9ea9a6;
  line-height:1.55;
}
.admin-command a{
  color:#fff;
  text-decoration:none;
  font-weight:900;
  border-bottom:1px solid #39f2ea;
  color:#39f2ea;
  font-weight:900;
  text-decoration:none;
}
.client-head .cyan-btn,.tour-restart{
  min-height:44px;
}
.client-site-grid,.growth-grid{
  align-items:stretch;
}
.share-box input{
  font-size:12px;
  width:100%;
  min-height:44px;
  border:1px solid #d7e1de;
  border-radius:12px;
  padding:0 12px;
  background:#f8fbfa;
  color:#07100e;
  min-width:0;
}
.guided-tour[hidden]{
  display:none;
}
.tour-card{
  position:fixed;
  right:28px;
  bottom:28px;
  width:min(390px,calc(100% - 40px));
  background:#fff;
  border:1px solid #dce6e3;
  border-radius:24px;
  padding:24px;
  box-shadow:0 30px 90px rgba(0,0,0,.25);
  color:#07100e;
  max-width:min(460px,calc(100vw - 28px));
}
.auth-shell{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:32px;
  background:radial-gradient(circle at 20% 10%,#e8fffe,transparent 35%),#f7f8f7;
  min-height:100dvh;
  align-items:center;
  padding:18px;
  overflow-x:hidden;
}
.auth-card{
  width:min(460px,100%);
  background:#fff;
  border:1px solid #e6e9e7;
  border-radius:28px;
  padding:36px;
  box-shadow:0 24px 80px #00000010;
  max-height:calc(100vh - 44px);
  overflow:auto;
  overflow:visible;
  max-height:none;
  width:min(460px,calc(100% - 32px));
  padding:30px 36px;
}
.auth-card .auth-logo{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0 auto 12px;
}
.auth-card .auth-logo img{
  width:190px;
  height:auto;
  max-height:76px;
  object-fit:contain;
  object-position:center;
  max-width:190px;
}
.auth-card .badge{
  display:block;
  width:max-content;
  margin:0 0 20px;
  color:#06716e;
  letter-spacing:.18em;
}
.auth-card h1{
  font-size:36px;
  margin:28px 0 8px;
  line-height:1.02;
  letter-spacing:-.045em;
  margin-top:0;
}
.auth-card label{
  display:grid;
  gap:7px;
  margin:18px 0;
  margin:14px 0;
}
.auth-card .submit{
  min-height:56px;
  width:100%;
}
.auth-shell+.fd-footer{
  display:none;
}
.white-public .builder-studio,.builder-studio{
  align-items:stretch;
}
.white-public .builder-studio .studio-form,.builder-studio .studio-form{
  height:max-content;
}
.white-public .builder-studio .preview-duo,.builder-studio .preview-duo{
  flex:1 1 auto;
  height:calc(100% - 54px);
  min-height:0;
  align-items:stretch;
  grid-template-columns:minmax(0,1fr);
}
.home-alert{
  width:min(1180px,calc(100% - 40px));
  margin:24px auto 0;
}
.create-error-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 18% 12%,rgba(57,242,234,.18),transparent 34%),
    linear-gradient(180deg,#f7fbfa 0,#fff 58%,#f2f7f6 100%);
  color:#07100e;
}
.create-error-card{
  width:min(760px,100%);
  background:#fff;
  border:1px solid #dce8e5;
  border-radius:26px;
  padding:clamp(28px,5vw,52px);
  box-shadow:0 28px 90px rgba(9,22,18,.10);
}
.create-error-card h1{
  font-size:clamp(42px,6vw,70px);
  line-height:.95;
  letter-spacing:-.045em;
  margin:14px 0;
}
.create-error-card p{
  color:#53625e;
  font-size:18px;
  line-height:1.65;
  max-width:620px;
}
.create-error-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:22px 0 18px;
}
.create-error-card .ghost.dark{
  margin-top:20px;
  background:#fff;
}
.create-error-card small{
  display:block;
  color:#73817d;
  line-height:1.5;
}
.forgot-link{
  margin:6px 0 18px;
  font-size:13px;
  text-align:right;
}
.forgot-link a{
  color:#5f6f6b;
  text-decoration:none;
  font-weight:700;
}
.forgot-link a:hover{
  color:#07100e;
  text-decoration:underline;
}
.success-v2{
  min-height:calc(100vh - 120px);
  padding:48px 20px 70px;
  background:
    radial-gradient(circle at 18% 10%, rgba(57,242,234,.16), transparent 34%),
    linear-gradient(180deg,#f7fbfa 0,#fff 58%,#f3f7f6 100%);
  justify-content:flex-start;
}
.success-panel{
  width:min(1100px,100%);
  display:grid;
  gap:24px;
}
.success-brand{
  color:#07100e;
  text-decoration:none;
  justify-content:flex-start;
}
.success-brand img{
  width:54px;
  height:48px;
  object-fit:contain;
}
.success-brand span{
  font-weight:900;
}
.success-grid{
  display:grid;
  grid-template-columns:minmax(0,680px);
  gap:22px;
  justify-content:center;
  align-items:start;
}
.success-copy,.share-card{
  background:#fff;
  border:1px solid #dce7e4;
  border-radius:24px;
  padding:clamp(26px,4vw,46px);
  box-shadow:0 24px 80px rgba(9,22,18,.08);
}
.success-copy{
  text-align:center;
  display:grid;
  align-content:center;
}
.success-copy .success-icon{
  justify-self:center;
}
.success-copy p{
  max-width:620px;
  margin-left:auto;
  margin-right:auto;
}
.success-v2 .success-icon{
  width:70px;
  height:70px;
  margin:0 0 22px;
}
.success-copy h1{
  font-size:clamp(44px,6vw,76px);
  line-height:.95;
  letter-spacing:-.04em;
  margin:16px 0;
}
.success-copy p,.share-card p{
  color:#687572;
  line-height:1.65;
}
.success-v2 .success-actions{
  flex-wrap:nowrap;
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.success-v2 .success-actions .cta,
.success-v2 .success-actions .share-site-btn,
.success-v2 .success-actions .ghost{
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  margin-top:0;
}
.success-v2 .success-actions .ghost{
  padding-left:16px;
  padding-right:16px;
}
.share-site-btn,.copy-site-btn{
  border:0;
  background:#07100e;
  color:#fff;
  border-radius:12px;
  padding:15px 18px;
  font:900 14px Inter,Arial;
  cursor:pointer;
}
.share-site-btn{
  background:#07100e;
  color:#fff;
  box-shadow:0 16px 34px rgba(7,16,14,.16);
}
.success-actions .share-site-btn{
  background:#ffcf24;
  color:#080b0a;
  box-shadow:0 16px 34px rgba(255,207,36,.28);
}
.share-card{
  background:#07100e;
  color:#fff;
  display:grid;
  gap:14px;
  align-content:start;
  padding:clamp(18px,3vw,30px);
}
.share-card h2{
  font-size:clamp(30px,3.4vw,46px);
  line-height:1;
  letter-spacing:-.04em;
  margin:0;
}
.share-card p{
  color:#a9b8b5;
  margin:0;
}
.success-linkbox{
  width:100%;
  margin:0;
  display:grid;
  gap:8px;
}
.success-linkbox span{
  color:#39f2ea;
}
.success-linkbox>div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
}
.success-linkbox input{
  min-width:0;
  background:#fff;
}
.copy-site-btn{
  padding:0 16px;
  min-height:50px;
}
.share-text{
  min-height:118px;
  resize:none;
  border:1px solid #21403c;
  border-radius:14px;
  background:#0d1716;
  color:#d9e5e2;
  padding:14px;
  font:600 14px/1.55 Inter,Arial;
}
.success-v2 .eyebrow{
  color:#07100e;
}
.success-share-preview{
  width:100%;
  aspect-ratio:16/9;
  border-radius:18px;
  overflow:hidden;
  background:#020303;
  border:1px solid rgba(57,242,234,.18);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.success-share-preview iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  background:#020303;
}
.success-share-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  align-items:center;
}
.success-share-actions .share-site-btn,
.share-image-btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:14px;
  padding:14px 16px;
  font:900 14px Inter,Arial;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
}
.success-share-actions .share-site-btn{
  background:#39f2ea;
  color:#031010;
  box-shadow:0 18px 36px rgba(57,242,234,.18);
}
.share-image-btn{
  background:#ffcf24;
  color:#080b0a;
  box-shadow:0 18px 36px rgba(255,207,36,.22);
}
.success-v2 .important-save{
  max-width:none;
  width:100%;
  margin:0;
}
.client-shell{
  min-height:100vh;
  background:#070a09;
  color:#e8eeee;
}
.client-side{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  width:270px;
  background:#070a09;
  border-right:1px solid #18211f;
  padding:26px 20px;
  display:flex;
  flex-direction:column;
  box-shadow:18px 0 60px rgba(0,0,0,.18);
}
.client-side nav a,.client-side .logout{
  padding:14px;
  border:1px solid #222d2d;
  border-radius:11px;
  color:#dfe7e5;
  text-decoration:none;
  font-weight:700;
  border-color:#1e2a27;
  background:#0d1211;
  box-shadow:none;
}
.client-side nav a i,.client-side .logout i,.side-link-disabled i{
  width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  border-radius:9px;
  background:#121b19;
  color:#39f2ea;
  font-style:normal;
}
.client-side nav a.active{
  border-color:var(--fd-cyan2);
  background:#101817;
  color:#f5fbfa;
}
.client-side nav a.active i{
  background:#39f2ea;
  color:#061010;
}
.client-main{
  margin-left:270px;
  padding:0 48px 60px;
  background:#0b0f0e;
  color:#e8eeee;
}
.client-main .mono-kicker,.growth-card .mono-kicker,.client-checklist .mono-kicker,.client-main .section-title span{
  color:#39f2ea;
  text-shadow:none;
}
.client-main p,.client-main small,.client-main span,.growth-card small,.section-title p{
  color:#9aa8a4;
}
.client-head{
  height:130px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #172323;
  margin-bottom:38px;
  border-bottom-color:#dfe6e4;
  gap:14px;
  flex-wrap:wrap;
  gap:14px;
  background:#060908;
  color:#e8eeee;
  border:1px solid #192522;
  border-radius:28px;
  padding:28px;
  margin-bottom:24px;
  box-shadow:0 24px 80px rgba(0,0,0,.26);
}
.client-head .mono-kicker,.client-head h1{
  color:#f2f7f6;
}
.tour-restart{
  margin-left:auto;
  margin-right:12px;
  border:1px solid #d8e2df;
  background:#fff;
  color:#07100e;
  border-radius:12px;
  padding:12px 15px;
  font-weight:900;
  cursor:pointer;
  background:#101817;
  color:#eaf3f1;
  border:1px solid #263a36;
  border-radius:12px;
  font-weight:900;
}
.metric-row article,.growth-card,.client-checklist,.client-main .executive-card{
  background:#101514;
  border:1px solid #1e2a27;
  box-shadow:0 18px 55px rgba(0,0,0,.18);
}
.metric-row article small,.metric-row article span,.metric-row article a{
  color:#9aa8a4;
}
.metric-row article strong,.growth-card h2,.client-checklist h2,.client-main .section-title h2{
  color:#eef5f3;
}
.client-insights article,.improve-center{
  background:#08100e;
  border:1px solid #20332f;
  box-shadow:0 24px 80px rgba(0,0,0,.24);
}
.client-insights article p,.improve-center p{
  color:#d0dfdc;
}
.improve-center li{
  border:1px solid #ffffff1f;
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.08);
  font-weight:850;
  color:#fff;
  border-color:rgba(255,255,255,.16);
}
.growth-card{
  background:#101514;
  border:1px solid #1e2a27;
  border-radius:24px;
  padding:26px;
  box-shadow:0 10px 35px rgba(0,0,0,.15);
}
.growth-card li{
  border:1px solid #24332f;
  border-radius:14px;
  padding:12px 14px;
  font-weight:850;
  color:#e8eeee;
  background:#0b100f;
  border-color:#24332f;
  box-shadow:inset 4px 0 0 rgba(57,242,234,.55);
}
.growth-card textarea{
  width:100%;
  min-height:122px;
  resize:vertical;
  border:1px solid #dce4e2;
  border-radius:16px;
  padding:15px;
  font:800 14px/1.55 DM Sans,Arial,sans-serif;
  color:#07100e;
  background:#f7fbfa;
  border-color:#cad8d4;
}
.daily-card .daily-bars{
  background:linear-gradient(180deg,#fbfefd,#f2f8f7);
  border:1px solid #e1ebe8;
  border-radius:18px;
  padding:22px 16px 14px;
}
.daily-bars b,.daily-bars small{
  color:#07100e;
}
.client-checklist li{
  border:1px solid #24332f;
  border-radius:14px;
  padding:14px;
  font-weight:900;
  font-size:12px;
  color:#687572;
  color:#dbe5e2;
  background:#0b100f;
}
.client-checklist li.done{
  background:#eafffc;
  border-color:#9deee8;
  color:#07100e;
  background:#eafffc;
  border-color:#98eee8;
}
.upload-card .upload-message{
  display:block;
  margin-top:2px;
  color:#60706b;
  font-size:11px;
  line-height:1.35;
}
.upload-card.upload-processing{
  border-color:#079d98;
  background:linear-gradient(145deg,#effffc,#fff);
}
.upload-card.upload-error{
  border-color:#e3362d;
  background:linear-gradient(145deg,#fff3f1,#fff);
}
.upload-card.upload-error .upload-message{
  color:#b42318;
  font-weight:800;
}
.upload-card.featured-upload.upload-error{
  background:linear-gradient(145deg,#180807,#26100e);
  border-color:#ff786f;
}
.upload-card.featured-upload.upload-error .upload-message{
  color:#ffb5ae;
}
.upload-card.featured-upload span,.upload-card.featured-upload b,.upload-card.featured-upload label{
  color:#fff;
}
.upload-card.featured-upload small{
  color:#9db2ad;
}
.builder label.field-invalid input,.builder label.field-invalid select,.builder label.field-invalid textarea{
  border-color:#e3362d;
  box-shadow:0 0 0 4px rgba(227,54,45,.12);
  background:#fff8f7;
}
.builder .field-error{
  display:block;
  margin-top:7px;
  color:#b42318;
  font-size:12px;
  font-weight:900;
  line-height:1.35;
}
.white-public .builder-studio .live-stage,.builder-studio .live-stage{
  position:relative;
  top:auto;
  align-self:stretch;
  height:auto;
  min-height:100%;
  display:flex;
  flex-direction:column;
}
.white-public .builder-studio .preview-frame,.builder-studio .preview-frame{
  height:100%;
  min-height:0;
  overflow:hidden;
  position:relative;
}
.white-public .builder-studio .preview-frame iframe,.builder-studio .preview-frame iframe{
  position:absolute;
  top:36px;
  left:0;
  border:0;
}
.white-public .builder-studio .preview-frame.desktop iframe,.builder-studio .preview-frame.desktop iframe{
  width:1440px;
  min-width:1440px;
  height:6200px;
  min-height:6200px;
  transform:scale(.52);
  transform-origin:top left;
}
.white-public .builder-studio .preview-frame.mobile iframe,.builder-studio .preview-frame.mobile iframe{
  height:calc(100% - 36px);
  min-height:calc(100% - 36px);
  width:100%;
  transform:none;
}
.fd-footer{
  display:flex;
  justify-content:space-between;
  gap:20px;
  background:#030303;
  color:#888;
  padding:30px clamp(22px,5vw,76px);
  font-size:11px;
  margin-top: 6rem;
  display:block;
  align-items:initial;
  flex-wrap:initial;
  border-top:1px solid rgba(255,255,255,.08);
  background:#030504;
  color:#dce7e4;
  padding:28px clamp(22px,5vw,76px) 20px;
}
.fd-footer-main{
  display:grid;
  grid-template-columns:minmax(240px,1.1fr) minmax(220px,.9fr) minmax(260px,1fr);
  gap:22px;
  align-items:center;
  max-width:1280px;
  margin:0 auto;
}
.fd-footer-brand{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.fd-footer-brand img{
  width:58px;
  max-width:58px;
  height:auto;
  object-fit:contain;
  margin-bottom:2px;
}
.fd-footer-brand strong{
  color:#fff;
  font-size:12px;
}
.fd-footer-brand span{
  color:#9aa5a1;
  line-height:1.45;
  max-width:360px;
  font-size:11px;
}
.fd-footer-nav{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
}
.fd-footer-nav:before{
  content:"Navegação";
  flex-basis:100%;
  color:#39f2ea;
  font-size:11px;
  letter-spacing:.16em;
  font-weight:900;
  margin-bottom:2px;
}
.fd-footer-legal:before{
  content:"Institucional";
}
.fd-footer-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  color:#f7fffd;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  background:rgba(255,255,255,.04);
}
.fd-footer-nav a:hover{
  border-color:rgba(255,255,255,.34);
  color:#fff;
  background:#111716;
}
.fd-footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:18px;
  max-width:1280px;
  margin:20px auto 0;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#7f8b87;
  font-size:11px;
}
.legal-page{
  background:#f7f8f7;
  color:#090b0a;
  min-height:70vh;
}
.legal-hero{
  padding:90px clamp(22px,8vw,120px) 30px;
  max-width:1040px;
  margin:0 auto;
}
.legal-hero h1{
  font-size:clamp(42px,7vw,82px);
  line-height:.95;
  letter-spacing:-.055em;
  margin:14px 0 18px;
}
.legal-hero p{
  color:#5e6a65;
  font-size:18px;
  line-height:1.65;
  max-width:760px;
}
.legal-content{
  max-width:1040px;
  margin:0 auto 80px;
  padding:0 clamp(22px,8vw,120px);
  display:grid;
  gap:14px;
}
.legal-content article{
  background:#fff;
  border:1px solid #e1e8e5;
  border-radius:12px;
  padding:26px;
}
.legal-content h2{
  margin:0 0 10px;
  font-size:22px;
}
.legal-content p{
  margin:0;
  color:#66706a;
  line-height:1.7;
}
.edit-palette-block{
  margin-top:18px;
  padding:18px;
  border:1px solid #d8e5e2;
  border-radius:18px;
  background:linear-gradient(145deg,#f8fffd,#fff);
}
.edit-palette-block .feature-note{
  display:block;
  margin-top:12px;
  color:#66736f;
  font-size:12px;
}
.phrase-card{
  background:linear-gradient(145deg,#f7fbfa,#edf7f4);
  color:#07100e;
  border-color:#d9e7e3;
  box-shadow:none;
}
.phrase-card h2{
  color:#07100e;
  max-width:16ch;
}
.phrase-card .mono-kicker{
  color:#087f7a;
}
.phrase-card ul{
  gap:8px;
}
.phrase-card li{
  background:#fff;
  border-color:rgba(255,255,255,.16);
  color:#263531;
  box-shadow:inset 3px 0 0 #39f2ea;
  border:1px solid #dce8e5;
  font-size:14px;
  line-height:1.35;
  font-weight:750;
  text-shadow:none;
  padding:12px 14px;
}
.phrase-card li:before{
  color:#087f7a;
}
.examples-page .mono-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:7px 10px;
  border-radius:999px;
  background:#07100e;
  color:#39f2ea;
  letter-spacing:.13em;
}
.examples-hero article strong,.examples-hero article span{
  color:#07100e;
}
.examples-empty{
  grid-column:1/-1;
  text-align:center;
  border:1px dashed #cdd9d6;
  border-radius:24px;
  padding:54px;
  background:#fff;
  color:#07100e;
}
.payment-return-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:32px;
  background:
    radial-gradient(circle at 18% 12%,rgba(57,242,234,.26),transparent 34%),
    linear-gradient(135deg,#f7fbfa,#eef8f5);
}
.payment-return-card{
  width:min(620px,100%);
  background:#fff;
  border:1px solid #dbe7e4;
  border-radius:28px;
  padding:38px;
  box-shadow:0 32px 100px rgba(8,18,15,.12);
}
.payment-status-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  background:#07100e;
  color:#39f2ea;
  font-size:30px;
  font-weight:950;
}
.payment-return-card.is-approved .payment-status-icon{
  background:#0e8f64;
  color:#fff;
}
.payment-return-card.is-failed .payment-status-icon{
  background:#e3362d;
  color:#fff;
}
.payment-return-card h1{
  margin:12px 0;
  font-size:clamp(40px,6vw,68px);
  line-height:.95;
  letter-spacing:-.055em;
  color:#07100e;
}
.payment-return-card p{
  color:#5f6d69;
  font-size:17px;
  line-height:1.65;
  max-width:520px;
}
.payment-plan{
  display:inline-flex;
  margin:8px 0 16px;
  padding:9px 12px;
  border-radius:999px;
  background:#eafffc;
  color:#075f5a;
}
.payment-actions{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:20px;
}
.payment-return-card small{
  display:block;
  margin-top:18px;
  color:#7a8783;
  line-height:1.5;
}
.plan-unlocked-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:0 0 20px;
  padding:22px;
  border:1px solid #98eee8;
  border-radius:22px;
  background:linear-gradient(135deg,#eafffc,#fff);
  color:#07100e;
}
.plan-unlocked-note h2{
  margin:6px 0;
  font-size:26px;
  letter-spacing:-.035em;
}
.plan-unlocked-note p{
  margin:0;
  color:#66736f;
}
.client-head-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.client-head-actions .ghost.dark{
  margin-top:0;
  background:#101817;
  color:#eaf3f1;
  border-color:#263a36;
  min-height:46px;
  display:inline-flex;
  align-items:center;
}
.client-action-hub{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0 0 24px;
}
.client-action-hub a,.client-action-disabled{
  display:grid;
  gap:9px;
  min-height:116px;
  padding:22px;
  border:1px solid #1e2a27;
  border-radius:22px;
  background:#101514;
  color:#e8eeee;
  text-decoration:none;
  box-shadow:0 14px 44px rgba(0,0,0,.14);
}
.client-action-hub a:first-child{
  border-color:#39f2ea;
  background:#111c1a;
}
.client-action-hub i,.metric-row i,.metric-card i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#17211f;
  color:#39f2ea;
  font-style:normal;
  font-weight:950;
  box-shadow:inset 0 0 0 1px #2d4641;
}
.client-action-hub span{
  color:#f1f7f5;
  font-size:22px;
  font-weight:950;
  letter-spacing:-.035em;
}
.client-action-hub b{
  color:#9aa8a4;
  font-size:13px;
  line-height:1.4;
}
.client-action-disabled{
  border-style:dashed;
  background:#16140d;
  border-color:#6d5720;
  cursor:not-allowed;
}
.client-action-disabled.feature-locked{
  background:#111313;
  border-color:#3b3430;
  opacity:.82;
}
.client-action-disabled.feature-locked i{
  color:#d7d1c3;
  background:#23201d;
  box-shadow:inset 0 0 0 1px #4c443b;
}
.client-action-disabled.feature-locked span,
.client-action-disabled.feature-locked b{
  cursor:not-allowed;
}
.client-action-hub .full-support-action{
  border-color:#39f2ea;
  background:#07100e;
}
.client-action-hub .full-support-action i{
  width:auto;
  min-width:34px;
  padding:0 8px;
}
.client-action-disabled a{
  display:inline-flex;
  min-height:0;
  padding:0;
  border:0;
  box-shadow:none;
  background:transparent;
  color:#07100e;
  font-size:13px;
  font-weight:950;
}
.disabled-chip{
  cursor:not-allowed;
  color:#6b5a2d;
  border-color:#f1c46b;
  background:#fff4d9;
  max-width:360px;
  white-space:normal;
}
.metric-card{
  display:block;
  background:#101514;
  color:#e8eeee;
  border:1px solid #1e2a27;
  border-radius:20px;
  padding:22px 24px;
  text-decoration:none;
  box-shadow:0 10px 35px rgba(0,0,0,.15);
}
.metric-card small{
  display:block;
  margin-bottom:14px;
  color:#39f2ea;
  font:800 11px ui-monospace,monospace;
  letter-spacing:.6px;
}
.metric-card strong{
  display:block;
  color:#f1f7f5;
  font-size:42px;
  letter-spacing:-.055em;
}
.metric-card span{
  display:block;
  margin-top:8px;
  color:#9aa8a4;
  font-size:13px;
  font-weight:900;
}
body:has(.client-action-hub) .dashboard-detail{
  display:none;
}
.client-menu-toggle,.client-menu-backdrop{
  display:none;
}
.white-public{
  background:#fff;
  color:#0a0d0d;
  --fd-page-max:1240px;
  --fd-page-gutter:clamp(22px,5vw,56px);
  --fd-section-gap:clamp(54px,7vw,92px);
  --fd-public-max:1240px;
  --fd-public-gutter:clamp(22px,5vw,56px);
  --fd-public-gap:clamp(54px,7vw,92px);
  overflow-x:hidden;
}
.white-public>section,.white-public>.builder-studio,.white-public>.home-alert{
  width:min(var(--fd-public-max),calc(100% - (var(--fd-public-gutter) * 2)));
  max-width:var(--fd-public-max);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
.white-public>section{
  margin-top:var(--fd-public-gap);
  margin-bottom:0;
}
.white-public>section:first-of-type{
  margin-top:0;
}
.white-public .hero-v26,.white-public .builder-studio,.white-public .features,.white-public .features.v5-features,.white-public .conversion-proof,.white-public .workflow-convert,.white-public .audience-section,.white-public .included-section,.white-public .plans-showcase-v19,.white-public .plan-compare,.white-public .demand-asset,.white-public .home-faq,.white-public .final-convert{
  padding-left:clamp(22px,3.4vw,42px);
  padding-right:clamp(22px,3.4vw,42px);
  box-sizing:border-box;
  overflow:hidden;
}
.white-public .features,.white-public .features.v5-features{
  gap:16px;
  background:transparent;
}
.white-public .features article{
  border:1px solid #dfe7e3;
  border-radius:28px;
  min-width:0;
}
.white-public .included-section h2,.white-public .demand-asset h2,.white-public .conversion-proof h2{
  max-width:100%;
  overflow-wrap:break-word;
  word-break:normal;
}
.white-public .included-copy,.white-public .asset-copy,.white-public .asset-offer,.white-public .proof-visual,.white-public .proof-device,.white-public .workflow-grid,.white-public .included-grid,.white-public .plans-grid-v19,.white-public .compare-table{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

@media(max-width:900px){
  .builder-wrap,.edit-page{
    grid-template-columns:1fr;
  }
  .builder-copy{
    position:static;
  }
  .template-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .features{
    grid-template-columns:1fr;
  }
  .hero-home{
    padding-top:70px;
  }
  .trust{
    flex-wrap:wrap;
  }
  .preview-grid,.admin-plan-grid{
    grid-template-columns:1fr;
  }
  .admin-stats{
    grid-template-columns:1fr 1fr;
  }
  .finance-form{
    grid-template-columns:1fr 1fr;
  }
  .plan-benefit{
    align-items:flex-start;
    flex-direction:column;
  }
  .pc-grid.core,.pc-grid.premium,.demand-asset,.pv9-heading{
    grid-template-columns:1fr;
  }
  .pv9-heading{
    gap:16px;
  }
  .demand-asset{
    gap:30px;
  }
  .pv9-proof{
    flex-wrap:wrap;
  }
  .hero-console-v17{
    display:none;
  }
  .client-checklist,.client-checklist ul,.client-site-grid,.examples-grid{
    grid-template-columns:1fr;
  }
  .share-box{
    grid-template-columns:1fr;
  }
  .white-hero{
    grid-template-columns:1fr;
    gap:40px;
    background:
      linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.72) 55%,rgba(0,0,0,.30) 100%),
      url('../img/hero-notebook-black.png') 62% center/cover no-repeat;
  }
  .white-public .white-hero{
    background:
      linear-gradient(90deg,rgba(2,7,7,.95),rgba(2,7,7,.66)),
      url('../img/fd-photo-builder-laptop.webp') 62% center/cover no-repeat;
  }
  .growth-grid{
    grid-template-columns:1fr;
  }
  .success-grid{
    grid-template-columns:1fr;
  }
  .success-copy{
    text-align:center;
  }
  .success-share-actions{
    grid-template-columns:1fr;
  }
  .success-share-preview{
    border-radius:16px;
  }
  .success-v2 .success-icon{
    margin-left:auto;
    margin-right:auto;
  }
  .success-v2 .success-actions{
    justify-content:center;
  }
}

@media(max-width:560px){
  .form-grid{
    grid-template-columns:1fr;
  }
  .form-grid .full{
    grid-column:auto;
  }
  .hero-home h1{
    font-size:52px;
  }
  .success-actions{
    flex-direction:column;
  }
  .topbar{
    height:66px;
  }
  .pv9-hero{
    padding-top:60px;
  }
  .pv9-hero h1{
    font-size:50px;
  }
  .pv9-section{
    padding-top:60px;
  }
  .pc-card{
    min-height:0;
  }
  .asset-offer>strong{
    font-size:70px;
  }
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    scrollbar-width:none;
  }
  body::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
  }
  .topbar,.v5-top{
    width:100%;
    max-width:100vw;
    padding:0 16px;
    gap:10px;
    overflow:hidden;
  }
  .topbar .client-brand{
    min-width:0;
    flex:0 1 auto;
  }
  .topbar .client-brand img{
    width:138px;
    max-width:138px;
    height:auto;
  }
  .topbar nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    flex:0 0 auto;
    min-width:0;
  }
  .topbar nav .ghost{
    padding:8px 10px;
    font-size:11px;
    white-space:nowrap;
  }
  .topbar nav .cta.small{
    padding:9px 11px;
    font-size:11px;
    white-space:nowrap;
    margin:0;
  }
  .white-hero,.v5-hero,.white-public,main,section{
    max-width:100%;
  }
  .white-hero>p{
    font-size:16px;
    line-height:1.55;
    max-width:100%;
  }
  .pc-price>span:not(:first-child){
    font-size:17px;
    font-weight:800;
  }
  .v5-top{
    height:72px;
  }
  .hero-actions-v17{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .white-hero h1{
    font-size:clamp(45px,14vw,58px);
    line-height:.92;
    letter-spacing:-.055em;
    overflow-wrap:anywhere;
    word-break:normal;
    max-width:100%;
  }
  .hero-numbers{
    max-width:100%;
    grid-template-columns:1fr;
    gap:10px;
  }
  .v5-top .ghost,.v5-top .cta.small{
    font-size:10px;
  }
  .v5-top .client-brand img{
    width:125px;
  }
  .white-hero{
    padding-left:18px;
    padding-right:18px;
    overflow:hidden;
    min-height:auto;
    padding-top:62px;
    padding-bottom:62px;
    background:
      linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.68)),
      url('../img/hero-notebook-black.png') 68% center/cover no-repeat;
  }
  .plan-compare{
    padding:0 16px;
    margin:28px auto 56px;
  }
  .compare-table{
    border-radius:18px;
    display:grid;
    gap:12px;
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  .compare-row.head{
    display:none;
  }
  .compare-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    min-height:0;
    padding:14px;
    border:1px solid rgba(7,17,17,.1);
    border-radius:18px;
    background:#fff;
    box-shadow:0 14px 36px rgba(7,17,17,.07);
  }
  .compare-row span{
    grid-column:1/-1;
    padding:0 0 4px;
    color:#071111;
    font-size:14px;
    line-height:1.25;
  }
  .compare-row b{
    display:grid;
    gap:4px;
    align-content:center;
    min-height:58px;
    padding:10px 8px;
    border-radius:14px;
    background:#f6faf9;
    color:#071111;
    font-size:14px;
    line-height:1.1;
    text-align:center;
  }
  .compare-row b::before{
    content:attr(data-plan);
    color:#60706d;
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .compare-row b:nth-child(3){
    background:#dffbf8;
  }
  .compare-row b:nth-child(4){
    background:#071111;
    color:#fff;
  }
  .compare-row b:nth-child(4)::before{
    color:#9beee8;
  }
  .preview-frame iframe{
    min-height:500px;
    border-radius:18px;
  }
  body{
    font-size:15px;
  }
  .builder-studio{
    padding:34px 14px;
  }
  .studio-form{
    padding:22px;
    border-radius:22px;
  }
  .builder-intro h2{
    font-size:40px;
  }
  .live-stage{
    height:760px;
    min-height:760px;
    border-radius:20px;
  }
  .preview-frame.desktop{
    display:none;
  }
  .stage-head span{
    font-size:9px;
  }
  .metric-row,.executive-grid,.growth-grid,.client-site-grid{
    grid-template-columns:1fr;
  }
  .fd-sidebar{
    position:sticky;
    top:0;
    width:100%;
    height:auto;
    min-height:0;
    padding:10px;
    overflow:auto;
    flex-direction:row;
    align-items:center;
    border-right:0;
    border-bottom:1px solid #1b2424;
  }
  .fd-side-logo{
    width:54px;
    height:48px;
    padding:0;
    border-bottom:0;
    flex:0 0 auto;
  }
  .fd-side-logo img{
    width:46px;
    max-height:34px;
    object-fit:cover;
    object-position:left center;
  }
  .side-main,.side-bottom{
    display:flex;
    padding:0;
    margin:0;
    gap:8px;
  }
  .side-main{
    overflow:auto;
  }
  .side-main a,.side-bottom a{
    flex:0 0 auto;
  }
  .admin-main{
    margin-left:0;
    padding:0 14px 42px;
  }
  .admin-top{
    height:auto;
    padding:24px 0;
  }
  .admin-top h1{
    font-size:28px;
  }
  .dark-form,.plan-admin-grid,.template-admin-grid,.admin-security-grid,.history-grid,.intel-grid,.approval-grid{
    grid-template-columns:1fr;
  }
  .dark-table .tr{
    min-width:620px;
  }
  .client-side{
    position:sticky;
    top:0;
    width:100%;
    height:auto;
    flex-direction:row;
    overflow:auto;
    z-index:30;
  }
  .client-main{
    margin-left:0;
    padding:20px 14px 48px;
  }
  .auth-shell{
    padding:18px;
    align-items:start;
  }
  .auth-card{
    border-radius:22px;
    padding:24px;
    max-height:none;
    width:100%;
  }
  .success-v2{
    padding:24px 14px 50px;
  }
  .success-copy,.share-card{
    padding:24px;
    border-radius:20px;
  }
  .success-linkbox>div{
    grid-template-columns:1fr;
  }
  .fd-footer{
    flex-direction:column;
    align-items:flex-start;
  }
  .fd-footer-main{
    grid-template-columns:1fr;
  }
  .fd-footer-nav{
    justify-content:flex-start;
    width:100%;
  }
  .fd-footer-bottom{
    flex-direction:column;
  }
}

@media(max-width:800px){
  .stat-grid,.pricing{
    grid-template-columns:1fr 1fr;
  }
  .site-row{
    grid-template-columns:1fr;
  }
  .dash-hero{
    align-items:start;
    flex-direction:column;
  }
  .dash-top nav span{
    display:none;
  }
}

@media(max-width:520px){
  .stat-grid,.pricing{
    grid-template-columns:1fr;
  }
  .auth-card{
    padding:24px;
  }
  .site-metrics{
    justify-content:space-between;
  }
  .admin-stats,.finance-form{
    grid-template-columns:1fr;
  }
}

@media(max-width:1100px){
  .fd-sidebar{
    width:86px;
    padding:22px 10px;
  }
  .fd-side-logo img{
    width:58px;
    object-fit:cover;
    object-position:left;
  }
  .side-main a span,.side-bottom a span{
    display:none;
  }
  .side-main a,.side-bottom a{
    justify-content:center;
    padding:10px;
  }
  .admin-main{
    margin-left:86px;
    padding:0 24px 50px;
  }
  .metric-row{
    grid-template-columns:1fr 1fr;
  }
  .plan-admin-grid{
    grid-template-columns:1fr;
  }
  .template-admin-grid{
    grid-template-columns:1fr;
  }
  .admin-command{
    grid-template-columns:1fr;
  }
  .client-insights{
    grid-template-columns:1fr;
  }
  .client-head{
    align-items:flex-start;
    flex-direction:column;
    height:auto;
    padding:26px 0;
  }
  .client-head .cyan-btn{
    align-self:flex-start;
  }
  .tour-restart{
    order:3;
  }
}

@media(max-width:700px){
  .admin-main{
    padding:0 14px 40px;
  }
  .metric-row,.executive-grid,.dark-form{
    grid-template-columns:1fr;
  }
  .admin-top{
    height:100px;
  }
  .admin-top h1{
    font-size:25px;
  }
  .admin-user span{
    display:none;
  }
  .executive-card{
    padding:20px;
  }
  .template-admin-grid iframe{
    height:300px;
  }
}

@media(max-width:1000px){
  .live-stage{
    position:relative;
    top:auto;
    height:620px;
  }
  .client-side{
    width:82px;
    padding:20px 10px;
  }
  .client-side-logo img{
    width:58px;
    object-fit:cover;
    object-position:left;
  }
  .client-side nav span,.client-side .logout span{
    display:none;
  }
  .client-main{
    margin-left:82px;
    padding:0 20px 50px;
  }
  .hero-numbers{
    gap:24px;
    flex-wrap:wrap;
  }
  .admin-security-grid{
    grid-template-columns:1fr;
  }
  .twofa-setup{
    grid-template-columns:1fr;
  }
  .builder-studio{
    grid-template-columns:1fr;
    grid-template-columns:1fr;
  }
  .features.v5-features{
    grid-template-columns:1fr;
  }
  .upload-grid{
    grid-template-columns:1fr;
  }
  .upload-card.full{
    grid-column:auto;
  }
}

@media(max-width:650px){
  .v5-hero{
    padding:120px 22px 60px;
  }
  .v5-hero h1{
    font-size:58px;
    letter-spacing:-4px;
  }
  .builder-studio{
    padding:40px 12px;
  }
  .studio-form{
    padding:20px;
  }
  .live-stage{
    height:520px;
  }
  .hero-numbers{
    margin-top:45px;
  }
  .client-head{
    height:110px;
  }
  .client-head h1{
    font-size:26px;
  }
  .new-site-intro{
    padding:45px 20px 0;
  }
  .white-public .builder-studio{
    padding-left:12px;
    padding-right:12px;
  }
}

@media(max-width:1180px){
  .hps-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .builder-studio{
    grid-template-columns:1fr;
  }
  .live-stage{
    position:relative;
    top:auto;
  }
  .preview-duo{
    min-height:760px;
  }
  .admin-command{
    grid-template-columns:1fr;
  }
  .white-public .builder-studio .preview-frame.desktop iframe,.builder-studio .preview-frame.desktop iframe{
    height:3600px;
    min-height:3600px;
  }
  .white-public .builder-studio .live-stage,.builder-studio .live-stage{
    height:1180px;
    min-height:1180px;
  }
}

@media(max-width:760px){
  .live-stage{
    position:relative;
    top:auto;
    height:620px;
  }
  .hps-grid{
    grid-template-columns:1fr;
  }
  .home-plan-strip{
    padding-top:60px;
  }
  .metric-row{
    grid-template-columns:1fr;
  }
  .client-checklist{
    padding:22px;
  }
  .client-checklist h2{
    font-size:24px;
  }
  .client-site-card dl{
    grid-template-columns:1fr 1fr;
  }
  .admin-main{
    padding-bottom:80px;
  }
  .dark-table .tr{
    min-width:860px;
  }
  .plans-showcase-v19,.features.v5-features{
    width:calc(100% - 28px);
  }
  .builder-intro h2{
    font-size:40px;
  }
  .admin-sites-table .tr{
    min-width:1080px;
  }
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  .topbar,.v5-top,.white-public,main,section,header,footer{
    max-width:100%;
  }
  .white-public .hero-v26,.white-public .builder-studio,.features.v5-features,.conversion-proof,.workflow-convert,.audience-section,.included-section,.plans-showcase-v19,.demand-asset,.home-faq,.final-convert{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
    overflow:hidden;
  }
  .hero-v26 .hero-copy-v17,.white-public .hero-v26 .hero-product-v26,.product-browser-v26,.hero-photo-card,.product-screen-v26,.product-metrics-v26{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .hero-v26 .hero-actions-v17,.hero-v26 .hero-numbers,.product-metrics-v26{
    grid-template-columns:1fr;
    width:100%;
  }
  .float-chip-v26{
    display:none;
  }
  .builder-studio{
    grid-template-columns:1fr;
    padding-left:14px;
    padding-right:14px;
  }
  .studio-form{
    padding:24px;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }
  .template-grid,.scheme-row,.upload-grid,.form-grid,.modern-form-grid{
    max-width:100%;
  }
  .template-card,.upload-card,.scheme,.v5-builder input,.v5-builder textarea,.v5-builder select{
    max-width:100%;
    box-sizing:border-box;
  }
  .features.v5-features,.workflow-grid,.included-grid,.plans-grid-v19,.audience-section ul,.pc-grid,.hps-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
  }
  .features.v5-features article,.workflow-grid article,.included-grid article,.plan-v19,.audience-section li{
    width:100%;
    max-width:100%;
    grid-column:auto;
    box-sizing:border-box;
    margin:0;
  }
  .features.v5-features article+article,.workflow-grid article+article,.included-grid article+article,.plan-v19+.plan-v19{
    margin-top:14px;
  }
  .conversion-proof,.workflow-convert,.audience-section,.included-section,.home-faq,.final-convert{
    padding-left:20px;
    padding-right:20px;
  }
  .white-public .hero-v26,.white-public .features,.white-public .features.v5-features,.white-public .conversion-proof,.white-public .workflow-convert,.white-public .audience-section,.white-public .included-section,.white-public .plans-showcase-v19,.white-public .plan-compare,.white-public .demand-asset,.white-public .home-faq,.white-public .final-convert,.white-public .builder-studio{
    padding-left:14px;
    padding-right:14px;
  }
  html{
    overflow-x:hidden;
  }
  body{
    overflow-x:clip;
    width:100vw;
    max-width:100vw;
    position:relative;
  }
  body>*{
    max-width:100vw;
  }
  .topbar.v5-top{
    width:100vw;
    max-width:100vw;
    min-width:0;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
  }
  .topbar .brand{
    max-width:92px;
    overflow:hidden;
  }
  .topbar .brand img{
    width:92px;
    max-width:92px;
  }
  .topbar nav{
    gap:6px;
  }
  .topbar nav a{
    flex:0 0 auto;
  }
  .topbar nav .ghost{
    padding:8px 9px;
    font-size:10px;
  }
  .topbar nav .cta.small{
    padding:9px 10px;
    font-size:10px;
  }
  .white-public .hero-v26{
    display:grid;
    grid-template-columns:1fr;
    gap:30px;
    padding-left:20px;
    padding-right:20px;
    width:100vw;
    max-width:100vw;
    min-width:0;
    margin:0;
    padding:42px 16px 46px;
    overflow:hidden;
  }
  .hero-v26 .hero-copy-v17{
    width:100%;
    max-width:calc(100vw - 32px);
    min-width:0;
  }
  .hero-v26 h1{
    max-width:100%;
    overflow-wrap:break-word;
    letter-spacing:-.035em;
    font-size:clamp(38px,12vw,48px);
    line-height:.95;
  }
  .hero-v26 .hero-copy-v17>p{
    font-size:15px;
    max-width:100%;
    overflow-wrap:break-word;
  }
  .white-public .hero-v26 .hero-product-v26{
    display:none;
  }
  .hero-v26 .hero-actions-v17{
    display:grid;
    grid-template-columns:1fr;
    max-width:100%;
  }
  .hero-v26 .hero-actions-v17 a{
    width:100%;
    box-sizing:border-box;
    max-width:100%;
  }
  .hero-v26 .hero-numbers{
    max-width:100%;
    grid-template-columns:1fr;
  }
  .promo-ribbon{
    left:16px;
    right:16px;
    top:16px;
  }
  .plan-v19.promo-plan .plan-v19-top{
    margin-top:48px;
  }
  .growth-card{
    padding:22px;
  }
  .white-public .hero-shell,.white-public .builder-studio,.white-public .conversion-proof,.white-public .workflow-convert,.white-public .audience-section,.white-public .included-section,.white-public .plans-showcase-v19,.white-public .plan-compare,.white-public .demand-asset,.white-public .home-faq,.white-public .final-convert{
    overflow:hidden;
  }
  .white-public .builder-studio{
    grid-template-columns:1fr;
    gap:20px;
    padding-top:28px;
    padding-bottom:28px;
  }
  .white-public .studio-form,.white-public .live-stage{
    width:100%;
    min-width:0;
  }
  .white-public .stage-head{
    padding:14px 16px;
  }
  .white-public .stage-head span{
    font-size:10px;
  }
  .white-public .preview-duo{
    display:block;
    min-width:0;
  }
  .white-public .preview-frame.desktop{
    display:none;
  }
  .white-public .preview-frame.mobile{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    height:640px;
    padding:12px;
    overflow:hidden;
    border-radius:18px;
    background:#fff;
  }
  .white-public .preview-frame.mobile strong{
    display:none;
  }
  .white-public .preview-frame.mobile iframe{
    position:static;
    display:block;
    width:100%;
    height:616px;
    min-height:616px;
    transform:none;
    border:0;
    border-radius:14px;
  }
  body.preview-dock-active{
    padding-bottom:84px;
  }
  body.preview-dock-active .builder-studio .live-stage{
    position:fixed;
    left:16px;
    right:16px;
    bottom:14px;
    z-index:80;
    width:auto;
    max-width:520px;
    height:auto;
    min-height:0;
    margin:0 auto;
    padding:0;
    border-radius:18px;
    box-shadow:0 22px 60px rgba(5,17,14,.24);
  }
  body.preview-dock-active .stage-head{
    min-height:56px;
    border-bottom:0;
    cursor:pointer;
  }
  body.preview-dock-active .stage-head span{
    margin:0 12px;
    color:#06110f;
    font:900 12px Inter,Arial,sans-serif;
    letter-spacing:0;
    text-transform:none;
  }
  body.preview-dock-active .preview-toggle{
    margin-left:auto;
    padding:9px 12px;
    border-radius:999px;
    background:#35e8df;
    color:#06110f;
    line-height:1;
    white-space:nowrap;
  }
  body.preview-dock-active:not(.preview-dock-open) .preview-duo{
    display:none;
  }
  body.preview-dock-active.preview-dock-open{
    padding-bottom:min(74dvh,640px);
  }
  body.preview-dock-active.preview-dock-open .builder-studio .live-stage{
    height:min(72dvh,620px);
    min-height:0;
  }
  body.preview-dock-active.preview-dock-open .preview-duo{
    display:block;
    height:calc(100% - 56px);
  }
  body.preview-dock-active.preview-dock-open .preview-frame.mobile{
    display:block;
    height:100%;
    padding:10px;
  }
  body.preview-dock-active.preview-dock-open .preview-frame.mobile iframe{
    height:100%;
    min-height:0;
  }
  .white-public .plans-showcase-v19{
    gap:16px;
  }
  .white-public .plan-v19,.white-public .plan-card,.white-public .price-card{
    width:100%;
    margin-left:0;
    margin-right:0;
    padding-left:18px;
    padding-right:18px;
    box-sizing:border-box;
  }
  body:has(.client-shell){
    background:#f6f8f7;
  }
  .client-side{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    width:min(82vw,320px);
    height:100dvh;
    padding:24px 18px;
    transform:translateX(-105%);
    transition:transform .22s ease;
    z-index:10020;
    box-shadow:30px 0 80px rgba(0,0,0,.22);
    overflow-y:auto;
  }
  body.client-menu-open .client-side{
    transform:translateX(0);
  }
  .client-side nav,.client-side .logout{
    width:100%;
  }
  .client-side nav a,.client-side .logout{
    justify-content:flex-start;
    min-height:50px;
    padding:0 16px;
    gap:10px;
  }
  .client-side nav span,.client-side .logout span{
    display:inline;
  }
  .client-side-logo img{
    width:170px;
    height:auto;
    object-fit:contain;
  }
  .client-main{
    width:100%;
    margin-left:0;
    padding:84px 16px 44px;
    box-sizing:border-box;
  }
  .client-menu-toggle{
    display:grid;
    position:fixed;
    right:16px;
    top:16px;
    z-index:10030;
    width:46px;
    height:46px;
    border:0;
    border-radius:14px;
    background:#07100e;
    place-items:center;
    box-shadow:0 14px 40px rgba(0,0,0,.2);
  }
  .client-menu-toggle span{
    display:block;
    width:19px;
    height:2px;
    margin:2px 0;
    border-radius:99px;
    background:#39f2ea;
  }
  .client-menu-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:10010;
    border:0;
    background:rgba(0,0,0,.34);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
  }
  body.client-menu-open .client-menu-backdrop{
    opacity:1;
    pointer-events:auto;
  }
  .client-head{
    border-radius:22px;
    padding:22px;
    height:auto;
    min-height:0;
    margin-bottom:16px;
    background:#07100e;
    color:#fff;
  }
  .client-head h1{
    font-size:30px;
  }
  .client-head-actions{
    width:100%;
    justify-content:flex-start;
    gap:10px;
  }
  .metric-row,.client-action-hub,.client-insights,.growth-grid,.client-site-grid,.improve-center{
    grid-template-columns:1fr;
  }
  .metric-row,.client-action-hub,.client-insights,.growth-grid{
    gap:14px;
  }
  .plan-unlocked-note,.client-checklist,.executive-card,.growth-card,.metric-card,.metric-row article,.improve-center{
    border-radius:18px;
  }
  .share-box{
    grid-template-columns:90px 1fr;
  }
  .white-public .site-header,.white-public .builder-studio,.white-public .features,.white-public .features.v5-features,.white-public .conversion-proof,.white-public .workflow-convert,.white-public .audience-section,.white-public .included-section,.white-public .plans-showcase-v19,.white-public .plan-compare,.white-public .demand-asset,.white-public .home-faq,.white-public .final-convert{
    width:calc(100% - 32px);
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
    padding-right:0;
    box-sizing:border-box;
  }
  .white-public .builder-studio,.white-public .conversion-proof,.white-public .workflow-convert,.white-public .audience-section,.white-public .included-section,.white-public .plans-showcase-v19,.white-public .plan-compare,.white-public .demand-asset,.white-public .home-faq,.white-public .final-convert{
    padding-left:14px;
    padding-right:14px;
    overflow:hidden;
  }
  .white-public .included-section,.white-public .demand-asset{
    padding:28px 14px;
    border-radius:20px;
  }
  .white-public .included-copy,.white-public .asset-copy,.white-public .asset-offer{
    min-width:0;
    max-width:100%;
  }
  .white-public .included-section h2,.white-public .demand-asset h2{
    max-width:100%;
    font-size:clamp(28px,8.2vw,36px);
    line-height:1.02;
    letter-spacing:0;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .white-public .included-section p,.white-public .demand-asset p{
    max-width:100%;
    font-size:14px;
    line-height:1.55;
    overflow-wrap:break-word;
  }
  .white-public .included-grid,.white-public .workflow-grid,.white-public .plans-grid-v19{
    width:100%;
    min-width:0;
  }
  .white-public .included-grid article,.white-public .workflow-grid article,.white-public .plan-v19,.white-public .compare-table,.white-public details{
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .white-public{
    --fd-page-max:520px;
    --fd-page-gutter:16px;
    --fd-section-gap:42px;
    width:100vw;
    max-width:100vw;
    min-width:0;
    overflow-x:hidden;
    --fd-public-max:520px;
    --fd-public-gutter:16px;
    --fd-public-gap:42px;
  }
  .white-public>section,.white-public>.builder-studio,.white-public>.home-alert{
    width:calc(100% - 32px);
  }
  .white-public .hero-v26,.white-public .builder-studio,.white-public .features,.white-public .features.v5-features,.white-public .conversion-proof,.white-public .workflow-convert,.white-public .audience-section,.white-public .included-section,.white-public .plans-showcase-v19,.white-public .plan-compare,.white-public .demand-asset,.white-public .home-faq,.white-public .final-convert{
    padding-left:14px;
    padding-right:14px;
  }
  .white-public .features,.white-public .features.v5-features,.white-public .workflow-grid,.white-public .included-grid,.white-public .plans-grid-v19{
    grid-template-columns:1fr;
  }
  .white-public .included-section,.white-public .demand-asset,.white-public .conversion-proof{
    padding-top:28px;
    padding-bottom:28px;
    border-radius:20px;
  }
  .white-public .included-section h2,.white-public .demand-asset h2,.white-public .conversion-proof h2{
    font-size:clamp(28px,8.2vw,36px);
    line-height:1.03;
    letter-spacing:0;
  }
  .white-public .included-section p,.white-public .demand-asset p,.white-public .conversion-proof p{
    font-size:14px;
    line-height:1.55;
  }
  .white-public .asset-chips{
    gap:8px;
  }
  .white-public .asset-chips span{
    white-space:normal;
    max-width:100%;
  }
}

@media(max-width:620px){
  .plans-showcase-v19{
    padding:70px 18px;
  }
  .plans-grid-v19{
    grid-template-columns:1fr;
  }
  .plan-v19,.plan-v19:nth-child(4),.plan-v19:nth-child(5),.plan-v19:last-child{
    grid-column:1;
  }
  .plan-v19{
    min-height:0;
  }
  .plans-foot-v19{
    align-items:flex-start;
    flex-direction:column;
  }
  .plans-head-v19 h2{
    font-size:44px;
  }
  .price-v19 strong{
    font-size:44px;
  }
  .hero-v26 h1{
    font-size:clamp(48px,14vw,66px);
  }
  .hero-v26 .hero-actions-v17 a{
    text-align:center;
  }
  .hero-v26 .hero-numbers{
    grid-template-columns:1fr;
    gap:4px;
    margin-top:32px;
  }
  .white-public .hero-v26 .hero-product-v26{
    padding:10px 0;
  }
  .product-screen-v26{
    min-height:330px;
    padding:38px 25px;
  }
  .product-screen-v26>strong{
    font-size:34px;
  }
  .product-metrics-v26{
    grid-template-columns:1fr;
  }
  .float-chip-v26{
    display:none;
  }
  .hero-v26 .hero-actions-v17{
    align-items:stretch;
    flex-direction:column;
  }
  .builder-studio{
    min-height:auto;
  }
  .workflow-photo,.included-photo{
    height:220px;
  }
  .hero-photo-card{
    height:210px;
  }
  .white-public .hero-v26{
    padding-top:42px;
    padding-bottom:44px;
  }
  .hero-photo-card,.workflow-photo{
    height:220px;
  }
  .proof-photo{
    height:360px;
  }
  .features.v5-features article .home-icon,.step-icon,.included-icon{
    width:52px;
    height:52px;
  }
  .plan-v19.platina .premium-medal:before,.plan-v19.diamante .premium-medal:before{
    left:0;
    top:88px;
  }
  .plan-v19.premium-plan .premium-medal{
    margin-bottom:44px;
  }
  .template-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:980px){
  .plans-head-v19>p{
    max-width:620px;
  }
  .plans-showcase-v19{
    width:min(760px,calc(100% - 34px));
    margin-top:85px;
  }
  .plans-head-v19{
    grid-template-columns:1fr;
    gap:18px;
    margin-bottom:34px;
  }
  .plans-grid-v19{
    grid-template-columns:1fr 1fr;
    gap:22px;
  }
  .plan-v19,.plan-v19:nth-child(4),.plan-v19:nth-child(5){
    grid-column:span 1;
    min-height:520px;
  }
  .plan-v19:last-child{
    grid-column:1/-1;
  }
  .plan-v19.prata,.plan-v19.featured{
    transform:none;
  }
  .plan-v19.prata:hover,.plan-v19.featured:hover{
    transform:translateY(-4px);
  }
  .hero-v26 .hero-copy-v17{
    max-width:760px;
  }
  .white-public .hero-v26 .hero-product-v26{
    max-width:700px;
    width:100%;
  }
  .hero-v26 .hero-numbers{
    max-width:650px;
  }
  .edit-hero,.edit-grid-form{
    grid-template-columns:1fr;
  }
  .edit-side-card{
    position:relative;
    top:auto;
    grid-column:1;
    grid-row:auto;
  }
  .edit-card+.edit-card{
    margin-top:0;
  }
  .edit-grid-form{
    gap:18px;
  }
  .edit-visual-row{
    grid-template-columns:1fr;
  }
  .workflow-photo{
    height:300px;
  }
  .white-public .hero-v26{
    grid-template-columns:1fr;
    gap:42px;
    min-height:auto;
    padding-top:54px;
  }
  .users-admin-table .tr{
    min-width:1180px;
    min-width:1220px;
  }
  .product-browser-v26{
    max-height:none;
  }
  .hero-photo-card{
    height:220px;
    height:230px;
  }
  .asset-photo,.asset-photo img{
    min-height:260px;
  }
  .plan-v19.premium-plan .plan-v19-top,.plan-v19.premium-plan h3,.plan-v19.premium-plan>p{
    padding-right:0;
  }
  .premium-medal{
    position:relative;
    right:auto;
    top:auto;
    margin-bottom:20px;
  }
  .demand-asset{
    grid-template-columns:1fr;
    gap:28px;
  }
  .asset-offer{
    min-height:420px;
  }
  .preview-frame iframe{
    min-height:520px;
  }
  .compare-row{
    grid-template-columns:repeat(3,1fr);
  }
  .compare-row span,.compare-row b{
    text-align:center;
  }
  .compare-row span{
    text-align:left;
  }
  .preview-frame.mobile iframe{
    min-height:560px;
    transform:scale(.72);
  }
  .plans-grid-v19>.plan-v19:nth-child(-n+3){
    min-height:0;
  }
  .plan-v19.bronze,.plan-v19.ouro{
    margin-top:0;
  }
  .preview-duo{
    grid-template-columns:1fr;
    min-height:0;
    height:auto;
  }
  .preview-frame.mobile{
    width:100%;
    height:620px;
  }
  .intel-hero,.approval-card{
    display:grid;
  }
  .intel-grid,.history-grid,.improve-center{
    grid-template-columns:1fr;
  }
  .approval-grid,.improve-center ul{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .plans-head-v19 h2{
    font-size:44px;
  }
  .plan-v19 h3{
    font-size:32px;
    margin-top:25px;
  }
  .price-v19{
    margin:25px 0;
  }
  .plans-foot-v19{
    align-items:flex-start;
    flex-direction:column;
  }
  .plans-showcase-v19{
    width:calc(100% - 28px);
    margin:72px auto;
  }
  .plans-grid-v19{
    grid-template-columns:1fr;
    gap:18px;
  }
  .plan-v19,.plan-v19:nth-child(4),.plan-v19:nth-child(5),.plan-v19:last-child{
    grid-column:1;
    min-height:0;
    padding:26px 22px;
    border-radius:24px;
  }
  .plan-v19 h3,.plan-v19.platina h3,.plan-v19.diamante h3{
    font-size:30px;
  }
  .price-v19 strong{
    font-size:46px;
  }
  .conversion-proof,.workflow-convert,.audience-section,.included-section,.home-faq,.final-convert{
    width:calc(100% - 28px);
    margin-top:62px;
  }
  .conversion-proof,.included-section{
    padding:28px;
    border-radius:24px;
  }
  .workflow-grid,.included-grid,.audience-section ul,.examples-grid{
    grid-template-columns:1fr;
  }
  .section-headline{
    gap:16px;
  }
  .tour-card{
    right:14px;
    bottom:14px;
    width:calc(100% - 28px);
  }
  .examples-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .examples-actions a{
    text-align:center;
  }
  .examples-hero{
    min-height:auto;
    padding:58px 0 34px;
  }
  .tour-restart{
    display:none;
  }
  .features.v5-features article .home-icon{
    width:50px;
    height:50px;
  }
  .proof-device:before,.proof-device:after{
    display:none;
  }
  .proof-device img{
    width:118px;
  }
  .proof-device{
    padding-top:105px;
  }
  .workflow-grid article>i{
    position:static;
    margin-bottom:18px;
  }
  .final-convert h2{
    font-size:38px;
  }
  .workflow-grid article>.fd-svg-icon{
    position:static;
    margin-bottom:18px;
  }
}

@media (min-width:981px){
  .plans-grid-v19 .plan-v19:nth-child(4){
    grid-column:1 / span 6;
  }
  .plans-grid-v19 .plan-v19:nth-child(5){
    grid-column:7 / span 6;
  }
}

@media(max-width:600px){
  .white-public .white-hero{
    background:
      linear-gradient(180deg,rgba(2,7,7,.92),rgba(2,7,7,.72)),
      url('../img/fd-photo-builder-laptop.webp') 68% center/cover no-repeat;
  }
}

@media(max-width:920px){
  .conversion-proof,.section-headline,.audience-section,.included-section,.home-faq,.examples-hero{
    grid-template-columns:1fr;
  }
  .workflow-grid,.included-grid,.examples-grid{
    grid-template-columns:1fr 1fr;
  }
  .home-faq>div{
    grid-row:auto;
  }
  .client-head{
    gap:10px;
  }
  .tour-restart{
    margin-left:0;
  }
  .proof-visual{
    display:block;
  }
  .workflow-grid article>i{
    width:50px;
    height:50px;
  }
  .final-convert{
    align-items:flex-start;
    flex-direction:column;
    padding:28px;
  }
}

@media(max-width:680px){
  .edit-modern{
    padding:32px 14px 70px;
  }
  .edit-hero h1{
    font-size:44px;
  }
  .edit-card,.edit-side-card,.edit-hero aside{
    padding:22px;
    border-radius:20px;
  }
  .edit-top{
    height:auto;
    padding:14px;
    gap:12px;
    flex-wrap:wrap;
  }
  .edit-top nav{
    width:100%;
    justify-content:space-between;
  }
  .edit-top .brand img{
    width:150px;
  }
  .upload-grid{
    grid-template-columns:1fr;
  }
  .form-section-title{
    align-items:flex-start;
    flex-direction:column;
  }
  .form-section-title small{
    text-align:left;
  }
  .payment-return-card{
    padding:26px;
    border-radius:22px;
  }
  .payment-actions,.plan-unlocked-note{
    align-items:stretch;
    flex-direction:column;
  }
  .client-action-hub{
    grid-template-columns:1fr;
  }
  .client-head-actions{
    justify-content:flex-start;
  }
}

@media(min-width:1600px){
  .builder-studio,.plans-showcase-v19,.features.v5-features,.white-hero{
    max-width:1560px;
    margin-left:auto;
    margin-right:auto;
  }
  .builder-studio{
    border-left:1px solid #dde5e2;
    border-right:1px solid #dde5e2;
  }
}

@media(max-width:860px){
  .preview-duo{
    grid-template-columns:1fr;
    min-height:0;
  }
  .preview-frame.desktop iframe{
    width:1180px;
    transform:scale(.32);
    min-height:1800px;
  }
  .preview-frame.mobile iframe{
    min-height:760px;
  }
  .form-section-title,.section-title{
    display:grid;
    gap:8px;
  }
  .form-section-title small{
    text-align:left;
  }
  .upload-grid,.modern-form-grid,.form-grid{
    grid-template-columns:1fr;
  }
  .upload-card.full,.form-grid .full{
    grid-column:auto;
  }
  .fd-sidebar{
    width:74px;
  }
  .admin-main{
    margin-left:74px;
    padding-left:16px;
    padding-right:16px;
  }
  .metric-row{
    grid-template-columns:1fr 1fr;
  }
  .improve-center ul{
    grid-template-columns:1fr;
  }
  .white-public .builder-studio .live-stage,.builder-studio .live-stage{
    height:780px;
    min-height:780px;
  }
}

/* Adaptive live preview mockups - final cascade */
.white-public .builder-studio .preview-duo,
.builder-studio .preview-duo{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  height:calc(100% - 64px);
  min-height:min(760px,calc(100dvh - 140px));
  align-items:center;
  justify-items:center;
  padding:18px;
  overflow:hidden;
}
.white-public .builder-studio .preview-frame,
.builder-studio .preview-frame{
  --mockup-left:0%;
  --mockup-top:0%;
  --mockup-width:100%;
  --mockup-height:100%;
  width:100%;
  height:auto;
  min-height:0;
  max-height:100%;
  aspect-ratio:var(--mockup-ratio);
  position:relative;
  isolation:isolate;
  display:block;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.white-public .builder-studio .preview-frame>strong,
.builder-studio .preview-frame>strong{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
  padding:0;
  margin:-1px;
}
.white-public .builder-studio .preview-frame::after,
.builder-studio .preview-frame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  transform:translateZ(0);
  pointer-events:none;
  background:var(--mockup-image) center/100% 100% no-repeat;
}
.white-public .builder-studio .preview-frame iframe,
.builder-studio .preview-frame iframe{
  position:absolute;
  z-index:0;
  top:var(--mockup-top);
  left:var(--mockup-left);
  width:var(--mockup-width);
  height:var(--mockup-height);
  min-width:0;
  min-height:0;
  max-width:none;
  border:0;
  border-radius:var(--mockup-radius);
  background:#fff;
  box-shadow:none;
  transform:none;
  transform-origin:top left;
}
.preview-touch-scroll{
  position:absolute;
  z-index:3;
  top:var(--mockup-top);
  left:var(--mockup-left);
  width:var(--mockup-width);
  height:var(--mockup-height);
  border-radius:var(--mockup-radius);
  cursor:none;
  touch-action:none;
  background:transparent;
  user-select:none;
  pointer-events:none;
}
@media(pointer:fine){
  .preview-touch-scroll{
    pointer-events:none;
  }
}
.preview-touch-scroll.is-dragging{
  cursor:none;
}
.preview-touch-cursor{
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  width:20px;
  height:20px;
  border:2px solid #111;
  border-radius:50%;
  background:rgba(255,255,255,.72);
  box-shadow:0 2px 8px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.55) inset;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-50%) scale(.92);
  transition:opacity .12s ease,transform .12s ease;
}
.preview-touch-scroll.has-pointer .preview-touch-cursor{
  opacity:1;
}
.preview-touch-scroll.is-dragging .preview-touch-cursor{
  transform:translate(-50%,-50%) scale(.82);
  background:rgba(255,255,255,.88);
}
.white-public .builder-studio .preview-frame.desktop iframe,
.builder-studio .preview-frame.desktop iframe,
.white-public .builder-studio .preview-frame.mobile iframe,
.builder-studio .preview-frame.mobile iframe{
  position:absolute !important;
  z-index:0 !important;
  top:var(--mockup-top) !important;
  left:var(--mockup-left) !important;
  width:var(--mockup-width) !important;
  height:var(--mockup-height) !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  border:0 !important;
  border-radius:var(--mockup-radius) !important;
  transform:none !important;
  box-shadow:none !important;
}
.white-public .builder-studio .preview-frame.desktop,
.builder-studio .preview-frame.desktop{
  --mockup-ratio:1032/840;
  --mockup-image:url("../img/preview-mockup-desktop-frame-crop.webp");
  --mockup-left:5.04%;
  --mockup-top:5.60%;
  --mockup-width:90.70%;
  --mockup-height:62.62%;
  --mockup-radius:2px;
  --desktop-preview-scale:.46;
  max-width:min(100%,980px);
}
.white-public .builder-studio .preview-frame.desktop iframe,
.builder-studio .preview-frame.desktop iframe{
  width:calc(var(--mockup-width) / var(--desktop-preview-scale)) !important;
  height:calc(var(--mockup-height) / var(--desktop-preview-scale)) !important;
  transform:scale(var(--desktop-preview-scale)) !important;
  transform-origin:top left !important;
  border-radius:calc(var(--mockup-radius) / var(--desktop-preview-scale)) !important;
}
.white-public .builder-studio .preview-frame.mobile,
.builder-studio .preview-frame.mobile{
  --mockup-ratio:445/916;
  --mockup-image:url("../img/preview-mockup-mobile-frame-crop.webp");
  --mockup-left:5.84%;
  --mockup-top:9.40%;
  --mockup-width:87.42%;
  --mockup-height:83.95%;
  --mockup-radius:28px;
  width:min(100%,540px);
  max-width:min(100%,540px);
}
body.preview-dock-active.preview-dock-open .builder-studio .preview-frame.mobile{
  height:auto !important;
  aspect-ratio:var(--mockup-ratio) !important;
  padding:0 !important;
}
.live-stage:not(.preview-mobile-mode) .preview-frame.mobile{
  display:none;
}
.live-stage.preview-mobile-mode .preview-frame.desktop{
  display:none;
}
.live-stage.preview-mobile-mode .preview-frame.mobile{
  display:block;
  width:auto !important;
  height:min(100%,760px) !important;
  max-width:100%;
  max-height:100%;
}

@media(min-width:761px){
  .white-public .builder-studio,
  .builder-studio{
    align-items:start;
    overflow:visible;
  }
  .white-public .builder-studio .live-stage,
  .builder-studio .live-stage{
    position:sticky;
    top:18px;
    align-self:start;
    height:auto !important;
    min-height:0 !important;
    max-height:none;
    overflow:visible;
  }
  .white-public .builder-studio .preview-duo,
  .builder-studio .preview-duo{
    height:auto !important;
    min-height:0 !important;
    align-items:start;
    justify-items:center;
    padding-top:12px;
    padding-bottom:12px;
    overflow:visible;
  }
  .white-public .builder-studio .preview-frame.desktop,
  .builder-studio .preview-frame.desktop{
    max-height:100%;
  }
  .white-public .builder-studio .live-stage.preview-mobile-mode,
  .builder-studio .live-stage.preview-mobile-mode{
    height:calc(100dvh - 36px) !important;
    min-height:640px !important;
  }
  .white-public .builder-studio .live-stage.preview-mobile-mode .preview-duo,
  .builder-studio .live-stage.preview-mobile-mode .preview-duo{
    height:calc(100% - 54px) !important;
    min-height:0 !important;
    display:grid;
    place-items:start center;
    overflow:hidden;
  }
  .white-public .builder-studio .live-stage.preview-mobile-mode .preview-frame.mobile,
  .builder-studio .live-stage.preview-mobile-mode .preview-frame.mobile{
    width:min(100%,calc((100dvh - 110px) * .4858)) !important;
    height:auto !important;
    max-height:100%;
    aspect-ratio:445/916;
    margin:0 auto;
  }
  .white-public .builder-studio .live-stage.preview-fixed,
  .builder-studio .live-stage.preview-fixed{
    position:fixed !important;
    top:18px !important;
    left:var(--preview-fixed-left) !important;
    width:var(--preview-fixed-width) !important;
    z-index:30;
  }
}

@media(max-width:760px){
  .white-public .builder-studio .preview-frame.desktop,
  .builder-studio .preview-frame.desktop,
  .live-stage:not(.preview-mobile-mode) .preview-frame.desktop{
    display:none !important;
  }
  .white-public .builder-studio .preview-frame.mobile,
  .builder-studio .preview-frame.mobile,
  .live-stage:not(.preview-mobile-mode) .preview-frame.mobile{
    display:block !important;
  }
  .white-public .builder-studio .preview-duo,
  .builder-studio .preview-duo{
    min-height:0;
    height:auto;
    padding:8px;
  }
  .white-public .builder-studio .preview-frame.mobile,
  .builder-studio .preview-frame.mobile{
    width:min(100%,445px);
    height:auto !important;
    max-width:100%;
  }
  body.preview-dock-active.preview-dock-open .preview-duo{
    height:calc(100% - 56px);
    min-height:0;
    display:grid;
    place-items:start center;
    overflow:hidden;
  }
  body.preview-dock-active.preview-dock-open .preview-frame.mobile{
    width:min(100%,calc((78dvh - 56px) * .4858));
    max-height:100%;
    margin:0 auto;
  }
  body.preview-dock-active .builder-studio .preview-frame.desktop,
  body.preview-dock-active.preview-dock-open .builder-studio .preview-frame.desktop,
  .white-public body.preview-dock-active .builder-studio .preview-frame.desktop{
    display:none !important;
  }
  body.preview-dock-active .preview-duo{
    display:block;
  }
  .preview-dock-spacer{
    display:none;
    grid-column:1 / -1;
    width:100%;
    height:var(--preview-dock-spacer-h, 620px);
    min-height:var(--preview-dock-spacer-h, 620px);
    pointer-events:none;
  }
  .preview-dock-spacer.is-active{
    display:block;
  }
  body.preview-dock-active:not(.preview-dock-open) .builder-studio{
    min-height:var(--preview-section-h, 760px) !important;
    align-items:start !important;
  }
  body.preview-dock-active:not(.preview-dock-open) .builder-studio .live-stage{
    height:auto !important;
    min-height:0 !important;
  }
  body.preview-dock-active:not(.preview-dock-open) .builder-studio .studio-form{
    min-height:var(--preview-section-h, 760px);
  }
  body.preview-dock-active.preview-dock-open{
    padding-bottom:100dvh;
  }
  body.preview-dock-active.preview-dock-open .builder-studio .live-stage{
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    max-width:none;
    height:100dvh;
    min-height:100dvh;
    margin:0;
    border-radius:0;
  }
  body.preview-dock-active.preview-dock-open .stage-head{
    min-height:54px;
    border-radius:0;
  }
  body.preview-dock-active.preview-dock-open .preview-duo{
    height:calc(100dvh - 54px);
    padding:8px 8px 10px;
    display:grid;
    place-items:start center;
  }
  body.preview-dock-active.preview-dock-open .preview-frame.mobile{
    width:min(100%,calc((100dvh - 64px) * .4858));
    max-height:100%;
  }
}

/* Client panel: keep original light cards, remove only gradient surfaces. */
.client-shell{
  background:#f6f8f7;
  color:#101313;
}
.client-side{
  background:#fff;
  border-right:1px solid #dfe8e5;
  box-shadow:18px 0 60px rgba(9,22,18,.06);
}
.client-side nav a,.client-side .logout{
  color:#07100e;
  border-color:#dbe5e2;
  background:#fff;
  box-shadow:0 8px 24px rgba(9,22,18,.04);
}
.client-side nav a i,.client-side .logout i,.side-link-disabled i{
  background:#edf7f5;
  color:#087f7a;
  box-shadow:none;
}
.client-side nav a.active{
  border-color:#07100e;
  background:#07100e;
  color:#fff;
}
.client-side nav a.active i{
  background:#39f2ea;
  color:#061010;
}
.client-main{
  background:#f6f8f7;
  color:#07100e;
}
.client-main .mono-kicker,.growth-card .mono-kicker,.client-checklist .mono-kicker,.client-main .section-title span{
  color:#007d78;
}
.client-main p,.client-main small,.client-main span,.growth-card small,.section-title p{
  color:#4f5e5a;
}
.metric-row article,.growth-card,.client-checklist,.client-main .executive-card,.metric-card,.client-action-hub a,.client-action-disabled{
  background:#fff;
  border-color:#dbe5e2;
  box-shadow:0 18px 55px rgba(9,22,18,.07);
  color:#07100e;
}
.metric-row article strong,.growth-card h2,.client-checklist h2,.client-main .section-title h2,.metric-card strong,.client-action-hub span{
  color:#07100e;
}
.metric-row article small,.metric-row article span,.metric-row article a,.metric-card span,.client-action-hub b{
  color:#4f5e5a;
}
.client-action-hub a:first-child{
  background:#fff;
  border-color:#39f2ea;
}
.client-action-hub i,.metric-row i,.metric-card i{
  background:#eafffc;
  color:#087f7a;
  box-shadow:inset 0 0 0 1px #a9ebe6;
}
.client-insights article,.improve-center{
  background:#07100e;
  border-color:#20332f;
  box-shadow:0 24px 80px rgba(9,22,18,.16);
}
.client-insights article p,.improve-center p{
  color:#d0dfdc;
}
.client-head-actions .ghost.dark,.tour-restart{
  background:#10201d;
  color:#fff;
  border-color:#28453f;
}

/* Client growth panel: reduce the heavy dark area and add clearer visual cues. */
.client-main .client-insights article{
  position:relative;
  background:#fff;
  color:#07100e;
  border-color:#dbe5e2;
  box-shadow:0 18px 55px rgba(9,22,18,.07);
  padding:26px 26px 26px 86px;
}
.client-main .client-insights article:before,
.client-main .growth-card:before,
.client-main .improve-main:before,
.client-main .client-checklist:before{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#eafffc;
  color:#087f7a;
  box-shadow:inset 0 0 0 1px #a9ebe6;
  font-size:20px;
  font-weight:950;
  line-height:1;
}
.client-main .client-insights article:before{
  content:"↗";
  position:absolute;
  left:26px;
  top:28px;
}
.client-main .client-insights article:nth-child(2):before{
  content:"☎";
}
.client-main .client-insights strong,
.client-main .client-insights .mono-kicker{
  color:#07100e;
}
.client-main .client-insights p{
  color:#4f5e5a;
}
.client-main .improve-center{
  background:#fff;
  color:#07100e;
  border-color:#dbe5e2;
  box-shadow:0 18px 55px rgba(9,22,18,.07);
}
.client-main .improve-main{
  position:relative;
  padding-left:62px;
}
.client-main .improve-main:before{
  content:"◎";
  position:absolute;
  left:0;
  top:3px;
}
.client-main .improve-center .mono-kicker,
.client-main .improve-center p{
  color:#4f5e5a;
}
.client-main .score-compare{
  background:#f6fbfa;
  border-color:#dbe5e2;
}
.client-main .score-compare small{
  color:#667672;
}
.client-main .score-compare strong{
  color:#07100e;
}
.client-main .score-compare i{
  background:#19bab2;
}
.client-main .improve-center li{
  background:#f6fbfa;
  color:#10201d;
  border-color:#dbe5e2;
}
.client-main .growth-card{
  position:relative;
  padding-top:30px;
}
.client-main .growth-card:before{
  content:"✓";
  margin-bottom:16px;
}
.client-main .growth-card:nth-child(2):before{
  content:"✎";
}
.client-main .growth-card:nth-child(3):before{
  content:"▥";
}
.client-main .growth-card:nth-child(4):before{
  content:"✦";
}
.client-main .diagnosis-card li{
  background:#f6fbfa;
  color:#10201d;
  border:1px solid #dbe5e2;
  border-radius:14px;
  padding:13px 14px;
}
.client-main .growth-card textarea{
  background:#f9fcfb;
  color:#07100e;
  border-color:#cfe1de;
}
.client-main .phrase-card li{
  background:#fff;
  border-color:#dbe5e2;
  color:#10201d;
}
.client-main .client-checklist{
  position:relative;
  padding-left:92px;
}
.client-main .client-checklist:before{
  content:"☑";
  position:absolute;
  left:30px;
  top:30px;
}
.client-head-actions a[href*="painel-sites"]:before,
.client-head-actions a[href*="novo-site"]:before{
  display:inline-block;
  margin-right:8px;
  font-weight:950;
}
.client-head-actions a[href*="painel-sites"]:before{
  content:"✎";
}
.client-head-actions a[href*="novo-site"]:before{
  content:"✦";
}

@media(max-width:760px){
  .client-main .client-insights article{
    padding:24px;
  }
  .client-main .client-insights article:before{
    position:static;
    margin-bottom:14px;
  }
  .client-main .improve-main,
  .client-main .client-checklist{
    padding-left:24px;
  }
  .client-main .improve-main:before,
  .client-main .client-checklist:before{
    position:static;
    margin-bottom:14px;
  }
}

/* Home examples carousel */
.home-examples-carousel{
  max-width:1180px;
  margin:76px auto;
  padding:0 28px;
}
.home-examples-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}
.home-examples-head h2{
  max-width:760px;
  margin:10px 0 0;
  color:#07100e;
  font-size:clamp(34px,5vw,68px);
  line-height:.94;
  letter-spacing:-.055em;
}
.home-examples-head p{
  max-width:680px;
  color:#66736f;
  line-height:1.65;
  margin:16px 0 0;
}
.home-carousel-controls{
  display:flex;
  gap:10px;
}
.home-carousel-controls button{
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid #d8e4e1;
  background:#fff;
  color:#07100e;
  font-size:26px;
  font-weight:900;
  cursor:pointer;
}
.home-carousel-controls button:hover{
  border-color:#39f2ea;
  background:#eafffd;
}
.home-examples-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(280px,360px);
  gap:18px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:2px 2px 18px;
}
.home-examples-track::-webkit-scrollbar{
  display:none;
}
.home-example-card{
  scroll-snap-align:start;
  display:grid;
  grid-template-rows:220px 1fr;
  min-height:470px;
  text-decoration:none;
  color:#07100e;
  border:1px solid #dbe4e1;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 20px 70px rgba(7,17,17,.08);
}
.home-example-card figure{
  margin:0;
  background:#07100e;
  background-size:cover;
  background-position:center;
  position:relative;
}
.home-example-card figure:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,16,14,0),rgba(7,16,14,.55));
}
.home-example-card figure.no-image{
  background:radial-gradient(circle at 80% 20%,rgba(57,242,234,.34),transparent 34%),linear-gradient(145deg,#07100e,#12332f);
}
.home-example-card figure span{
  position:absolute;
  z-index:1;
  left:16px;
  top:16px;
  border-radius:999px;
  padding:8px 10px;
  background:#39f2ea;
  color:#06110f;
  font:950 10px ui-monospace,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-example-body{
  padding:22px;
  display:grid;
  align-content:start;
  gap:10px;
}
.home-example-body small{
  color:#079d98;
  font:900 11px ui-monospace,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-example-body h3{
  margin:0;
  font-size:30px;
  line-height:.98;
  letter-spacing:-.045em;
}
.home-example-body p{
  margin:0;
  color:#64716d;
  line-height:1.45;
}
.home-example-body b{
  margin-top:10px;
  color:#07100e;
  font-size:13px;
}

/* Admin examples */
.admin-examples-head .executive-grid.compact{
  margin-top:22px;
}
.admin-example-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
}
.admin-example-card{
  border:1px solid #263633;
  border-radius:18px;
  padding:14px;
  background:#07100e;
  color:#fff;
  display:grid;
  gap:14px;
}
.admin-example-card.is-featured{
  border-color:#39f2ea;
  box-shadow:0 0 0 1px rgba(57,242,234,.22);
}
.admin-example-card figure{
  height:150px;
  margin:0;
  border-radius:13px;
  background:#0d1917;
  background-size:cover;
  background-position:center;
  position:relative;
  overflow:hidden;
}
.admin-example-card figure.no-image{
  background:radial-gradient(circle at 80% 20%,rgba(57,242,234,.24),transparent 34%),#0d1917;
}
.admin-example-card figure span{
  position:absolute;
  left:10px;
  top:10px;
  border-radius:999px;
  padding:7px 9px;
  background:#39f2ea;
  color:#06110f;
  font:900 10px ui-monospace,monospace;
}
.admin-example-card b{
  display:block;
  font-size:20px;
  letter-spacing:-.02em;
}
.admin-example-card small{
  display:block;
  margin-top:4px;
  color:#aebbb8;
  line-height:1.4;
}
.admin-example-form{
  display:grid;
  gap:10px;
}
.admin-example-form input{
  width:100%;
  min-height:42px;
  border-radius:10px;
  border:1px solid #30403d;
  background:#0d1917;
  color:#fff;
  padding:0 12px;
}

@media(max-width:760px){
  .home-examples-carousel{
    margin:56px auto;
    padding:0 18px;
  }
  .home-examples-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .home-carousel-controls{
    display:none;
  }
  .home-examples-track{
    grid-auto-columns:minmax(260px,82vw);
  }
  .home-example-card{
    min-height:430px;
    grid-template-rows:190px 1fr;
  }
  .home-example-body h3{
    font-size:26px;
  }
}

/* Client panel typography scale */
.client-shell{
  font-size:14px;
}
.client-main{
  font-size:14px;
  line-height:1.45;
}
.client-side nav a,.client-side .logout,.side-link-disabled{
  font-size:14px;
  font-weight:800;
}
.client-head{
  min-height:112px;
  height:auto;
}
.client-head h1{
  margin:6px 0 0;
  font-size:clamp(28px,3.2vw,38px);
  line-height:1;
  letter-spacing:-.035em;
}
.client-main .mono-kicker,.growth-card .mono-kicker,.client-checklist .mono-kicker,.client-main .section-title span,.metric-row article small,.metric-card small{
  font-size:10px;
  line-height:1.2;
  letter-spacing:.12em;
}
.client-head-actions{
  gap:10px;
}
.client-head-actions .ghost.dark,.client-head .cyan-btn,.client-shell .cyan-btn,.tour-restart,.client-main .outline-chip{
  min-height:42px;
  padding:11px 14px;
  font-size:13px;
  line-height:1;
}
.metric-row article,.metric-card{
  min-height:150px;
  padding:22px 24px;
  gap:9px;
}
.metric-row article strong,.metric-card strong{
  font-size:clamp(30px,3vw,42px);
  line-height:.95;
  letter-spacing:-.035em;
}
.metric-row article span,.metric-row article a,.metric-card span,.metric-card a{
  font-size:13px;
  line-height:1.35;
}
.client-action-hub a,.client-action-disabled{
  min-height:128px;
  padding:22px;
}
.client-action-hub span,.client-action-disabled span{
  font-size:22px;
  line-height:1.05;
  letter-spacing:-.025em;
}
.client-action-hub b,.client-action-disabled b{
  font-size:13px;
  line-height:1.35;
}
.client-insights strong{
  font-size:clamp(34px,3.4vw,46px);
  line-height:.95;
  letter-spacing:-.035em;
}
.client-insights article p,.improve-center p,.growth-card p,.client-checklist li,.client-site-card,.phrase-card li,.diagnosis-card li{
  font-size:13px;
  line-height:1.45;
}
.client-main .section-title h2,.growth-card h2,.client-checklist h2,.client-main .executive-card h2,.improve-center h2{
  font-size:clamp(22px,2.2vw,30px);
  line-height:1.05;
  letter-spacing:-.03em;
}
.growth-card{
  padding:24px;
}
.growth-card textarea{
  font-size:13px;
}
.score-compare strong{
  font-size:clamp(34px,3.4vw,48px);
  line-height:.95;
}
.client-site-card>div:first-child b{
  font-size:18px;
  line-height:1.1;
}
.client-site-card>div:first-child span,.client-site-card dt,.client-site-card dd,.client-actions a{
  font-size:12px;
}

@media(max-width:760px){
  .client-shell,.client-main{
    font-size:13px;
  }
  .client-head{
    min-height:0;
    padding:22px;
  }
  .client-head h1{
    font-size:30px;
  }
  .client-head-actions .ghost.dark,.client-head .cyan-btn,.client-shell .cyan-btn,.tour-restart,.client-main .outline-chip{
    min-height:40px;
    padding:10px 12px;
    font-size:12px;
  }
  .metric-row article,.metric-card,.client-action-hub a,.client-action-disabled,.growth-card,.client-checklist,.client-main .executive-card{
    padding:20px;
  }
  .metric-row article strong,.metric-card strong,.client-insights strong{
    font-size:32px;
  }
  .client-action-hub span,.client-action-disabled span{
    font-size:20px;
  }
  .client-main .section-title h2,.growth-card h2,.client-checklist h2,.client-main .executive-card h2,.improve-center h2{
    font-size:24px;
  }
}

/* Admin panel typography scale */
body.admin-shell{
  font-size:14px;
  line-height:1.45;
}
.admin-shell .admin-main{
  font-size:14px;
}
.admin-shell .fd-sidebar .side-main a,.admin-shell .fd-sidebar .side-bottom a{
  font-size:13px;
  font-weight:800;
}
.admin-shell .admin-top{
  min-height:112px;
  height:auto;
  padding:28px 34px;
}
.admin-shell .admin-top h1{
  margin:6px 0 0;
  font-size:clamp(30px,3.4vw,42px);
  line-height:1;
  letter-spacing:-.035em;
}
.admin-shell .mono-kicker,.admin-shell .metric-row small,.admin-shell .executive-grid small,.admin-shell .dark-table .th span,.admin-shell .section-title span{
  font-size:10px;
  line-height:1.2;
  letter-spacing:.12em;
}
.admin-shell .metric-row article,.admin-shell .executive-grid article{
  min-height:138px;
  padding:24px;
  gap:9px;
}
.admin-shell .metric-row article strong,.admin-shell .executive-grid article strong{
  font-size:clamp(30px,3vw,42px);
  line-height:.95;
  letter-spacing:-.035em;
}
.admin-shell .metric-row article span,.admin-shell .executive-grid article span,.admin-shell .section-title p,.admin-shell .dark-table span,.admin-shell .dark-table small{
  font-size:13px;
  line-height:1.4;
}
.admin-shell .executive-card,.admin-shell .plan-admin-card,.admin-shell .dark-table,.admin-shell .template-admin-grid article,.admin-shell .admin-example-card{
  padding:24px;
}
.admin-shell .section-title h2,.admin-shell .plan-admin-card h2,.admin-shell .template-admin-grid h3,.admin-shell .admin-example-card b{
  font-size:clamp(22px,2.2vw,30px);
  line-height:1.05;
  letter-spacing:-.03em;
}
.admin-shell .dark-form label span,.admin-shell .plan-admin-card label,.admin-shell .dark-table b,.admin-shell .dark-table label{
  font-size:13px;
  line-height:1.35;
}
.admin-shell .dark-form input,.admin-shell .dark-form select,.admin-shell .dark-form textarea,.admin-shell .plan-admin-card input,.admin-shell .plan-admin-card textarea,.admin-shell .dark-table select{
  min-height:42px;
  font-size:13px;
}
.admin-shell .dark-table button,.admin-shell .dark-form button,.admin-shell .plan-admin-card button,.admin-shell .outline-chip,.admin-shell .template-admin-grid a{
  min-height:40px;
  padding:10px 13px;
  font-size:12px;
  line-height:1;
}
.admin-shell .dark-table .tr{
  gap:14px;
  padding:16px 0;
}
.admin-shell .admin-command article{
  padding:22px;
}
.admin-shell .admin-command article span{
  font-size:10px;
  letter-spacing:.12em;
}
.admin-shell .admin-command article strong{
  font-size:clamp(22px,2.3vw,32px);
  line-height:1.05;
}
.admin-shell .admin-command article p,.admin-shell .admin-command article a,.admin-shell .admin-example-card small{
  font-size:13px;
  line-height:1.4;
}

@media(max-width:760px){
  body.admin-shell,.admin-shell .admin-main{
    font-size:13px;
  }
  .admin-shell .admin-top{
    min-height:0;
    padding:22px;
  }
  .admin-shell .admin-top h1{
    font-size:30px;
  }
  .admin-shell .metric-row article,.admin-shell .executive-grid article,.admin-shell .executive-card,.admin-shell .plan-admin-card,.admin-shell .dark-table,.admin-shell .template-admin-grid article,.admin-shell .admin-command article{
    padding:20px;
  }
  .admin-shell .metric-row article strong,.admin-shell .executive-grid article strong{
    font-size:32px;
  }
  .admin-shell .section-title h2,.admin-shell .plan-admin-card h2,.admin-shell .template-admin-grid h3,.admin-shell .admin-command article strong{
    font-size:24px;
  }
}

/* Admin compact hierarchy */
body.admin-shell{
  --admin-card-border:#202a2a;
  --admin-panel:#050707;
  font-size:13px;
}
.admin-shell .admin-top{
  display:none;
}
.admin-shell .admin-main{
  padding-top:42px;
  max-width:1160px;
}
.admin-shell .metric-row{
  gap:18px;
  margin-bottom:30px;
}
.admin-shell .metric-row article,.admin-shell .executive-grid article{
  min-height:114px;
  padding:24px 26px;
  border-radius:18px;
  border-color:var(--admin-card-border);
  background:var(--admin-panel);
}
.admin-shell .metric-row article small,.admin-shell .executive-grid article small,.admin-shell .mono-kicker,.admin-shell .section-title span,.admin-shell .dark-table .th span{
  font-size:10px;
  line-height:1.15;
  letter-spacing:.14em;
}
.admin-shell .metric-row article strong,.admin-shell .executive-grid article strong{
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
}
.admin-shell .metric-row article span,.admin-shell .executive-grid article span{
  margin-top:7px;
  font-size:13px;
}
.admin-shell .executive-card,.admin-shell .dark-table,.admin-shell .plan-admin-card,.admin-shell .template-admin-grid article,.admin-shell .admin-example-card{
  padding:26px;
  border-radius:20px;
  border-color:var(--admin-card-border);
  background:var(--admin-panel);
}
.admin-shell .section-title{
  margin-bottom:24px;
}
.admin-shell .section-title h2,.admin-shell .plan-admin-card h2,.admin-shell .template-admin-grid h3,.admin-shell .admin-example-card b{
  margin-top:8px;
  font-size:27px;
  line-height:1.05;
  letter-spacing:-.045em;
}
.admin-shell .section-title p{
  max-width:680px;
  font-size:14px;
  line-height:1.5;
}
.admin-shell .dark-form{
  gap:18px;
}
.admin-shell .dark-form label span,.admin-shell .plan-admin-card label,.admin-shell .dark-table b,.admin-shell .dark-table label{
  font-size:12px;
  line-height:1.25;
}
.admin-shell .dark-form small,.admin-shell .dark-table small,.admin-shell .plan-admin-card small{
  font-size:12px;
}
.admin-shell .dark-form input,.admin-shell .dark-form select,.admin-shell .dark-form textarea,.admin-shell .plan-admin-card input,.admin-shell .plan-admin-card textarea,.admin-shell .dark-table select{
  min-height:42px;
  padding:11px 13px;
  font-size:13px;
}
.admin-shell .dark-table .tr{
  gap:14px;
  padding:14px 0;
}
.admin-shell .dark-table button,.admin-shell .dark-form button,.admin-shell .plan-admin-card button,.admin-shell .outline-chip,.admin-shell .template-admin-grid a{
  min-height:38px;
  padding:9px 13px;
  border-radius:10px;
  font-size:12px;
}
.admin-shell .admin-command{
  gap:16px;
  margin-bottom:26px;
}
.admin-shell .admin-command article{
  padding:22px 24px;
  border-radius:18px;
}
.admin-shell .admin-command article span{
  font-size:10px;
}
.admin-shell .admin-command article strong{
  font-size:26px;
  line-height:1.05;
}
.admin-shell .admin-command article p,.admin-shell .admin-command article a{
  font-size:13px;
  line-height:1.45;
}
@media(max-width:760px){
  .admin-shell .admin-main{
    padding-top:24px;
  }
  .admin-shell .section-title h2,.admin-shell .plan-admin-card h2,.admin-shell .template-admin-grid h3,.admin-shell .admin-command article strong{
    font-size:23px;
  }
  .admin-shell .metric-row article strong,.admin-shell .executive-grid article strong{
    font-size:29px;
  }
}

/* Client panel compact hierarchy */
body:has(.client-shell){
  font-size:13px;
}
.client-shell{
  --client-panel:#fff;
  --client-border:#dce5e1;
}
.client-main{
  max-width:1040px;
}
.client-head{
  min-height:0;
  padding:30px 28px;
  border-radius:24px;
  align-items:center;
}
.client-head h1{
  margin-top:6px;
  font-size:36px;
  line-height:1;
  letter-spacing:-.045em;
}
.client-main .mono-kicker,.growth-card .mono-kicker,.client-checklist .mono-kicker,.client-main .section-title span,.metric-row article small,.metric-card small{
  font-size:9px;
  line-height:1.15;
  letter-spacing:.14em;
}
.client-head-actions{
  gap:10px;
}
.client-head-actions .ghost.dark,.client-head .cyan-btn,.client-shell .cyan-btn,.tour-restart,.client-main .outline-chip{
  min-height:40px;
  padding:10px 14px;
  border-radius:14px;
  font-size:13px;
}
.client-main .metric-row{
  gap:18px;
  margin-bottom:28px;
}
.metric-row article,.metric-card{
  min-height:150px;
  padding:22px 24px;
  border-radius:18px;
}
.metric-row article strong,.metric-card strong{
  margin-top:15px;
  font-size:38px;
  line-height:1;
  letter-spacing:-.045em;
}
.metric-row article span,.metric-row article a,.metric-card span,.metric-card a{
  font-size:13px;
  line-height:1.35;
}
.client-action-hub{
  gap:16px;
  margin-bottom:16px;
}
.client-action-hub a,.client-action-disabled{
  min-height:124px;
  padding:24px 22px;
  border-radius:18px;
}
.client-action-hub span,.client-action-disabled span{
  margin-top:8px;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.04em;
}
.client-action-hub b,.client-action-disabled b{
  margin-top:8px;
  font-size:13px;
  line-height:1.4;
}
.client-insights article,.improve-center,.growth-card,.client-checklist,.client-main .executive-card,.client-site-card{
  padding:24px;
  border-radius:18px;
}
.client-insights article p,.improve-center p,.growth-card p,.growth-card small,.client-checklist li,.client-site-card,.phrase-card li,.diagnosis-card li{
  font-size:13px;
  line-height:1.45;
}
.client-insights strong{
  font-size:38px;
  line-height:1;
}
.client-main .section-title h2,.growth-card h2,.client-checklist h2,.client-main .executive-card h2,.improve-center h2{
  font-size:25px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.growth-card textarea{
  font-size:13px;
  line-height:1.45;
}
.client-site-card>div:first-child b{
  font-size:17px;
}
.client-site-card>div:first-child span,.client-site-card dt,.client-site-card dd,.client-actions a{
  font-size:12px;
}
@media(max-width:760px){
  .client-shell,.client-main{
    font-size:13px;
  }
  .client-head{
    padding:24px 20px;
  }
  .client-head h1{
    font-size:31px;
  }
  .client-head-actions .ghost.dark,.client-head .cyan-btn,.client-shell .cyan-btn,.tour-restart,.client-main .outline-chip{
    min-height:38px;
    font-size:12px;
  }
  .metric-row article,.metric-card,.client-action-hub a,.client-action-disabled,.growth-card,.client-checklist,.client-main .executive-card{
    padding:20px;
  }
  .metric-row article strong,.metric-card strong,.client-insights strong{
    font-size:33px;
  }
  .client-action-hub span,.client-action-disabled span{
    font-size:22px;
  }
  .client-main .section-title h2,.growth-card h2,.client-checklist h2,.client-main .executive-card h2,.improve-center h2{
    font-size:23px;
  }
}

/* Admin navigation and intelligence page compact pass */
.admin-shell .fd-sidebar{
  width:84px;
}
.admin-shell .fd-sidebar:hover{
  width:260px;
}
.admin-shell .side-main,.admin-shell .side-bottom{
  gap:8px;
  padding:0 10px;
}
.admin-shell .side-main a,.admin-shell .side-bottom a{
  min-height:56px;
  padding:10px 13px;
  border-radius:12px;
  gap:12px;
  font-size:12px;
  line-height:1.15;
  font-weight:750;
}
.admin-shell .side-main a i,.admin-shell .side-bottom a i{
  width:30px;
  height:30px;
  font-size:12px;
}
.admin-shell .fd-side-logo img{
  max-width:58px;
}
.admin-shell .intel-hero{
  min-height:0;
  display:flex;
  align-items:flex-start;
  gap:24px;
}
.admin-shell .intel-hero h2{
  max-width:780px;
  font-size:40px;
  line-height:1.03;
  letter-spacing:-.055em;
}
.admin-shell .intel-hero p{
  max-width:760px;
  font-size:14px;
  line-height:1.5;
}
.admin-shell .intel-card h2{
  font-size:25px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.admin-shell .intel-row,.admin-shell .rank-line,.admin-shell .timeline-line,.admin-shell .history-site,.admin-shell .note-item{
  padding:14px 0;
}
.admin-shell .intel-row b,.admin-shell .rank-line b,.admin-shell .history-site b,.admin-shell .timeline-line b{
  font-size:14px;
}
.admin-shell .intel-row small,.admin-shell .rank-line small,.admin-shell .history-site small,.admin-shell .timeline-line small,.admin-shell .note-item small,.admin-shell .muted{
  font-size:12px;
  line-height:1.4;
}
@media(max-width:760px){
  .admin-shell .fd-sidebar,.admin-shell .fd-sidebar:hover{
    width:100%;
  }
  .admin-shell .side-main a,.admin-shell .side-bottom a{
    min-height:46px;
    font-size:12px;
  }
  .admin-shell .intel-hero h2{
    font-size:30px;
  }
  .admin-shell .intel-card h2{
    font-size:22px;
  }
}

/* Force admin sidebar to FullF1-like compact scale */
body.admin-shell .fd-sidebar:hover{
  width:300px !important;
}
body.admin-shell .fd-sidebar .side-main,
body.admin-shell .fd-sidebar .side-bottom{
  gap:8px !important;
  padding:0 12px !important;
}
body.admin-shell .fd-sidebar .side-main{
  margin-top:16px !important;
}
body.admin-shell .fd-sidebar .side-main a,
body.admin-shell .fd-sidebar .side-bottom a{
  min-height:45px !important;
  padding:7px 10px !important;
  border-radius:10px !important;
  gap:10px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
}
body.admin-shell .fd-sidebar .side-main a span,
body.admin-shell .fd-sidebar .side-bottom a span{
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
}
body.admin-shell .fd-sidebar .side-main a i,
body.admin-shell .fd-sidebar .side-bottom a i{
  width:28px !important;
  height:28px !important;
  font-size:11px !important;
  flex:0 0 28px !important;
}
body.admin-shell .fd-sidebar:not(:hover){
  width:88px !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
body.admin-shell .fd-sidebar .fd-side-logo{
  justify-content:flex-start !important;
  padding:18px 18px 16px !important;
}
body.admin-shell .fd-sidebar .fd-side-logo img{
  width:188px !important;
  max-width:188px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
}
body.admin-shell .fd-sidebar .fd-side-logo .logo-mark{
  display:none !important;
}
body.admin-shell .fd-sidebar:not(:hover) .fd-side-logo{
  justify-content:center !important;
  padding:18px 0 14px !important;
}
body.admin-shell .fd-sidebar:not(:hover) .fd-side-logo .logo-full{
  display:none !important;
}
body.admin-shell .fd-sidebar:not(:hover) .fd-side-logo .logo-mark{
  display:block !important;
  width:58px !important;
  height:58px !important;
  max-width:58px !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:18px !important;
}
body.admin-shell .fd-sidebar:not(:hover)::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}
body.admin-shell .fd-sidebar:hover{
  overflow-y:auto !important;
  scrollbar-width:thin !important;
}
body.admin-shell .fd-sidebar:not(:hover) .side-main,
body.admin-shell .fd-sidebar:not(:hover) .side-bottom{
  padding:0 !important;
  place-items:center !important;
}
body.admin-shell .fd-sidebar:not(:hover) .side-main{margin-top:16px !important;}
body.admin-shell .fd-sidebar:not(:hover) .side-main a,
body.admin-shell .fd-sidebar:not(:hover) .side-bottom a{
  width:52px !important;
  min-height:52px !important;
  padding:0 !important;
  justify-content:center !important;
  justify-self:center !important;
}
body.admin-shell .fd-sidebar:not(:hover) .side-main a i,
body.admin-shell .fd-sidebar:not(:hover) .side-bottom a i{
  margin:0 auto !important;
}

/* Home conversion cleanup */
.home-secondary-section{
  display:none;
}
.home-compact-benefits{
  padding-top:56px;
  padding-bottom:28px;
}
.home-compact-benefits article{
  min-height:0;
}
.home-compact-benefits article h3{
  margin-bottom:12px;
}
.home-compact-benefits article p{
  display:block;
  max-width:260px;
  margin:0;
  color:#5f6b67;
  font-size:14px;
  line-height:1.45;
}
.white-public .hero-v26 h1{
  max-width:720px;
}
.white-public .hero-v26 .hero-copy-v17>p{
  max-width:650px;
}
.white-public .hero-v26{
  padding-top:44px;
}
.white-public .hero-v26 .hero-copy-v17{
  padding-top:0;
}
.home-examples-head p,.plans-head-v19 p,.conversion-proof p,.home-faq p{
  max-width:640px;
}

/* Intelligence page final compact typography */
body.admin-shell .intel-hero h2{
  font-size:30px !important;
  line-height:1.08 !important;
  max-width:620px !important;
  letter-spacing:-.04em !important;
}
body.admin-shell .intel-hero p{
  font-size:12px !important;
  line-height:1.45 !important;
  max-width:680px !important;
}
body.admin-shell .intel-card h2{
  font-size:20px !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
}
body.admin-shell .intel-card .mono-kicker,
body.admin-shell .intel-hero .mono-kicker{
  font-size:9px !important;
}
body.admin-shell .intel-card p,
body.admin-shell .intel-card .muted,
body.admin-shell .intel-row,
body.admin-shell .rank-line{
  font-size:12px !important;
  line-height:1.4 !important;
}

/* Home hero top spacing */
.white-public .hero-home.v5-hero.white-hero.hero-v26{
  align-items:start !important;
  min-height:calc(100vh - 82px) !important;
  padding-top:42px !important;
  margin-top:0 !important;
}
.white-public .hero-home.v5-hero.white-hero.hero-v26 .hero-copy-v17{
  align-self:start !important;
  padding-top:0 !important;
  margin-top:0 !important;
}
.white-public .hero-home.v5-hero.white-hero.hero-v26 .hero-console-v17{
  align-self:start !important;
  margin-top:50px !important;
}
.white-public .hero-home.v5-hero.white-hero.hero-v26 .mono-kicker{
  margin-top:0 !important;
}

/* Home animated hero demo */
.hero-demo-video{
  position:relative;
  width:min(100%,560px);
  min-height:430px;
  margin:18px 0 0 auto;
  border:1px solid rgba(107,255,245,.25);
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 15%,rgba(67,226,218,.22),transparent 30%),
    linear-gradient(145deg,#10201d 0%,#07100e 58%,#030504 100%);
  box-shadow:0 36px 90px rgba(0,0,0,.38);
}
.demo-topbar{
  height:58px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 24px;
  border-bottom:1px solid rgba(151,194,186,.20);
  color:#8ffaf2;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.demo-topbar span{
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(220,244,239,.45);
}
.demo-topbar b{
  margin-left:auto;
  color:rgba(220,244,239,.70);
  font-size:10px;
}
.demo-stage{
  position:relative;
  min-height:330px;
  padding:30px;
}
.demo-form-card,.demo-site-card{
  position:absolute;
  border:1px solid rgba(151,194,186,.22);
  border-radius:22px;
  background:rgba(4,10,9,.82);
  box-shadow:0 20px 55px rgba(0,0,0,.30);
  backdrop-filter:blur(14px);
}
.demo-form-card{
  top:30px;
  left:28px;
  width:260px;
  padding:20px;
  animation:demoForm 8s ease-in-out infinite;
}
.demo-form-card small,.demo-site-card small{
  display:block;
  margin-bottom:14px;
  color:#5df2ea;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.demo-field{
  margin-top:10px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  transform-origin:left center;
  animation:demoFill 8s ease-in-out infinite;
}
.demo-field span{
  display:block;
  margin-bottom:5px;
  color:#7f9290;
  font-size:10px;
}
.demo-field b{
  color:#fff;
  font-size:13px;
}
.field-two{animation-delay:.35s;}
.field-three{animation-delay:.70s;}
.demo-submit{
  margin-top:14px;
  padding:14px 16px;
  border-radius:16px;
  background:#42e2da;
  color:#03100f;
  font-size:13px;
  font-weight:900;
  text-align:center;
  animation:demoPulse 8s ease-in-out infinite;
}
.demo-site-card{
  right:28px;
  bottom:28px;
  width:285px;
  padding:16px;
  transform:translateY(22px) scale(.94);
  opacity:0;
  animation:demoPublish 8s ease-in-out infinite;
}
.demo-hero-img{
  height:92px;
  margin-bottom:16px;
  border-radius:16px;
  background:
    linear-gradient(130deg,rgba(66,226,218,.18),transparent 55%),
    url('/fullf2/assets/img/fd-photo-business-owner.webp') center/cover;
}
.demo-site-card strong{
  display:block;
  color:#fff;
  font-size:24px;
  line-height:1.02;
  letter-spacing:-.03em;
}
.demo-site-card p{
  margin:10px 0 14px;
  color:#b7c5c1;
  font-size:12px;
  line-height:1.45;
}
.demo-whatsapp{
  display:inline-flex;
  align-items:center;
  padding:11px 14px;
  border-radius:999px;
  background:#25d366;
  color:#06120d;
  font-size:12px;
  font-weight:900;
  animation:demoWhats 8s ease-in-out infinite;
}
.demo-progress{
  position:absolute;
  left:30px;
  right:30px;
  bottom:20px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.demo-progress span{
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  overflow:hidden;
}
.demo-progress span:before{
  content:"";
  display:block;
  height:100%;
  width:0;
  background:#42e2da;
  animation:demoBar 8s linear infinite;
}
.demo-progress span:nth-child(2):before{animation-delay:.4s;}
.demo-progress span:nth-child(3):before{animation-delay:.8s;}
@keyframes demoFill{
  0%,12%{opacity:.35;transform:scaleX(.94);}
  22%,100%{opacity:1;transform:scaleX(1);}
}
@keyframes demoPulse{
  0%,34%{transform:scale(1);}
  42%,50%{transform:scale(1.04);}
  58%,100%{transform:scale(1);}
}
@keyframes demoForm{
  0%,48%{opacity:1;transform:translateX(0) scale(1);}
  62%,100%{opacity:.48;transform:translateX(-18px) scale(.96);}
}
@keyframes demoPublish{
  0%,42%{opacity:0;transform:translateY(22px) scale(.94);}
  56%,100%{opacity:1;transform:translateY(0) scale(1);}
}
@keyframes demoWhats{
  0%,62%{transform:translateY(0);}
  70%,78%{transform:translateY(-4px);}
  86%,100%{transform:translateY(0);}
}
@keyframes demoBar{
  0%{width:0;}
  72%,100%{width:100%;}
}
@media (max-width:860px){
  .hero-demo-video{
    min-height:390px;
    margin:0;
  }
  .demo-stage{
    padding:22px;
  }
  .demo-form-card{
    left:22px;
    width:230px;
  }
  .demo-site-card{
    right:22px;
    width:250px;
  }
}

/* Fullscreen homepage video hero */
.white-public .hero-home.v5-hero.white-hero.hero-v26{
  display:grid !important;
  grid-template-columns:1fr !important;
  place-items:center !important;
  min-height:calc(100vh - 82px) !important;
  padding:72px 24px !important;
  text-align:center !important;
  background:#030504 !important;
}
.hero-full-bg-video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
}
.hero-full-bg-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 42%,rgba(0,0,0,.18),rgba(0,0,0,.70) 68%),
    linear-gradient(180deg,rgba(2,6,5,.42),rgba(2,6,5,.62));
}
.white-public .hero-home.v5-hero.white-hero.hero-v26 .hero-copy-v17{
  position:relative;
  z-index:2;
  display:grid !important;
  justify-items:center !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
}
.white-public .hero-home.v5-hero.white-hero.hero-v26 h1{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  text-shadow:0 18px 52px rgba(0,0,0,.42);
}
.white-public .hero-home.v5-hero.white-hero.hero-v26 .hero-copy-v17>p{
  max-width:660px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  color:#e6efec !important;
  text-shadow:0 12px 34px rgba(0,0,0,.45);
}
.white-public .hero-home.v5-hero.white-hero.hero-v26 .hero-actions-v17,
.white-public .hero-home.v5-hero.white-hero.hero-v26 .hero-numbers{
  justify-content:center !important;
}
.white-public .hero-home.v5-hero.white-hero.hero-v26 .hero-numbers{
  width:min(100%,640px) !important;
}
.white-public .hero-home.v5-hero.white-hero.hero-v26 .hero-product-v26{
  display:none !important;
}

.billing-switch{
  width:max-content;
  max-width:100%;
  margin:28px auto 34px;
  padding:6px;
  display:flex;
  gap:6px;
  border:1px solid rgba(8,20,18,.10);
  border-radius:999px;
  background:#eef4f3;
  box-shadow:0 18px 50px rgba(0,0,0,.08);
}
.billing-switch button{
  border:0;
  border-radius:999px;
  padding:13px 24px;
  background:transparent;
  color:#33423f;
  font:900 14px/1 var(--font-main,inherit);
  cursor:pointer;
}
.billing-switch button.active{
  background:#06120f;
  color:#fff;
}
.billing-switch small{
  display:inline-block;
  margin-left:7px;
  color:inherit;
  opacity:.78;
  font-size:11px;
}
.plan-v19 .billing-note{
  display:block;
  margin-top:8px;
  color:#60706c;
  font-size:12px;
  font-style:normal;
  font-weight:800;
}
.admin-billing-preview{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid rgba(66,226,218,.20);
  border-radius:14px;
  background:rgba(66,226,218,.06);
}
.admin-billing-preview span{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#dfe9e6;
  font-size:12px;
}
.admin-billing-preview small{
  color:#42e2da;
  font-weight:900;
}
.client-billing-update{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);
  gap:18px;
  margin:22px 0;
  padding:22px;
  border:1px solid rgba(8,20,18,.10);
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.06);
}
.client-billing-update h2{
  margin:6px 0 8px;
  font-size:24px;
  line-height:1.1;
}
.client-billing-update p{
  margin:0;
  color:#61706c;
  font-size:14px;
  line-height:1.45;
}
.client-billing-options{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.client-billing-options a{
  display:grid;
  gap:6px;
  padding:14px;
  border:1px solid #dce7e4;
  border-radius:16px;
  color:#07100e;
  text-decoration:none;
  background:#f8fbfa;
}
.client-billing-options a.highlight{
  border-color:#42e2da;
  background:#eafffc;
}
.client-billing-options b{
  font-size:13px;
}
.client-billing-options span{
  color:#0b756f;
  font-size:12px;
  font-weight:900;
}
.client-billing-options small{
  color:#65716f;
  font-size:11px;
  line-height:1.35;
}
.premium-plans-after-compare{
  max-width:1196px;
  margin:0 auto;
  padding:42px 42px 74px;
}
.premium-plans-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px;
  margin-top:28px;
}
@media (max-width:620px){
  .billing-switch{
    width:100%;
    overflow-x:auto;
    justify-content:flex-start;
  }
  .billing-switch button{
    flex:1 0 auto;
    padding:12px 16px;
  }
  .client-billing-update,
  .client-billing-options,
  .premium-plans-grid{
    grid-template-columns:1fr;
  }
  .premium-plans-after-compare{
    padding:34px 18px 54px;
  }
}

/* Premium black plan treatment */
.white-public .plan-v19.prata,
.white-public .plan-v19.promo-plan{
  background:linear-gradient(145deg,#030504 0%,#07100e 58%,#111716 100%) !important;
  border-color:#0c1513 !important;
  box-shadow:0 30px 90px rgba(0,0,0,.18) !important;
}
.white-public .plan-v19.promo-plan .promo-ribbon,
.white-public .plan-v19.promo-plan>a,
.white-public .plan-v19.ouro>a,
.white-public .plan-v19.platina>a,
.white-public .compare-cta{
  background:#030504 !important;
  color:#fff !important;
  border-color:#030504 !important;
}
.white-public .plan-v19.promo-plan>a:hover,
.white-public .plan-v19.ouro>a:hover,
.white-public .plan-v19.platina>a:hover,
.white-public .compare-cta:hover{
  background:#111716 !important;
  color:#fff !important;
}
.white-public .plan-v19.promo-plan .billing-note,
.white-public .plan-v19.promo-plan .plan-v19-top b,
.white-public .plan-v19.prata .title-badge{
  background:#141b1a !important;
  border-color:#2a3331 !important;
  color:#fff !important;
}
.white-public .compare-row b:nth-child(3){
  background:#f4f6f5 !important;
}
.white-public .compare-row.head b:nth-child(3){
  background:#101615 !important;
}
.white-public .premium-plans-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.white-public .premium-plans-grid .plan-v19{
  width:100% !important;
  max-width:none !important;
}
@media (max-width:760px){
  .white-public .premium-plans-grid{
    grid-template-columns:1fr !important;
  }
}

/* Final plan polish */
.white-public .billing-switch{
  background:#f2f4f3 !important;
  border-color:#d9dfdd !important;
}
.white-public .plans-showcase-v19{
  overflow:visible;
}
.white-public .plans-showcase-v19 .billing-switch{
  position:relative;
  top:auto;
  z-index:30;
}
.billing-switch-spacer{
  height:0;
  pointer-events:none;
  transition:height .12s ease;
}
.white-public .plans-showcase-v19.billing-fixed{
  padding-top:0;
}
.white-public .plans-showcase-v19.billing-fixed .billing-switch{
  position:fixed;
  top:14px;
  left:50%;
  transform:translateX(-50%);
  z-index:80;
  margin:0 !important;
  box-shadow:0 18px 42px rgba(0,0,0,.16);
}
.white-public .billing-switch button.active{
  background:#030504 !important;
  color:#fff !important;
}
.white-public .plan-v19.promo-plan>a{
  background:#fff !important;
  color:#030504 !important;
  border:1px solid #fff !important;
}
.white-public .plan-v19>a.is-disabled{
  cursor:not-allowed !important;
  opacity:.55 !important;
  filter:grayscale(1);
}
.white-public .plan-v19.featured>a.is-disabled,
.white-public .plan-v19.ouro>a.is-disabled{
  background:#111 !important;
  color:#aaa !important;
  border-color:#222 !important;
}
.white-public .plan-v19.promo-plan>a:hover{
  background:#f1f3f2 !important;
  color:#030504 !important;
}
.white-public .plan-v19.promo-plan .promo-ribbon,
.white-public .plan-v19.promo-plan .billing-note,
.white-public .plan-v19.promo-plan .plan-v19-top b,
.white-public .plan-v19.prata .title-badge{
  background:#101514 !important;
  border-color:#202827 !important;
  color:#fff !important;
}
.white-public .compare-row.head,
.white-public .compare-row.head span,
.white-public .compare-row.head b,
.white-public .compare-row.head b:nth-child(3){
  background:#030504 !important;
  color:#fff !important;
}
.white-public .compare-row b:nth-child(3){
  background:#f3f4f4 !important;
}
.white-public .premium-plans-after-compare .premium-plans-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:30px !important;
}
.white-public .premium-plans-after-compare .plan-v19.platina,
.white-public .premium-plans-after-compare .plan-v19.diamante{
  grid-column:auto !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

.white-public .plan-v19.prata,
.white-public .plan-v19.promo-plan{
  background:#030504 !important;
  background-image:none !important;
}
.white-public .plan-v19.prata::before,
.white-public .plan-v19.prata::after,
.white-public .plan-v19.promo-plan::before,
.white-public .plan-v19.promo-plan::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Absolute final override: client panel support card and mobile menu */
.client-action-hub .brand-support-card,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card{
  background:#030504 !important;
  color:#fff !important;
  border-color:#030504 !important;
  opacity:1 !important;
}
.client-action-hub .brand-support-card span,
.client-action-hub .brand-support-card b,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card span,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card b{
  color:#fff !important;
}
.client-action-hub .brand-support-card a,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card a{
  width:max-content;
  border-radius:14px !important;
  padding:13px 16px !important;
  background:#fff !important;
  color:#030504 !important;
  font-weight:950;
  text-decoration:none;
}
@media(max-width:900px){
  .client-shell{
    display:block !important;
    min-height:100vh;
    background:#f6f8f7 !important;
    padding:18px 16px 42px !important;
    overflow-x:hidden;
  }
  .client-side{
    position:static !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    transform:none !important;
    transition:none !important;
    z-index:auto !important;
    display:block !important;
    padding:18px !important;
    margin:0 0 18px !important;
    border:1px solid #dfe7e4 !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:0 18px 50px rgba(3,5,4,.08) !important;
    max-height:calc(100dvh - 96px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
  .client-side-logo{
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    margin:0 0 14px !important;
  }
  .client-side-logo img{
    width:118px !important;
    height:auto !important;
  }
  .client-side nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
  }
  .client-side nav a,
  .client-side .logout,
  .side-link-disabled{
    width:100% !important;
    min-height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #dfe7e4 !important;
    color:#030504 !important;
    box-shadow:none !important;
    transform:none !important;
  }
  .client-side nav a.active{
    background:#030504 !important;
    border-color:#030504 !important;
    color:#fff !important;
  }
  .client-side nav a i,
  .client-side .logout i,
  .side-link-disabled i{
    width:30px !important;
    height:30px !important;
    border-radius:10px !important;
    background:#eafffd !important;
    color:#05706b !important;
    flex:0 0 auto;
  }
  .client-side nav a.active i{
    background:#39f2ea !important;
    color:#030504 !important;
  }
  .client-side nav span,
  .client-side .logout span{
    display:inline !important;
    white-space:normal !important;
  }
  .client-side .logout{
    margin-top:10px !important;
  }
  .client-main{
    margin-left:0 !important;
    width:100% !important;
    padding:0 !important;
    background:#f6f8f7 !important;
    color:#030504 !important;
  }
  .client-menu-toggle,
  .client-menu-backdrop{
    display:none !important;
  }
  body.client-menu-open .client-side{
    transform:none !important;
  }
}

/* Client menu order/final mobile behavior */
.client-side{
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
}
.client-side::-webkit-scrollbar{
  width:8px;
}
.client-side::-webkit-scrollbar-thumb{
  background:#263432;
  border-radius:999px;
}
@media(max-width:900px){
  .client-shell{
    padding-top:76px !important;
  }
  .client-side{
    max-height:calc(100dvh - 96px) !important;
    overflow-y:auto !important;
  }
  .client-side nav,
  .client-side .logout{
    display:none !important;
  }
  body.client-menu-open .client-side nav{
    display:grid !important;
  }
  body.client-menu-open .client-side .logout{
    display:flex !important;
  }
  .client-menu-toggle{
    display:grid !important;
    position:fixed !important;
    right:18px !important;
    top:18px !important;
    z-index:10030 !important;
    width:48px !important;
    height:48px !important;
    border:0 !important;
    border-radius:15px !important;
    background:#030504 !important;
    place-items:center !important;
    box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
  }
  .client-menu-toggle span{
    display:block !important;
    width:20px !important;
    height:2px !important;
    margin:2px 0 !important;
    border-radius:999px !important;
    background:#39f2ea !important;
  }
  .client-menu-backdrop{
    display:none !important;
  }
  body.client-menu-open .client-menu-toggle span:nth-child(1){
    transform:translateY(6px) rotate(45deg);
  }
  body.client-menu-open .client-menu-toggle span:nth-child(2){
    opacity:0;
  }
  body.client-menu-open .client-menu-toggle span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
  }
}

/* Final client mobile menu override */
.client-action-hub .brand-support-card,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card{
  background:#030504 !important;
  color:#fff !important;
  border-color:#030504 !important;
  opacity:1 !important;
}
.client-action-hub .brand-support-card span,
.client-action-hub .brand-support-card b,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card span,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card b{
  color:#fff !important;
}
.client-action-hub .brand-support-card a,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card a{
  width:max-content;
  border-radius:14px !important;
  padding:13px 16px !important;
  background:#fff !important;
  color:#030504 !important;
  font-weight:950;
  text-decoration:none;
}
@media(max-width:900px){
  .client-shell{
    display:block !important;
    min-height:100vh;
    background:#f6f8f7 !important;
    padding:18px 16px 42px !important;
    overflow-x:hidden;
  }
  .client-side{
    position:static !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    transform:none !important;
    transition:none !important;
    z-index:auto !important;
    display:block !important;
    padding:18px !important;
    margin:0 0 18px !important;
    border:1px solid #dfe7e4 !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:0 18px 50px rgba(3,5,4,.08) !important;
    overflow:visible !important;
  }
  .client-side-logo{
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    margin:0 0 14px !important;
  }
  .client-side-logo img{
    width:118px !important;
    height:auto !important;
  }
  .client-side nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
  }
  .client-side nav a,
  .client-side .logout,
  .side-link-disabled{
    width:100% !important;
    min-height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #dfe7e4 !important;
    color:#030504 !important;
    box-shadow:none !important;
    transform:none !important;
  }
  .client-side nav a.active{
    background:#030504 !important;
    border-color:#030504 !important;
    color:#fff !important;
  }
  .client-side nav a i,
  .client-side .logout i,
  .side-link-disabled i{
    width:30px !important;
    height:30px !important;
    border-radius:10px !important;
    background:#eafffd !important;
    color:#05706b !important;
    flex:0 0 auto;
  }
  .client-side nav a.active i{
    background:#39f2ea !important;
    color:#030504 !important;
  }
  .client-side nav span,
  .client-side .logout span{
    display:inline !important;
    white-space:normal !important;
  }
  .client-side .logout{
    margin-top:10px !important;
  }
  .client-main{
    margin-left:0 !important;
    width:100% !important;
    padding:0 !important;
    background:#f6f8f7 !important;
    color:#030504 !important;
  }
  .client-menu-toggle,
  .client-menu-backdrop{
    display:none !important;
  }
  body.client-menu-open .client-side{
    transform:none !important;
  }
}

/* Client feedback flow */
.client-action-hub .feedback-action-card{
  background:#fff !important;
  color:#030504 !important;
  border-color:#dfe7e4 !important;
  box-shadow:0 24px 70px rgba(3,5,4,.08) !important;
}
.client-action-hub .feedback-action-card i{
  background:#e7fffd !important;
  color:#055955 !important;
  border:1px solid #8bf4ef;
}
.client-action-hub .feedback-action-card span,
.client-action-hub .feedback-action-card b{
  color:#030504 !important;
}
.client-action-hub .brand-support-card{
  background:#030504 !important;
  color:#fff !important;
  border-color:#030504 !important;
}
.client-action-hub .brand-support-card span,
.client-action-hub .brand-support-card b{
  color:#fff !important;
}
.client-action-hub .brand-support-card a{
  background:#fff !important;
  color:#030504 !important;
}
.feedback-premium-shell{
  display:grid;
  grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr);
  gap:24px;
  align-items:stretch;
}
.feedback-intro-card,.feedback-premium-form,.feedback-history{
  background:#fff;
  color:#030504;
  border:1px solid #dfe7e4;
  border-radius:24px;
  box-shadow:0 28px 80px rgba(3,5,4,.08);
}
.feedback-intro-card{
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:420px;
}
.feedback-intro-card h2{
  margin:18px 0;
  color:#030504;
  font-size:clamp(32px,4vw,58px);
  line-height:.95;
  letter-spacing:-.05em;
}
.feedback-intro-card p{
  color:#4d5d58;
  line-height:1.7;
  max-width:520px;
}
.feedback-client-stamp{
  margin-top:30px;
  padding:18px;
  border-radius:18px;
  background:#030504;
  color:#fff;
  display:grid;
  gap:4px;
}
.feedback-client-stamp span,.feedback-client-stamp small{
  color:#b9c8c4;
}
.feedback-premium-form{
  padding:28px;
  display:grid;
  gap:18px;
}
.feedback-type-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.feedback-type-grid label{
  position:relative;
  margin:0;
}
.feedback-type-grid input{
  position:absolute;
  opacity:0;
}
.feedback-type-grid span{
  display:grid;
  place-items:center;
  min-height:48px;
  border-radius:14px;
  border:1px solid #dfe7e4;
  background:#f7faf9;
  color:#030504;
  font-weight:900;
}
.feedback-type-grid input:checked+span{
  background:#39f2ea;
  border-color:#20cfc8;
}
.feedback-premium-form label{
  display:grid;
  gap:8px;
  color:#030504;
  font-weight:900;
}
.feedback-premium-form input,.feedback-premium-form textarea,.feedback-premium-form select{
  width:100%;
  border:1px solid #d8e4e1;
  background:#fff;
  color:#030504;
  border-radius:14px;
  padding:15px;
  font:600 14px Inter,Arial,sans-serif;
}
.feedback-premium-form textarea{
  resize:vertical;
  min-height:190px;
}
.feedback-form-row{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:14px;
}
.feedback-premium-form button,.feedback-admin-item form button{
  min-height:54px;
  border:0;
  border-radius:14px;
  background:#030504;
  color:#fff;
  font-weight:950;
  cursor:pointer;
}
.feedback-history{
  margin-top:24px;
  padding:24px;
}
.feedback-history-table .tr{
  grid-template-columns:1fr auto;
}
.feedback-admin-list{
  display:grid;
  gap:18px;
}
.feedback-admin-item{
  border:1px solid #dfe7e4;
  background:#fff;
  color:#030504;
  border-radius:22px;
  padding:22px;
}
.feedback-admin-item header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.feedback-admin-item h3{
  margin:8px 0 0;
  font-size:24px;
  color:#030504;
}
.feedback-admin-item header>b{
  border-radius:999px;
  background:#e7fffd;
  color:#055955;
  padding:8px 12px;
  font-size:12px;
}
.feedback-admin-item p{
  color:#22302d;
  line-height:1.7;
}
.feedback-admin-item dl{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:8px 16px;
  padding:16px;
  border-radius:16px;
  background:#f6faf9;
}
.feedback-admin-item dt{
  color:#60706c;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.feedback-admin-item dd{
  margin:0;
  color:#030504;
  font-weight:800;
}
.feedback-admin-item form{
  display:grid;
  grid-template-columns:1fr 160px 150px;
  gap:12px;
  margin-top:16px;
}
.feedback-admin-item textarea,.feedback-admin-item select{
  border:1px solid #d8e4e1;
  border-radius:14px;
  padding:12px;
  font:600 14px Inter,Arial,sans-serif;
}

/* Client panel refinements */
.client-action-hub .brand-support-card,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card{
  background:#030504 !important;
  color:#fff !important;
  border-color:#030504 !important;
  opacity:1 !important;
}
.client-action-hub .brand-support-card i,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card i{
  background:#141817 !important;
  color:#39f2ea !important;
  box-shadow:inset 0 0 0 1px #33413e !important;
}
.client-action-hub .brand-support-card span,
.client-action-hub .brand-support-card b,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card span,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card b{
  color:#fff !important;
}
.client-action-hub .brand-support-card a,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card a{
  width:max-content;
  border-radius:14px !important;
  padding:13px 16px !important;
  background:#fff !important;
  color:#030504 !important;
  font-weight:950;
  text-decoration:none;
}

@media(max-width:900px){
  body:has(.client-shell){
    background:#f6f8f7;
    overflow-x:hidden;
  }
  .client-shell{
    display:block;
    min-height:100vh;
    background:#f6f8f7;
    color:#030504;
    padding:18px 16px 42px;
  }
  .client-side{
    position:static !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0;
    transform:none !important;
    transition:none !important;
    z-index:auto;
    display:block;
    padding:18px;
    margin:0 auto 18px;
    border:1px solid #dfe7e4;
    border-radius:24px;
    background:#fff;
    box-shadow:0 18px 50px rgba(3,5,4,.08);
    overflow:visible;
  }
  .client-side-logo{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:0 0 14px;
  }
  .client-side-logo img{
    width:118px !important;
    height:auto !important;
    object-fit:contain;
  }
  .client-side nav{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    width:100%;
  }
  .client-side nav a,
  .client-side .logout,
  .side-link-disabled{
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    padding:10px 12px !important;
    border-radius:14px;
    background:#fff;
    border:1px solid #dfe7e4;
    color:#030504;
    box-shadow:none;
  }
  .client-side nav a.active{
    background:#030504;
    border-color:#030504;
    color:#fff;
  }
  .client-side nav a i,
  .client-side .logout i,
  .side-link-disabled i{
    width:30px;
    height:30px;
    border-radius:10px;
    background:#eafffd;
    color:#05706b;
    flex:0 0 auto;
  }
  .client-side nav a.active i{
    background:#39f2ea;
    color:#030504;
  }
  .client-side nav span,
  .client-side .logout span{
    display:inline !important;
    white-space:normal;
  }
  .client-side .logout{
    margin-top:10px;
  }
  .client-main{
    margin-left:0 !important;
    width:100%;
    padding:0 !important;
    background:#f6f8f7;
    color:#030504;
  }
  .client-menu-toggle,
  .client-menu-backdrop{
    display:none !important;
  }
  body.client-menu-open .client-side{
    transform:none !important;
  }
  .client-head{
    margin:0 0 18px;
    border-radius:24px;
    padding:28px 18px;
  }
  .client-head-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .client-head-actions a,
  .client-head-actions button{
    flex:1 1 auto;
    min-width:130px;
  }
}
@media(max-width:900px){
  .feedback-premium-shell,.feedback-form-row,.feedback-admin-item form{
    grid-template-columns:1fr;
  }
  .feedback-type-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
.fd-footer{
  background:#030504 !important;
  background-image:none !important;
}
.fd-footer-nav a:hover{
  background:#111716 !important;
  border-color:rgba(255,255,255,.34) !important;
  color:#fff !important;
}
@media (max-width:760px){
  .white-public .premium-plans-after-compare .premium-plans-grid{
    grid-template-columns:1fr !important;
  }
}

.plans-carousel-controls{
  display:none;
}
.plan-details-toggle{
  display:none;
}

@media (max-width:760px){
  .white-public .plans-showcase-v19{
    position:relative;
    overflow:visible;
    min-height:0 !important;
    height:auto !important;
    padding-top:34px !important;
    padding-bottom:36px !important;
    margin-top:54px !important;
    margin-bottom:48px !important;
  }
  .white-public .plans-showcase-v19 .billing-switch{
    position:relative !important;
    top:auto;
    z-index:30;
    width:calc(100vw - 28px);
    margin:0 auto 22px !important;
    overflow-x:auto;
    justify-content:flex-start;
    box-shadow:0 16px 34px rgba(0,0,0,.14);
    -webkit-overflow-scrolling:touch;
    transition:transform .22s ease, box-shadow .22s ease, border-radius .22s ease;
  }
  .white-public .plans-showcase-v19.billing-fixed{
    padding-top:34px !important;
  }
  .white-public .plans-showcase-v19.billing-fixed .billing-switch{
    position:fixed !important;
    top:8px !important;
    left:50%;
    transform:translateX(-50%);
    box-shadow:0 18px 42px rgba(0,0,0,.18);
  }
  .white-public .plans-showcase-v19 .billing-switch::-webkit-scrollbar{
    display:none;
  }
  .white-public .plans-showcase-v19 .billing-switch button{
    flex:0 0 auto;
    min-width:112px;
  }
  .white-public .plans-grid-v19{
    display:flex !important;
    grid-template-columns:none !important;
    align-items:flex-start !important;
    gap:18px;
    width:100%;
    overflow-x:auto;
    overflow-y:visible;
    scroll-snap-type:x mandatory;
    scroll-padding:14px;
    padding:0 14px 22px;
    margin:0 -14px;
    min-height:0 !important;
    height:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  .white-public .plans-grid-v19::-webkit-scrollbar{
    height:0;
    display:none;
  }
  .white-public .plans-grid-v19>.plan-v19,
  .white-public .plans-grid-v19>.plan-v19:nth-child(-n+3),
  .white-public .plans-grid-v19>.plan-v19:nth-child(4),
  .white-public .plans-grid-v19>.plan-v19:nth-child(5){
    flex:0 0 min(72vw,286px) !important;
    width:min(72vw,286px) !important;
    max-width:min(72vw,286px) !important;
    min-width:min(72vw,286px) !important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    margin:0 !important;
  }
  .white-public .plans-grid-v19>.plan-v19{
    display:flex;
    flex-direction:column;
    position:relative;
    height:560px !important;
    min-height:560px !important;
    max-height:560px !important;
    overflow:hidden;
  }
  .white-public .plans-grid-v19>.plan-v19.is-collapsible:not(.is-expanded) ul{
    margin-bottom:14px !important;
  }
  .white-public .plans-grid-v19>.plan-v19.is-collapsible:not(.is-expanded) ul li:nth-child(n+4){
    display:none;
  }
  .white-public .plans-grid-v19>.plan-v19.is-collapsible:not(.is-expanded)>a{
    display:none !important;
  }
  .white-public .plans-grid-v19>.plan-v19.is-collapsible:not(.is-expanded) .plan-details-toggle{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:100%;
    margin:auto 0 0;
  }
  .white-public .plans-grid-v19>.plan-v19.is-collapsible.is-expanded{
    height:auto !important;
    min-height:560px !important;
    max-height:none !important;
    overflow:visible;
  }
  .white-public .plans-grid-v19 .plan-details-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:42px;
    margin:4px 0 12px;
    border:1px solid rgba(3,5,4,.14);
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#030504;
    font:800 12px/1 Inter,system-ui,sans-serif;
    cursor:pointer;
  }
  .white-public .plans-grid-v19 .plan-v19.promo-plan .plan-details-toggle{
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.08);
    color:#fff;
  }
  .white-public .plans-grid-v19>.plan-v19>a{
    margin-top:auto;
  }
  .plans-carousel-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    position:relative;
    z-index:12;
    width:max-content;
    margin:8px auto 0;
    padding:6px;
    border-radius:999px;
    background:rgba(255,255,255,.76);
    box-shadow:0 12px 30px rgba(0,0,0,.10);
    backdrop-filter:blur(10px);
  }
  .plans-carousel-controls button{
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid rgba(3,5,4,.12);
    background:#030504;
    color:#fff;
    font:800 30px/1 Inter,system-ui,sans-serif;
    display:grid;
    place-items:center;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(0,0,0,.16);
  }
  .plans-carousel-controls button:disabled{
    opacity:.28;
    cursor:not-allowed;
    background:#fff;
    color:#030504;
  }
}

.white-public .plan-v19.prata,
.white-public .plan-v19.promo-plan{
  background:#030504 !important;
  background-image:none !important;
}
.white-public .plan-v19.prata::before,
.white-public .plan-v19.prata::after,
.white-public .plan-v19.promo-plan::before,
.white-public .plan-v19.promo-plan::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* True final override: client panel support card and mobile menu */
.client-action-hub .brand-support-card,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card{
  background:#030504 !important;
  color:#fff !important;
  border-color:#030504 !important;
  opacity:1 !important;
}
.client-action-hub .brand-support-card span,
.client-action-hub .brand-support-card b,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card span,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card b{
  color:#fff !important;
}
.client-action-hub .brand-support-card a,
.client-action-hub .client-action-disabled.feature-locked.brand-support-card a{
  width:max-content;
  border-radius:14px !important;
  padding:13px 16px !important;
  background:#fff !important;
  color:#030504 !important;
  font-weight:950;
  text-decoration:none;
}
@media(max-width:900px){
  .client-shell{
    display:block !important;
    min-height:100vh;
    background:#f6f8f7 !important;
    padding:18px 16px 42px !important;
    overflow-x:hidden;
  }
  .client-side{
    position:static !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    transform:none !important;
    transition:none !important;
    z-index:auto !important;
    display:block !important;
    padding:18px !important;
    margin:0 0 18px !important;
    border:1px solid #dfe7e4 !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:0 18px 50px rgba(3,5,4,.08) !important;
    overflow:visible !important;
  }
  .client-side-logo{
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    margin:0 0 14px !important;
  }
  .client-side-logo img{
    width:118px !important;
    height:auto !important;
  }
  .client-side nav{
    display:none !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
  }
  body.client-menu-open .client-side nav{
    display:grid !important;
  }
  .client-side nav a,
  .client-side .logout,
  .side-link-disabled{
    width:100% !important;
    min-height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #dfe7e4 !important;
    color:#030504 !important;
    box-shadow:none !important;
    transform:none !important;
  }
  .client-side nav a.active{
    background:#030504 !important;
    border-color:#030504 !important;
    color:#fff !important;
  }
  .client-side nav a i,
  .client-side .logout i,
  .side-link-disabled i{
    width:30px !important;
    height:30px !important;
    border-radius:10px !important;
    background:#eafffd !important;
    color:#05706b !important;
    flex:0 0 auto;
  }
  .client-side nav a.active i{
    background:#39f2ea !important;
    color:#030504 !important;
  }
  .client-side nav span,
  .client-side .logout span{
    display:inline !important;
    white-space:normal !important;
  }
  .client-side .logout{
    margin-top:10px !important;
    display:none !important;
  }
  body.client-menu-open .client-side .logout{
    display:flex !important;
  }
  .client-main{
    margin-left:0 !important;
    width:100% !important;
    padding:0 !important;
    background:#f6f8f7 !important;
    color:#030504 !important;
  }
  .client-menu-toggle{
    display:grid !important;
    position:fixed !important;
    right:18px !important;
    top:18px !important;
    z-index:10030 !important;
    width:48px !important;
    height:48px !important;
    border:0 !important;
    border-radius:15px !important;
    background:#030504 !important;
    place-items:center !important;
    box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
  }
  .client-menu-toggle span{
    display:block !important;
    width:20px !important;
    height:2px !important;
    margin:2px 0 !important;
    border-radius:999px !important;
    background:#39f2ea !important;
  }
  .client-menu-backdrop{
    display:none !important;
  }
  body.client-menu-open .client-side{
    transform:none !important;
  }
}