/* Product callouts follow the WhatsApp Conversations hero-card treatment. */
.goodus-page{--product-note-ink:#213853;--product-note-accent:#367B65;--product-note-fill:#EAF2EC;--product-note-curve:#E8A25D;}
.faithtether-page{--product-note-ink:#7D1360;--product-note-accent:#7D1360;--product-note-fill:#F6EDF3;--product-note-curve:#A1CDF3;}
.jotalong-page{--product-note-ink:#004544;--product-note-accent:#188E8A;--product-note-fill:#E6F3F8;--product-note-curve:#D1A440;}
.nightwatch-page{--product-note-ink:#423451;--product-note-accent:#56407B;--product-note-fill:#EEE9F5;--product-note-curve:#A786D8;}
.product-visual-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:480px;margin:24px auto 0;}
.product-visual-note{padding:20px;border-radius:24px;border:1px solid rgba(38,57,67,.1);background:#fff;box-shadow:0 18px 44px rgba(38,57,67,.1);color:var(--product-note-ink);}
.product-visual-note.note-1{background:var(--product-note-ink);color:#fff;border-color:rgba(217,200,154,.18);}
.product-note-accent{display:none;}
.note-1 .product-note-accent{display:block;width:32px;height:32px;margin-bottom:12px;background:var(--product-note-curve);-webkit-mask:var(--product-note-symbol) center/contain no-repeat;mask:var(--product-note-symbol) center/contain no-repeat;}
.goodus-page{--product-note-symbol:var(--icon-sprig);}
.faithtether-page{--product-note-symbol:var(--icon-book);}
.jotalong-page{--product-note-symbol:var(--icon-pencil);}
.nightwatch-page{--product-note-symbol:var(--icon-chat);}
.product-visual-note strong{display:block;margin:0 0 8px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;}
.product-visual-note p{margin:0;font-size:13px;line-height:1.5;font-weight:600;color:#53616A;}
.product-visual-note.note-1 strong,.product-visual-note.note-1 p{color:#fff;}
.goodus-hero-visual{--product-device-half:180px;}
.ft-hero-visual{--product-device-half:160px;}
.jot-hero-visual{--product-device-half:157px;}

/* Full photographic panels bring the products into everyday settings. */
.product-in-situ{position:relative;min-height:400px;margin:0 8vw 64px;padding:42px;border-radius:30px;overflow:hidden;border:1px solid rgba(38,57,67,.1);background:#FCFAF5;isolation:isolate;}
.product-in-situ>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;}
.product-in-situ::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,250,245,.94),rgba(252,250,245,.7) 29%,transparent 57%);z-index:-1;}
.product-in-situ-copy{max-width:34%;}
.product-in-situ-copy .eyebrow{margin:0 0 14px;color:var(--product-note-accent);font-size:11px;}
.product-in-situ-copy h2{margin:0 0 18px;font-family:inherit;color:var(--product-note-ink);font-size:clamp(28px,2.5vw,36px);font-weight:600;line-height:1.2;letter-spacing:-.02em;}
.product-in-situ-copy h2 em{font-style:normal;color:var(--product-note-accent);}
.product-in-situ-copy>p:last-child{margin:0;color:#435366;font-size:15px;line-height:1.7;}
.jot-thought-panel{min-height:360px;padding:34px;background:#FCFAF5;}
.jot-thought-panel::before,.jot-thought-panel::after{content:none;}
.jot-thought-panel h2{position:relative;z-index:1;max-width:44%;font-size:clamp(30px,2.6vw,40px);line-height:1.14;}
.jot-reflection-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

/* Photographic NightWatch devices retain the recognizable product interface. */
.nw-device-stage{position:relative;margin:0;}
.nw-device-stage a{display:block;}
.nw-device-photo{display:block;width:100%;height:auto;border-radius:24px;}
.nw-device-stage figcaption{margin-top:19px;text-align:center;color:#62596D;font-size:13px;line-height:1.6;}

@media(min-width:1340px){
  .product-phone-visual .product-visual-notes{margin:0;}
  .product-phone-visual .product-visual-note{position:absolute;width:230px;padding:20px;z-index:3;}
  .product-phone-visual .note-1{right:-16px;top:38px;}
  .product-phone-visual .note-2{left:-16px;bottom:24px;}
  .product-web-visual{padding-top:210px;padding-bottom:140px;}
  .product-web-visual .product-visual-notes{margin:0;}
  .product-web-visual .product-visual-note{position:absolute;width:230px;padding:20px;}
  .product-web-visual .note-1{right:0;top:0;}
  .product-web-visual .note-2{left:0;bottom:0;}
  /* Alternate corners while keeping callouts clear of the hero copy. */
  .faithtether-page .note-1{left:0;right:auto;top:30px;bottom:auto;}
  .faithtether-page .note-2{left:auto;right:-16px;top:auto;bottom:24px;}
  .jotalong-page .note-1{left:auto;right:-16px;top:auto;bottom:24px;}
  .jotalong-page .note-2{left:0;right:auto;top:38px;bottom:auto;}
  .nightwatch-page .product-web-visual{padding-top:140px;padding-bottom:190px;}
  .nightwatch-page .note-1{left:auto;right:0;top:auto;bottom:0;}
  .nightwatch-page .note-2{left:0;right:auto;top:0;bottom:auto;}
}
@media(max-width:980px){
  .product-in-situ{min-height:380px;padding:32px;}
  .product-in-situ-copy{max-width:41%;}
  .ft-reflection-panel h2,.jot-thought-panel h2{max-width:48%;}
}
@media(max-width:760px){
  .product-in-situ{display:flex;flex-direction:column;min-height:0;margin:0 24px 48px;padding:0;border-radius:26px;}
  .product-in-situ::before{content:none;}
  .product-in-situ>img{position:relative;inset:auto;height:240px;object-position:75% center;z-index:auto;}
  .product-in-situ-copy{order:-1;max-width:none;padding:28px 24px;}
  .product-in-situ-copy h2{font-size:29px;}
  .jot-thought-panel{display:flex;flex-direction:column;min-height:0;padding:0;}
  .ft-reflection-panel h2,.jot-thought-panel h2{max-width:none;}
  .jot-thought-panel h2{margin:0;padding:28px 24px 8px;font-size:34px;}
  .jot-reflection-image{position:relative;inset:auto;height:230px;object-position:75% center;}
  .nw-device-photo{border-radius:18px;}
}
@media(max-width:460px){
  .product-visual-notes{grid-template-columns:1fr;gap:12px;max-width:340px;}
  .product-visual-note{padding:20px;}
}