/* Hoot for Plastic Surgery & Aesthetics — page styles
   Every rule is scoped to .hoot-ps and marked !important so the WordPress
   theme cannot override the page, and the page cannot restyle the theme's
   own header, footer, or admin bar. */

/* ---------- NEUTRALIZE INHERITED / IMPOSED THEME RULES ----------
   Themes commonly grid-place, cap the width of, or set line-height and
   text-transform on every child of the content area. Those rules stack the
   two-column layouts and inflate the journey rows. Declared first so the
   page's own rules (further down) still win. */
.hoot-ps, .hoot-ps * {
  grid-area: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  float: none !important;
  clear: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-indent: 0 !important;
  list-style: none !important;
  columns: auto !important;
}
/* Theme width caps on content children */
.hoot-ps > *, .hoot-ps .wrap > *, .hoot-ps .opt-card > * { max-width: none !important; }
/* Journey rows: keep compact line spacing regardless of theme inheritance */
.hoot-ps .step-row, .hoot-ps .step-row * { line-height: 1.3 !important; }
.hoot-ps .step-txt h4 { line-height: 1.3 !important; }
.hoot-ps .step-txt .step-sub { line-height: 1.35 !important; }
.hoot-ps .branch, .hoot-ps .branch * { line-height: 1.35 !important; }
/* Content photos keep their intended fluid width */
.hoot-ps .hero-grid > img,
.hoot-ps .learned-grid > img,
.hoot-ps .sol-photo-row > img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}
/* Two-column layouts, restated at high specificity */
.hoot-ps .hero .hero-grid { display: grid !important; grid-template-columns: 1.05fr .95fr !important; }
.hoot-ps .learned .learned-grid { display: grid !important; grid-template-columns: .95fr 1.05fr !important; }
.hoot-ps .solution .sol-photo-row { display: grid !important; grid-template-columns: 1fr 1fr !important; }
.hoot-ps .journey .linear-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; }
@media (max-width: 960px) {
  .hoot-ps .hero .hero-grid,
  .hoot-ps .learned .learned-grid,
  .hoot-ps .solution .sol-photo-row,
  .hoot-ps .journey .linear-grid { grid-template-columns: 1fr !important; }
}



:root { --forest:#2c4a3b !important; --pine:#1e3a2e !important; --sage:#e6ecdf !important; --sage-deep:#d3dfca !important; --cream:#faf6ee !important; --cream-card:#fdfaf4 !important; --terracotta:#c96a45 !important; --terracotta-deep:#b05835 !important; --ink:#22301f !important; --ink-soft:#4a5a48 !important; --line:rgba(44,74,59,.14) !important; --radius-lg:28px !important; --radius-md:20px !important; }
.hoot-ps, .hoot-ps * { margin:0 !important; padding:0 !important; box-sizing:border-box !important; }
html { scroll-behavior:smooth !important; }
.hoot-ps { font-family:'DM Sans',sans-serif !important; color:var(--ink) !important; background:var(--cream) !important; line-height:1.6 !important; font-size:17px !important; -webkit-font-smoothing:antialiased !important; }
.hoot-ps h1, .hoot-ps h2, .hoot-ps h3, .hoot-ps .serif { font-family:'Newsreader',serif !important; font-weight:500 !important; line-height:1.12 !important; letter-spacing:-.01em !important; }
.hoot-ps img { max-width:100% !important; display:block !important; }
.hoot-ps a { color:inherit !important; }
.hoot-ps a:hover { color:var(--forest) !important; }
.hoot-ps .wrap { max-width:1160px !important; margin:0 auto !important; padding:0 24px !important; }
.hoot-ps .eyebrow { display:inline-flex !important; align-items:center !important; gap:10px !important; font-size:.78rem !important; font-weight:700 !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:var(--terracotta) !important; }
.hoot-ps .eyebrow::before { content:"" !important; width:26px !important; height:2px !important; background:var(--terracotta) !important; display:inline-block !important; }
.hoot-ps .section-title { font-size:clamp(2rem,4vw,3rem) !important; margin:.6rem 0 1rem !important; }
.hoot-ps .lede { font-size:1.15rem !important; color:var(--ink-soft) !important; max-width:640px !important; }
.hoot-ps .btn { display:inline-flex !important; align-items:center !important; gap:10px !important; font-weight:600 !important; font-size:1rem !important; padding:16px 30px !important; border-radius:999px !important; text-decoration:none !important; transition:transform .18s ease,box-shadow .18s ease,background .18s ease !important; cursor:pointer !important; border:none !important; }
.hoot-ps .btn-primary { background:var(--terracotta) !important; color:#fff !important; box-shadow:0 8px 24px rgba(201,106,69,.28) !important; }
.hoot-ps .btn-primary:hover { background:var(--terracotta-deep) !important; color:#fff !important; transform:translateY(-2px) !important; }
.hoot-ps .btn-ghost { background:transparent !important; color:var(--forest) !important; border:1.5px solid var(--forest) !important; }
.hoot-ps .btn-ghost:hover { background:var(--forest) !important; color:#fff !important; }
.hoot-ps .reveal { opacity:1 !important; transform:none !important; }
.hoot-ps .reveal.in { opacity:1 !important; transform:none !important; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior:auto !important; }
.hoot-ps .reveal { opacity:1 !important; transform:none !important; transition:none !important; }






}
.hoot-ps nav { position:sticky !important; top:0 !important; z-index:50 !important; background:rgba(250,246,238,.9) !important; backdrop-filter:blur(10px) !important; border-bottom:1px solid var(--line) !important; }
.hoot-ps .nav-inner { display:flex !important; align-items:center !important; justify-content:space-between !important; height:76px !important; }
.hoot-ps .logo { font-family:'Newsreader',serif !important; font-size:1.7rem !important; font-weight:600 !important; color:var(--forest) !important; text-decoration:none !important; letter-spacing:-.02em !important; }
.hoot-ps .logo span { color:var(--terracotta) !important; }
.hoot-ps .nav-links { display:flex !important; align-items:center !important; gap:28px !important; font-size:.95rem !important; font-weight:500 !important; }
.hoot-ps .nav-links a { text-decoration:none !important; color:var(--ink-soft) !important; }
.hoot-ps .nav-links a:hover { color:var(--forest) !important; }
.hoot-ps .nav-links .btn { padding:11px 22px !important; font-size:.92rem !important; }
.hoot-ps .nav-phone { font-size:.85rem !important; color:var(--ink-soft) !important; }
@media(max-width:1100px) {
.hoot-ps .nav-phone { display:none !important; }





}
@media(max-width:760px) {
.hoot-ps .nav-links a:not(.btn) { display:none !important; }





}
.hoot-ps .ph { border:2px dashed rgba(44,74,59,.35) !important; background:rgba(211,223,202,.35) !important; border-radius:var(--radius-lg) !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:12px !important; text-align:center !important; padding:28px !important; color:var(--forest) !important; }
.hoot-ps .ph svg { opacity:.55 !important; }
.hoot-ps .ph .ph-tag { font-size:.72rem !important; font-weight:700 !important; letter-spacing:.13em !important; text-transform:uppercase !important; opacity:.7 !important; }
.hoot-ps .ph .ph-rec { font-size:.9rem !important; color:var(--ink-soft) !important; max-width:min(340px,100%) !important; line-height:1.5 !important; }
.hoot-ps .hero-grid>*, .hoot-ps .problem-lead>*, .hoot-ps .learned-grid>*, .hoot-ps .linear-grid>*, .hoot-ps .sol-photo-row>* { min-width:0 !important; }
.hoot-ps .hero { background:var(--sage) !important; padding:88px 0 96px !important; overflow:hidden !important; }
.hoot-ps .hero-grid { display:grid !important; grid-template-columns:1.05fr .95fr !important; gap:64px !important; align-items:center !important; }
.hoot-ps .hero h1 { font-size:clamp(2.5rem,5vw,3.9rem) !important; margin:1rem 0 1.3rem !important; color:var(--pine) !important; }
.hoot-ps .hero h1 em { font-style:italic !important; color:var(--terracotta) !important; }
.hoot-ps .hero p { font-size:1.2rem !important; color:var(--ink-soft) !important; max-width:540px !important; margin-bottom:2.2rem !important; }
.hoot-ps .hero-ctas { display:flex !important; gap:16px !important; flex-wrap:wrap !important; }
.hoot-ps .hero .ph { aspect-ratio:4/4.4 !important; }
@media(max-width:900px) {
.hoot-ps .hero-grid { grid-template-columns:1fr !important; }
.hoot-ps .hero .ph { aspect-ratio:4/3 !important; }





}
.hoot-ps .stat-strip { background:var(--pine) !important; color:var(--cream) !important; padding:40px 0 !important; }
.hoot-ps .stat-grid { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:32px !important; text-align:center !important; }
.hoot-ps .stat-grid .num { font-family:'Newsreader',serif !important; font-size:2.6rem !important; font-weight:500 !important; color:#e9c9a8 !important; line-height:1.1 !important; }
.hoot-ps .stat-grid .lbl { font-size:.92rem !important; opacity:.85 !important; max-width:280px !important; margin:6px auto 0 !important; }
@media(max-width:760px) {
.hoot-ps .stat-grid { grid-template-columns:1fr !important; gap:24px !important; }





}
.hoot-ps .problem { padding:104px 0 !important; background:var(--cream) !important; }
.hoot-ps .problem-lead { display:grid !important; grid-template-columns:1fr 1fr !important; gap:64px !important; align-items:center !important; margin-bottom:72px !important; }
.hoot-ps .problem-lead .ph { aspect-ratio:4/3.2 !important; }
.hoot-ps .problem-lead h2 em { font-style:italic !important; color:var(--terracotta) !important; }
.hoot-ps .big-quote { font-family:'Newsreader',serif !important; font-size:1.35rem !important; font-style:italic !important; color:var(--forest) !important; border-left:3px solid var(--terracotta) !important; padding-left:20px !important; margin:1.6rem 0 !important; }
.hoot-ps .stat-callout { background:var(--cream-card) !important; border:1px solid var(--line) !important; border-radius:var(--radius-lg) !important; padding:44px 40px !important; box-shadow:0 24px 60px rgba(30,58,46,.14) !important; display:flex !important; flex-direction:column !important; gap:12px !important; justify-content:center !important; }
.hoot-ps .stat-num { font-family:'Newsreader',serif !important; font-size:clamp(3.6rem,7vw,5.4rem) !important; font-weight:500 !important; line-height:1 !important; color:var(--terracotta) !important; }
.hoot-ps .stat-label { font-size:1.05rem !important; font-weight:600 !important; color:var(--pine) !important; max-width:26ch !important; line-height:1.35 !important; }
.hoot-ps .stat-body { font-size:.95rem !important; color:var(--ink-soft) !important; line-height:1.55 !important; margin:6px 0 0 !important; }
.hoot-ps .stat-src { font-size:.78rem !important; color:var(--ink-soft) !important; opacity:.75 !important; font-style:italic !important; margin-top:4px !important; }
.hoot-ps .outcome-cards { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:24px !important; }
.hoot-ps .card { background:var(--cream-card) !important; border:1px solid var(--line) !important; border-radius:var(--radius-md) !important; padding:34px 30px !important; box-shadow:0 6px 20px rgba(34,48,31,.05) !important; }
.hoot-ps .card .icon { width:52px !important; height:52px !important; border-radius:14px !important; background:var(--sage) !important; display:flex !important; align-items:center !important; justify-content:center !important; margin-bottom:20px !important; color:var(--forest) !important; }
.hoot-ps .card h3 { font-size:1.4rem !important; margin-bottom:.6rem !important; color:var(--pine) !important; }
.hoot-ps .card p { font-size:.98rem !important; color:var(--ink-soft) !important; }
@media(max-width:900px) {
.hoot-ps .problem-lead { grid-template-columns:1fr !important; }
.hoot-ps .outcome-cards { grid-template-columns:1fr !important; }





}
.hoot-ps .learned { padding:104px 0 !important; background:var(--sage) !important; }
.hoot-ps .learned-grid { display:grid !important; grid-template-columns:.95fr 1.05fr !important; gap:64px !important; align-items:center !important; }
.hoot-ps .learned .ph { aspect-ratio:4/3.4 !important; }
.hoot-ps .learn-list { margin-top:2rem !important; display:flex !important; flex-direction:column !important; gap:22px !important; }
.hoot-ps .learn-item { display:flex !important; gap:18px !important; align-items:flex-start !important; }
.hoot-ps .learn-item .dot { flex:none !important; width:34px !important; height:34px !important; border-radius:50% !important; background:var(--forest) !important; color:var(--cream) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-family:'Newsreader',serif !important; font-size:1rem !important; margin-top:2px !important; }
.hoot-ps .learn-item h3 { font-size:1.2rem !important; color:var(--pine) !important; margin-bottom:.2rem !important; }
.hoot-ps .learn-item p { font-size:.97rem !important; color:var(--ink-soft) !important; }
@media(max-width:900px) {
.hoot-ps .learned-grid { grid-template-columns:1fr !important; }





}
.hoot-ps .solution { padding:104px 0 !important; background:var(--cream) !important; }
.hoot-ps .sol-head { text-align:center !important; max-width:720px !important; margin:0 auto 64px !important; }
.hoot-ps .sol-head .lede { margin:0 auto !important; }
.hoot-ps .sol-cards { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:24px !important; margin-bottom:72px !important; width:min(1240px,calc(100vw - 48px)) !important; margin-left:50% !important; transform:translateX(-50%) !important; }
.hoot-ps .sol-cards .card { text-align:left !important; }
.hoot-ps .step-tag { display:inline-block !important; font-size:.72rem !important; font-weight:700 !important; letter-spacing:.13em !important; text-transform:uppercase !important; color:var(--terracotta) !important; margin-bottom:14px !important; }
.hoot-ps .sol-photo-row { display:grid !important; grid-template-columns:1fr 1fr !important; gap:24px !important; }
.hoot-ps .sol-photo-row .ph { aspect-ratio:16/9.5 !important; }
@media(max-width:900px) {
.hoot-ps .sol-cards { grid-template-columns:1fr !important; }
.hoot-ps .sol-photo-row { grid-template-columns:1fr !important; }





}
.hoot-ps .iphone.top { max-width:430px !important; }
.hoot-ps .iphone.sm { width:290px !important; max-width:100% !important; border-radius:44px !important; padding:10px !important; box-shadow:0 26px 54px rgba(0,0,0,.4) !important; display:flex !important; flex-direction:column !important; flex:1 !important; }
.hoot-ps .iphone.sm .iphone-screen { border-radius:36px !important; flex:1 !important; display:flex !important; flex-direction:column !important; width:100% !important; }
.hoot-ps .iphone.sm .chat-body { flex:1 !important; display:flex !important; flex-direction:column !important; }
.hoot-ps .iphone.sm .statusbar { padding:12px 20px 6px !important; font-size:.76rem !important; }
.hoot-ps .iphone.sm .island { width:86px !important; height:20px !important; top:10px !important; }
.hoot-ps .iphone.sm .chat-head { padding:8px 14px 11px !important; gap:9px !important; }
.hoot-ps .iphone.sm .avatar { width:34px !important; height:34px !important; font-size:.9rem !important; }
.hoot-ps .iphone.sm .chat-id .nm { font-size:.85rem !important; }
.hoot-ps .iphone.sm .chat-id .via { font-size:.66rem !important; }
.hoot-ps .iphone.sm .chat-body { padding:16px 13px 18px !important; min-height:0 !important; }
.hoot-ps .iphone.sm .stage-pill { font-size:.56rem !important; padding:6px 12px !important; margin:0 auto 14px !important; }
.hoot-ps .iphone.sm .bubble { font-size:.8rem !important; padding:12px 13px !important; border-radius:16px !important; }
.hoot-ps .iphone.sm .vcard { margin-top:0 !important; margin-bottom:13px !important; border-radius:16px !important; }
.hoot-ps .iphone.sm .vthumb .playbtn { width:44px !important; height:44px !important; }
.hoot-ps .iphone.sm .vthumb .playbtn::after { border-left-width:13px !important; border-top-width:8px !important; border-bottom-width:8px !important; }
.hoot-ps .iphone.sm .vthumb .drtag { font-size:.6rem !important; padding:4px 9px !important; top:9px !important; left:9px !important; }
.hoot-ps .iphone.sm .vthumb .dur { font-size:.6rem !important; padding:3px 8px !important; bottom:9px !important; right:9px !important; }
.hoot-ps .iphone.sm .vmeta { padding:11px 13px 10px !important; }
.hoot-ps .iphone.sm .vmeta h5 { font-size:.85rem !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; min-height:2.25em !important; }
.hoot-ps .iphone.sm .vmeta .vsub { font-size:.72rem !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.hoot-ps .iphone.sm .bubble { margin-top:auto !important; min-height:4.9em !important; display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; }
.hoot-ps .iphone.sm .reply-row { padding:14px 0 0 !important; gap:8px !important; }
.hoot-ps .iphone.sm .pill-btn { font-size:.74rem !important; padding:9px 16px !important; }
.hoot-ps .choice-chips { display:flex !important; flex-direction:column !important; gap:10px !important; margin-top:16px !important; }
.hoot-ps .cchip { background:#fff !important; border:1.5px solid #ddd6c6 !important; border-radius:999px !important; padding:12px 14px !important; font-size:.88rem !important; font-weight:700 !important; color:#111 !important; text-align:center !important; }
.hoot-ps .cchip.hot { border-color:var(--terracotta) !important; color:var(--terracotta) !important; }
.hoot-ps .journey { padding:104px 0 0 !important; background:var(--sage) !important; }
.hoot-ps .journey-head { text-align:center !important; max-width:760px !important; margin:0 auto 70px !important; }
.hoot-ps .journey-head .lede { margin:0 auto !important; }
.hoot-ps .linear-grid { display:grid !important; grid-template-columns:1fr 440px !important; gap:72px !important; align-items:start !important; }
.hoot-ps .steps-kicker { font-size:.78rem !important; font-weight:700 !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:var(--ink-soft) !important; margin-bottom:16px !important; }
.hoot-ps .steps-intro { font-size:1.02rem !important; color:var(--ink-soft) !important; max-width:560px !important; margin-bottom:30px !important; }
.hoot-ps .step-list { display:flex !important; flex-direction:column !important; gap:14px !important; }
.hoot-ps .step-row { display:flex !important; align-items:center !important; gap:16px !important; background:var(--cream-card) !important; border:1.5px solid var(--line) !important; border-radius:18px !important; padding:16px 20px !important; cursor:pointer !important; text-align:left !important; width:100% !important; font-family:inherit !important; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease !important; }
.hoot-ps .step-row:hover { transform:translateY(-1px) !important; box-shadow:0 6px 16px rgba(34,48,31,.08) !important; }
.hoot-ps .step-row.active { border:2px solid var(--forest) !important; box-shadow:0 8px 22px rgba(30,58,46,.14) !important; }
.hoot-ps .step-row:focus-visible { outline:3px solid var(--terracotta) !important; outline-offset:2px !important; }
.hoot-ps .badge-when { flex:none !important; width:62px !important; background:var(--sage) !important; border-radius:12px !important; text-align:center !important; padding:8px 4px !important; }
.hoot-ps .badge-when .lbl { display:block !important; font-size:.56rem !important; font-weight:700 !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--ink-soft) !important; }
.hoot-ps .badge-when .val { display:block !important; font-family:'Newsreader',serif !important; font-size:1.15rem !important; color:var(--pine) !important; line-height:1.15 !important; }
.hoot-ps .step-row.active .badge-when { background:var(--forest) !important; }
.hoot-ps .step-row.active .badge-when .lbl { color:rgba(250,246,238,.7) !important; }
.hoot-ps .step-row.active .badge-when .val { color:var(--cream) !important; }
.hoot-ps .step-num { flex:none !important; width:34px !important; height:34px !important; border-radius:50% !important; border:2px solid var(--forest) !important; color:var(--forest) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-family:'Newsreader',serif !important; font-size:1rem !important; }
.hoot-ps .step-list .step-row:nth-child(1) .step-num { border-color:#c96a45 !important; color:#c96a45 !important; }
.hoot-ps .step-list .step-row:nth-child(2) .step-num { border-color:#b05a8f !important; color:#b05a8f !important; }
.hoot-ps .step-list .step-row:nth-child(3) .step-num { border-color:#4a6fb5 !important; color:#4a6fb5 !important; }
.hoot-ps .step-list .step-row:nth-child(4) .step-num { border-color:#2c4a3b !important; color:#2c4a3b !important; }
.hoot-ps .step-list .step-row:nth-child(5) .step-num { border-color:#8a5fb0 !important; color:#8a5fb0 !important; }
.hoot-ps .step-list .step-row:nth-child(6) .step-num { border-color:#3f7d7a !important; color:#3f7d7a !important; }
.hoot-ps .step-list .step-row:nth-child(7) .step-num { border-color:#a8823c !important; color:#a8823c !important; }
.hoot-ps .step-txt h4 { font-family:'DM Sans',sans-serif !important; font-size:1.05rem !important; font-weight:700 !important; color:var(--ink) !important; line-height:1.3 !important; }
.hoot-ps .step-txt .step-sub { font-size:.88rem !important; color:var(--ink-soft) !important; }
.hoot-ps .playing-tag { margin-left:auto !important; flex:none !important; display:none !important; align-items:center !important; gap:6px !important; color:var(--forest) !important; font-weight:700 !important; font-size:.85rem !important; }
.hoot-ps .playing-tag::before { content:"" !important; width:0 !important; height:0 !important; border-left:9px solid var(--forest) !important; border-top:6px solid transparent !important; border-bottom:6px solid transparent !important; }
.hoot-ps .step-row.active .playing-tag { display:flex !important; }
.hoot-ps .iphone-col { position:sticky !important; top:100px !important; display:flex !important; justify-content:center !important; }
.hoot-ps .iphone { width:100% !important; max-width:400px !important; background:#101010 !important; border-radius:56px !important; padding:13px !important; box-shadow:0 34px 70px rgba(16,25,15,.35) !important; }
.hoot-ps .iphone-screen { background:#fff !important; border-radius:44px !important; overflow:hidden !important; position:relative !important; }
.hoot-ps .statusbar { display:flex !important; justify-content:space-between !important; align-items:center !important; padding:16px 28px 8px !important; font-size:.88rem !important; font-weight:600 !important; color:#111 !important; position:relative !important; }
.hoot-ps .island { position:absolute !important; left:50% !important; transform:translateX(-50%) !important; top:12px !important; width:110px !important; height:26px !important; background:#101010 !important; border-radius:999px !important; }
.hoot-ps .chat-head { display:flex !important; align-items:center !important; gap:12px !important; padding:10px 18px 14px !important; border-bottom:1px solid #eee !important; }
.hoot-ps .chat-back { color:#111 !important; font-size:1.2rem !important; line-height:1 !important; }
.hoot-ps .avatar { position:relative !important; flex:none !important; width:42px !important; height:42px !important; border-radius:50% !important; background:var(--forest) !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; font-weight:700 !important; font-size:1.05rem !important; }
.hoot-ps .avatar::after { content:"✓" !important; position:absolute !important; bottom:-2px !important; right:-2px !important; width:16px !important; height:16px !important; border-radius:50% !important; background:#2f6fed !important; color:#fff !important; font-size:.55rem !important; display:flex !important; align-items:center !important; justify-content:center !important; border:2px solid #fff !important; }
.hoot-ps .chat-id { flex:1 !important; min-width:0 !important; }
.hoot-ps .chat-id .nm { font-weight:700 !important; font-size:.98rem !important; color:#111 !important; }
.hoot-ps .chat-id .via { font-size:.76rem !important; color:#8a8a8a !important; }
.hoot-ps .chat-dots { color:#111 !important; letter-spacing:2px !important; font-weight:700 !important; }
.hoot-ps .chat-body { padding:20px 18px 6px !important; min-height:430px !important; }
.hoot-ps .week-lbl { text-align:center !important; font-size:.74rem !important; font-weight:700 !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#a89f8c !important; }
.hoot-ps .stage-pill { display:table !important; margin:10px auto 18px !important; background:#efe9da !important; color:#7d7256 !important; font-size:.64rem !important; font-weight:700 !important; letter-spacing:.11em !important; text-transform:uppercase !important; padding:8px 16px !important; border-radius:999px !important; }
.hoot-ps .stage-pill::before { content:"" !important; display:inline-block !important; width:7px !important; height:7px !important; border-radius:50% !important; background:var(--forest) !important; margin-right:8px !important; vertical-align:1px !important; }
.hoot-ps .bubble { border:1px solid #e8e3d6 !important; border-radius:20px !important; padding:15px 17px !important; font-size:.93rem !important; line-height:1.5 !important; color:#333 !important; }
.hoot-ps .vcard { margin-top:16px !important; border-radius:20px !important; overflow:hidden !important; border:1px solid #eee !important; box-shadow:0 12px 28px rgba(0,0,0,.12) !important; background:#fff !important; }
.hoot-ps .vthumb { aspect-ratio:16/9.6 !important; background:linear-gradient(135deg,#3a5c48,#6f8f74) !important; position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.hoot-ps .vthumb .drtag { position:absolute !important; top:12px !important; left:12px !important; background:rgba(20,32,24,.75) !important; color:#fff !important; font-size:.68rem !important; font-weight:600 !important; padding:5px 11px !important; border-radius:999px !important; }
.hoot-ps .vthumb .playbtn { width:56px !important; height:56px !important; border-radius:50% !important; background:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; box-shadow:0 6px 18px rgba(0,0,0,.3) !important; }
.hoot-ps .vthumb .playbtn::after { content:"" !important; width:0 !important; height:0 !important; border-left:16px solid var(--terracotta) !important; border-top:10px solid transparent !important; border-bottom:10px solid transparent !important; margin-left:4px !important; }
.hoot-ps .vthumb .dur { position:absolute !important; bottom:12px !important; right:12px !important; background:rgba(10,15,10,.8) !important; color:#fff !important; font-size:.68rem !important; font-weight:600 !important; padding:4px 10px !important; border-radius:8px !important; }
.hoot-ps .vmeta { padding:14px 16px 12px !important; }
.hoot-ps .vmeta h5 { font-family:'DM Sans',sans-serif !important; font-size:1rem !important; font-weight:700 !important; color:#111 !important; line-height:1.3 !important; }
.hoot-ps .vmeta .vsub { font-size:.82rem !important; color:#8a8a8a !important; margin-top:2px !important; }
.hoot-ps .watch-row { display:flex !important; justify-content:space-between !important; align-items:center !important; border-top:1px solid #efece4 !important; margin-top:12px !important; padding-top:11px !important; font-size:.83rem !important; }
.hoot-ps .watch-row .wn { color:var(--forest) !important; font-weight:700 !important; display:flex !important; align-items:center !important; gap:7px !important; }
.hoot-ps .watch-row .wn::before { content:"" !important; width:0 !important; height:0 !important; border-left:10px solid var(--forest) !important; border-top:6px solid transparent !important; border-bottom:6px solid transparent !important; }
.hoot-ps .watch-row .then { color:#a89f8c !important; }
.hoot-ps .reply-row { display:flex !important; gap:12px !important; justify-content:flex-end !important; padding:20px 18px 8px !important; }
.hoot-ps .pill-btn { border-radius:999px !important; padding:12px 24px !important; font-size:.9rem !important; font-weight:700 !important; font-family:inherit !important; }
.hoot-ps .pill-btn.ghost { background:#fff !important; border:1.5px solid #ddd6c6 !important; color:#111 !important; }
.hoot-ps .pill-btn.solid { background:var(--forest) !important; border:1.5px solid var(--forest) !important; color:#fff !important; }
.hoot-ps .msg-input { display:flex !important; gap:10px !important; align-items:center !important; padding:8px 16px 20px !important; }
.hoot-ps .msg-plus { flex:none !important; width:36px !important; height:36px !important; border-radius:50% !important; background:#f0ede4 !important; color:#8a8a8a !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:1.2rem !important; }
.hoot-ps .msg-field { flex:1 !important; border:1.5px solid #e4dfd1 !important; border-radius:999px !important; padding:10px 18px !important; font-size:.9rem !important; color:#a89f8c !important; }
@media(max-width:960px) {
.hoot-ps .linear-grid { grid-template-columns:1fr !important; }
.hoot-ps .iphone-col { position:static !important; }





}
.hoot-ps .journey-intro { max-width:64ch !important; }
.hoot-ps .journey-intro .section-title { font-size:clamp(2.1rem,5vw,3.4rem) !important; }
.hoot-ps .journey-intro .lede { max-width:54ch !important; }
.hoot-ps .option-head { display:flex !important; align-items:center !important; gap:18px !important; flex-wrap:wrap !important; margin:56px 0 28px !important; }
.hoot-ps .option-head h3 { font-family:'Newsreader',serif !important; font-size:clamp(1.6rem,3.4vw,2.4rem) !important; font-weight:500 !important; color:var(--pine) !important; line-height:1.05 !important; }
.hoot-ps .option-head .meta { font-size:.95rem !important; color:var(--ink-soft) !important; font-style:italic !important; }
.hoot-ps .option-pill { background:var(--forest) !important; color:var(--cream) !important; font-size:.7rem !important; font-weight:700 !important; letter-spacing:.14em !important; text-transform:uppercase !important; padding:7px 14px !important; border-radius:8px !important; }
.hoot-ps .option-pill.terra { background:var(--terracotta) !important; }
.hoot-ps .opt-card { background:var(--cream-card) !important; border:1px solid var(--line) !important; border-radius:28px !important; padding:54px 40px !important; box-shadow:0 18px 40px -24px rgba(35,45,32,.4) !important; }
@media(max-width:700px) {
.hoot-ps .opt-card { padding:34px 22px !important; }





}
.hoot-ps .adaptive2 { padding:0 0 104px !important; background:var(--sage) !important; display:flow-root !important; }
.hoot-ps .adaptive { padding:104px 0 !important; background:var(--pine) !important; color:var(--cream) !important; }
.hoot-ps .adaptive .eyebrow { color:#e9c9a8 !important; }
.hoot-ps .adaptive .eyebrow::before { background:#e9c9a8 !important; }
.hoot-ps .adaptive .section-title { color:var(--cream) !important; }
.hoot-ps .adaptive .lede { color:rgba(250,246,238,.75) !important; }
.hoot-ps .adaptive-head { text-align:center !important; max-width:760px !important; margin:0 auto 70px !important; }
.hoot-ps .adaptive-head .lede { margin:0 auto !important; }
.hoot-ps .branch-top { display:flex !important; justify-content:center !important; margin-bottom:26px !important; }
.hoot-ps .branch-connector { display:flex !important; justify-content:center !important; margin-bottom:26px !important; }
.hoot-ps .branch-connector svg { max-width:760px !important; width:100% !important; }
.hoot-ps .branch-row { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:24px !important; justify-items:center !important; }
.hoot-ps .branch-row .branch { min-width:0 !important; max-width:100% !important; }
.hoot-ps .branch { display:flex !important; flex-direction:column !important; align-items:center !important; gap:16px !important; }
.hoot-ps .branch-label { display:inline-flex !important; align-items:center !important; font-size:.72rem !important; font-weight:700 !important; letter-spacing:.12em !important; text-transform:uppercase !important; background:#efe9da !important; color:#7d7256 !important; padding:6px 13px !important; border-radius:999px !important; }
.hoot-ps .adaptive-note { max-width:640px !important; margin:56px auto 0 !important; text-align:center !important; font-size:1rem !important; color:rgba(250,246,238,.75) !important; }
@media(max-width:1100px) {
.hoot-ps .branch-row { grid-template-columns:1fr !important; }





}
.hoot-ps .demo { padding:110px 0 !important; background:var(--pine) !important; }
.hoot-ps .demo-card { background:var(--sage) !important; border-radius:36px !important; padding:80px 56px !important; text-align:center !important; position:relative !important; overflow:hidden !important; }
.hoot-ps .demo-card h2 { font-size:clamp(2.1rem,4vw,3.1rem) !important; color:var(--pine) !important; max-width:680px !important; margin:0 auto 1rem !important; }
.hoot-ps .demo-card h2 em { font-style:italic !important; color:var(--terracotta) !important; }
.hoot-ps .demo-card p { max-width:560px !important; margin:0 auto 2.4rem !important; color:var(--ink-soft) !important; font-size:1.12rem !important; }
.hoot-ps .demo-meta { margin-top:26px !important; font-size:.9rem !important; color:var(--ink-soft) !important; }
.hoot-ps .demo-card .eyebrow { display:block !important; letter-spacing:.22em !important; margin-bottom:10px !important; }
.hoot-ps .demo-card .eyebrow::before { display:none !important; }
.hoot-ps .demo-card .btn { text-transform:uppercase !important; letter-spacing:.08em !important; font-size:.95rem !important; padding:18px 40px !important; }
@media(max-width:700px) {
.hoot-ps .demo-card { padding:56px 24px !important; }





}
.hoot-ps footer { background:var(--pine) !important; color:rgba(250,246,238,.75) !important; padding:72px 0 36px !important; font-size:.9rem !important; }
.hoot-ps .foot-grid { display:grid !important; grid-template-columns:1.5fr repeat(4,1fr) !important; gap:40px !important; align-items:start !important; }
@media(max-width:1000px) {
.hoot-ps .foot-grid { grid-template-columns:1fr 1fr !important; }





}
@media(max-width:560px) {
.hoot-ps .foot-grid { grid-template-columns:1fr !important; }





}
.hoot-ps footer .logo { color:var(--cream) !important; font-size:1.4rem !important; }
.hoot-ps .foot-brand { display:flex !important; flex-direction:column !important; gap:14px !important; }
.hoot-ps .foot-brand p { line-height:1.6 !important; font-size:.88rem !important; margin:0 !important; }
.hoot-ps .foot-col { display:flex !important; flex-direction:column !important; gap:10px !important; }
.hoot-ps .foot-col h4 { color:var(--cream) !important; font-size:.95rem !important; font-weight:600 !important; margin:0 0 4px !important; }
.hoot-ps .foot-col a { font-size:.88rem !important; color:rgba(250,246,238,.75) !important; }
.hoot-ps footer a { text-decoration:none !important; color:rgba(250,246,238,.75) !important; }
.hoot-ps footer a:hover { color:#fff !important; }
.hoot-ps .foot-bottom { border-top:1px solid rgba(250,246,238,.18) !important; margin-top:56px !important; padding-top:24px !important; font-size:.85rem !important; color:rgba(250,246,238,.55) !important; }
.hoot-ps .hero, .hoot-ps .problem, .hoot-ps .learned, .hoot-ps .solution, .hoot-ps .journey, .hoot-ps .adaptive2, .hoot-ps .demo, .hoot-ps footer { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
.hoot-ps nav { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
html { overflow-x: hidden !important; }
.hoot-ps .logo { white-space: nowrap !important; }

/* ---------- FULL-WIDTH BACKGROUND BANDS ----------
   Breaks each colored section out of the theme's constrained content
   container without depending on the container's own width. */
.hoot-ps { width: 100% !important; max-width: none !important; }
.hoot-ps > .hero,
.hoot-ps > .problem,
.hoot-ps > .learned,
.hoot-ps > .solution,
.hoot-ps > .journey,
.hoot-ps > .adaptive2,
.hoot-ps > .demo {
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
.hoot-ps > .hero { padding-top: 96px !important; padding-bottom: 96px !important; }
.hoot-ps > .problem,
.hoot-ps > .learned,
.hoot-ps > .solution { padding-top: 104px !important; padding-bottom: 104px !important; }
.hoot-ps > .journey { padding-top: 104px !important; padding-bottom: 0 !important; }
.hoot-ps > .adaptive2 { padding-top: 0 !important; padding-bottom: 104px !important; }
.hoot-ps > .demo { padding-top: 110px !important; padding-bottom: 110px !important; }