/* Puppy Day One v10 — editorial product UI */
:root{
  --sand:#e9e1d6!important;
  --paper:#f8f5ef!important;
  --ink:#242a28!important;
  --body:#5f6661!important;
  --line:#cfc5b8!important;
  --terra:#765744!important;
  --terraDark:#5f4435!important;
  --sage:#65766b!important;
  --sageSoft:#e5e9e3!important;
  --gold:#b8a184!important;
  --blue:#8f9c9f!important;
  --shadow:none!important;
}
html,body{background:var(--sand)!important}
body{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;color:var(--ink)!important}
h1,h2,h3,h4,.brand,.section-title,.copy h1,.hero h1,.heroCopy h2,.card h2,.card h3,.nextTitle,.todayTask b,.taskText b,.benefit b,.step h4,.result-title{
  font-family:"Source Serif 4",Georgia,serif!important;
  letter-spacing:-.025em!important;
}
/* Header */
.nav,.topbar{border-bottom:1px solid var(--line)!important;min-height:78px!important;background:transparent!important}
.brand{font-size:26px!important;font-weight:600!important;letter-spacing:-.03em!important}
.brandMark{display:none!important}
.navLinks,.navRight,.toplinks{gap:20px!important}
.navLinks a,.navRight a,.navRight button,.toplinks a,.toplinks button,.nav a{
  border:0!important;background:transparent!important;border-radius:0!important;padding:8px 0!important;
  font-size:12px!important;font-weight:600!important;box-shadow:none!important;color:var(--ink)!important
}
.navLinks a:hover,.navRight a:hover,.navRight button:hover,.toplinks a:hover,.toplinks button:hover{opacity:.62;background:transparent!important}
.navLinks .navCta{background:var(--ink)!important;color:#fff!important;padding:10px 15px!important;border-radius:8px!important}
/* Landing */
.hero{gap:64px!important;padding:72px 0 56px!important;align-items:center!important}
.eyebrow{font-size:10px!important;letter-spacing:.13em!important;color:var(--terra)!important;font-weight:700!important}
.hero h1{font-size:68px!important;line-height:.96!important;font-weight:500!important;max-width:620px!important;margin:12px 0 22px!important}
.hero h1 em{color:inherit!important;font-style:italic!important;font-weight:400!important}
.hero p{font-size:17px!important;line-height:1.65!important;max-width:570px!important;color:var(--body)!important}
.cta,.next,.buy,.btn{background:var(--ink)!important;background-image:none!important;border-radius:8px!important;box-shadow:none!important;font-weight:650!important}
.hero .cta{margin-top:14px!important;box-shadow:none!important}
.sub{font-size:11px!important;margin-top:12px!important;color:#747a76!important}
.heroVisual{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;transform:none!important}
.previewTop{grid-template-columns:46% 1fr!important;background:transparent!important;border-radius:0!important;padding:0 0 22px!important;border-bottom:1px solid var(--line)!important}
.previewTop img{width:100%!important;height:265px!important;border-radius:10px!important;filter:saturate(.72) contrast(.96)!important}
.previewTop h3{font-size:30px!important;line-height:1.03!important;margin:8px 0!important}
.previewTop p{font-size:11px!important;line-height:1.5!important}
.miniPills{gap:12px!important}.miniPills span,.pills span,.chip{
  border:0!important;background:transparent!important;border-radius:0!important;padding:0!important;color:#6a706c!important;font-size:10px!important;font-weight:500!important
}
.journeyLine{margin:20px 0 6px!important;gap:0!important;border-bottom:1px solid var(--line)!important;padding-bottom:14px!important}
.journeyLine div{font-size:9px!important;color:#858a86!important}
.journeyLine span{width:auto!important;height:auto!important;border:0!important;background:transparent!important;border-radius:0!important;font-size:10px!important;margin:0 auto 6px!important}
.journeyLine .active{color:var(--ink)!important}.journeyLine .active span{border:0!important;background:transparent!important;color:var(--terra)!important;font-weight:700!important}
.miniTasks{gap:0!important}.miniTask{grid-template-columns:32px 1fr auto!important;border:0!important;border-bottom:1px solid #d9d0c4!important;border-radius:0!important;padding:13px 0!important;background:transparent!important}
.miniTask i{width:auto!important;height:auto!important;background:transparent!important;border-radius:0!important;font-family:"Inter",sans-serif!important;font-size:10px!important;color:var(--terra)!important}
.miniTask b{font-size:15px!important;font-weight:550!important}.miniTask small{font-size:9px!important}.miniTask em{font-size:9px!important;font-style:normal!important}
.proof{margin:10px 0 72px!important;gap:0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.proof-card{background:transparent!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;padding:22px 24px!important}
.proof-card:last-child{border-right:0!important}.proofIcon{display:none!important}.proof-card strong{font-size:19px!important;font-weight:550!important}.proof-card span{font-size:11px!important;line-height:1.55!important}
section{padding:58px 0!important}.section-title{font-size:46px!important;font-weight:500!important}.section-copy{font-size:14px!important;line-height:1.65!important}
.steps{gap:0!important;border-top:1px solid var(--line)!important;margin-top:30px!important}.step{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:23px 0!important;display:grid!important;grid-template-columns:65px 220px 1fr!important;gap:20px!important;align-items:start!important}.step-num{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;color:var(--terra)!important;display:block!important;font-size:11px!important}.step h4{font-size:19px!important;margin:0!important;font-weight:550!important}.step p{font-size:11px!important;margin:3px 0 0!important;max-width:500px!important}
/* Quiz */
.quiz-shell{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:32px!important;box-shadow:none!important}
.progress{height:3px!important;background:#ddd4c8!important}.bar{background:var(--terra)!important;background-image:none!important}
.q h3{font-size:31px!important;font-weight:500!important}.field,.opt{border-radius:7px!important;background:#fcfaf6!important;border-color:#cfc5b8!important}.field:focus{border-color:var(--ink)!important;box-shadow:0 0 0 2px rgba(36,42,40,.08)!important}.opt.selected{border-color:var(--ink)!important;background:#f2ece4!important;box-shadow:none!important}.back,.secondary,.photoRemove{border-radius:7px!important;background:transparent!important;border:1px solid var(--line)!important}.photoPrompt{background:transparent!important;border:1px solid var(--line)!important;border-radius:8px!important}.photoPreview,.photoEmpty{border-radius:8px!important}.photoChoose{background:var(--ink)!important;border-radius:7px!important}.unlock{background:var(--ink)!important;background-image:none!important;border-radius:10px!important}.unlock h3{font-size:28px!important}.price{font-size:34px!important}.buy{background:#f7f3ed!important;color:var(--ink)!important}
/* Access */
.shell{gap:74px!important}.benefit{grid-template-columns:1fr!important;padding:16px 0!important}.benefitIcon,.mailIcon{display:none!important}.card{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;padding:32px!important}.card:before{display:none!important}.security{background:transparent!important;border-radius:7px!important}.puppyArt{border-radius:8px!important;filter:saturate(.72)!important;box-shadow:none!important}
/* Dashboard */
.head{padding:50px 0 24px!important}.head h1{font-size:52px!important;font-weight:500!important}.headNote{display:none!important}
.journeyCard{border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;background:var(--paper)!important}
.puppyHero{grid-template-columns:250px 1fr 100px!important;background:transparent!important;padding:20px!important;gap:28px!important}
.heroPhoto{height:190px!important;border-radius:8px!important;background:#d8d0c5!important}.photoTag{border:0!important;border-radius:4px!important;background:rgba(248,245,239,.92)!important;backdrop-filter:none!important}
.photoFallback{height:100%;display:flex;align-items:center;justify-content:center;background:#d8d0c5;color:#6f685f;font-family:"Source Serif 4",serif;font-size:44px}.photoFallback small{display:block;font-family:"Inter",sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;margin-top:4px;text-align:center}.photoFallbackInner{text-align:center}
.heroCopy h2{font-size:39px!important;font-weight:500!important}.ring{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;display:block!important;text-align:right!important}.ring:after{display:none!important}.ring>div{text-align:right!important}.ring strong{font-size:30px!important;font-weight:500!important}.ring span{text-transform:none!important;letter-spacing:0!important;font-size:10px!important}
.stagePath{background:transparent!important;padding:16px 20px!important}.stage:not(:last-child):after{border-top:1px solid #d2c9bd!important}.stage span{width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important}.stage.active span{background:transparent!important;border:0!important;color:var(--terra)!important}
.journeyBody{grid-template-columns:1fr 290px!important;padding:0 20px 20px!important;gap:32px!important}.today,.sideCard,.encourage{background:transparent!important;border:0!important;border-radius:0!important;padding:18px 0!important}.today{border-right:1px solid var(--line)!important;padding-right:32px!important}.sideCard{border-bottom:1px solid var(--line)!important}.encourage{display:none!important}.count{background:transparent!important;border-radius:0!important;padding:0!important;color:var(--body)!important}.todayTask{border-top:1px solid var(--line)!important;grid-template-columns:28px 1fr auto!important}.taskIcon{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;color:var(--terra)!important;font-size:10px!important}.sideIcon{display:none!important}.badge{border:0!important;border-radius:0!important;padding:0!important;margin-right:12px!important}.badge.on{background:transparent!important;color:var(--ink)!important}.actions .btn{padding:11px 14px!important}.btn.ghost{background:transparent!important;border:1px solid var(--line)!important;color:var(--ink)!important}
/* Plan */
.state{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important}.statusDot{background:var(--terra)!important}.generating{display:none!important}.journey{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important}.journey:before{display:none!important}.progressTrack{height:3px!important}.progressFill{background:var(--terra)!important}.nextTask{border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;padding:15px 0!important}.nextTask:before{display:none!important}.phaseTabs{background:transparent!important}.phaseTab:before{background:transparent!important}.hero{box-shadow:none!important}.planPhoto{border-radius:8px!important;filter:saturate(.8)!important}
/* Footer */
.footer,footer{border-top:1px solid var(--line)!important;color:#777a76!important}
@media(max-width:900px){
  .navLinks,.navRight,.toplinks{gap:14px!important}
  .hero h1{font-size:48px!important;max-width:540px!important}.hero{gap:36px!important}
  .previewTop{grid-template-columns:1fr!important}.previewTop img{height:260px!important}
  .proof{grid-template-columns:1fr!important}.proof-card{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:18px 0!important}.proof-card:last-child{border-bottom:0!important}
  .step{grid-template-columns:42px 1fr!important}.step p{grid-column:2!important}
  .puppyHero{grid-template-columns:180px 1fr!important}.ring{grid-column:2!important;text-align:left!important}.ring>div{text-align:left!important}
  .journeyBody{grid-template-columns:1fr!important}.today{border-right:0!important;padding-right:0!important;border-bottom:1px solid var(--line)!important}
}
@media(max-width:560px){
  .brand{font-size:22px!important}.navLinks a:not(.navCta){display:none!important}.navLinks .myPuppiesMobile{display:inline!important}
  .hero h1{font-size:42px!important}.hero p{font-size:15px!important}.previewTop img{height:220px!important}
  .step{grid-template-columns:34px 1fr!important;gap:10px!important}.step h4{font-size:18px!important}
  .quiz-shell{padding:20px!important}.q h3{font-size:28px!important}
  .puppyHero{grid-template-columns:1fr!important}.heroPhoto{height:230px!important}.ring{grid-column:auto!important}
  .journeyBody{padding:0 14px 14px!important}.stagePath{padding-left:14px!important;padding-right:14px!important}
}