/* FindAKiwi styled inner pages (Pricing, About, How It Works, Legal). Home-page visual language. */

/* strip theme page chrome on our styled pages */
body.fk-styled-page .site-content{padding-top:0}
body.fk-styled-page .page__title,
body.fk-styled-page .page-header,
body.fk-styled-page .breadcrumbs,
body.fk-styled-page .hp-breadcrumb{display:none}
body.fk-styled-page .site-content > .container{max-width:none;padding:0}
body.fk-styled-page .page__text{max-width:none;margin:0}

.fk-page{font-family:"Open Sans",system-ui,-apple-system,sans-serif;color:#0f1727;line-height:1.6}
.fk-page h1,.fk-page h2,.fk-page h3{font-family:"Poppins",system-ui,sans-serif;letter-spacing:-.02em;line-height:1.15}

/* full-bleed helper */
.fk-page .fk-bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}

/* ---------- branded page header ---------- */
.fk-page__header{position:relative;overflow:hidden;color:#eaf3ef;text-align:center;padding:60px 20px 66px;
  background:radial-gradient(1100px 460px at 80% -20%,#12704f 0,rgba(18,112,79,0) 60%),linear-gradient(160deg,#06231d 0%,#0b3226 62%,#0e3c2d 100%)}
.fk-page__topo{position:absolute;inset:0;opacity:.5;pointer-events:none}
.fk-page__header-in{position:relative;z-index:1;max-width:1000px;margin:0 auto}
/* banner eyebrow: the same pill the blog hero uses for its category tag.
   Two selectors on purpose: the 3-class one outranks `.fk-page .fk-eyebrow`
   further down the file, the 2-class one covers any header outside `.fk-page`. */
.fk-page__header .fk-eyebrow,
.fk-page .fk-page__header .fk-eyebrow{display:inline-block;background:rgba(0,208,132,.16);border:1px solid rgba(0,208,132,.45);color:#00d084;border-radius:999px;padding:5px 14px;font-family:"Poppins",sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;width:auto;max-width:100%;margin:0 0 12px;line-height:1.35}
.fk-page__header h1{font-size:clamp(30px,4.4vw,48px);font-weight:600;color:#fff;margin:0;text-wrap:balance}
.fk-page__header p{max-width:60ch;margin:16px auto 0;color:#bcd4cb;font-size:clamp(15px,1.8vw,18px);line-height:1.6}

/* ---------- shared section bits ---------- */
.fk-page .fk-sec{padding:60px 0}
.fk-page .fk-sec--surface{background:#fff;border-top:1px solid #e6ecea;border-bottom:1px solid #e6ecea}
.fk-page .fk-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.fk-page .fk-eyebrow{font-family:"Poppins",sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#039a63;text-align:center;margin:0 auto 8px}
.fk-page .fk-h2{text-align:center;font-size:clamp(24px,3vw,34px);font-weight:600;color:#0f1727;margin:0 0 6px}
.fk-page .fk-lead{text-align:center;color:#566173;max-width:62ch;margin:0 auto 34px;font-size:17px}
.fk-page .fk-btn{display:inline-flex;align-items:center;justify-content:center;font-family:"Poppins",sans-serif;font-weight:600;font-size:15px;border-radius:10px;padding:13px 24px;text-decoration:none;transition:.12s}
.fk-page .fk-btn--brand{background:#00d084;color:#04160f}
.fk-page .fk-btn--brand:hover{filter:brightness(1.06)}
.fk-page .fk-btn--ghost{background:transparent;color:#0f1727;border:1px solid #d4e2dc}
.fk-page .fk-btn--ghost:hover{background:#f4f8f6}
.fk-page__trust{text-align:center;color:#8a94a3;font-size:14px;margin:26px 0 0}

/* ---------- pricing: restyle HivePress packages ---------- */
body.fk-styled-page .hp-listing-packages{max-width:860px;margin:0 auto}
body.fk-styled-page .hp-listing-packages .hp-row{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin:0}
body.fk-styled-page .hp-listing-packages .hp-grid__item{flex:1 1 330px;max-width:410px;padding:0}
body.fk-styled-page .hp-listing-package{background:#fff;border:1px solid #e6ecea;border-radius:18px;padding:34px 30px;height:100%;display:flex;flex-direction:column;box-shadow:0 6px 20px rgba(15,23,39,.05)}
body.fk-styled-page .hp-listing-package--primary{border:2px solid #00d084;box-shadow:0 20px 44px rgba(0,208,132,.16);position:relative}
body.fk-styled-page .hp-listing-package--primary::before{content:"Recommended";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#00d084;color:#04160f;font-family:"Poppins",sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 15px;border-radius:999px}
body.fk-styled-page .hp-listing-package__header{border:0;padding:0;margin:0 0 18px}
body.fk-styled-page .hp-listing-package__name{font-family:"Poppins",sans-serif;font-size:22px;font-weight:600;color:#0f1727;text-align:center;margin:0}
body.fk-styled-page .hp-listing-package__primary-badge{display:none}
body.fk-styled-page .hp-listing-package__price{text-align:center;font-family:"Poppins",sans-serif;font-size:36px;font-weight:700;color:#06231d;margin:6px 0 0;line-height:1}
body.fk-styled-page .hp-listing-package__price .woocommerce-Price-amount{font-size:36px;font-weight:700}
body.fk-styled-page .hp-listing-package__price .woocommerce-Price-currencySymbol{font-size:24px;vertical-align:top}
/* Free plan: the name already says "Free", so hide the redundant "Free" price (any price with no amount) */
body.fk-styled-page .hp-listing-package__price:not(:has(.woocommerce-Price-amount)){display:none}
body.fk-styled-page .hp-listing-package__content{padding:0}
body.fk-styled-page .hp-listing-package__description{color:#3a4658;font-size:15px;line-height:1.95}
body.fk-styled-page .hp-listing-package__description p{margin:0}
body.fk-styled-page .hp-listing-package__footer{border:0;padding:22px 0 0;margin-top:auto}
body.fk-styled-page .hp-listing-package__button{display:flex!important;align-items:center;justify-content:center;background:#00d084!important;color:#04160f!important;border:0!important;border-radius:10px!important;font-family:"Poppins",sans-serif;font-weight:600;font-size:15px;min-height:52px;width:100%;box-shadow:none!important;text-transform:none}
body.fk-styled-page .hp-listing-package:not(.hp-listing-package--primary) .hp-listing-package__button{background:#06231d!important;color:#eafff6!important}
body.fk-styled-page .hp-listing-package__button:hover{filter:brightness(1.06)}

/* ---------- pricing add-on cards ---------- */
.fk-addons{max-width:860px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.fk-addon{background:#fff;border:1px solid #e6ecea;border-radius:16px;padding:28px 26px;display:flex;flex-direction:column}
.fk-addon__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
.fk-addon__name{font-family:"Poppins",sans-serif;font-weight:600;font-size:19px;color:#0f1727}
.fk-addon__price{font-family:"Poppins",sans-serif;font-weight:700;font-size:24px;color:#039a63;white-space:nowrap}
.fk-addon ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}
.fk-addon li{display:flex;gap:10px;color:#3a4658;font-size:15px;line-height:1.45}
.fk-addon li::before{content:"";flex:0 0 18px;height:18px;margin-top:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300d084' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 6-11 11-5-5'/%3E%3C/svg%3E") no-repeat center/contain}
.fk-addon__note{color:#8a94a3;font-size:13px;margin:0 0 18px}
.fk-addon .fk-btn{margin-top:auto}

/* ---------- prose (about intro) ---------- */
.fk-page .fk-prose{max-width:68ch;margin:0 auto;text-align:center;color:#3a4658;font-size:17px;line-height:1.75}
.fk-page .fk-prose p{margin:0 0 16px}
.fk-page .fk-prose p:last-child{margin-bottom:0}
.fk-page .fk-prose strong{color:#0f1727;font-weight:600}

/* ---------- feature cards (about) ---------- */
.fk-features{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.fk-feature{background:#fff;border:1px solid #e6ecea;border-radius:16px;padding:26px}
.fk-feature h3{font-family:"Poppins",sans-serif;font-size:18px;font-weight:600;color:#0f1727;margin:0 0 8px;display:flex;align-items:center;gap:11px}
.fk-feature h3::before{content:"";flex:0 0 28px;width:28px;height:28px;border-radius:8px;background-color:#00d084;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 6-11 11-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px}
.fk-feature p{margin:0;color:#566173;font-size:15px;line-height:1.6}

/* ---------- checklist (mission) ---------- */
.fk-checklist{max-width:660px;margin:0 auto;list-style:none;padding:0;display:flex;flex-direction:column;gap:14px}
.fk-checklist li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #e6ecea;border-radius:12px;padding:16px 18px;color:#26313f;font-size:16px;line-height:1.5}
.fk-checklist li::before{content:"";flex:0 0 22px;width:22px;height:22px;margin-top:1px;border-radius:6px;background-color:#00d084;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 6-11 11-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:13px}

/* ---------- numbered steps (how it works) ---------- */
.fk-page .fk-steps{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
.fk-page .fk-step{background:#fff;border:1px solid #e6ecea;border-radius:16px;padding:30px 26px 26px;position:relative}
.fk-page .fk-step::before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:26px;width:36px;height:36px;border-radius:10px;background:#00d084;color:#04160f;font-family:"Poppins",sans-serif;font-weight:700;display:grid;place-items:center;font-size:16px}
.fk-page .fk-step h3{font-family:"Poppins",sans-serif;font-size:19px;font-weight:600;margin:6px 0 8px;color:#0f1727}
.fk-page .fk-step p{color:#566173;margin:0;font-size:15px;line-height:1.6}

/* ---------- CTA band ---------- */
.fk-cta{max-width:1000px;margin:0 auto;background:linear-gradient(120deg,#06231d,#0c4331);color:#eafff6;border-radius:22px;padding:46px 44px;text-align:center}
.fk-cta h2{color:#fff;font-size:clamp(22px,2.6vw,30px);margin:0 auto;max-width:24ch}
.fk-cta p{color:#bcd9cd;margin:12px auto 0;max-width:58ch}
.fk-cta__row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.fk-cta .fk-btn--ghost{color:#eafff6;border-color:rgba(255,255,255,.3)}
.fk-cta .fk-btn--ghost:hover{background:rgba(255,255,255,.08)}

/* ---------- categories (how it works) ---------- */
body.fk-styled-page .hp-listing-categories{max-width:1000px;margin:0 auto}

/* ---------- legal pages (branded header + readable prose) ---------- */
.fk-legal .fk-legal__body{max-width:768px;margin:0 auto;padding:52px 24px 76px;color:#3a4658;font-size:16px;line-height:1.75}
.fk-legal .fk-legal__body>*:first-child{margin-top:0}
.fk-legal .fk-legal__body h2,.fk-legal .fk-legal__body h3,.fk-legal .fk-legal__body h4{font-family:"Poppins",sans-serif;color:#0f1727;line-height:1.25;letter-spacing:-.01em}
.fk-legal .fk-legal__body h2{font-size:24px;margin:36px 0 12px}
.fk-legal .fk-legal__body h3{font-size:19px;margin:30px 0 10px}
.fk-legal .fk-legal__body h4{font-size:17px;margin:24px 0 8px}
.fk-legal .fk-legal__body p{margin:0 0 16px}
.fk-legal .fk-legal__body a{color:#039a63;text-decoration:underline}
.fk-legal .fk-legal__body a:hover{color:#00d084}
.fk-legal .fk-legal__body ul,.fk-legal .fk-legal__body ol{margin:0 0 16px;padding-left:22px}
.fk-legal .fk-legal__body li{margin:0 0 8px}
.fk-legal .fk-legal__body hr{border:0;border-top:1px solid #e6ecea;margin:30px 0}
.fk-legal .fk-legal__body strong{color:#0f1727}

@media(max-width:820px){
  .fk-addons{grid-template-columns:1fr}
  body.fk-styled-page .hp-listing-packages .hp-row{flex-direction:column;align-items:stretch}
  body.fk-styled-page .hp-listing-packages .hp-grid__item{max-width:none}
  .fk-features{grid-template-columns:1fr}
  .fk-page .fk-steps{grid-template-columns:1fr}
  .fk-cta{padding:32px 24px}
}
