/* =========================================================
   Little Cloud — Secondary page styles
   (Retailer info, Terms, Privacy, Contact)
   Shares tokens and components defined in style.css
   ========================================================= */

.page-hero{background:linear-gradient(180deg,#fffaf0 0%,#fff7e9 100%);padding:8px 0 0}
.page-hero-inner{padding:56px 0 44px;max-width:760px}
.page-title{font-size:clamp(36px,5vw,54px);line-height:1.08;letter-spacing:-.03em;color:#092c76;margin:0 0 20px}
.page-lede{font-size:18px;line-height:1.5;color:#08429a;max-width:620px;margin:0}
.page-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}

.retailer-section{background:#fffefa;padding:8px 0 12px}
.retailer-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start;padding:24px 0 48px}
.retailer-art img{width:100%;max-width:480px;height:auto;filter:drop-shadow(0 18px 30px rgba(30,39,70,.16))}
.retailer-copy .section-title{font-size:clamp(28px,3vw,36px);margin:0 0 14px}
.retailer-copy-heading{margin-top:30px}
.retailer-copy p{font-size:16px;line-height:1.55;color:#154fa1;margin:0 0 16px;max-width:520px}
.retailer-copy .check-list{margin:0 0 8px}
.retailer-list{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px;color:#08429a;font-weight:700}
.retailer-list li{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.4}
.retailer-list li::before{content:"📍";flex:0 0 auto;font-size:15px}

.bb-video-section{
  background:#fffaf0;
  padding:12px 0 48px;
}

.bb-video-panel{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:42px;
  align-items:center;
  padding:34px;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(221,248,245,.92),rgba(255,253,246,.98));
  box-shadow:0 18px 42px rgba(30,39,70,.10);
  position:relative;
  overflow:hidden;
}

.bb-video-panel::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(207,168,238,.28);
  left:-58px;
  top:-64px;
}

.bb-video-panel::after{
  content:"✦";
  position:absolute;
  right:28px;
  top:20px;
  color:#D9B13B;
  font-family:"Caveat","Comic Sans MS","Bradley Hand",cursive;
  font-size:34px;
  transform:rotate(12deg);
  opacity:.85;
}

.bb-video-copy{
  position:relative;
  z-index:1;
}

.bb-video-copy p{
  font-size:16px;
  line-height:1.55;
  color:#154fa1;
  margin:0 0 18px;
  max-width:420px;
}

.bb-video-frame{
  position:relative;
  z-index:1;
  aspect-ratio:16/9;
  border-radius:24px;
  background:#fff;
  padding:8px;
  box-shadow:0 16px 36px rgba(30,39,70,.16);
  overflow:hidden;
}

.bb-video-frame iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  border-radius:16px;
}

@media (max-width:860px){
  .bb-video-panel{
    grid-template-columns:1fr;
    padding:26px 20px;
  }
}
.digital-trial-section{
  background:#fffaf0;
  padding:0 0 48px;
}

.digital-trial-card{
  display:grid;
  grid-template-columns:.75fr .9fr 1.15fr;
  gap:30px;
  align-items:center;
  padding:34px;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,253,246,.98),rgba(221,248,245,.78));
  box-shadow:0 18px 42px rgba(30,39,70,.10);
  position:relative;
  overflow:hidden;
}

.digital-trial-card::before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(217,177,59,.18);
  right:-42px;
  top:-54px;
}

.digital-trial-visual,
.digital-trial-copy,
.trial-form{
  position:relative;
  z-index:1;
}

.digital-trial-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:260px;
}

.digital-trial-mockup{
  width:min(100%,430px);
  height:auto;
  display:block;
  filter:drop-shadow(0 18px 28px rgba(30,39,70,.18));
  transform:rotate(-2deg);
}

.digital-trial-copy p{
  font-size:16px;
  line-height:1.55;
  color:#154fa1;
  margin:0;
  max-width:470px;
}

.trial-form{
  margin:0;
}

.trial-email-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  gap:12px;
  align-items:center;
}

.trial-email-form input{
  min-width:0;
  height:50px;
  border:1px solid rgba(30,39,70,.25);
  border-radius:999px;
  padding:0 22px;
  background:#fff;
  color:var(--story-ink);
  outline:none;
}

.trial-email-form input:focus-visible{
  border-color:#0c85c8;
}

.trial-form .form-message{
  margin-top:8px;
  margin-left:8px;
}

@media (max-width:980px){
  .digital-trial-card{
    grid-template-columns:1fr;
    padding:28px 20px;
    gap:24px;
  }

  .digital-trial-visual{
    min-height:220px;
  }

  .digital-trial-mockup{
    width:min(100%,360px);
    transform:rotate(0deg);
  }

  .trial-email-form{
    grid-template-columns:1fr;
  }
}
.contact-section{background:linear-gradient(180deg,#ddfbf8,#ccf5f1);padding:48px 0 60px}
.contact-card{max-width:640px;background:#fffdf6;border-radius:var(--radius);box-shadow:var(--shadow);padding:44px}
.contact-card h2{font-size:clamp(28px,3vw,36px);margin:0 0 12px;color:#092c76}
.contact-card > p{font-size:16px;line-height:1.5;color:#154fa1;margin:0 0 26px}

.page-form{display:grid;gap:18px}
.form-row{display:grid;gap:6px}
.form-row label{font-size:13px;font-weight:800;color:#08429a;letter-spacing:.02em}
.form-row input,.form-row textarea,.form-row select{border:1px solid rgba(30,39,70,.25);border-radius:16px;padding:12px 18px;background:#fff;color:var(--story-ink);font:inherit;outline:none;transition:border-color .18s ease}
.form-row input,.form-row select{border-radius:999px;height:50px}
.form-row select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E2746' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 18px center;background-size:16px;padding-right:44px}
.form-row textarea{resize:vertical;min-height:96px}
.form-row input:focus-visible,.form-row textarea:focus-visible,.form-row select:focus-visible{border-color:#0c85c8}
.page-form .btn{justify-self:start;margin-top:6px}

/* ---- Legal / static content pages ---- */
.legal-page{background:#fffefa;padding:48px 0 64px}
.legal-page-inner{max-width:760px}
.legal-page h1{font-size:clamp(34px,4.4vw,48px);color:#092c76;margin:0 0 8px;letter-spacing:-.03em}
.legal-page .updated-note{font-size:13px;color:#4567a0;margin:0 0 36px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.legal-page h2{font-size:22px;color:#092c76;margin:32px 0 12px}
.legal-page p{font-size:16px;line-height:1.6;color:#233457;margin:0 0 16px}
.legal-page ul{font-size:16px;line-height:1.6;color:#233457;margin:0 0 16px;padding-left:22px}
.legal-page a.inline-link{color:#0c85c8;text-decoration:underline}
.legal-page a.inline-link:hover{color:var(--signal-coral)}

@media (max-width:900px){
  .retailer-grid{grid-template-columns:1fr;gap:32px}
  .contact-card{padding:30px 24px}
}
@media (max-width:640px){
  .page-hero-inner{padding:40px 0 32px}
  .contact-section{padding:36px 0 44px}
  .page-form .btn{width:100%}
  .page-hero-ctas{flex-direction:column}
  .page-hero-ctas .btn{width:100%}
}