/* The Wealth Wire whitepage styles for its Shay VSL L2 copy (index.html).
   Taken unchanged from safe/wealth-wire/index.html. */
/* ============ FACEBOOK-LIGHT POST (faithful FB feed look) ============ */
:root{
  --fb-blue:#1877F2; --fb-bg:#f0f2f5; --fb-card:#ffffff;
  --fb-text:#050505; --fb-2:#65676b; --fb-div:#ced0d4;
  --fb-bubble:#f0f2f5; --fb-hover:#f2f2f2; --fb-like:#1877F2;
  --fb-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background:var(--fb-bg); color:var(--fb-text);
  font-family:var(--fb-font); font-size:15px; line-height:20px; letter-spacing:0;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
a{ color:inherit; text-decoration:none; }
img{ display:block; }

.feed{ max-width:560px; margin:0 auto; padding:14px 8px 60px; display:flex; flex-direction:column; gap:12px; }
@media (min-width:600px){ .feed{ padding:22px 0 80px; } }
@media (min-width:900px){ .feed{ max-width:460px; } }

/* ===== Facebook chrome bar (decorative) ===== */
.fbbar{ position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid #dadde1; box-shadow:0 1px 2px rgba(0,0,0,.06); }
.fbbar-d{ display:none; align-items:center; gap:10px; height:56px; padding:0 16px; }
.fbbar-m{ display:flex; align-items:center; gap:12px; height:50px; padding:0 12px; }
@media (min-width:900px){ .fbbar-d{ display:flex; } .fbbar-m{ display:none; } }

.fbbar .fb-logo{ width:40px; height:40px; display:block; flex-shrink:0; }
.fbbar-m .fb-logo-m{ width:34px; height:34px; }
.fbbar-side{ display:flex; align-items:center; gap:8px; }
.fbbar-side:first-child{ flex:1; }
.fb-search{ display:flex; align-items:center; gap:8px; background:#f0f2f5; border-radius:50px; padding:9px 14px; color:#65676b; font-size:15px; min-width:240px; }
.fb-search i{ font-size:15px; }
.fbbar-mid{ display:flex; align-items:center; gap:6px; }
.fb-nav{ display:flex; align-items:center; justify-content:center; width:96px; height:48px; border-radius:8px; color:#65676b; font-size:22px; cursor:pointer; }
.fb-nav:hover{ background:#f2f2f2; }
.fb-nav.active{ color:#1877F2; box-shadow:inset 0 -3px 0 #1877F2; border-radius:0; }
.fbbar-end{ display:flex; align-items:center; gap:8px; flex:1; justify-content:flex-end; }
.fb-circ{ position:relative; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:#e4e6eb; color:#050505; font-size:18px; cursor:pointer; }
.fb-circ:hover{ background:#d8dadf; }
.fb-badge{ position:absolute; top:-2px; right:-2px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:#e41e3f; color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; border:2px solid #fff; }
.fb-avatar{ width:40px; height:40px; border-radius:50%; overflow:hidden; flex-shrink:0; }
.fb-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }

/* fake notification dropdown under the bell (display-only) */
.fb-noti{ position:absolute; top:100%; right:12px; width:344px; max-width:calc(100vw - 24px); background:#fff; border-radius:12px; box-shadow:0 12px 28px rgba(0,0,0,.22), 0 0 0 1px rgba(0,0,0,.06); padding:8px; z-index:60; }
.fb-noti[hidden]{ display:none; }
.fb-noti-h{ font-size:18px; font-weight:800; color:#050505; padding:8px 8px 4px; }
.fb-noti-item{ display:flex; gap:10px; align-items:flex-start; padding:9px 8px; border-radius:8px; cursor:default; }
.fb-noti-item:hover{ background:#f2f2f2; }
.fb-noti-ic{ width:40px; height:40px; border-radius:50%; flex-shrink:0; background:radial-gradient(circle at 32% 28%,#E8C766,#D4A537 55%,#9A7320); color:#3a2a00; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:18px; }
.fb-noti-tx{ font-size:13.5px; color:#050505; line-height:1.4; }
.fb-noti-tx .t{ color:#65676b; font-size:12px; white-space:nowrap; }

/* mobile bar */
.fbbar-m .fb-burger{ font-size:22px; color:#050505; }
.fb-wordmark{ font-size:26px; font-weight:800; color:#1877F2; letter-spacing:-1.2px; line-height:1; }
.fbbar-m .fbbar-end{ gap:9px; }
.fbbar-m .fb-circ{ width:36px; height:36px; font-size:16px; }

.card{
  background:var(--fb-card); border-radius:8px;
  box-shadow:0 1px 2px rgba(0,0,0,.2);
  overflow:hidden;
}

/* ---------- POST HEADER ---------- */
.post-head{ display:flex; align-items:flex-start; gap:8px; padding:12px 12px 0 12px; }
.pg-av{
  width:40px; height:40px; border-radius:50%; flex-shrink:0;
  background:radial-gradient(circle at 32% 28%,#E8C766,#D4A537 55%,#9A7320);
  box-shadow:inset 0 -3px 8px rgba(40,28,0,.35), 0 0 0 1px rgba(0,0,0,.04);
  position:relative;
}
.pg-av::after{
  content:"W"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:20px; color:#3a2a00; font-family:var(--fb-font);
  text-shadow:0 1px 0 rgba(255,255,255,.25);
}
.ph-meta{ flex:1; min-width:0; padding-top:1px; }
.ph-name{ display:flex; align-items:center; gap:5px; font-weight:600; font-size:15px; color:var(--fb-text); line-height:1.2; }
.ph-name .vbadge{ width:15px; height:15px; flex-shrink:0; }
.ph-sub{ display:flex; align-items:center; gap:5px; color:var(--fb-2); font-size:13px; margin-top:1px; }
.ph-sub .dot{ width:2px; height:2px; border-radius:50%; background:var(--fb-2); display:inline-block; }
.ph-sub i{ font-size:11px; }
.ph-sub .live{ display:inline-flex; align-items:center; gap:4px; background:#e0294a; color:#fff; font-weight:700; font-size:11px; letter-spacing:.03em; padding:1px 7px; border-radius:4px; }
.ph-sub .live .ldot{ width:5px; height:5px; border-radius:50%; background:#fff; box-shadow:0 0 0 0 rgba(255,255,255,.7); animation:livePulse 1.6s ease-out infinite; }
@keyframes livePulse{ 0%{ box-shadow:0 0 0 0 rgba(255,255,255,.7);} 70%{ box-shadow:0 0 0 4px rgba(255,255,255,0);} 100%{ box-shadow:0 0 0 0 rgba(255,255,255,0);} }
.ph-actions{ display:flex; align-items:center; gap:4px; color:var(--fb-2); }
.ph-actions button{ border:0; background:none; color:var(--fb-2); width:36px; height:36px; border-radius:50%; cursor:pointer; font-size:17px; }
.ph-actions button:hover{ background:var(--fb-hover); }

/* ---------- POST TEXT ---------- */
.post-text{ padding:10px 12px 12px; font-size:15px; color:var(--fb-text); white-space:pre-wrap; line-height:20px; letter-spacing:0; }
.post-text .more{ color:var(--fb-2); cursor:pointer; }

/* ---------- VIDEO (VTurb) — fills the card edge-to-edge, no side bands ---------- */
.post-media{ background:#000; line-height:0; width:100%; overflow:hidden; position:relative; }
.post-media vturb-smartplayer{ width:100% !important; max-width:none !important; display:block; margin:0 !important; }
.post-media vturb-smartplayer video,
.post-media vturb-smartplayer iframe,
.post-media vturb-smartplayer > div{ width:100% !important; max-width:none !important; }
.watch-note{
  background:#000; color:#fff; text-align:center; font-size:12.5px;
  padding:7px 10px; line-height:1.3; letter-spacing:.01em;
}
.watch-note i{ color:#E8C766; margin-right:6px; }

/* live "watching now" counter under the video */
.live-watchers{
  display:flex; align-items:center; justify-content:center; gap:7px;
  padding:8px 12px; background:#eaf3ff; color:#1c3d5a;
  font-size:13.5px; font-weight:600; line-height:1.3;
}
.live-watchers strong{ color:#1877F2; font-weight:800; }
.live-watchers .lw-dot{ width:8px; height:8px; border-radius:50%; background:#e0294a; flex-shrink:0;
  box-shadow:0 0 0 0 rgba(224,41,74,.6); animation:lwPulse 1.5s ease-out infinite; }
@keyframes lwPulse{ 0%{ box-shadow:0 0 0 0 rgba(224,41,74,.55);} 70%{ box-shadow:0 0 0 6px rgba(224,41,74,0);} 100%{ box-shadow:0 0 0 0 rgba(224,41,74,0);} }

/* floating live reactions over the video (bottom-right) */
.live-reax{ position:absolute; right:10px; bottom:8px; width:60px; height:80%; pointer-events:none; z-index:2147483000; }
.live-reax .fr{ position:absolute; bottom:0; right:0; width:30px; height:30px; border-radius:50%;
  box-shadow:0 2px 6px rgba(0,0,0,.3); will-change:transform,opacity; animation:frFloat 2.6s ease-out forwards; }
@keyframes frFloat{
  0%{ transform:translateY(8px) scale(.6); opacity:0; }
  15%{ opacity:1; transform:translateY(0) scale(1); }
  100%{ transform:translateY(-150px) translateX(-14px) scale(.9); opacity:0; }
}

/* ---------- REACTION SUMMARY ---------- */
.reax{ display:flex; align-items:center; justify-content:space-between; padding:10px 14px 8px; color:var(--fb-2); font-size:14px; }
.reax .left{ display:flex; align-items:center; gap:6px; cursor:pointer; }
.reax .pills{ display:flex; }
.reax .pill{ width:20px; height:20px; display:block; border-radius:50%; margin-left:-5px; box-shadow:0 0 0 2px #fff; }
.reax .pill:first-child{ margin-left:0; }
.reax .right{ display:flex; gap:10px; }
.reax .right span{ cursor:pointer; }
.reax .right span:hover{ text-decoration:underline; }

/* ---------- ACTION BAR ---------- */
.bar{ display:flex; border-top:1px solid var(--fb-div); border-bottom:1px solid var(--fb-div); margin:0 12px; }
.bar button{
  flex:1; border:0; background:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:9px 4px; color:var(--fb-2); font-weight:600; font-size:15px; font-family:var(--fb-font);
  border-radius:6px; margin:4px 2px;
}
.bar button:hover{ background:var(--fb-hover); }
.bar button i{ font-size:18px; }
.bar button.on{ color:var(--fb-like); }

/* ---------- COMMENTS ---------- */
.cwrap{ padding:6px 12px 12px; }
.csort{ display:flex; align-items:center; justify-content:space-between; padding:6px 2px 8px; }
.csort .s{ font-weight:600; color:var(--fb-2); font-size:15px; cursor:pointer; }
.csort .s i{ font-size:11px; margin-left:3px; }
.csort .vc{ color:var(--fb-2); font-size:13px; }

.cmt{ display:flex; gap:8px; padding:6px 0; align-items:flex-start; }
.cmt.drip-in{ animation:cmtIn .42s cubic-bezier(.2,.8,.2,1) both; }
@keyframes cmtIn{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:translateY(0);} }
.cmt .av{ width:32px; height:32px; border-radius:50%; flex-shrink:0; overflow:hidden;
  display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:14px; }
.cmt .av img{ width:100%; height:100%; object-fit:cover; }
.cmt .body{ min-width:0; flex:1; }
.bubble{ background:var(--fb-bubble); border-radius:18px; padding:8px 12px; display:inline-block; max-width:100%; }
.bubble .nm{ font-weight:600; font-size:13px; color:var(--fb-text); display:inline-flex; align-items:center; gap:4px; }
.bubble .nm .vbadge{ width:12px; height:12px; }
.bubble .tx{ font-size:15px; color:var(--fb-text); margin-top:1px; line-height:20px; letter-spacing:0; white-space:pre-wrap; word-wrap:break-word; }
.cmeta{ display:flex; align-items:center; gap:14px; padding:3px 0 0 12px; font-size:12.5px; color:var(--fb-2); font-weight:600; }
.cmeta button{ border:0; background:none; color:var(--fb-2); font-weight:600; font-size:12.5px; cursor:pointer; padding:0; font-family:var(--fb-font); }
.cmeta button:hover{ text-decoration:underline; }
.cmeta .lk.on{ color:var(--fb-like); }
.cmeta .t{ font-weight:400; }
/* Reaction summary on a comment — NO container (real FB light mode), real FB
   reaction SVGs (16px native), and the COUNT sits on the LEFT of the icons. */
.cmeta .rx{ display:none; align-items:center; margin-left:auto; }
.cmeta .rx.show{ display:inline-flex; }
.cmeta .rx .rnum{ color:var(--fb-2); font-weight:400; font-size:13px; margin-right:5px; order:0; }
.cmeta .rx .rgs{ display:inline-flex; align-items:center; order:1; }
.cmeta .rx .rg{ width:18px; height:18px; display:block; border-radius:50%; margin-left:-5px; box-shadow:0 0 0 1.5px #fff; }
.cmeta .rx .rgs .rg:first-child{ margin-left:0; }

/* Replies — indented under the parent. The curved connector starts at the
   PARENT avatar and curves into each reply avatar. Geometry (--elb-w/--elb-h)
   is computed in JS per reply since it depends on the parent bubble height.
   Multiple replies overlap their verticals → one continuous trunk. */
.replies{ margin:2px 0 0 40px; }
.replies > .cmt{ position:relative; }
.replies > .cmt::before{
  content:''; position:absolute; pointer-events:none;
  left: var(--elb-left, -62px);
  top: var(--elb-top, 9px);
  width: var(--elb-w, 60px);
  height: var(--elb-h, 26px);
  border-left:2px solid var(--fb-div);
  border-bottom:2px solid var(--fb-div);
  border-bottom-left-radius:11px;
}

/* comment composer + reply box (functional inputs) */
.composer{ display:flex; align-items:center; gap:8px; padding:8px 0 2px; }
.composer .av{ width:32px; height:32px; border-radius:50%; background:#e4e6eb; display:flex; align-items:center; justify-content:center; color:#65676b; font-size:14px; flex-shrink:0; }
.composer .box{ flex:1; background:var(--fb-bubble); border-radius:18px; padding:0 10px 0 14px; display:flex; align-items:center; gap:6px; }
.composer .box input{ flex:1; border:0; background:none; outline:none; font-family:var(--fb-font); font-size:15px; color:var(--fb-text); padding:9px 0; line-height:20px; }
.composer .box input::placeholder{ color:var(--fb-2); }
.composer .box .icns{ display:flex; gap:8px; color:var(--fb-2); font-size:15px; }
.composer .box .icns i{ cursor:pointer; opacity:.75; }
.composer .box .icns i:hover{ opacity:1; }
/* reply box appears under a comment */
.reply-box{ display:flex; align-items:center; gap:8px; margin:4px 0 2px 40px; }
.reply-box .av{ width:28px; height:28px; border-radius:50%; background:#e4e6eb; display:flex; align-items:center; justify-content:center; color:#65676b; font-size:12px; flex-shrink:0; }
.reply-box .box{ flex:1; background:var(--fb-bubble); border-radius:18px; padding:0 14px; display:flex; align-items:center; }
.reply-box input{ flex:1; border:0; background:none; outline:none; font-family:var(--fb-font); font-size:14px; color:var(--fb-text); padding:8px 0; line-height:19px; }
.reply-box input::placeholder{ color:var(--fb-2); }
.cmt.you > .body > .bubble{ background:#eaf3ff; }

/* ---------- OFFER (revealed at pitch, under the post) ---------- */
/* Hidden by default — the OFFER REVEAL script shows #offer-block at the pitch time. */
#offer-block{ display:none; }
.offer-card{ background:var(--fb-card); border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,.2); padding:22px 18px; text-align:center; }
@media(min-width:600px){ .offer-card{ padding:28px 26px; } }
.offer-kick{ font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#1d8a4e; background:#e7f6ec; display:inline-block; padding:5px 12px; border-radius:999px; margin-bottom:14px; }
.price .amt{ display:inline-flex; align-items:center; justify-content:center; font-weight:800; letter-spacing:-.03em; line-height:1; color:#050505; }
.price .today{ display:block; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#1d8a4e; margin-bottom:6px; }
.price .now{ position:relative; z-index:0; display:inline-flex; align-items:flex-start; }
.price .amt .cur{ font-size:68px; margin-top:0; margin-right:2px; color:#1d8a4e; }
.price .amt .num{ font-size:68px; color:#1d8a4e; }
.price .meta{ margin-top:10px; font-size:13.5px; color:var(--fb-2); }
.price .meta b{ color:#050505; }
.incl{ list-style:none; margin:16px auto 18px; padding:0; max-width:380px; display:grid; gap:9px; text-align:left; }
.incl li{ display:flex; gap:10px; align-items:flex-start; font-size:15px; color:#050505; }
.incl li i{ color:#1d8a4e; margin-top:3px; }

/* VALUE STACK — mirrors the script's value build ($4,997 + $2,500 + $997) before the $67 reveal */
.stack{ max-width:380px; margin:0 auto 16px; padding:12px 14px; background:#f7f8fa; border:1px solid #e4e6eb; border-radius:10px; text-align:left; font-size:14px; color:#050505; }
.stack-row{ display:flex; justify-content:space-between; gap:12px; padding:4px 0; }
.stack-row .v{ color:var(--fb-2); font-weight:600; white-space:nowrap; }
.stack-total{ margin-top:6px; padding-top:9px; border-top:1px solid #dadde1; font-weight:800; }
.stack-total .v{ color:#050505; font-weight:800; }
/* hand-drawn red strike over the old numbers (drawn on reveal, see OFFER REVEAL) */
.strike{ --r:-10deg; position:relative; display:inline-block; text-decoration:none; }
.strike::after{ content:""; position:absolute; left:-8%; right:-8%; top:50%; height:3px; margin-top:-1.5px; border-radius:3px; background:#e0294a; transform:rotate(var(--r)); transform-origin:left center; }
.stack-total .strike{ --r:-5deg; }
.stack-total .strike::after{ height:2px; margin-top:-1px; }
/* savings pill */
.save{ display:inline-flex; align-items:center; gap:7px; margin-top:12px; padding:7px 14px; border-radius:999px; background:#e7f6ec; border:1px solid #bfe6cc; color:#14532d; font-size:13.5px; font-weight:700; }
.save i{ color:#1d8a4e; }
.save b{ color:#1d8a4e; font-weight:800; }
/* confetti burst behind the new price */
.burst{ position:absolute; left:50%; top:50%; width:0; height:0; z-index:-1; pointer-events:none; transform:scale(1.35,.8); }
.burst i{ position:absolute; left:-2px; top:-7px; width:4px; height:14px; border-radius:2px; background:#E0B843; opacity:0; }
.burst i:nth-child(even){ background:#21b85e; }
/* launch window (time-based scarcity, per the script's "window is closing" framing) */
.window{ max-width:380px; margin:14px auto 12px; font-size:13px; font-weight:700; color:#b3471d; line-height:1.4; }
.window i{ margin-right:5px; }
.incl-mini{ max-width:380px; margin:0 auto 16px; font-size:12.5px; color:var(--fb-2); text-align:center; }
.incl-mini i{ color:#1d8a4e; margin:0 3px 0 0; }

/* OFFER REVEAL — the value builds, gets crossed out, then $67 lands.
   .armed  = #offer-block has been un-hidden: every animation is held on its first frame.
   .revealed = the card is actually on screen: the sequence plays (both added by JS below). */
#offer-block.armed .stack-row{ animation:offerFadeUp .4s ease both; }
#offer-block.armed .stack-row:nth-child(2){ animation-delay:.1s; }
#offer-block.armed .stack-row:nth-child(3){ animation-delay:.2s; }
#offer-block.armed .stack-total{ animation-delay:.34s; }
#offer-block.armed .stack-total .strike::after{ animation:strikeDraw .35s cubic-bezier(.65,0,.35,1) .85s both; }
#offer-block.armed .price .today{ animation:offerFadeUp .4s ease 1.05s both; }
#offer-block.armed .price .now{ animation:pricePop .6s cubic-bezier(.18,.89,.32,1.28) 1.3s both, priceGlow 1.6s ease 1.6s both; }
#offer-block.armed .burst i{ animation:burst .8s cubic-bezier(.2,.7,.3,1) 1.45s both; }
#offer-block.armed .save{ animation:savePop .5s cubic-bezier(.18,.89,.32,1.28) 1.8s both; }
#offer-block.armed .price .meta{ animation:offerFadeUp .4s ease 1.95s both; }
#offer-block.armed .window{ animation:offerFadeUp .4s ease 2.1s both; }
#offer-block.armed:not(.revealed) .offer-card *,
#offer-block.armed:not(.revealed) .offer-card *::after{ animation-play-state:paused; }
@keyframes offerFadeUp{ 0%{ opacity:0; transform:translateY(8px); } 100%{ opacity:1; transform:none; } }
@keyframes strikeDraw{ 0%{ transform:rotate(var(--r)) scaleX(0); } 100%{ transform:rotate(var(--r)) scaleX(1); } }
@keyframes pricePop{ 0%{ opacity:0; transform:scale(.55); } 60%{ opacity:1; transform:scale(1.12); } 100%{ opacity:1; transform:scale(1); } }
@keyframes priceGlow{ 0%,100%{ text-shadow:0 0 0 rgba(33,184,94,0); } 35%{ text-shadow:0 0 24px rgba(33,184,94,.55); } }
@keyframes burst{ 0%{ opacity:0; transform:rotate(var(--a)) translateY(-30px) scaleY(.4); } 20%{ opacity:1; } 100%{ opacity:0; transform:rotate(var(--a)) translateY(-78px) scaleY(1); } }
@keyframes savePop{ 0%{ opacity:0; transform:translateY(6px) scale(.85); } 100%{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){
  #offer-block.armed .offer-card *,
  #offer-block.armed .offer-card *::after{ animation:none; }
}
.buy{
  display:flex; flex-direction:column; align-items:center; gap:3px;
  background:linear-gradient(#21b85e,#16a34a); color:#fff; font-weight:800;
  border-radius:10px; padding:15px 18px; min-height:66px; justify-content:center;
  box-shadow:0 8px 20px -6px rgba(22,163,74,.5); cursor:pointer;
  animation:pulse 2.2s infinite;
}
@keyframes pulse{ 0%,100%{ box-shadow:0 8px 20px -6px rgba(22,163,74,.5);} 50%{ box-shadow:0 8px 28px -4px rgba(22,163,74,.75);} }
.buy .m{ font-size:19px; } .buy .m i{ margin-right:7px; }
.buy .s{ font-size:12.5px; font-weight:600; opacity:.95; }
.reassure{ margin-top:14px; }
.guarantee{ display:flex; gap:12px; align-items:flex-start; text-align:left; background:#f7f8fa; border:1px solid #e4e6eb; border-radius:10px; padding:12px 14px; }
.guarantee .sh{ color:#1d8a4e; font-size:22px; margin-top:2px; }
.guarantee b{ display:block; margin-bottom:2px; }
.guarantee .g-tx{ font-size:13px; color:var(--fb-2); }
.guarantee .g-tx a{ color:#1d8a4e; text-decoration:underline; font-weight:600; }
.trust-row{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:12px; font-size:12.5px; color:var(--fb-2); }
.trust-row i{ color:#1d8a4e; margin-right:5px; }

/* ---------- FOOTER ---------- */
.foot{ max-width:560px; margin:0 auto; text-align:center; font-size:11.5px; color:#8a8d91; line-height:1.7; padding:0 12px; }
.foot .legal a{ color:#65676b; text-decoration:underline; }
.foot .disc{ display:block; max-width:540px; margin:10px auto 0; font-size:11px; line-height:1.6; }
.foot .disc a{ color:#65676b; text-decoration:underline; }
.foot .copy{ margin-top:10px; }