/* ================================================================
   Junk-A-Saurus — premium polish for the standalone static pages.
   Loaded AFTER each page's inline <style>, so it upgrades the shared
   template classes (header, .ey, h1/h2, .btn, .step, .chips, .faq…)
   plus injected bits (.je-trust, .je-reviews) and Junior (.dq-*).
   ================================================================ */
:root{--je-star:#F5C451}

body{background:radial-gradient(125% 95% at 50% -12%,#4a887f 0%,#2C5C57 46%,#22504b 100%) fixed;}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px;opacity:.55}
.wrap{position:relative;z-index:1}

/* ── sticky glass nav ─────────────────────────── */
header{position:sticky;top:0;z-index:30;margin:0 -20px 10px;padding:12px 20px;
  background:rgba(18,40,36,.74);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.08)}
header b{background:linear-gradient(180deg,#fff,var(--goldL));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ── eyebrow → chip ───────────────────────────── */
.ey{display:inline-block;background:rgba(217,138,99,.13);border:1px solid rgba(217,138,99,.42);border-radius:30px;padding:7px 15px}

/* ── headings ─────────────────────────────────── */
h1{text-shadow:0 3px 22px rgba(0,0,0,.32)}
h2{position:relative}
h2::after{content:"";display:block;width:58px;height:3px;background:linear-gradient(90deg,var(--goldL),transparent);border-radius:3px;margin-top:9px}

/* ── buttons ──────────────────────────────────── */
.btn{transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 6px 18px rgba(0,0,0,.24)}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.34)}
.b1{background:linear-gradient(180deg,#eec79f,var(--gold))!important}

/* ── injected trust bar ───────────────────────── */
.je-trust{display:flex;flex-wrap:wrap;gap:9px 20px;align-items:center;margin:4px 0 6px;padding:14px 18px;border-radius:16px;
  background:linear-gradient(180deg,rgba(23,66,59,.9),rgba(23,66,59,.7));border:1px solid var(--line);box-shadow:0 10px 26px rgba(0,0,0,.2)}
.je-trust .t{display:flex;align-items:center;gap:7px;font-family:'Oswald',sans-serif;font-weight:600;font-size:.82rem;color:var(--cream);white-space:nowrap}
.je-trust .stars{color:var(--je-star);letter-spacing:1px;font-size:.95rem}
.je-trust .hl{color:var(--goldL);font-weight:800}
.je-trust .dot{width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.5}

/* ── cards / lists ────────────────────────────── */
.step,.place,.tip{box-shadow:0 10px 26px rgba(0,0,0,.2);transition:transform .18s ease,border-color .18s ease}
.step:hover,.place:hover{transform:translateY(-3px);border-color:var(--goldL)}
.num .item{box-shadow:0 8px 22px rgba(0,0,0,.16)}
.chips a{transition:all .15s ease}
.chips a:hover{border-color:var(--goldL);color:var(--goldL);transform:translateY(-1px)}

/* ── injected reviews strip ───────────────────── */
.je-reviews{margin:26px 0;padding:22px 24px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.je-reviews .stars{color:var(--je-star);font-size:1.1rem;letter-spacing:2px}
.je-reviews q{display:block;margin:10px 0;font-size:1.05rem;line-height:1.6;color:#eef0e6;font-style:italic}
.je-reviews .who{font-family:'Oswald',sans-serif;font-weight:700;color:var(--goldL);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}

/* ── scroll reveal ────────────────────────────── */
.je-rev{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.je-rev.je-in{opacity:1;transform:none}

/* ── Junior (vanilla, same look as the React widget) ── */
.dino-quote{position:fixed;left:18px;bottom:20px;z-index:60;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.dq-fab{background:none;border:none;padding:0;cursor:pointer;line-height:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.28))}
.dq-mascot{display:block;animation:dqbob 4.5s ease-in-out infinite}
.dq-wave{transform-box:fill-box;transform-origin:bottom center;animation:dqwave 2.4s ease-in-out infinite}
.dq-eyes{transform-box:fill-box;transform-origin:center;animation:dqblink 4.2s ease-in-out infinite}
.dq-tail{transform-box:fill-box;transform-origin:100% 0;animation:dqwag 1.6s ease-in-out infinite}
@keyframes dqbob{0%,52%{transform:translateY(0)}8%{transform:translateY(-4px)}16%{transform:translateY(0)}24%{transform:translateY(-4px)}32%{transform:translateY(0)}72%{transform:translateY(-15px) rotate(-4deg)}80%{transform:translateY(0) rotate(0)}100%{transform:translateY(0)}}
@keyframes dqwave{0%,50%,100%{transform:rotate(0)}15%{transform:rotate(-30deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(-26deg)}}
@keyframes dqblink{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.1)}}
@keyframes dqwag{0%,100%{transform:rotate(0)}50%{transform:rotate(10deg)}}
.dq-hello{align-self:flex-start;position:relative;background:#F3ECDA;color:#16241e;border:2px solid #2C5C57;border-radius:16px 16px 16px 4px;padding:8px 12px;font-family:'Oswald',sans-serif;font-weight:700;font-size:.82rem;box-shadow:0 8px 20px rgba(0,0,0,.25);cursor:pointer;max-width:190px;text-align:left;line-height:1.3}
.dq-hello b{color:#B05F3C}
.dq-hello::after{content:"";position:absolute;left:20px;bottom:-8px;width:13px;height:13px;background:#F3ECDA;border-right:2px solid #2C5C57;border-bottom:2px solid #2C5C57;transform:rotate(45deg)}
.dq-card{width:300px;background:#F3ECDA;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.42);color:#16241e}
.dq-head{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#3f736d,#2C5C57);padding:12px 14px;color:#F3ECDA}
.dq-head-dino{display:grid;place-items:center;width:44px;height:44px;background:rgba(255,255,255,.14);border-radius:50%;overflow:hidden;flex:0 0 44px}
.dq-head-dino svg{width:40px;height:auto;margin-top:9px}
.dq-head b{display:block;font-family:'Anton',sans-serif;letter-spacing:.02em;line-height:1;font-size:1.05rem}
.dq-head span{font-size:.72rem;opacity:.85}
.dq-x{margin-left:auto;background:none;border:none;color:#F3ECDA;font-size:1.5rem;cursor:pointer;line-height:1;padding:0 4px}
.dq-body{padding:14px;display:flex;flex-direction:column;gap:8px}
.dq-bubble{background:#eaece0;border-radius:14px 14px 14px 4px;padding:11px 13px;font-size:.9rem;line-height:1.5;color:#243}
.dq-bubble.dq-win{background:#e2efe0;border-left:3px solid #4c9a5e}
.dq-bubble.dq-win a{color:#B05F3C;font-weight:800;text-decoration:none}
.dq-opt{display:block;width:100%;text-align:left;background:#fff;border:1.5px solid #d8cfb4;border-radius:12px;padding:11px 13px;font-family:'Oswald',sans-serif;font-weight:700;font-size:.9rem;color:#2C5C57;text-decoration:none;cursor:pointer}
.dq-opt:hover{border-color:#B05F3C;background:#fff8ef}
.dq-opt.sm{flex:1;text-align:center;padding:9px 4px;font-size:.76rem}
.dq-fine{font-size:.72rem;color:#7a7358;text-align:center;margin-top:2px}
.dq-form{display:flex;flex-direction:column;gap:8px}
.dq-form input,.dq-form textarea{background:#fff;border:1.5px solid #d8cfb4;border-radius:10px;padding:10px 12px;font-size:.9rem;color:#16241e;width:100%;font-family:inherit}
.dq-form input:focus,.dq-form textarea:focus{outline:none;border-color:#B05F3C}
.dq-send{background:linear-gradient(180deg,#D98A63,#B05F3C);color:#231206;border:none;border-radius:12px;padding:12px;font-family:'Oswald',sans-serif;font-weight:700;cursor:pointer;font-size:.95rem}
.dq-err{color:#b0402f;font-size:.8rem;line-height:1.4}
.dq-msgs{display:flex;flex-direction:column;gap:7px;max-height:230px;overflow-y:auto;padding-right:2px}
.dq-msg{font-size:.86rem;line-height:1.45;padding:9px 12px;border-radius:14px;max-width:90%}
.dq-them{background:#eaece0;color:#243;border-radius:14px 14px 14px 4px;align-self:flex-start}
.dq-mine{background:#2C5C57;color:#F3ECDA;border-radius:14px 14px 4px 14px;align-self:flex-end}
.dq-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.dq-chip{background:#fff;border:1.5px solid #d8cfb4;border-radius:16px;padding:6px 10px;font-size:.75rem;font-weight:700;color:#2C5C57;cursor:pointer;font-family:inherit}
.dq-chip:hover{border-color:#B05F3C;background:#fff8ef}
.dq-actions{display:flex;gap:6px;margin-top:10px}
.dq-back{background:none;border:none;color:#7a7358;font-size:.78rem;cursor:pointer;padding:4px 0;text-align:left;font-family:inherit}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media(max-width:640px){.dino-quote{bottom:82px;left:10px}.dq-card{width:min(300px,86vw)}.dq-mascot{width:92px;height:auto}.dq-hello{font-size:.76rem;max-width:160px}
  header{margin:0 -20px 8px}.je-trust{gap:7px 14px}}

.dq-brandrow{display:flex;align-items:center;gap:5px}
.dq-wordmark{font-family:'Anton',sans-serif;font-size:1rem;line-height:.9;color:#F3ECDA;text-shadow:0 2px 7px rgba(0,0,0,.6);text-transform:uppercase;letter-spacing:.01em;pointer-events:none}
@media(max-width:640px){.dq-wordmark{font-size:.82rem}}