*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171717;background:#f4f1ea}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5vw;background:rgba(244,241,234,.94);backdrop-filter:blur(12px);border-bottom:1px solid #d9d2c5}.topbar nav{display:flex;gap:28px;font-size:14px}.brand{font-weight:900;letter-spacing:-1px;font-size:22px}.brand span{font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:999px;border:1px solid #191919;font-weight:700;font-size:14px;cursor:pointer}.btn-small{min-height:38px;padding:0 15px}.btn-dark{background:#171717;color:#fff}.btn-outline{background:transparent}.btn-primary{background:#d76c41;color:#fff;border-color:#d76c41}.text-link{font-weight:700}.hero-shell{min-height:82vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;padding:60px 5vw 80px;overflow:hidden}.hero-copy h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,88px);line-height:.92;letter-spacing:-4px;margin:18px 0 25px}.hero-copy h1 em{font-weight:400;color:#a34f31}.hero-copy>p{font-size:19px;line-height:1.6;max-width:650px;color:#555}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px;font-size:13px;color:#666}.browser{border-radius:18px;overflow:hidden;box-shadow:0 35px 80px rgba(50,35,20,.2);border:1px solid #cfc5b7;background:white}.browser-bar{height:42px;background:#e8e4df;display:flex;align-items:center;gap:7px;padding:0 14px}.browser-bar i{width:10px;height:10px;border-radius:50%;background:#bbb}.browser-bar span{margin-left:10px;font-size:11px;color:#777}.hero-site-demo{background:#141414;color:#fff;min-height:500px}.demo-nav{display:flex;justify-content:space-between;padding:25px 28px;font-size:12px}.demo-nav small{opacity:.7}.demo-visual{padding:80px 9%;background:linear-gradient(120deg,#181818,#493126)}.demo-visual span{font-size:11px;letter-spacing:2px}.demo-visual h2{font-size:55px;line-height:.95;margin:16px 0 28px}.demo-visual h2 strong{color:#e49b6d}.demo-visual button{background:#e49b6d;border:0;padding:14px 18px;font-weight:bold}.section{padding:100px 5vw}.section.alt{background:#ded7cc}.section-head{max-width:760px;margin-bottom:45px}.section-head h2{font-family:Georgia,serif;font-size:clamp(38px,5vw,65px);margin:13px 0}.section-head p{font-size:18px;line-height:1.6;color:#555}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.template-card{background:#fff;border:1px solid #d8d2c8;padding:14px;border-radius:22px}.thumb{height:330px;border-radius:14px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.thumb h3{font-size:36px;line-height:1;margin:10px 0}.thumb small{letter-spacing:2px}.mini-brand{font-weight:900}.theme-craft{background:#ddcfb4;color:#3d3227}.theme-bold{background:#111;color:white}.theme-bold strong{color:#ff5c35}.theme-local{background:#dce9dc;color:#18331e}.theme-premium{background:#26332e;color:#f4ecd9}.theme-minimal{background:#f5f5f5;color:#111;border:1px solid #ddd}.card-copy{display:flex;justify-content:space-between;gap:25px;padding:22px 5px 5px}.card-copy h3{margin:5px 0;font-size:26px}.card-copy p{color:#666;max-width:440px;line-height:1.5}.tag{font-size:12px;color:#888}.card-actions{display:flex;align-items:flex-end;gap:8px;white-space:nowrap}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps>div{background:#f4f1ea;padding:28px;min-height:230px;border-radius:16px}.steps b{font-size:14px}.steps h3{font-size:24px;margin:50px 0 10px}.steps p{color:#606060;line-height:1.55}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{padding:35px;border:1px solid #ccc3b7;border-radius:20px;background:#fff}.price-card.featured{background:#171717;color:#fff;transform:translateY(-10px)}.price-card h3{font-size:48px;margin:12px 0}.price-card ul{padding-left:18px;line-height:2}.price-card p{color:#777}.price-card.featured p{color:#bbb}footer{padding:45px 5vw;background:#171717;color:white;display:flex;justify-content:space-between}

/* Form */
.form-page{background:#efede8}.selected-template{font-size:14px}.form-shell{display:grid;grid-template-columns:340px 1fr;gap:60px;max-width:1250px;margin:auto;padding:60px 30px}.form-aside{position:sticky;top:110px;height:max-content}.form-aside h1{font-family:Georgia,serif;font-size:48px;line-height:1.02;margin:18px 0}.form-aside>p{color:#666;line-height:1.6}.aside-note{margin-top:35px;padding:20px;background:#ded8cd;border-radius:14px;line-height:1.5}.client-form{background:#fff;border-radius:22px;padding:35px}.form-section{padding:10px 0 35px;margin-bottom:30px;border-bottom:1px solid #e4e0d9}.form-title{display:flex;gap:18px;align-items:flex-start;margin-bottom:25px}.form-title>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#171717;color:white;font-size:12px}.form-title h2{margin:0 0 5px}.form-title p{margin:0;color:#888}.fields{display:grid;gap:18px}.fields.two{grid-template-columns:1fr 1fr}.fields label{display:grid;gap:7px;font-size:13px;font-weight:700}.fields input,.fields textarea,.service-editor input,.service-editor textarea{width:100%;padding:13px 14px;border:1px solid #d9d4cc;border-radius:10px;background:#faf9f7;outline:none}.fields input:focus,.fields textarea:focus,.service-editor input:focus,.service-editor textarea:focus{border-color:#777}.service-editor{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-editor>div{display:grid;gap:8px;padding:15px;background:#f5f2ed;border-radius:14px}.submit-bar{display:flex;justify-content:flex-end;gap:12px}

/* Preview toolbar */
.preview-page{background:#e6e1d9}.preview-toolbar{position:sticky;top:0;z-index:90;display:flex;justify-content:space-between;align-items:center;padding:12px 3vw;background:#f4f1ea;border-bottom:1px solid #d2ccc2}.preview-toolbar>div{display:flex;gap:8px}.client-site{--accent:#b66d46;--bg:#ede2d1;--ink:#302820;--muted:#6b6259;max-width:1440px;margin:28px auto;background:var(--bg);color:var(--ink);box-shadow:0 25px 80px rgba(0,0,0,.16);overflow:hidden}.client-nav{height:84px;display:flex;align-items:center;gap:30px;padding:0 5%;background:var(--bg)}.client-brand{font-weight:900;letter-spacing:.5px;margin-right:auto}.client-nav nav{display:flex;gap:25px;font-size:13px}.site-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:white;padding:13px 18px;font-weight:bold;border:none}.client-hero{position:relative;min-height:650px;display:flex;align-items:end;overflow:hidden}.client-hero-image{position:absolute;inset:0;background:linear-gradient(135deg,#635347,#302820)}.client-hero-image.has-image{background-size:cover;background-position:center}.client-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.08))}.client-hero-copy{position:relative;z-index:2;color:white;padding:75px 7%;max-width:850px}.client-hero-copy>span,.client-kicker{font-size:11px;font-weight:bold;letter-spacing:2px;text-transform:uppercase}.client-hero-copy h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,90px);line-height:.95;margin:15px 0 22px;letter-spacing:-2px}.client-hero-copy p{font-size:19px;max-width:620px;line-height:1.55;opacity:.85}.client-section{padding:95px 7%}.client-section-head{max-width:700px;margin-bottom:40px}.client-section-head span{font-size:11px;text-transform:uppercase;letter-spacing:2px}.client-section-head h2,.client-about h2,.client-contact h2{font-family:Georgia,serif;font-size:48px;line-height:1.05;margin:12px 0}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,0,0,.14)}.services-grid article{background:var(--bg);padding:30px;min-height:240px}.services-grid article span{font-size:12px;color:var(--muted)}.services-grid article h3{margin-top:75px;font-size:22px}.services-grid article p{line-height:1.5;color:var(--muted)}.client-about{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;padding:95px 7%;background:var(--ink);color:var(--bg)}.client-about p{font-size:18px;line-height:1.7;max-width:760px;opacity:.78}.about-stat{align-self:end;border-top:1px solid currentColor;padding-top:20px;display:grid;gap:8px}.about-stat strong{font-size:42px}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:12px}.gallery-grid div{background:linear-gradient(135deg,#b2a28f,#746555);background-size:cover;background-position:center}.gallery-grid div:first-child{grid-row:1/3}.gallery-grid div:nth-child(4){grid-column:2/4}.client-contact{padding:85px 7%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;background:var(--accent);color:white}.contact-card{display:grid;border-top:1px solid rgba(255,255,255,.4)}.contact-card a{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.4);display:grid}.contact-card small{opacity:.7;margin-top:5px}.client-footer{display:flex;justify-content:space-between;padding:30px 5%;font-size:12px}

/* Client themes */
.client-theme-bold{--accent:#ff6038;--bg:#101010;--ink:#f3f3f0;--muted:#aaa;color:#f6f6f6}.client-theme-bold .client-nav{border-bottom:1px solid #292929}.client-theme-bold .client-hero-image{background:linear-gradient(135deg,#292929,#050505)}.client-theme-bold .services-grid article{border-color:#222}.client-theme-bold .client-about{background:#ff6038;color:#101010}.client-theme-bold .client-contact{background:#f2f0ea;color:#111}.client-theme-bold .site-btn{color:#111}.client-theme-local{--accent:#2f6b44;--bg:#edf5ec;--ink:#173322;--muted:#557060}.client-theme-local .client-hero-image{background:linear-gradient(135deg,#76937f,#244c33)}.client-theme-premium{--accent:#c1a675;--bg:#1d2924;--ink:#f1eadc;--muted:#b9b2a6;color:#f1eadc}.client-theme-premium .client-hero-image{background:linear-gradient(135deg,#50655d,#101a16)}.client-theme-premium .client-about{background:#efe7d9;color:#22332b}.client-theme-premium .client-contact{background:#bfa372;color:#17231d}.client-theme-minimal{--accent:#111;--bg:#f7f7f5;--ink:#111;--muted:#666}.client-theme-minimal .client-hero-image{background:linear-gradient(135deg,#aaa,#333)}.client-theme-minimal .client-hero-copy h1{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-5px}.client-theme-minimal .client-about{background:#111;color:#fff}

@media(max-width:900px){
  .topbar nav{display:none}.hero-shell{grid-template-columns:1fr;padding-top:35px}.hero-browser{margin-top:20px}.template-grid,.pricing-grid{grid-template-columns:1fr}.card-copy{display:block}.card-actions{margin-top:15px}.steps{grid-template-columns:1fr 1fr}.form-shell{grid-template-columns:1fr;padding:30px 16px}.form-aside{position:static}.client-form{padding:22px}.fields.two,.service-editor{grid-template-columns:1fr}.client-nav nav{display:none}.services-grid{grid-template-columns:1fr 1fr}.client-about,.client-contact{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px}.gallery-grid div:first-child{grid-row:auto}.gallery-grid div:nth-child(4){grid-column:auto}.client-site{margin:0}.preview-toolbar{position:relative}.client-hero{min-height:560px}
}
@media(max-width:560px){
  .hero-copy h1{letter-spacing:-2px}.hero-actions{align-items:flex-start;flex-direction:column}.steps{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.thumb{height:260px}.card-actions{display:grid;grid-template-columns:1fr 1fr}.client-hero-copy{padding:50px 6%}.client-hero-copy h1{font-size:48px}.services-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,220px)}.client-footer{display:grid;gap:10px}.preview-toolbar .btn-outline{display:none}
}


/* =========================================================
   ARMESTO DESIGN — PROCESS SECTION V2
   ========================================================= */
:root{
  --armesto-ink:#171614;
  --armesto-paper:#f5f1e9;
  --armesto-sand:#d8d0c4;
  --armesto-copper:#9b5d3b;
  --armesto-copper-dark:#744129;
  --armesto-line:#bcb2a4;
}

.process-v2{
  position:relative;
  overflow:hidden;
  padding:110px 5vw 120px;
  background:
    radial-gradient(circle at 87% 13%, rgba(155,93,59,.12), transparent 24%),
    linear-gradient(180deg, #dcd5ca 0%, #d5cdc1 100%);
  border-top:1px solid rgba(23,22,20,.12);
  border-bottom:1px solid rgba(23,22,20,.12);
}

.process-v2::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-180px;
  bottom:-230px;
  border:1px solid rgba(23,22,20,.12);
  border-radius:50%;
}

.process-heading{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.6fr);
  gap:70px;
  align-items:end;
  margin-bottom:58px;
}

.process-heading h2{
  max-width:900px;
  margin:14px 0 0;
  font-family:Georgia,serif;
  font-size:clamp(54px,6vw,92px);
  line-height:.9;
  letter-spacing:-4px;
}

.process-heading h2 em{
  color:var(--armesto-copper);
  font-weight:400;
}

.process-heading>p{
  margin:0 0 8px;
  max-width:520px;
  font-size:17px;
  line-height:1.7;
  color:#57514a;
}

.process-flow{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr);
  align-items:center;
  gap:0;
}

.process-card{
  position:relative;
  min-height:420px;
  padding:28px 28px 25px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(23,22,20,.14);
  border-radius:24px;
  background:rgba(247,244,238,.92);
  box-shadow:0 16px 35px rgba(49,39,29,.07);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.process-card:hover{
  transform:translateY(-9px);
  border-color:rgba(155,93,59,.42);
  box-shadow:0 24px 55px rgba(49,39,29,.13);
}

.process-card::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:0;
  height:4px;
  border-radius:10px 10px 0 0;
  background:var(--armesto-copper);
  transform:scaleX(.28);
  transform-origin:left;
  transition:transform .28s ease;
}

.process-card:hover::after{transform:scaleX(1)}

.process-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}

.process-number{
  font-size:13px;
  font-weight:900;
  letter-spacing:.09em;
}

.process-pill{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border:1px solid rgba(23,22,20,.15);
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#655e56;
}

.process-icon{
  width:68px;
  height:68px;
  margin-top:42px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#e4ddd2;
  color:var(--armesto-copper-dark);
}

.process-icon svg{
  width:37px;
  height:37px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.process-card h3{
  margin:38px 0 12px;
  font-size:28px;
  line-height:1.04;
  letter-spacing:-1px;
}

.process-card p{
  margin:0 0 25px;
  color:#625b53;
  line-height:1.58;
  font-size:15px;
}

.process-note{
  margin-top:auto;
  width:max-content;
  font-family:Georgia,serif;
  font-size:16px;
  font-style:italic;
  color:var(--armesto-copper-dark);
}

.process-card-featured{
  background:var(--armesto-ink);
  color:var(--armesto-paper);
  border-color:var(--armesto-ink);
  transform:translateY(-14px);
  box-shadow:0 24px 55px rgba(23,22,20,.18);
}

.process-card-featured:hover{
  transform:translateY(-23px);
}

.process-card-featured .process-pill{
  border-color:rgba(255,255,255,.2);
  color:#d9cfc4;
}

.process-card-featured .process-icon{
  background:var(--armesto-copper);
  color:white;
}

.process-card-featured p{
  color:#c8c0b7;
}

.process-card-featured .process-note{
  color:#d8a886;
}

.process-card-final{
  background:#efe7da;
}

.process-arrow{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}

.process-arrow span{
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:var(--armesto-line);
}

.process-arrow svg{
  position:relative;
  z-index:1;
  width:28px;
  height:14px;
  padding-left:4px;
  background:#d7cfc3;
  fill:none;
  stroke:#73695e;
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.process-bottom{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:52px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.process-bottom-line{
  flex:1;
  height:1px;
  background:linear-gradient(90deg, rgba(23,22,20,.15), var(--armesto-copper), rgba(23,22,20,.15));
}

.process-bottom strong{
  color:var(--armesto-copper-dark);
}

/* Brand adjustment */
.brand{
  letter-spacing:-.7px;
}
.brand span{
  font-weight:400;
  opacity:.68;
}

/* Pricing polish for Armesto Design */
.pricing{
  background:#f3efe8;
}
.price-card{
  transition:transform .25s ease, box-shadow .25s ease;
}
.price-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 45px rgba(40,32,24,.09);
}
.price-card.featured{
  background:#171614;
}
.price-card.featured h3{
  color:#d99a72;
}

@media(max-width:1180px){
  .process-flow{
    grid-template-columns:1fr 38px 1fr;
    row-gap:28px;
  }
  .process-flow .process-card:nth-of-type(3){
    grid-column:1;
  }
  .process-flow .process-card:nth-of-type(4){
    grid-column:3;
  }
  .process-flow .process-arrow:nth-of-type(2){
    display:none;
  }
  .process-card-featured{
    transform:none;
  }
  .process-card-featured:hover{
    transform:translateY(-9px);
  }
}

@media(max-width:760px){
  .process-v2{
    padding:80px 20px 90px;
  }
  .process-heading{
    grid-template-columns:1fr;
    gap:25px;
    margin-bottom:38px;
  }
  .process-heading h2{
    font-size:clamp(48px,15vw,72px);
    letter-spacing:-2.5px;
  }
  .process-flow{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
  }
  .process-arrow{
    height:30px;
    transform:rotate(90deg);
  }
  .process-arrow span{
    display:none;
  }
  .process-arrow svg{
    background:transparent;
  }
  .process-card{
    min-height:0;
  }
  .process-icon{
    margin-top:30px;
  }
  .process-card h3{
    margin-top:28px;
  }
  .process-bottom{
    margin-top:32px;
  }
}

.premium-form-section{
  background:linear-gradient(135deg,#fff,#f6efe6);
  margin-left:-15px;
  margin-right:-15px;
  padding-left:15px;
  padding-right:15px;
  border-radius:16px;
}
.premium-form-section .form-title>span{background:#9b5d3b}


/* =========================================================
   V7.18 — AUTO GOOGLE REVIEWS + CUSTOM FAQ FORM
   ========================================================= */
.auto-google-notice{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:18px;
  align-items:start;
  padding:22px;
  border:1px solid rgba(35,31,28,.12);
  background:#fff;
}

.auto-google-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid #ddd;
  font-size:22px;
  font-weight:900;
  color:#4285f4;
  background:white;
}

.auto-google-notice strong{
  display:block;
  margin-bottom:7px;
}

.auto-google-notice p{
  margin:0 0 7px;
  line-height:1.6;
}

.auto-google-notice small{
  color:#776d65;
  line-height:1.45;
}

.default-faq-preview{
  margin-bottom:28px;
  border-top:1px solid rgba(35,31,28,.14);
}

.default-faq-label{
  display:block;
  padding:14px 0 10px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  color:#8a7668;
}

.default-faq-row{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  min-height:50px;
  border-top:1px solid rgba(35,31,28,.09);
}

.default-faq-row span{
  color:#a8613c;
  font-family:Georgia,serif;
}

.default-faq-row p{
  margin:0;
}

.custom-faq-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin:26px 0 16px;
}

.custom-faq-header strong{
  display:block;
}

.custom-faq-header p{
  margin:5px 0 0;
  color:#7b7169;
  font-size:12px;
}

.add-faq-button{
  flex:0 0 auto;
}

.custom-faq-editor{
  display:grid;
  gap:12px;
}

.custom-faq-item{
  display:grid;
  gap:10px;
  padding:16px;
  border:1px solid rgba(35,31,28,.12);
  background:#fff;
}

.custom-faq-item-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
}

.custom-faq-item-head strong{
  font-size:12px;
}

.remove-faq-button{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(35,31,28,.15);
  border-radius:50%;
  background:transparent;
  color:#685b52;
  font-size:20px;
  cursor:pointer;
}

.remove-faq-button:hover{
  border-color:#a8613c;
  color:#a8613c;
}

@media(max-width:700px){
  .custom-faq-header{
    align-items:stretch;
    flex-direction:column;
  }

  .add-faq-button{
    width:100%;
  }
}


/* =========================================================
   V7.21 — TWO COMMERCIAL OFFERS
   ========================================================= */
.pricing-grid.pricing-grid-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:980px;
  margin-inline:auto;
}

@media(max-width:760px){
  .pricing-grid.pricing-grid-two{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V7.22 — INDEX OFFER COMPARISON + DESIGN PREVIEWS
   ========================================================= */
.preview-plan-key{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}

.preview-plan-key span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:0 12px;
  border:1px solid #d0c8bc;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  color:#71675f;
  font-size:11px;
}

.preview-plan-key b{
  color:#1b1917;
}

.card-actions-preview{
  flex-direction:column;
  align-items:stretch;
  min-width:250px;
}

.preview-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}

.preview-actions .btn{
  min-height:52px;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:7px 12px;
  border-radius:12px;
  line-height:1.1;
}

.preview-actions .btn span{
  font-size:9px;
  font-weight:700;
  color:#857a70;
}

.preview-actions .btn strong{
  font-size:12px;
}

.preview-premium{
  border-color:#a8613c;
}

.preview-premium strong{
  color:#a8613c;
}

.choose-design{
  width:100%;
  min-height:42px;
  margin-top:1px;
  border-radius:12px;
}

.pricing-head{
  max-width:820px;
}

.pricing-head p strong{
  color:#a8613c;
}

.price-difference-banner{
  max-width:980px;
  margin:0 auto 34px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
  padding:18px 22px;
  border:1px solid #d5cbbd;
  border-radius:16px;
  background:#fffaf4;
}

.price-difference-banner>span{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:8px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
}

.price-difference-banner>span b{
  font-family:Georgia,serif;
  font-size:26px;
  letter-spacing:-1px;
}

.price-difference-line{
  min-width:170px;
  text-align:center;
  padding:5px 18px;
  border-left:1px solid #ded4c6;
  border-right:1px solid #ded4c6;
}

.price-difference-line strong{
  display:block;
  color:#a8613c;
  font-family:Georgia,serif;
  font-size:24px;
}

.price-difference-line small{
  color:#756b62;
  font-size:10px;
}

.price-card{
  position:relative;
  display:flex;
  flex-direction:column;
}

.price-card-top{
  min-height:175px;
}

.price-card-top>span{
  display:block;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.price-card-top h3{
  font-family:Georgia,serif;
}

.premium-badge{
  position:absolute;
  top:18px;
  right:18px;
  padding:6px 9px;
  border-radius:999px;
  background:#d99a72;
  color:#171614;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.offer-feature-list{
  display:grid;
  gap:0;
  margin:8px 0 28px;
  border-top:1px solid #e1d8cc;
}

.price-card.featured .offer-feature-list{
  border-color:rgba(255,255,255,.14);
}

.offer-feature-list>div{
  min-height:66px;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:10px;
  align-items:center;
  border-bottom:1px solid #e1d8cc;
}

.price-card.featured .offer-feature-list>div{
  border-color:rgba(255,255,255,.12);
}

.offer-feature-list p{
  margin:0;
  color:inherit !important;
}

.offer-feature-list p strong{
  display:block;
  margin-bottom:3px;
  font-size:13px;
}

.offer-feature-list p small{
  display:block;
  color:#82776e;
  font-size:10px;
  line-height:1.4;
}

.price-card.featured .offer-feature-list p small{
  color:#a99d94;
}

.offer-check,
.offer-plus{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:11px;
  font-weight:900;
}

.offer-check{
  background:#ece7df;
  color:#554c45;
}

.price-card.featured .offer-check{
  background:rgba(255,255,255,.10);
  color:#fff;
}

.offer-plus{
  background:#d99a72;
  color:#171614;
}

.price-cta{
  width:100%;
  margin-top:auto;
}

.offer-comparison{
  max-width:980px;
  margin:38px auto 0;
  border-top:1px solid #cfc5b8;
  border-bottom:1px solid #cfc5b8;
}

.offer-comparison>div{
  display:grid;
  grid-template-columns:1.5fr .65fr .65fr;
  min-height:52px;
  align-items:center;
  border-bottom:1px solid #ddd5ca;
}

.offer-comparison>div:last-child{
  border-bottom:0;
}

.offer-comparison span{
  padding-right:14px;
  font-size:12px;
}

.offer-comparison b,
.offer-comparison i{
  display:grid;
  place-items:center;
  align-self:stretch;
  border-left:1px solid #ddd5ca;
  font-style:normal;
}

.offer-comparison b{
  color:#a8613c;
}

.offer-comparison i{
  color:#aaa095;
}

.comparison-head{
  background:#e8e1d7;
}

.comparison-head span,
.comparison-head strong{
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.comparison-head strong{
  display:grid;
  place-items:center;
  align-self:stretch;
  border-left:1px solid #d4cabd;
}

.preview-toolbar-meta{
  display:flex;
  align-items:center;
  gap:8px;
}

.preview-plan-badge{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid #cfc6b9;
  background:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
}

@media(max-width:900px){
  .card-copy{
    flex-direction:column;
  }

  .card-actions-preview{
    min-width:0;
  }
}

@media(max-width:760px){
  .price-difference-banner{
    grid-template-columns:1fr;
    gap:10px;
  }

  .price-difference-line{
    width:100%;
    border-left:0;
    border-right:0;
    border-top:1px solid #ded4c6;
    border-bottom:1px solid #ded4c6;
    padding:12px 0;
  }

  .price-card-top{
    min-height:0;
  }
}

@media(max-width:520px){
  .preview-actions{
    grid-template-columns:1fr;
  }

  .preview-plan-key{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .preview-plan-key span{
    justify-content:center;
  }

  .offer-comparison{
    overflow:hidden;
  }

  .offer-comparison>div{
    grid-template-columns:1.3fr .7fr .7fr;
  }

  .offer-comparison span{
    font-size:10px;
  }

  .preview-toolbar-meta .btn-outline{
    display:none;
  }
}


/* =========================================================
   V7.23 — LIVE PREVIEWS INSIDE TEMPLATE CARDS
   ========================================================= */
.thumb.thumb-live{
  position:relative;
  padding:0;
  background:#efe9df;
  border:1px solid #d4ccbe;
}

.thumb-live-top{
  position:absolute;
  top:12px;
  left:12px;
  right:12px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  pointer-events:none;
}

.thumb-live-badge,
.thumb-live-url{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(8px);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}

.thumb-live-url{
  color:#6a6159;
  font-weight:800;
  letter-spacing:.03em;
}

.thumb-live-frame{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:14px;
  background:#fff;
}

.thumb-live-frame::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:58px;
  background:linear-gradient(to top, rgba(255,255,255,.78), rgba(255,255,255,0));
  pointer-events:none;
}

.thumb-live-frame iframe{
  position:absolute;
  top:0;
  left:0;
  width:1440px;
  height:980px;
  border:0;
  background:#fff;
  transform-origin:top left;
  transform:scale(.33);
  pointer-events:none;
}

.thumb.theme-craft .thumb-live-frame iframe{
  width:1600px;
  height:1080px;
  transform:scale(.29);
}

.preview-page.preview-embed{
  background:transparent !important;
}

.preview-page.preview-embed .preview-toolbar{
  display:none !important;
}

.preview-page.preview-embed .client-site{
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.preview-page.preview-embed .client-hero{
  min-height:520px;
}

.preview-page.preview-embed .client-section{
  padding-left:5%;
  padding-right:5%;
}

@media(max-width:1200px){
  .thumb-live-frame iframe{
    transform:scale(.305);
  }

  .thumb.theme-craft .thumb-live-frame iframe{
    transform:scale(.27);
  }
}

@media(max-width:520px){
  .thumb-live-top{
    top:9px;
    left:9px;
    right:9px;
  }

  .thumb-live-badge{
    padding:0 8px;
    font-size:8px;
  }

  .thumb-live-url{
    display:none;
  }

  .thumb-live-frame iframe{
    transform:scale(.245);
  }

  .thumb.theme-craft .thumb-live-frame iframe{
    transform:scale(.23);
  }
}


/* =========================================================
   V7.24 — SMALLER LIVE PREVIEW FRAME
   ========================================================= */
.thumb.thumb-live{
  height:270px !important;
}

.thumb-live-frame iframe{
  transform:scale(.36) !important;
}

.thumb.theme-craft .thumb-live-frame iframe{
  transform:scale(.315) !important;
}

@media(max-width:1200px){
  .thumb.thumb-live{
    height:250px !important;
  }

  .thumb-live-frame iframe{
    transform:scale(.335) !important;
  }

  .thumb.theme-craft .thumb-live-frame iframe{
    transform:scale(.295) !important;
  }
}

@media(max-width:520px){
  .thumb.thumb-live{
    height:215px !important;
  }

  .thumb-live-frame iframe{
    transform:scale(.27) !important;
  }

  .thumb.theme-craft .thumb-live-frame iframe{
    transform:scale(.25) !important;
  }
}


/* =========================================================
   V7.25 — ESSENTIEL/PREMIUM FORM + EDITABLE FAQ
   ========================================================= */
.form-top-meta{
  display:flex;
  align-items:center;
  gap:18px;
}

.meta-dot{
  margin:0 6px;
  color:#aaa198;
}

.form-plan-switcher{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:3px;
  padding:3px;
  border:1px solid #d3cbc0;
  border-radius:11px;
  background:#e7e2da;
}

.form-plan-button{
  min-height:38px;
  min-width:108px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 11px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#746a62;
  cursor:pointer;
}

.form-plan-button span{
  font-size:11px;
  font-weight:900;
}

.form-plan-button small{
  font-size:9px;
  font-weight:800;
  color:#9a8f85;
}

.form-plan-button.active{
  background:#171717;
  color:white;
}

.form-plan-button.active small{
  color:#d99a72;
}

.form-plan-summary{
  margin-top:16px;
  padding:20px;
  border:1px solid #d8d0c4;
  border-radius:14px;
  background:#fff;
}

.form-plan-summary-label{
  display:block;
  margin-bottom:10px;
  color:#8d8278;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.form-plan-summary-price{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
}

.form-plan-summary-price strong{
  font-family:Georgia,serif;
  font-size:25px;
}

.form-plan-summary-price b{
  color:#a8613c;
  font-size:17px;
}

.form-plan-summary>p{
  margin:10px 0 15px;
  color:#6f655e;
  font-size:12px;
  line-height:1.55;
}

.form-plan-summary-features{
  display:grid;
  gap:7px;
}

.form-plan-summary-features span{
  font-size:11px;
  color:#49423d;
}

.faq-form-intro{
  margin-bottom:16px;
  padding:16px 18px;
  border-left:3px solid #a8613c;
  background:#f6f1eb;
}

.faq-form-intro strong{
  display:block;
  margin-bottom:5px;
}

.faq-form-intro p{
  margin:0;
  color:#70665f;
  font-size:12px;
  line-height:1.5;
}

.faq-editor{
  display:grid;
  gap:14px;
}

.faq-editor-item{
  display:grid;
  gap:13px;
  padding:18px;
  border:1px solid #ded7cd;
  border-radius:14px;
  background:#faf8f5;
  transition:border-color .2s ease, background .2s ease;
}

.faq-editor-item.faq-incomplete{
  border-color:#b34f3e;
  background:#fff8f6;
}

.faq-editor-item-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}

.faq-editor-item-head>div{
  display:grid;
  gap:2px;
}

.faq-editor-item-head span{
  color:#a8613c;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}

.faq-editor-item-head strong{
  font-size:13px;
}

.faq-editor-item label{
  display:grid;
  gap:7px;
  font-size:12px;
  font-weight:800;
}

.faq-editor-item input,
.faq-editor-item textarea{
  width:100%;
  padding:13px 14px;
  border:1px solid #d9d4cc;
  border-radius:10px;
  background:white;
  outline:none;
  font:inherit;
}

.faq-editor-item input:focus,
.faq-editor-item textarea:focus{
  border-color:#a8613c;
}

@media(max-width:900px){
  .topbar{
    align-items:flex-start;
  }

  .form-top-meta{
    flex-direction:column;
    align-items:flex-end;
    gap:8px;
  }
}

@media(max-width:650px){
  .topbar{
    align-items:stretch;
    flex-direction:column;
  }

  .form-top-meta{
    align-items:stretch;
  }

  .selected-template{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
  }

  .form-plan-button{
    min-width:0;
  }
}


/* =========================================================
   V7.31 — CLICKABLE LIVE PREVIEWS + INSTALLMENT NOTE
   ========================================================= */
.thumb.thumb-live{
  cursor:pointer;
}

.thumb-live-open{
  position:absolute;
  inset:0;
  z-index:4;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:14px;
  border-radius:14px;
  text-decoration:none;
}

.thumb-live-open span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  background:rgba(17,17,17,.86);
  color:#fff;
  opacity:0;
  transform:translateY(5px);
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  transition:opacity .18s ease,transform .18s ease;
}

.thumb-live-open:focus-visible{
  outline:3px solid #a8613c;
  outline-offset:3px;
}

@media(hover:hover) and (pointer:fine){
  .thumb.thumb-live:hover .thumb-live-open span{
    opacity:1;
    transform:translateY(0);
  }
}

.payment-installments{
  max-width:980px;
  margin:-10px auto 28px;
  display:flex;
  align-items:center;
  gap:16px;
  padding:17px 20px;
  border:1px solid #d6cec2;
  border-radius:14px;
  background:#fff;
}

.payment-installments-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#171717;
  color:#fff;
  font-family:Georgia,serif;
  font-size:18px;
  font-weight:700;
}

.payment-installments>div:last-child{
  min-width:0;
  display:grid;
  gap:3px;
}

.payment-installments span{
  color:#a8613c;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}

.payment-installments strong{
  font-size:14px;
}

.payment-installments p{
  margin:0;
  color:#746b63;
  font-size:11px;
  line-height:1.45;
}

@media(max-width:520px){
  .thumb-live-open span{
    opacity:1;
    transform:none;
    min-height:30px;
    font-size:8px;
  }

  .payment-installments{
    align-items:flex-start;
    padding:15px 16px;
  }

  .payment-installments-icon{
    width:42px;
    height:42px;
    flex-basis:42px;
  }
}


/* =========================================================
   V7.38 — PREMIUM PROJECT GALLERY FORM
   ========================================================= */
.project-gallery-form-intro{
  margin-bottom:16px;
  padding:16px 18px;
  border-left:3px solid #a8613c;
  background:#f6f1eb;
}

.project-gallery-form-intro strong{
  display:block;
  margin-bottom:5px;
}

.project-gallery-form-intro p{
  margin:0;
  color:#70665f;
  font-size:12px;
  line-height:1.5;
}

.project-gallery-editor{
  display:grid;
  gap:12px;
}

.project-gallery-form-item{
  padding:17px;
  border:1px solid #ded7cd;
  border-radius:14px;
  background:#faf8f5;
}

.project-gallery-form-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
}

.project-gallery-form-head>div{
  display:grid;
  gap:2px;
}

.project-gallery-form-head span{
  color:#a8613c;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}

.project-gallery-form-head strong{
  font-size:13px;
}

.remove-project-photo,
.remove-faq-button{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid #d5cdc2;
  border-radius:50%;
  background:#fff;
  color:#6f655d;
  cursor:pointer;
  font-size:20px;
}

.remove-project-photo:hover{
  border-color:#a8613c;
  color:#a8613c;
}

.add-project-photo{
  margin-top:14px;
}

.add-project-photo.is-disabled,
.add-project-photo:disabled{
  opacity:.4;
  cursor:not-allowed;
}

.project-gallery-limit{
  display:inline-block;
  margin-left:10px;
  color:#877d74;
  font-size:10px;
}


/* =========================================================
   V7.39 — COLOR PALETTE CHOICE
   ========================================================= */
.color-palette-choices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.color-palette-card{
  position:relative;
  min-width:0;
  min-height:178px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border:1px solid #d8d0c5;
  border-radius:16px;
  background:#fff;
  color:#171717;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.color-palette-card:hover{
  transform:translateY(-2px);
  border-color:#b6aa9d;
  box-shadow:0 10px 28px rgba(46,34,24,.07);
}

.color-palette-card.active{
  border:2px solid #171717;
  padding:17px;
  box-shadow:0 12px 32px rgba(46,34,24,.09);
}

.color-palette-card-top{
  display:grid;
  gap:6px;
}

.color-palette-card-top strong{
  font-family:Georgia,serif;
  font-size:20px;
  font-weight:400;
}

.color-palette-card-top small{
  min-height:30px;
  color:#756c64;
  font-size:11px;
  line-height:1.45;
}

.color-palette-swatches{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  height:44px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
  border-radius:9px;
}

.color-palette-swatches i{
  display:block;
  background:var(--swatch);
}

.color-palette-selected{
  min-height:18px;
  color:#171717;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:0;
}

.color-palette-card.active .color-palette-selected{
  opacity:1;
}

.color-palette-help{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #e0d9cf;
}

.color-palette-help p{
  max-width:560px;
  margin:0;
  color:#756c64;
  font-size:11px;
  line-height:1.55;
}

.color-palette-help .btn{
  flex:0 0 auto;
  min-height:40px;
  font-size:11px;
}

@media(max-width:850px){
  .color-palette-choices{
    grid-template-columns:1fr;
  }

  .color-palette-card{
    min-height:148px;
  }
}

@media(max-width:600px){
  .color-palette-help{
    align-items:stretch;
    flex-direction:column;
  }

  .color-palette-help .btn{
    width:100%;
  }
}


/* =========================================================
   V7.43 — FORM COLOR SWATCH VISIBILITY FIX
   ========================================================= */
.color-palette-card{
  overflow:visible !important;
}

.color-palette-card.active{
  border-color:var(--palette-accent,#171717) !important;
  box-shadow:
    0 0 0 1px var(--palette-accent,#171717),
    0 12px 32px rgba(46,34,24,.09) !important;
}

.color-palette-swatches{
  position:relative;
  isolation:isolate;
  width:100% !important;
  min-width:0 !important;
  height:52px !important;
  min-height:52px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  overflow:hidden !important;
  border:1px solid rgba(0,0,0,.14) !important;
  border-radius:10px !important;
  background-color:#e6e1dc;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
}

.color-palette-swatches .color-palette-swatch{
  position:relative;
  z-index:2;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:52px !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  font-size:0 !important;
}

.color-palette-swatches .color-palette-swatch + .color-palette-swatch{
  border-left:1px solid rgba(255,255,255,.28) !important;
}

.color-palette-codes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  margin-top:-11px;
}

.color-palette-codes small{
  overflow:hidden;
  color:#8a8179;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:8px;
  line-height:1.1;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.color-palette-card.active .color-palette-selected{
  color:var(--palette-dark,#171717) !important;
}

@media(max-width:520px){
  .color-palette-swatches{
    height:46px !important;
    min-height:46px !important;
  }

  .color-palette-swatches .color-palette-swatch{
    min-height:46px !important;
  }

  .color-palette-codes small{
    font-size:7px;
  }
}


/* =========================================================
   V7.44 — SIMPLIFIED ARMESTO HOMEPAGE
   ========================================================= */
.landing-simple{
  background:#f1eee8;
}

.landing-simple .topbar{
  backdrop-filter:blur(14px);
}

.home-simple-hero{
  min-height:calc(100vh - 80px);
  align-items:center;
  padding-top:70px;
  padding-bottom:70px;
}

.home-simple-hero .hero-copy{
  max-width:690px;
}

.home-simple-hero .hero-copy h1{
  margin-bottom:22px;
  font-size:clamp(58px,6.6vw,104px);
  line-height:.88;
}

.home-simple-hero .hero-copy>p{
  max-width:570px;
  margin-bottom:30px;
  font-size:18px;
  line-height:1.62;
}

.home-simple-proof{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:11px;
  margin-top:31px;
  color:#746c65;
  font-size:11px;
  font-weight:750;
  letter-spacing:.04em;
}

.home-simple-proof i{
  width:3px;
  height:3px;
  border-radius:50%;
  background:#a8613c;
}

.home-simple-browser{
  max-width:700px;
  margin-left:auto;
}

.home-simple-templates{
  padding-top:115px;
  padding-bottom:115px;
  background:#fff;
}

.home-simple-heading{
  max-width:790px;
  margin-bottom:42px;
}

.home-simple-heading h2{
  line-height:.98;
}

.home-simple-heading p{
  max-width:670px;
  margin-bottom:0;
  font-size:16px;
}

.home-simple-template-grid{
  gap:22px;
}

.home-simple-template-grid .template-card{
  padding:11px;
  border-radius:18px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.home-simple-template-grid .template-card:hover{
  transform:translateY(-3px);
  border-color:#c7beb2;
  box-shadow:0 18px 44px rgba(44,33,22,.07);
}

.home-simple-template-grid .thumb{
  height:305px;
}

.home-simple-card-copy{
  align-items:center;
  padding:18px 5px 5px;
}

.home-simple-card-copy h3{
  margin:3px 0 2px;
  font-size:25px;
}

.home-simple-card-copy p{
  margin:0;
  font-size:12px;
  color:#777069;
}

.home-simple-card-actions{
  display:flex;
  align-items:center;
  gap:7px;
}

.home-simple-card-actions .btn{
  min-height:40px;
  padding:0 15px;
  font-size:10px;
}

.home-simple-how{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:80px;
  align-items:start;
  padding-top:120px;
  padding-bottom:120px;
  background:#ded7cc;
}

.home-simple-how-head{
  position:sticky;
  top:120px;
}

.home-simple-how-head h2{
  margin:14px 0 0;
  font-family:Georgia,serif;
  font-size:clamp(48px,5vw,76px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.045em;
}

.home-simple-how-head h2 em{
  color:#a8613c;
  font-weight:400;
}

.home-simple-steps{
  border-top:1px solid #bdb5a9;
}

.home-simple-steps article{
  display:grid;
  grid-template-columns:60px minmax(150px,.55fr) minmax(0,1fr);
  gap:26px;
  align-items:center;
  min-height:150px;
  border-bottom:1px solid #bdb5a9;
}

.home-simple-steps article>span{
  color:#a8613c;
  font-size:11px;
  font-weight:900;
}

.home-simple-steps h3{
  margin:0;
  font-size:25px;
}

.home-simple-steps p{
  margin:0;
  color:#625b54;
  font-size:14px;
  line-height:1.55;
}

.home-simple-pricing{
  padding-top:120px;
  padding-bottom:105px;
  background:#f5f2ec;
}

.home-simple-pricing-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  max-width:1040px;
}

.home-simple-price-card{
  display:flex;
  flex-direction:column;
  min-height:455px;
  padding:34px;
  border:1px solid #d3cbc1;
  border-radius:18px;
  background:#fff;
}

.home-simple-price-card.is-premium{
  background:#171717;
  color:#fff;
  border-color:#171717;
}

.home-simple-price-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding-bottom:25px;
  border-bottom:1px solid #ddd6cc;
}

.home-simple-price-card.is-premium .home-simple-price-top{
  border-bottom-color:#393939;
}

.home-simple-price-top span{
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.home-simple-price-top strong{
  font-family:Georgia,serif;
  font-size:48px;
  font-weight:400;
  line-height:1;
}

.home-simple-price-card>p{
  max-width:460px;
  min-height:72px;
  margin:24px 0 16px;
  color:#716a63;
  line-height:1.55;
}

.home-simple-price-card.is-premium>p{
  color:#bdbdb9;
}

.home-simple-price-card ul{
  display:grid;
  gap:12px;
  margin:0 0 32px;
  padding:0;
  list-style:none;
}

.home-simple-price-card li{
  position:relative;
  padding-left:21px;
  font-size:13px;
}

.home-simple-price-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#a8613c;
  font-weight:900;
}

.home-simple-price-card.is-premium li::before{
  color:#e3a17d;
}

.home-simple-price-card .btn{
  width:100%;
  margin-top:auto;
}

.home-simple-price-card.is-premium .btn-primary{
  background:#e39b75;
  border-color:#e39b75;
  color:#171717;
}

.home-simple-payment{
  max-width:1040px;
  margin:18px 0 0;
  color:#766f68;
  font-size:11px;
  text-align:center;
}

.home-simple-footer{
  align-items:center;
  padding-top:32px;
  padding-bottom:32px;
}

.home-simple-footer p{
  margin:0;
  color:#aaa;
  font-size:11px;
}

/* Hide legacy homepage sections if stale markup survives browser cache. */
.landing-simple .process-v2,
.landing-simple .price-difference-banner,
.landing-simple .payment-installments,
.landing-simple .offer-comparison{
  display:none !important;
}

@media(max-width:900px){
  .home-simple-hero{
    min-height:auto;
    padding-top:45px;
    padding-bottom:80px;
  }

  .home-simple-browser{
    max-width:none;
    margin-left:0;
  }

  .home-simple-how{
    grid-template-columns:1fr;
    gap:42px;
  }

  .home-simple-how-head{
    position:static;
  }

  .home-simple-pricing-grid{
    grid-template-columns:1fr;
  }

  .home-simple-price-card{
    min-height:0;
  }
}

@media(max-width:650px){
  .landing-simple .topbar .btn{
    padding-left:11px;
    padding-right:11px;
    font-size:9px;
  }

  .home-simple-hero .hero-copy h1{
    font-size:clamp(53px,15vw,72px);
  }

  .home-simple-proof{
    gap:8px;
  }

  .home-simple-templates,
  .home-simple-how,
  .home-simple-pricing{
    padding-top:78px;
    padding-bottom:78px;
  }

  .home-simple-template-grid .thumb{
    height:245px;
  }

  .home-simple-card-copy{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:15px;
  }

  .home-simple-card-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .home-simple-card-actions .btn{
    width:100%;
  }

  .home-simple-steps article{
    grid-template-columns:42px 1fr;
    gap:10px 14px;
    padding:24px 0;
  }

  .home-simple-steps p{
    grid-column:2;
  }

  .home-simple-price-card{
    padding:25px;
  }

  .home-simple-price-top strong{
    font-size:41px;
  }

  .home-simple-footer{
    display:flex;
    flex-direction:column;
    gap:7px;
    align-items:flex-start;
  }
}

.service-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.service-editor-row label{display:grid;gap:7px;font-size:13px;font-weight:700}
.remove-service{border:0;background:transparent;color:#75442f;text-decoration:underline;cursor:pointer;padding:6px}
#addService{margin-top:16px}
#previewStatus{font-size:13px;color:#665e56;line-height:1.5}


/* =========================================================
   V7.46 — CART / CHECKOUT
   ========================================================= */
.topbar-actions{display:flex;align-items:center;gap:10px}.cart-header-link{position:relative;min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #cfc7bc;border-radius:10px;background:#fff;color:#24211e;text-decoration:none;font-size:10px;font-weight:850}.cart-header-link:hover,.cart-header-link.active{border-color:#978b80}.cart-count{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:#a8613c;color:#fff;font-size:9px}.cart-page{background:#f3f0ea;min-height:100vh}.cart-shell{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:90px 0 110px}.cart-heading{max-width:780px;margin-bottom:48px}.cart-heading h1{margin:14px 0 18px;font-family:Georgia,serif;font-size:clamp(54px,6vw,90px);font-weight:400;line-height:.9;letter-spacing:-.05em}.cart-heading h1 em{color:#a8613c;font-weight:400}.cart-heading p{max-width:620px;color:#6f675f;font-size:15px;line-height:1.65}.cart-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:24px;align-items:start}.cart-list-panel,.cart-summary-panel{border:1px solid #d7d0c7;border-radius:18px;background:#fff}.cart-list-panel{padding:26px}.cart-summary-panel{position:sticky;top:98px;padding:28px}.cart-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #e3ded7}.cart-panel-head h2{margin:0;font-family:Georgia,serif;font-size:30px;font-weight:400}.cart-panel-head span{color:#827970;font-size:10px}.cart-items{display:grid}.cart-item{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #e5e0da}.cart-item-visual{height:96px;display:flex;flex-direction:column;justify-content:space-between;padding:13px;border-radius:11px;background:#f2efe9}.cart-item-visual>span{font-size:11px;font-weight:900}.cart-item-swatches{display:grid;grid-template-columns:repeat(4,1fr);height:24px;overflow:hidden;border-radius:5px}.cart-item-swatches i{display:block}.cart-item-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;min-width:0}.cart-item-kicker{color:#a8613c;font-size:8px;font-weight:900;letter-spacing:.1em}.cart-item-copy h3{margin:4px 0 5px;font-size:18px}.cart-item-copy p{margin:0;color:#7b736c;font-size:10px}.cart-item-links{display:flex;gap:12px;flex:0 0 auto}.cart-item-links a,.cart-item-links button{padding:0;border:0;background:none;color:#6d655e;font-size:9px;text-decoration:underline;cursor:pointer}.cart-item-price{font-size:22px}.cart-empty{padding:56px 20px;text-align:center}.cart-empty strong{font-family:Georgia,serif;font-size:28px;font-weight:400}.cart-empty p{color:#817970}.cart-total-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:22px 0 8px;padding-bottom:22px;border-bottom:1px solid #e1dcd5}.cart-total-row span{font-size:12px}.cart-total-row strong{font-family:Georgia,serif;font-size:42px;font-weight:400}.cart-total-note{margin:0 0 24px;color:#817970;font-size:9px;line-height:1.5}.checkout-form{display:grid;gap:14px}.checkout-form label{display:grid;gap:7px;color:#4b4540;font-size:10px;font-weight:750}.checkout-form input{width:100%;min-height:46px;padding:0 12px;border:1px solid #d6cfc6;border-radius:9px;background:#fff}.cart-checkout-button{width:100%;min-height:50px;margin-top:5px}.checkout-security{display:grid;gap:3px;margin-top:17px;color:#6f685f;font-size:9px}.checkout-security span{font-weight:800}.checkout-security small{color:#928a82}.checkout-status{margin:12px 0 0;color:#6f685f;font-size:10px;line-height:1.45}.checkout-status.error{color:#a3443c}.payment-result-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:#f3f0ea}.payment-result-card{width:min(680px,100%);padding:50px;border:1px solid #d7d0c7;border-radius:20px;background:#fff;text-align:center}.payment-result-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 22px;border-radius:50%;background:#dfe9df;color:#3f6749;font-size:26px}.payment-result-card h1{margin:12px 0;font-family:Georgia,serif;font-size:46px;font-weight:400}.payment-result-card p{max-width:540px;margin:0 auto 28px;color:#70685f;line-height:1.6}.payment-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.payment-result-card small{display:block;margin-top:22px;color:#8d857d}.submit-bar{flex-wrap:wrap}
@media(max-width:850px){.cart-layout{grid-template-columns:1fr}.cart-summary-panel{position:static}.cart-item{grid-template-columns:100px 1fr}.cart-item-price{grid-column:2}.cart-item-copy{align-items:flex-start;flex-direction:column}.cart-shell{padding-top:55px}}@media(max-width:600px){.topbar-actions .btn{display:none}.cart-shell{width:min(100% - 22px,1220px)}.cart-list-panel,.cart-summary-panel{padding:18px}.cart-item{grid-template-columns:1fr}.cart-item-visual{height:82px}.cart-item-price{grid-column:1}.payment-result-card{padding:30px 20px}.payment-result-card h1{font-size:38px}}


/* =========================================================
   V7.47 — ORDER PERSONALIZATION SNAPSHOT
   ========================================================= */
.cart-customization-status{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:8px;
  padding:6px 9px;
  border-radius:999px;
  font-size:9px;
  font-weight:850;
  line-height:1.2;
}

.cart-customization-status.saved{
  background:#eaf1e9;
  color:#3f6649;
}

.cart-customization-status.basic{
  background:#f1ede8;
  color:#84786d;
}

#addToCart:disabled{
  opacity:.58;
  cursor:wait;
}


/* =========================================================
   V7.48 — OFFICIAL ARMESTO DESIGN LOGO
   ========================================================= */
.topbar:has(.armesto-brand-logo),
.preview-toolbar:has(.armesto-brand-logo){
  padding-top:7px;
  padding-bottom:7px;
}

.armesto-brand-logo{
  position:relative;
  width:112px;
  height:62px;
  display:block;
  flex:0 0 112px;
  overflow:hidden;
  line-height:0;
  text-decoration:none;
}

.armesto-brand-logo img{
  position:absolute;
  top:50%;
  left:50%;
  width:112px;
  height:auto;
  max-width:none;
  display:block;
  transform:translate(-50%,-50%);
}

@media(max-width:650px){
  .armesto-brand-logo{
    width:96px;
    height:54px;
    flex-basis:96px;
  }

  .armesto-brand-logo img{
    width:96px;
  }
}


/* =========================================================
   V7.49 — REQUIRED ORDER FORM
   ========================================================= */
.order-required-mark{
  color:#a8613c;
  font-weight:900;
}

.order-form-rule{
  margin-top:18px;
  padding:16px 18px;
  border:1px solid #d8d0c5;
  border-left:3px solid #a8613c;
  border-radius:11px;
  background:#f8f5f0;
}

.order-form-rule strong{
  display:block;
  margin-bottom:4px;
  font-size:11px;
}

.order-form-rule p{
  margin:0;
  color:#746c65;
  font-size:11px;
  line-height:1.55;
}

.order-field-invalid{
  position:relative;
}

label.order-field-invalid,
.order-field-invalid label{
  color:#8c332d !important;
}

.order-field-invalid input,
.order-field-invalid textarea,
.order-field-invalid select{
  border-color:#b6453d !important;
  box-shadow:0 0 0 2px rgba(182,69,61,.10) !important;
}

.service-editor.order-field-invalid,
.project-gallery-editor.order-field-invalid{
  padding:10px;
  border:1px solid #b6453d;
  border-radius:12px;
  background:rgba(182,69,61,.04);
}

.checkout-field-help{
  display:block;
  margin-top:6px;
  color:#80776f;
  font-size:9px;
  line-height:1.45;
}

.cart-customization-ref{
  display:block;
  margin-top:5px;
  color:#948b83;
  font-size:8px;
  line-height:1.3;
}


/* =========================================================
   V7.54 — SIMPLE COLOR CHOICE IN ORDER FORM
   ========================================================= */
.color-palette-help-simple{
  display:block !important;
}

.color-palette-help-simple p{
  max-width:none;
  margin:0;
}

.legal-footer-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:10px}.legal-footer-links a{font-size:9px;color:inherit;opacity:.65;text-decoration:none}.legal-footer-links a:hover{opacity:1}