/* AEO JUICE - AEO Agency Juice Bar */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Georgia,'Times New Roman',serif;
  font-size:16px;
  line-height:1.7;
  overflow-x:hidden;
  background:#FAF5EA;
  color:#3A2E24;
}
img{max-width:100%;display:block}
a{color:#D97B29}
h1,h2,h3,h4{color:#3A2E24;line-height:1.25}

/* ---------- utility ---------- */
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.section-title{
  font-size:2.1rem;
  text-align:center;
  margin:0 0 6px 0;
}
.section-sub{
  text-align:center;
  color:#3A2E24;
  font-size:1.05rem;
  margin:0 auto 38px auto;
  max-width:680px;
}
.bubble-text{color:#2E2418}

/* ---------- reveal on scroll (JS optional) ---------- */
.reveal{opacity:1;visibility:visible}
.no-js .reveal,.reveal.revealed{opacity:1;visibility:visible}
html.js .reveal{opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
html.js .reveal.revealed{opacity:1;visibility:visible;transform:translateY(0)}

/* ---------- STRAW-RIM HEADER ---------- */
.rimnav{
  background:#FFFDF6;
  border-bottom:6px solid transparent;
  border-image:repeating-linear-gradient(90deg,#D97B29 0 14px,#FFFDF6 14px 22px,#4E8A6A 22px 36px,#FFFDF6 36px 44px,#E4B94E 44px 58px,#FFFDF6 58px 66px) 1;
}
.nav-inner{
  max-width:1140px;margin:0 auto;
  padding:18px 24px 8px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.nav-left{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.nav-links li{margin:0}
.nav-links a{
  text-decoration:none;color:#3A2E24;font-weight:600;
  display:flex;align-items:center;gap:8px;
  padding:8px 10px;font-size:0.98rem;
}
.nav-links a:hover{color:#D97B29}
.link-bubble{
  width:11px;height:11px;border-radius:50%;background:#D97B29;flex-shrink:0;
}
.nav-links li:nth-child(3n+2) .link-bubble{background:#4E8A6A}
.nav-links li:nth-child(3n) .link-bubble{background:#E4B94E}
.nav-brand{
  display:flex;align-items:center;gap:12px;text-decoration:none;color:#3A2E24;
}
.cup-mark{flex-shrink:0}
.cup-line1{stroke:#3A2E24;stroke-width:2;fill:none}
.brand-words{display:flex;flex-direction:column;line-height:1}
.brand-top{font-size:1.1rem;letter-spacing:.18em;font-weight:700}
.brand-sub{font-size:.62rem;letter-spacing:.34em;color:#4E8A6A;margin-top:3px}
.nav-toggle{
  display:none;background:#D97B29;border:none;color:#FFFDF6;;cursor:pointer;
  padding:10px 14px;font-size:.9rem;border-radius:8px;
}
.nav-toggle span{color:#FFFDF6}

/* ---------- HERO: JUICER CROSS-SECTION ---------- */
.juicer-hero{background:#FAF5EA;padding:54px 0 60px 0}
/* decorative vanishing watermark placed via CSS only; hidden */
.juicer-hero .peel-mark{
  position:absolute;top:-9999px;left:-9999px;visibility:hidden;
}
.hero-inner{
  display:grid;grid-template-columns:45% 55%;gap:40px;align-items:center;
}
.hero-label{
  display:inline-block;background:#4E8A6A;color:#FFFDF6;font-size:.72rem;
  letter-spacing:.3em;padding:7px 16px;border-radius:999px;margin-bottom:20px;
}
.hero-headline{font-size:3rem;margin:0 0 8px 0}
.hero-headline .answers-accent{color:#D97B29}
.hero-sub{font-size:2rem;margin:0 0 22px 0;font-weight:400}
.hero-para{font-size:1.08rem;max-width:560px;margin:0 0 28px 0}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.btn{
  display:inline-block;text-decoration:none;padding:13px 26px;border-radius:999px;
  font-weight:700;font-size:1rem;border:2px solid transparent;cursor:pointer;
}
.btn-carrot{background:#D97B29;color:#FFFDF6;border-color:#D97B29}
.btn-carrot:hover{background:#C2681F}
.btn-rind{background:transparent;color:#3A2E24;border-color:#3A2E24}
.btn-rind:hover{background:#3A2E24;color:#FAF5EA}
.ingredients-chit{border:2px dashed #D97B29;border-radius:16px;display:inline-block;padding:8px 4px}
.ingredients-chit span{
  display:inline-block;background:#FFFDF6;border:1px solid #EADFC9;border-radius:999px;
  padding:6px 15px;margin:0 5px;font-size:.82rem;font-weight:700;color:#3A2E24;
}
/* -- the CSS juicer graphic -- */
.juicer-box{position:relative;padding:10px 0}
.hopper{
  width:230px;height:70px;margin:0 auto;position:relative;
  border-left:3px solid #3A2E24;border-right:3px solid #3A2E24;border-top:3px solid #3A2E24;
  border-bottom:none;border-radius:10px 10px 0 0;
  background:#EADFC9;
}
.wedge{
  position:absolute;width:52px;height:34px;border-radius:8px 8px 0 0;
}
.wedge .peel-color{display:block;width:100%;height:8px;background:#D97B29;border-radius:6px 6px 0 0}
.w-1{left:14px;top:14px;background:#E4B94E;transform:rotate(-8deg)}
.w-2{right:30px;top:12px;background:#2E2418;height:22px;top:20px;transform:rotate(6deg)}
.w-3{left:52%;top:6px;background:#E4B94E;transform:rotate(3deg);height:26px}
.w-4{left:30%;top:18px;background:#D97B29;height:20px}
.auger-column{
  width:150px;height:120px;margin:0 auto;position:relative;
  border-left:3px solid #3A2E24;border-right:3px solid #3A2E24;background:#FFFDF6;
}
.auger-column .spiral{
  position:absolute;top:8px;left:18px;right:18px;
  height:104px;
  background:
    repeating-linear-gradient(0deg,#D97B29 0 10px,#EADFC9 10px 20px);
  border-radius:6px;
}
.auger-column .needle{
  position:absolute;left:50%;top:0;bottom:0;width:3px;background:#3A2E24;transform:translateX(-50%);
}
.juice-feeder{
  position:relative;width:100px;margin:0 0 0 40px;
  display:flex;height:70px;
}
.glass-box{position:relative;width:150px;margin:0 auto}
.juice-stream{
  position:absolute;right:-34px;top:-84px;
  width:34px;height:0;border-left:10px solid transparent;border-right:10px solid transparent;
  border-top:84px solid #D97B29;
  z-index:2;
}
.juice-drop{
  position:absolute;top:16px;left:-6px;width:20px;height:20px;
  border-radius:3px 3px 12px 12px;background:#D97B29;
}
@media(max-width:920px){
  .juice-stream{right:-8px;top:-150px}
}
@media(max-width:760px){
  .juice-stream{right:-8px;top:-170px}
}
.glass{
  width:130px;height:150px;border:3px solid #3A2E24;border-top:none;border-radius:0 0 22px 22px;
  background:#FFFDF6;overflow:hidden;position:relative;z-index:1;
}
.glass .layer{
  position:absolute;left:0;right:0;height:48px;
}
.glass .l-3{bottom:0;background:#D97B29}
.glass .l-2{bottom:48px;background:#E4B94E;height:34px}
.glass .l-1{bottom:82px;background:#4E8A6A;height:44px}
.glass .pulp-dot{position:absolute;background:#3A2E24;border-radius:50%}
.glass .pd1{width:10px;height:10px;left:22px;bottom:18px}
.glass .pd2{width:7px;height:7px;right:26px;bottom:30px}
.glass .pd3{width:9px;height:9px;right:40px;top:12px}
.citrus-half{
  position:absolute;right:14px;bottom:-8px;width:64px;height:64px;border-radius:50%;
  background:#E4B94E;border:3px solid #3A2E24;z-index:3;
}
@media(min-width:400px){
  .citrus-half{right:0;bottom:-16px}
}
.citrus-half::after{
  content:"";position:absolute;inset:12px;border-radius:50%;
  display:block;background:#FAF5EA;
  background-image:
    radial-gradient(circle at center,#E4B94E 0 4px,#FAF5EA 5px),
    linear-gradient(9deg,transparent 47%,#E4B94E 48% 52%,transparent 53%),
    linear-gradient(99deg,transparent 47%,#E4B94E 48% 52%,transparent 53%),
    linear-gradient(54deg,transparent 47%,#E4B94E 48% 52%,transparent 53%),
    linear-gradient(144deg,transparent 47%,#E4B94E 48% 52%,transparent 53%);
}
.straw{
  position:absolute;height:118px;width:8px;border-radius:4px;z-index:4;
}
.straw-1{top:-64px;right:6px;background:#D97B29;transform:rotate(22deg)}
.straw-2{top:-70px;right:2px;background:#4E8A6A;transform:rotate(6deg)}
.straw-3{top:-58px;left:-14px;background:#E4B94E;transform:rotate(34deg)}
@media(max-width:760px){
  .straw-1,.straw-2,.straw-3{display:none}
}
.base-shadow{height:14px;width:160px;border-radius:50%;background:#EADFC9;margin:16px auto 0 auto}

/* ---------- ANSWER CARDS ---------- */
.answercards{background:#FFFDF6;padding:70px 0}
.panel-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.card-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;
}
.answer-card{
  background:#FFFDF6;border:1px solid #EADFC9;border-radius:20px;overflow:hidden;
  box-shadow:0 0 0 14px #EFE6D2 inset, 0 8px 20px -12px #C7B48D;
}
.answer-card.lift{margin-top:34px}
.search-strip{
  background:#3A2E24;color:#FAF5EA;padding:14px 18px;display:flex;align-items:center;gap:12px;
}
.search-field-view{
  flex:1;background:#FFFDF6;color:#3A2E24;border-radius:999px;padding:10px 16px;
  font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mag-tile{
  width:34px;height:34px;border-radius:50%;background:#D97B29;color:#FFFDF6;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;
}
.answer-body{padding:22px 22px 18px 22px}
.answer-body h3{margin:0 0 10px 0;font-size:1.3rem}
.answer-body p{margin:0 0 14px 0}
.source-line{
  display:flex;justify-content:space-between;font-size:.8rem;color:#4E8A6A;
  border-top:1px dashed #EADFC9;padding-top:12px;
}
.source-line .src-domain{font-weight:700;color:#4E8A6A}
.answers-meta{display:flex;justify-content:space-between;align-items:center;margin-top:44px}

/* ---------- fresh press strip ---------- */
.fresh-press{background:#D97B29;color:#FFFDF6;padding:34px 0}
.fruit-glyph{width:50px;height:50px;border-radius:50%;background:#E4B94E;display:inline-block}
.fresh-in{max-width:1140px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.fresh-text-col{flex:1;min-width:260px}
.fresh-text-col h2{margin:0 0 6px 0;color:#FFFDF6;font-size:1.8rem}
.fresh-text-col p{margin:0}
.fresh-cta .btn-rind{color:#FFFDF6;border-color:#FFFDF6;background:transparent}
.fresh-cta .btn-rind:hover{background:#FFFDF6;color:#D97B29}

/* ---------- process ---------- */
.process{background:#FAF5EA;padding:66px 0}
.steps{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.step-tile{background:#FFFDF6;border:1px solid #EADFC9;border-radius:16px;padding:24px}
.step-no{width:42px;height:42px;border-radius:50%;background:#D97B29;color:#FFFDF6;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px;font-size:1.1rem}
.step-tile:nth-child(even) .step-no{background:#4E8A6A}
.step-tile h3{margin:0 0 8px 0;font-size:1.1rem}
/* ---------- metrics ---------- */
.metric-band{background:#2E2418;color:#FAF5EA;padding:52px 0}
.metric-inner{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:center}
.metric-num{font-size:2.6rem;font-weight:800;color:#D97B29}
.metric-tag{color:#E4B94E;letter-spacing:.12em;font-size:.85rem;text-transform:uppercase;margin-top:4px}
.metric-label{color:#FAF5EA;font-size:.95rem;margin-top:6px}
.metric-inner .light-val{color:#FAF5EA}
/* ---------- cap wall footer ---------- */
.capwall{background:#3A2E24;color:#FAF5EA;position:relative;z-index:1;padding-top:44px}
.capwall .cap-row{
  max-width:1140px;margin:0 auto 34px auto;padding:0 24px;
  display:flex;flex-wrap:wrap;gap:18px 28px;justify-content:flex-start;
}
.cap-row .cap{width:26px;height:26px;border-radius:50%;background:#D97B29;display:inline-block}
.cap-row .cap.c-moss{background:#4E8A6A}
.cap-row .cap.c-cream{background:#EADFC9}
.cap-row .cap.c-straw{background:#E4B94E}
.footer-grid{
  max-width:1140px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:2.4fr 1.3fr 1.3fr;gap:40px;
}
.footer-col h3,.footer-col h4{color:#FAF5EA;margin:0 0 16px 0}
.footer-brand{font-size:1.5rem;letter-spacing:.05em;margin-bottom:8px}
.slogan{margin:0 0 18px 0;font-size:.95rem;color:#FAF5EA}
.copyright-now{font-size:.82rem;color:#EADFC9}
.small-copy{margin-top:10px}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li{margin:0 0 10px 0}
.footer-links a{color:#FAF5EA;text-decoration:none;font-size:.95rem}
.footer-links a:hover{color:#E4B94E}
.footer-contact p{margin:0 0 8px 0;font-size:.95rem}
.legal-line{
  max-width:1140px;margin:0 auto;padding:26px 24px 30px 24px;
  border-top:1px solid #4b3a2a;margin-top:40px;
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  color:#EADFC9;font-size:.85rem;
}
.legal-line a{color:#E4B94E;text-decoration:none}
.legal-line a:hover{text-decoration:underline}
.foot-bg-deco{
  position:absolute;bottom:-30px;right:-20px;width:260px;height:260px;border-radius:50%;
  background:#E4B94E;visibility:hidden;
}

/* ---------- contact hero shared ---------- */
.inner-hero{background:#FAF5EA;padding:52px 0;border-bottom:none}
.inner-hero h1{font-size:2.6rem;margin:0 0 10px 0}
.inner-hero p{max-width:640px;margin:0 0 6px 0;font-size:1.05rem}

/* ---------- contact page ---------- */
.contact-band{background:#FFFDF6;padding:40px 0}
.contact-grid{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.5fr 1fr;gap:42px}
.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{display:block;font-weight:700;margin:0 0 6px 0;color:#3A2E24}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;border:2px solid #EADFC9;background:#FAF5EA;color:#3A2E24;
  border-radius:10px;padding:12px 14px;font-size:1rem;font-family:inherit;margin-bottom:18px;
}
.contact-form textarea{min-height:140px;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#D97B29}
.form-note{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.form-note p{margin:0;font-size:.85rem}
.info-card-tile{background:#FAF5EA;border:1px solid #EADFC9;border-radius:16px;padding:24px}
.info-card-tile + .info-card-tile{margin-top:20px}
.tile-kicker{color:#D97B29;letter-spacing:.2em;font-size:.72rem;text-transform:uppercase;font-weight:700;margin-bottom:10px;display:block}
.info-card-tile h3{margin:0 0 10px 0}
.info-card-tile p{margin:0 0 6px 0}
/* ---------- faq ---------- */
.faq{background:#FAF5EA;padding:50px 0}
.faq-set{max-width:820px;margin:0 auto;padding:0 24px}
details.faq-item{background:#FFFDF6;border:1px solid #EADFC9;border-radius:14px;margin-bottom:14px;overflow:hidden}
details.faq-item summary{
  cursor:pointer;list-style:none;padding:18px 22px;font-weight:700;color:#3A2E24;position:relative;
}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#D97B29;font-size:1.4rem}
details.faq-item[open] summary::after{content:"-" }
details.faq-item .faq-body{padding:0 22px 20px 22px}

/* ---------- services page cards ---------- */
.service-two-col{background:#FFFDF6;padding:50px 0}
.service-two-col.alt{background:#FAF5EA}
.service-flex{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.service-block{background:#FFFDF6;border:1px solid #EADFC9;border-radius:18px;padding:26px}
.service-num{color:#D97B29;font-weight:800;font-size:.85rem;letter-spacing:.25em;display:block;margin-bottom:8px}
.service-block h3{margin:0 0 12px 0;font-size:1.45rem}
.process-overview{background:#2E2418;color:#FAF5EA;padding:56px 0}
.process-overview h2{color:#FAF5EA;text-align:center;font-size:2rem}
.cta-band{background:#D97B29;color:#FFFDF6;padding:40px 0}
.share-pain-head{text-align:center}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .card-grid{grid-template-columns:1fr}
  .answer-card.lift{margin-top:0}
  .steps{grid-template-columns:1fr 1fr}
  .metric-inner{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .contact-grid{grid-template-columns:1fr}
  .service-flex{grid-template-columns:1fr}
  .nav-links{flex-wrap:wrap}
  .nav-toggle{display:inline-block}
}
@media(max-width:560px){
  .steps{grid-template-columns:1fr}
  .metric-inner{grid-template-columns:1fr}
  .contact-form .form-row{grid-template-columns:1fr}
  .hero-headline{font-size:2.3rem}
}