.fontish-starter-page{background:#fff;color:var(--fontish-ink);overflow:hidden}.fontish-starter-page *{box-sizing:border-box}.fontish-starter-page h1,.fontish-starter-page h2{color:#211747;font-family:"Playfair Display",Georgia,serif;letter-spacing:-.035em}.fontish-starter-page h3{color:#292342}.starter-eyebrow,.starter-kicker{color:var(--fontish-purple-deep);font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.starter-hero{background:linear-gradient(135deg,#fff 0%,#fdfbff 60%,#f7f4ff 100%);border-bottom:1px solid #ece8f5;padding:74px 0 80px;position:relative}.starter-hero:before{background:radial-gradient(circle,rgba(106,90,205,.14) 1px,transparent 1.5px);background-size:14px 14px;content:"";height:170px;opacity:.55;position:absolute;right:2%;top:9%;width:250px}.starter-hero__grid{align-items:center;display:grid;gap:66px;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr)}.starter-hero__copy{max-width:530px}.starter-eyebrow{border:1px solid #8a78e8;border-radius:999px;display:inline-block;margin:0 0 24px;padding:8px 16px}.starter-hero h1{font-size:clamp(48px,5vw,72px);line-height:.98;margin:0 0 25px;max-width:650px}.starter-hero__lead{font-size:18px;line-height:1.75;margin:0 0 30px;max-width:540px}.starter-optin{display:flex;gap:10px;max-width:540px}.starter-optin input{background:#fff;border:1px solid #d9d3eb;border-radius:10px;color:#27233a;font:500 16px/1 "Inter",sans-serif;height:56px;min-width:0;padding:0 17px;width:100%}.starter-optin input:focus{border-color:var(--fontish-blue);box-shadow:0 0 0 4px rgba(63,106,224,.1);outline:0}.starter-button{align-items:center;background:linear-gradient(135deg,#3f6ae0,#315bd0);border:0;border-radius:10px;box-shadow:0 10px 24px rgba(63,106,224,.22);color:#fff;cursor:pointer;display:inline-flex;font:800 15px/1 "Inter",sans-serif;gap:13px;justify-content:center;min-height:56px;padding:0 22px;white-space:nowrap}.starter-button:hover{box-shadow:0 14px 30px rgba(63,106,224,.3);transform:translateY(-1px)}.starter-trust{align-items:center;color:#6d6878;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:13px}.starter-trust span:not(:first-child):before,.starter-trust a:before{color:#aaa4ba;content:"•";margin-right:8px}.starter-trust a{color:#3f6ae0;font-weight:700;text-decoration:none}.starter-hero__visual{height:510px;position:relative}.starter-blob{background:#eae5ff;border-radius:50%;height:270px;left:45px;position:absolute;top:145px;transform:rotate(-4deg);width:600px}.starter-cover{border:1px solid rgba(51,39,90,.12);border-radius:10px;box-shadow:0 25px 50px rgba(39,29,77,.14);display:flex;flex-direction:column;height:360px;padding:30px;position:absolute;width:225px}.starter-cover>span{font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.starter-cover>strong{font-family:"Playfair Display",Georgia,serif;font-size:28px;letter-spacing:-.035em;line-height:.94;margin-top:33px}.starter-cover>small{font-size:8px;margin-top:auto}.starter-cover--pairing{background:#fffaf1;left:25px;top:78px;transform:rotate(-8deg);z-index:1}.starter-cover--scale{background:#f4f1ff;left:190px;top:42px;transform:rotate(-1.5deg);z-index:2}.starter-cover--playbook{background:#351679;color:#fff;left:365px;top:42px;transform:rotate(7deg);z-index:4}.starter-cover--playbook strong{color:#fff}.starter-cover--playbook em{font-family:"Playfair Display",Georgia,serif;font-size:82px;font-style:normal;font-weight:700;line-height:1;margin:auto 0}.starter-cover--brand{background:#fffcf5;left:510px;top:86px;transform:rotate(9deg);z-index:3}.starter-cover--brand em{font-family:"Playfair Display",Georgia,serif;font-size:72px;font-style:normal;font-weight:600;line-height:1;margin:auto 0 28px}.starter-cover__sample{border:1px solid #ddd5c6;display:flex;justify-content:space-around;margin-top:34px;padding:25px 16px}.starter-cover__sample b{font-family:"Playfair Display",Georgia,serif;font-size:27px;font-weight:500}.starter-cover ul{list-style:none;margin:32px 0 0;padding:0}.starter-cover li{font-size:12px;margin:0 0 9px}.starter-section{padding:86px 0}.starter-section__head{margin:0 auto 46px;max-width:690px;text-align:center}.starter-section__head h2{font-size:46px;line-height:1.08;margin:8px 0 12px}.starter-section__head p:not(.starter-kicker){color:#686276;font-size:16px;line-height:1.7;margin:0}.starter-kicker{margin:0}.starter-resource-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.starter-resource-card{background:#fff;border:1px solid #e7e3ef;border-radius:16px;min-height:430px;padding:22px}.starter-resource-card:hover{box-shadow:var(--fontish-shadow);transform:translateY(-3px)}.starter-resource-card__icon{align-items:center;background:#f0edff;border-radius:50%;color:var(--fontish-purple-deep);display:flex;font-family:"Playfair Display",Georgia,serif;font-size:18px;font-weight:700;height:42px;justify-content:center;margin-bottom:19px;width:42px}.starter-resource-card h3{font-size:18px;margin:0 0 16px}.starter-resource-card>p{color:#5e586b;font-size:14px;line-height:1.65;margin:18px 0 0}.starter-mini{background:#fffdf8;border:1px solid #ece6d9;border-radius:8px;box-shadow:0 12px 25px rgba(55,43,84,.08);height:170px;padding:16px}.starter-mini span{color:#595365;display:block;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.starter-mini--pairing b{display:block;font-family:"Playfair Display",Georgia,serif;font-size:28px;margin:32px 0}.starter-mini small{color:#766f7e;font-size:8px}.starter-mini--check i{display:block;font-size:9px;font-style:normal;margin:12px 0}.starter-mini--steps b{display:block;font-size:10px;margin:10px 0}.starter-mini--brand{align-items:center;display:flex;flex-direction:column}.starter-mini--brand b{font-family:"Playfair Display",Georgia,serif;font-size:68px;font-weight:500;line-height:1}.starter-mini--brand span{background:linear-gradient(90deg,#281350 0 25%,#554199 25% 50%,#7d6bca 50% 75%,#c9c3e7 75%);height:10px;margin:16px 0;width:105px}.starter-outcomes{background:linear-gradient(90deg,#f9f7ff,#f1edff 50%,#f9f7ff);padding:80px 0}.starter-outcome-grid{display:grid;grid-template-columns:repeat(4,1fr)}.starter-outcome-grid article{border-right:1px solid #dcd5ee;padding:0 35px;text-align:center}.starter-outcome-grid article:last-child{border-right:0}.starter-line-icon{color:var(--fontish-purple-deep);font-family:"Playfair Display",Georgia,serif;font-size:32px;height:42px}.starter-outcome-grid h3{font-size:20px;margin:15px 0 9px}.starter-outcome-grid p{color:#625d6e;font-size:14px;line-height:1.65;margin:0}.starter-why{padding:96px 0}.starter-why__grid{align-items:center;display:grid;gap:100px;grid-template-columns:.9fr 1.1fr}.starter-why__copy h2{font-size:49px;line-height:1.03;margin:12px 0 24px;max-width:500px}.starter-why__copy>p:not(.starter-kicker){color:#5f596b;font-size:16px;line-height:1.8;max-width:520px}.starter-text-link{color:var(--fontish-blue);display:inline-flex;font-size:14px;font-weight:800;gap:10px;margin-top:14px;text-decoration:none}.starter-benefits{display:grid;gap:24px}.starter-benefits article{align-items:flex-start;display:grid;gap:20px;grid-template-columns:58px 1fr}.starter-benefits article>div{align-items:center;background:#f1eeff;border-radius:50%;color:var(--fontish-purple-deep);display:flex;font-size:24px;height:58px;justify-content:center;width:58px}.starter-benefits h3{font-size:18px;margin:1px 0 6px}.starter-benefits p{color:#625d6e;font-size:14px;line-height:1.65;margin:0}.starter-final-cta{padding:0 0 74px}.starter-final-cta__box{align-items:center;background:linear-gradient(105deg,#f1edff,#faf9ff);border:1px solid #e6e0fb;border-radius:18px;display:grid;gap:40px;grid-template-columns:.72fr 1.28fr;padding:34px 42px}.starter-final-cta__box h2{font-size:36px;line-height:1.05;margin:7px 0 0;max-width:340px}.starter-final-cta__form-wrap{min-width:0}.starter-optin--bottom{max-width:none}.starter-faq{padding-top:34px}.starter-faq__shell{max-width:950px}.starter-faq .starter-section__head{margin-bottom:28px}.starter-faq__list{display:grid;gap:10px}.starter-faq details{background:#fff;border:1px solid #e3dfeb;border-radius:10px;padding:0 18px}.starter-faq summary{color:#292342;cursor:pointer;font-size:15px;font-weight:800;list-style:none;padding:19px 32px 19px 0;position:relative}.starter-faq summary::-webkit-details-marker{display:none}.starter-faq summary:after{content:"+";font-size:22px;font-weight:500;position:absolute;right:2px;top:14px}.starter-faq details[open] summary:after{content:"−"}.starter-faq details p{color:#625d6e;font-size:14px;line-height:1.7;margin:0;padding:0 28px 18px 0}
@media(max-width:1100px){.starter-hero__grid{gap:32px;grid-template-columns:.9fr 1.1fr}.starter-hero__visual{transform:scale(.87);transform-origin:center left}.starter-cover--brand{left:485px}.starter-resource-grid{grid-template-columns:repeat(2,1fr)}.starter-why__grid{gap:55px}.starter-final-cta__box{grid-template-columns:1fr}.starter-final-cta__box h2{max-width:none}}
@media(max-width:820px){.starter-hero{padding:55px 0 62px}.starter-hero__grid{grid-template-columns:1fr}.starter-hero__copy{max-width:680px}.starter-hero__visual{height:430px;margin:0 auto;max-width:680px;transform:scale(.82);transform-origin:top left;width:780px}.starter-outcome-grid{grid-template-columns:repeat(2,1fr);row-gap:40px}.starter-outcome-grid article:nth-child(2){border-right:0}.starter-why__grid{grid-template-columns:1fr}.starter-final-cta__box{padding:30px}.starter-section{padding:70px 0}}
@media(max-width:620px){.starter-hero h1{font-size:48px}.starter-hero__lead{font-size:16px}.starter-optin{flex-direction:column}.starter-button{width:100%}.starter-trust span:not(:first-child):before,.starter-trust a:before{display:none}.starter-trust{gap:7px 14px}.starter-hero__visual{height:355px;transform:scale(.63);width:760px}.starter-resource-grid{grid-template-columns:1fr}.starter-outcome-grid{grid-template-columns:1fr}.starter-outcome-grid article{border-bottom:1px solid #dcd5ee;border-right:0;padding:0 15px 28px}.starter-outcome-grid article:last-child{border-bottom:0;padding-bottom:0}.starter-section__head h2,.starter-why__copy h2{font-size:38px}.starter-final-cta__box{padding:26px 20px}.starter-final-cta__box h2{font-size:31px}}
@media(max-width:430px){.starter-hero__visual{height:300px;transform:scale(.52)}.starter-hero h1{font-size:43px}.starter-section{padding:58px 0}.starter-section__head h2,.starter-why__copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.starter-button,.starter-resource-card{transition:none!important}.starter-button:hover,.starter-resource-card:hover{transform:none}}

/* v0.23.50 refinement: keep the landing page on the production 1140px grid and
   prevent the hero artwork from visually spilling wider than the site shell. */
.fontish-starter-page .fontish-shell{box-sizing:border-box;max-width:none;padding-inline:0;width:min(1140px,calc(100% - 48px))}
.starter-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px}
.starter-hero__visual{height:470px;min-width:0;overflow:visible}
.starter-blob{height:245px;left:24px;top:135px;width:540px}
.starter-cover{height:338px;padding:26px;width:205px}
.starter-cover>strong{font-size:25px;margin-top:29px}
.starter-cover--pairing{left:0;top:78px}
.starter-cover--scale{left:138px;top:44px}
.starter-cover--playbook{left:280px;top:43px}
.starter-cover--brand{left:402px;top:83px}
.starter-cover--playbook em{font-size:72px}
.starter-cover--brand em{font-size:62px}

/* Use real line icons rather than text glyph approximations. */
.starter-resource-card__icon{height:44px;width:44px}
.starter-resource-card__icon svg{height:23px;width:23px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}
.starter-line-icon{align-items:center;display:flex;justify-content:center}
.starter-line-icon svg{height:42px;width:48px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.starter-benefits article>div svg{height:27px;width:27px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}

/* Give the resource cards a little more visual hierarchy and keep their previews aligned. */
.starter-resource-grid{gap:20px}
.starter-resource-card{display:flex;flex-direction:column;min-height:452px;padding:24px}
.starter-resource-card h3{line-height:1.25;margin-bottom:18px}
.starter-mini{height:178px}
.starter-resource-card>p{margin-top:20px}

@media(max-width:1100px){
  .fontish-starter-page .fontish-shell{width:min(100% - 48px,1140px)}
  .starter-hero__visual{transform:scale(.88);transform-origin:center left}
}
@media(max-width:820px){
  .starter-hero__visual{overflow:hidden;transform:scale(.82);transform-origin:top left}
}
@media(max-width:700px){
  .fontish-starter-page .fontish-shell{width:min(100% - 36px,1140px)}
}

/* v0.23.51 — approved mockup alignment refinements */
/* Keep the landing page on the same 1140px production grid as the shared Fontish header/footer. */
.fontish-starter-page .fontish-shell{width:min(1140px,calc(100% - 48px));max-width:none;padding-inline:0}

/* Resource cards: stronger, centered icon treatment and more readable card copy. */
.starter-resource-card{padding:26px 24px 27px}
.starter-resource-card__icon{background:#6a5acd;color:#fff;height:58px;width:58px;margin:0 auto 22px;box-shadow:0 8px 18px rgba(76,61,181,.18)}
.starter-resource-card__icon svg{height:31px;width:31px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.starter-resource-card h3{color:#241a45;font-size:19px;line-height:1.28;margin:0 0 18px;text-align:center}
.starter-resource-card>p{color:#4f495e;font-size:15px;line-height:1.72;margin-top:21px}
.starter-mini{height:182px;padding:18px}
.starter-mini span{font-size:9px}
.starter-mini small{font-size:9px}
.starter-mini--pairing b{font-size:30px;margin:34px 0}
.starter-mini--check i{color:#4c4657;font-size:10.5px;margin:12px 0}
.starter-mini--steps b{color:#332c43;font-size:11px;margin:10px 0}

/* Outcome icons: match the visual weight of the approved mockup. */
.starter-line-icon{align-items:center;color:#5a43d3;display:flex;height:62px;justify-content:center;margin:0 auto;width:68px}
.starter-line-icon svg{height:58px;width:58px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.starter-outcome-grid h3{margin-top:17px}

@media(max-width:700px){.fontish-starter-page .fontish-shell{width:min(100% - 36px,1140px)}}

/* v0.23.52 — editable page block integration */
.fontish-starter-page>.wp-block-post-content,
.fontish-starter-page .wp-block-post-content{margin:0!important;max-width:none!important;padding:0!important;width:100%!important}
.fontish-starter-page .wp-block-fontish-starter-kit-page{margin:0!important;max-width:none!important;width:100%!important}

/* v0.23.53 — final landing-page polish approved after live visual QA */
/* Tighten the vertical rhythm without changing the approved structure. */
.starter-hero{padding:68px 0 64px}
.starter-section{padding:74px 0}
.starter-section__head{margin-bottom:38px}
.starter-outcomes{padding:68px 0}
.starter-why{padding:72px 0 76px}
.starter-final-cta{padding-bottom:60px}
.starter-faq{padding-top:18px}
.starter-faq .starter-section__head{margin-bottom:24px}

/* Resource cards: a clearer edge, subtle depth, and sturdier content hierarchy. */
.starter-resource-grid{align-items:stretch;gap:20px}
.starter-resource-card{
  border-color:#dcd6ea;
  box-shadow:0 10px 26px rgba(42,29,79,.055);
  height:100%;
  min-height:0;
  padding:27px 24px 28px;
  transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;
}
.starter-resource-card:hover{
  border-color:#cfc6e8;
  box-shadow:0 16px 34px rgba(42,29,79,.10);
  transform:translateY(-2px)
}
.starter-mini{flex:0 0 auto;width:100%}
.starter-resource-card>p{margin-bottom:0}

/* Compact the Why Fontish area so it follows the mockup more closely. */
.starter-why__grid{gap:70px}
.starter-why__copy h2{margin-bottom:20px}
.starter-why__copy>p:not(.starter-kicker){line-height:1.72}
.starter-benefits{gap:20px}
.starter-benefits article{gap:18px;grid-template-columns:56px 1fr}
.starter-benefits article>div{height:56px;width:56px}

/* Better card responsiveness: 4 → 2 → 1 with comfortable card widths and no cramped intermediate state. */
@media (max-width:1180px){
  .starter-resource-grid{gap:18px}
  .starter-resource-card{padding-inline:22px}
}
@media (max-width:960px){
  .starter-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .starter-resource-card{min-height:0;padding:26px}
  .starter-mini{height:190px}
  .starter-why__grid{gap:48px}
}
@media (max-width:700px){
  .starter-section{padding:62px 0}
  .starter-outcomes{padding:60px 0}
  .starter-why{padding:62px 0 66px}
  .starter-final-cta{padding-bottom:52px}
  .starter-faq{padding-top:12px}
  .starter-resource-grid{grid-template-columns:1fr;gap:16px}
  .starter-resource-card{padding:24px 22px}
  .starter-resource-card__icon{height:56px;width:56px}
  .starter-mini{height:auto;min-height:180px}
  .starter-why__grid{gap:38px}
}
@media (max-width:430px){
  .starter-section{padding:54px 0}
  .starter-resource-card{border-radius:14px;padding:22px 18px 24px}
  .starter-resource-card h3{font-size:18px}
  .starter-resource-card>p{font-size:14.5px;line-height:1.68}
}

/* Brevo bot-trap field: keep submission plumbing invisible without importing third-party form CSS. */
.starter-optin__honeypot {
  display: none !important;
}


/* v0.23.67 — mobile landing-page polish.
   These final overrides intentionally come after the approved desktop refinements. */
@media (max-width:820px){
  .fontish-starter-page{overflow-x:clip}
  .starter-hero{padding:42px 0 48px}
  .starter-hero__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr)!important;
    gap:30px!important;
  }
  .starter-hero__copy{
    max-width:none;
    min-width:0;
    width:100%;
  }
  .starter-hero__visual{
    box-sizing:border-box;
    height:auto!important;
    margin:0 auto!important;
    max-width:620px!important;
    min-height:300px;
    overflow:hidden;
    transform:none!important;
    width:100%!important;
  }
  .starter-hero__visual-inner{
    left:50%;
    position:relative;
    transform:translateX(-50%) scale(.78);
    transform-origin:top center;
    width:760px;
    height:390px;
  }
}
@media (max-width:620px){
  .fontish-starter-page .fontish-shell{
    width:min(100% - 36px,1140px)!important;
  }
  .starter-hero{padding:34px 0 42px}
  .starter-hero__grid{gap:24px!important}
  .starter-kicker{font-size:12px;line-height:1.35}
  .starter-hero h1{
    font-size:clamp(42px,12vw,54px)!important;
    line-height:.98!important;
    letter-spacing:-.035em;
    max-width:11ch;
    overflow-wrap:normal;
    word-break:normal;
  }
  .starter-hero__lead{
    font-size:16px!important;
    line-height:1.65;
    max-width:34ch;
  }
  .starter-hero__visual{
    min-height:270px;
    margin-top:2px!important;
  }
  .starter-hero__visual-inner{
    height:340px;
    transform:translateX(-50%) scale(.63);
  }
  .starter-section__head h2,
  .starter-why__copy h2{
    font-size:clamp(31px,9vw,38px)!important;
    line-height:1.06;
  }
}
@media (max-width:430px){
  .fontish-starter-page .fontish-shell{width:calc(100% - 32px)!important}
  .starter-hero h1{
    font-size:clamp(39px,11.5vw,48px)!important;
    max-width:10.5ch;
  }
  .starter-hero__visual{min-height:238px}
  .starter-hero__visual-inner{
    height:300px;
    transform:translateX(-50%) scale(.54);
  }
}