/*
Theme Name: HALEBIT
Theme URI: https://halebit.com/
Author: HALEBIT
Author URI: https://halebit.com/
Description: Lightweight, privacy-first WordPress theme for the HALEBIT fitness tracking website.
Version: 1.20.6
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: halebit
Tags: one-column, custom-logo, custom-menu, accessibility-ready, translation-ready
*/

:root{--cream:#F4EDE1;--card:#FBF7EF;--sand:#EAE0CE;--ink:#23281F;--muted:#666358;--border:#DED3BF;--green:#2E4B3C;--green2:#5E7E58;--peach:#E8A87C;--sage:#D9E4D2;--white:#FFFDF8}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:var(--white);padding:10px 14px;border-radius:10px;z-index:99}.topline{background:var(--green);color:var(--cream);font-size:13px;text-align:center;padding:8px 16px;letter-spacing:.02em}.topline strong{color:#fff}nav{position:sticky;top:0;z-index:20;background:rgba(244,237,225,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}nav .wrap{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.04em}.brand img{width:31px;height:31px;border-radius:8px}.nav-links{display:flex;align-items:center;gap:24px;color:var(--muted);font-weight:600;font-size:14px}.nav-links a:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:750;font-size:14px}.btn-green{background:var(--green);color:var(--cream)}.btn-green:hover{background:#20392D}.hero{padding:76px 0 55px}.hero .wrap{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:var(--sage);color:var(--green);padding:7px 13px;border-radius:999px;font-size:13px;font-weight:750;margin-bottom:20px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green2)}h1{font-size:clamp(42px,5.2vw,66px);line-height:1.01;letter-spacing:-.055em;margin-bottom:20px;max-width:700px}h1 .accent{color:var(--green)}.lead{font-size:19px;color:var(--muted);max-width:650px;margin-bottom:27px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.store{display:inline-flex;align-items:center;gap:11px;border-radius:15px;padding:11px 18px}.store-live{background:var(--ink);color:var(--cream)}.store small{display:block;font-size:10px;letter-spacing:.08em;opacity:.8}.store b{display:block;font-size:17px;line-height:1.1}.hero-visual{display:flex;justify-content:center;gap:17px;align-items:center}.phone{width:238px;border-radius:31px;background:#111;padding:8px;border:1px solid #000;box-shadow:0 26px 55px rgba(35,40,31,.20)}.phone img{display:block;border-radius:24px}.phone.tilt{width:207px;transform:rotate(4deg) translateY(16px)}.strip{background:var(--green);color:var(--cream);padding:19px 0}.strip .wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 34px;font-weight:700;font-size:14px}.strip span{display:inline-flex;gap:8px;align-items:center}.section{padding:82px 0}.center{text-align:center;max-width:760px;margin:0 auto 45px}.kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--green);font-weight:800;margin-bottom:10px}.center h2{font-size:clamp(31px,4vw,43px);line-height:1.1;letter-spacing:-.045em;margin-bottom:12px}.center p{font-size:17px;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(min-width:901px){.features .feature:nth-child(10):last-child{grid-column:2}}
.feature{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:25px}.ic{width:45px;height:45px;border-radius:14px;background:var(--sage);color:var(--green);display:grid;place-items:center;margin-bottom:16px;font-size:20px}.feature h3{font-size:19px;letter-spacing:-.025em;margin-bottom:6px}.feature p{font-size:15px;color:var(--muted)}.gallery{background:var(--sand)}.shots{display:flex;gap:20px;overflow-x:auto;padding:5px 3px 20px;scroll-snap-type:x mandatory}.shots .phone{flex:0 0 205px;scroll-snap-align:center;transform:none}.intent{background:var(--white)}.intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.intent-card{border:1px solid var(--border);border-radius:24px;padding:30px;background:var(--card)}.intent-card h3{font-size:24px;letter-spacing:-.035em;margin-bottom:8px}.intent-card p{color:var(--muted);font-size:15px}.intent-card ul{margin:18px 0 0 19px;color:var(--muted);font-size:15px}.intent-card li{margin:6px 0}.why{background:var(--green);color:var(--cream)}.why .kicker{color:var(--peach)}.why .center p{color:#D9E4D2}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.why-card{padding:27px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:22px}.why-card .n{color:var(--peach);font-weight:800;margin-bottom:8px}.why-card h3{font-size:19px;margin-bottom:8px}.why-card p{color:#D9E4D2;font-size:15px}.faq .wrap{max-width:850px}details{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:3px 21px;margin-bottom:11px}details[open]{border-color:var(--green)}summary{list-style:none;cursor:pointer;font-weight:700;font-size:16px;padding:17px 0;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--green);font-size:22px}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:15px;padding-bottom:19px}.privacy{padding-top:20px}.policy{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:34px}.policy h3{font-size:18px;margin:22px 0 5px}.policy h3:first-of-type{margin-top:0}.policy p{color:var(--muted)}.updated{font-size:13px!important;margin-bottom:10px}footer{background:var(--green);color:var(--cream);padding:46px 0 34px}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}footer .brand{color:var(--cream)}.mail{color:var(--peach);font-weight:750}.foot-small{width:100%;text-align:center;opacity:.72;font-size:13px;margin-top:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;text-align:center}.lead{margin-left:auto;margin-right:auto}.cta-row{justify-content:center}.hero-visual{margin-top:22px}.features,.why-grid{grid-template-columns:1fr 1fr}.intent-grid{grid-template-columns:1fr}.nav-links a:not(.btn){display:none}}@media(max-width:600px){.wrap{width:min(100% - 28px,1120px)}.hero{padding-top:50px}.hero-visual{gap:10px}.hero-visual .phone{width:195px}.hero-visual .phone.tilt{width:175px}.features,.why-grid{grid-template-columns:1fr}.section{padding:64px 0}h1{font-size:43px}.lead{font-size:17px}.strip .wrap{justify-content:flex-start}.nav-links{gap:8px}}

.wp-block-button .wp-block-button__link{border-radius:999px}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.screen-reader-text:focus{clip:auto!important;clip-path:none;width:auto;height:auto;left:20px;top:20px;padding:10px 14px;background:#fff;z-index:99999}

/* Readability and responsive refinements — preserve original HALEBIT palette */
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-weight:450;font-size:16px;letter-spacing:0;overflow-x:hidden}
body,h1,h2,h3,p,a,button,input,summary{font-synthesis:none}
strong,b,h1,h2,h3,.btn,.nav-links,.brand{font-weight:750}
h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
html{scroll-padding-top:82px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
a,button,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--peach);outline-offset:3px}
.site-nav{padding-top:env(safe-area-inset-top)}
.site-nav .wrap{min-height:68px}
.hero{padding:clamp(52px,7vw,76px) 0 55px}
.hero .wrap{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(28px,5vw,54px)}
h1{font-size:clamp(40px,5.2vw,66px);font-weight:800;line-height:1.01;letter-spacing:-.045em}
.lead{font-size:clamp(17px,1.8vw,19px);line-height:1.6}
.section{padding:clamp(64px,8vw,82px) 0}
.center h2{font-weight:800}
.feature,.why-card,.intent-card,.policy{box-shadow:0 8px 28px rgba(35,40,31,.045)}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;text-align:center}.lead{margin-left:auto;margin-right:auto}.cta-row{justify-content:center}.hero-visual{margin-top:22px}.features,.why-grid{grid-template-columns:1fr 1fr}.intent-grid{grid-template-columns:1fr}.nav-links a:not(.btn){display:none}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1120px)}.hero{padding-top:50px}.hero-visual{gap:10px}.hero-visual .phone{width:195px}.hero-visual .phone.tilt{width:175px}.features,.why-grid{grid-template-columns:1fr}.section{padding:64px 0}h1{font-size:43px}.lead{font-size:17px}.strip .wrap{justify-content:flex-start}.nav-links{gap:8px}}

/* HALEBIT readability correction — deliberately heavier system rendering */
html{font-size:16px}
body{font-weight:500;color:#23281F;-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}
p,li,dt,dd,label,summary,.feature p,.why-card p,.intent-card p,.intent-card li,details p,.policy p,.center p,.lead{font-weight:500;color:#4F4C44}
.lead{font-weight:550;color:#4A4841}
.nav-links{font-weight:700;color:#45433D}
.topline{font-weight:600}
.brand,strong,b,h1,h2,h3,.btn,.kicker,.eyebrow,.strip,.feature h3,.why-card h3,.intent-card h3,summary{font-weight:800}
.policy{font-size:17px;line-height:1.72}
.policy h2,.policy h3{color:#23281F;font-weight:800}
.policy p{color:#4F4C44;font-weight:500}
.policy .updated{color:#5F5B52;font-weight:600}
footer{font-weight:500}
.foot-small{font-weight:500}
@media(max-width:600px){body{font-size:16.5px}.policy{font-size:17px;line-height:1.7}.policy p{font-size:17px}.policy h3{font-size:20px}}


/* HALEBIT v1.11.5 — exact app/website palette + app-style organic contour pattern */
:root{
  --cream:#F4EDE1;
  --card:#FBF7EF;
  --sand:#EAE0CE;
  --ink:#23281F;
  --muted:#666358;
  --border:#E3D8C4;
  --green:#2E4B3C;
  --green2:#5E7E58;
  --peach:#E8A87C;
  --sage:#D9E4D2;
  --success:#4B7A54;
  --green-soft:#6F9166;
  --orange:#C9703C;
  --white:#FFFDF8;
  --body-text:#383A32;
  --contour:#D4D8CC;
}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:clamp(16px,1rem + .12vw,17px);line-height:1.68;font-weight:450;
  color:var(--ink);background-color:var(--cream);
  background-image:url("assets/images/halebit-topographic.svg");
  background-repeat:repeat;background-size: min(920px,100vw) auto;
  background-position:center top;background-attachment:scroll;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
/* App-like contour lines remain visible in open areas, while content surfaces stay calm. */
.feature,.intent-card,.policy,details,.post-card,.entry-thumb,.halebit-waitlist-card{
  background-color:rgba(251,247,239,.97);
}
.gallery{background-color:rgba(234,224,206,.96)}
.intent{background-color:rgba(251,247,239,.96)}
.site-nav,nav{background:rgba(244,237,225,.97)}
.strip,footer,.why,.cta-box{background-color:var(--green)}
body,p,li,dd,dt,label,summary{color:var(--ink)}
p,li,dd,dt,label,summary{line-height:1.7}
.lead{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.72;color:#4A493F;font-weight:500}
.center p,.feature p,.intent-card p,.intent-card li,.why-card p,details p,.policy p,.post-card p,.archive-desc{
  color:#4F4C42;font-size:1rem;line-height:1.72;font-weight:450
}
.nav-links{font-size:.94rem;font-weight:650;color:#4F4C42}
.btn,.halebit-follow-btn,.read-more{font-size:.96rem;font-weight:750;min-height:44px}
.entry-content{font-size:clamp(1.03rem,1rem + .18vw,1.12rem);line-height:1.8;color:#30332C}
.entry-content p,.entry-content li,.entry-content td,.entry-content th{line-height:1.8;color:#30332C}
.entry-content h2{font-size:clamp(1.65rem,2.8vw,2.1rem);line-height:1.2}
.entry-content h3{font-size:clamp(1.25rem,2vw,1.45rem);line-height:1.3}
h1{font-size:clamp(2.25rem,4.6vw,4.15rem);line-height:1.08;letter-spacing:-.035em;font-weight:800}
h2,.center h2{font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.16;letter-spacing:-.028em;font-weight:800}
h3{line-height:1.28;font-weight:750}
.kicker,.eyebrow,.entry-cat{font-size:.82rem;line-height:1.45;letter-spacing:.09em;font-weight:800}
summary{font-size:1.02rem;min-height:48px;align-items:center}
small,.foot-small,.post-meta{line-height:1.6}
a{text-underline-offset:.18em}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #C9703C;outline-offset:3px}
img{height:auto}
@media(min-width:1500px){.wrap{width:min(1200px,calc(100% - 64px))}.entry,.archive-head{max-width:840px}.entry-content{font-size:18px}}
@media(max-width:900px){
  body{background-size:min(820px,125vw) auto}
  .hero{padding-top:clamp(42px,7vw,62px)}
  .nav-links{font-size:1rem}
  .feature,.intent-card,.why-card{padding:clamp(20px,3vw,27px)}
}
@media(max-width:600px){
  body{font-size:16.5px;line-height:1.7;background-size:760px auto;background-position:center top}
  .wrap{width:calc(100% - 32px)}
  .hero{padding:42px 0 38px}
  h1{font-size:clamp(2.05rem,8.5vw,2.75rem);line-height:1.1;letter-spacing:-.03em}
  h2,.center h2{font-size:clamp(1.7rem,7vw,2.15rem);line-height:1.18}
  .lead{font-size:17px;line-height:1.72}
  .section{padding:58px 0}
  .center{margin-bottom:30px}
  .feature p,.intent-card p,.intent-card li,.why-card p,details p,.policy p,.center p{font-size:16px;line-height:1.72}
  .entry-content{font-size:17px;line-height:1.78}
  .entry-content p,.entry-content li{font-size:17px;line-height:1.78}
  .entry-content h2{font-size:25px;line-height:1.22}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 404: off-route concept */
.e404{padding:64px 0 84px}
.e404-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.e404-copy .kicker{color:var(--orange,#C9703C)}
.e404-copy h1{font-size:clamp(38px,5vw,60px);margin-bottom:16px}
.e404-copy .lead{font-size:18px}
.e404-ghost{border:1.5px solid var(--green);color:var(--green);background:transparent}
.e404-ghost:hover{background:var(--sage)}
.e404-label{margin-top:30px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--muted)}
.e404-links{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.e404-links a{display:inline-flex;min-height:40px;align-items:center;padding:8px 15px;border:1px solid var(--border);border-radius:999px;background:var(--card);font-weight:700;font-size:14px}
.e404-links a:hover{border-color:var(--green);color:var(--green)}
.e404-card{background:var(--card);border:1px solid var(--border);border-radius:28px;padding:20px 20px 22px;box-shadow:0 26px 55px rgba(35,40,31,.12);position:relative;overflow:hidden}
.e404-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.e404-pill{background:#F3DFCF;color:#9A4F22;font-weight:800;font-size:12px;padding:6px 12px;border-radius:999px;letter-spacing:.02em}
.e404-sub{color:var(--muted);font-size:13px;font-weight:700}
.e404-map{display:block;width:100%;height:auto;border-radius:18px;background:var(--cream)}
.e404-big{position:absolute;left:0;right:0;top:112px;text-align:center;font-size:clamp(88px,13vw,150px);font-weight:900;letter-spacing:-.07em;line-height:1;color:rgba(46,75,60,.12);pointer-events:none;display:flex;justify-content:center;align-items:center;gap:.02em}
.e404-zero{display:inline-block;width:.62em;height:.74em;border:.11em solid rgba(46,75,60,.12);border-radius:50%}
.e404-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.e404-stats small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.e404-stats b{font-size:20px;letter-spacing:-.03em}
.e404-stats i{font-style:normal;font-size:13px;color:var(--muted);font-weight:600}
.e404-lost{color:#C9703C}
@media(max-width:860px){.e404-grid{grid-template-columns:1fr;gap:30px}.e404{padding:44px 0 64px}.e404-copy{text-align:center}.e404-copy .cta-row,.e404-links{justify-content:center}.e404-stats b{font-size:17px}}
