/* Money Detective shared page refresh, 22 September 2026 */
:root{
  --md-plum:#2c222d;
  --md-teal:#0097b2;
  --md-teal-dark:#006f80;
  --md-pink:#d887d2;
  --md-pink-soft:#f8e7f1;
  --md-aqua:#c9eff0;
  --md-aqua-soft:#e8f7f6;
  --md-sun:#f6c64a;
  --md-sun-soft:#fff4c7;
  --md-ivory:#fffaf1;
}

body.brand-page{background:var(--md-ivory); color:var(--md-plum);}
body.brand-page h1,body.brand-page h2,body.brand-page h3{color:var(--md-plum);}
body.brand-page :focus-visible{outline:3px solid var(--md-sun); outline-offset:4px;}

/* Product pages */
body.product-page header{
  padding:9px 0;
  border-bottom:2px solid rgba(44,34,45,.14);
  background:rgba(255,250,241,.96);
}
body.product-page .header-row img{height:84px;}
body.product-page nav a.navlink{color:var(--md-plum); font-weight:750;}
body.product-page nav a.navlink:hover{color:var(--md-teal-dark);}
body.product-page .btn-primary{
  border:2px solid var(--md-plum);
  border-radius:999px;
  background:var(--md-teal);
  box-shadow:4px 4px 0 var(--md-pink);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
body.product-page .btn-primary:hover{background:var(--md-teal-dark); transform:translate(-1px,-2px); box-shadow:6px 6px 0 var(--md-pink);}
body.product-page .hero{
  position:relative;
  overflow:hidden;
  padding:76px 0 70px;
  border-bottom:9px solid var(--md-plum);
  background:linear-gradient(145deg,#fff8e9 0%,#fff8e9 55%,#f4dcea 55%,#f4dcea 100%);
}
body.product-page .hero:before{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  left:-175px;
  top:-125px;
  border:38px solid var(--md-aqua);
  border-radius:50%;
}
body.product-page .hero-grid{position:relative; z-index:1; gap:60px;}
body.product-page .hero-text:before{
  content:"PRACTICAL AUSTRALIAN MONEY TOOL";
  display:inline-block;
  margin-bottom:15px;
  padding:7px 11px;
  border-radius:4px;
  background:var(--md-sun);
  color:var(--md-plum);
  font-size:11px;
  line-height:1;
  font-weight:850;
  letter-spacing:.1em;
  transform:rotate(-1deg);
}
body.product-page .hero h1{font-size:clamp(47px,5.4vw,69px); line-height:1.01; letter-spacing:-.047em;}
body.product-page .hero p.sub{max-width:61ch; color:#564b56; font-size:18px;}
body.product-page .hero-note{font-weight:700; color:#625662;}
body.product-page .hero-img{
  overflow:hidden;
  border:3px solid var(--md-plum);
  border-radius:22px;
  box-shadow:12px 14px 0 var(--md-teal);
  transform:rotate(1deg);
}
body.product-page .trust-strip{padding:0; border:0; background:var(--md-teal-dark); color:#fff;}
body.product-page .trust-strip .wrap{gap:0; align-items:stretch;}
body.product-page .trust-strip span{flex:1 1 220px; justify-content:center; min-height:78px; padding:18px; color:#fff; text-align:center; border-right:1px solid rgba(255,255,255,.2);}
body.product-page .trust-strip span:last-child{border-right:0;}
body.product-page .trust-strip span:before{content:"✓"; color:var(--md-sun);}
body.product-page section{padding:76px 0;}
body.product-page #problem{background:var(--md-ivory);}
body.product-page #how-it-works{background:var(--md-aqua-soft)!important; border:0!important;}
body.product-page #product{background:#fff;}
body.product-page #pricing{background:var(--md-sun-soft);}
body.product-page #faq{background:var(--md-pink-soft)!important; border:0!important;}
body.product-page .eyebrow{
  width:max-content;
  margin-left:auto;
  margin-right:auto;
  padding:7px 11px;
  border-radius:4px;
  background:var(--md-sun);
  color:var(--md-plum);
  letter-spacing:.11em;
  transform:rotate(-1deg);
}
body.product-page .section-head h2{font-size:clamp(34px,4.2vw,51px); line-height:1.08; letter-spacing:-.035em;}
body.product-page .problem-grid{gap:24px;}
body.product-page .problem-card{
  border:2px solid var(--md-plum);
  border-radius:18px;
  box-shadow:6px 7px 0 rgba(44,34,45,.12);
}
body.product-page .problem-card:nth-child(1){background:var(--md-sun-soft);}
body.product-page .problem-card:nth-child(2){background:var(--md-pink-soft);}
body.product-page .problem-card:nth-child(3){background:var(--md-aqua-soft);}
body.product-page .step-num{border:2px solid var(--md-plum); background:var(--md-sun); color:var(--md-plum); box-shadow:3px 3px 0 var(--md-pink);}
body.product-page .showcase-img{border:2px solid var(--md-plum); border-radius:19px; box-shadow:8px 9px 0 rgba(44,34,45,.12);}
body.product-page .showcase-text .tag{border:1px solid var(--md-teal); background:var(--md-aqua-soft);}
body.product-page .example-box{border:2px solid var(--md-plum); background:var(--md-aqua-soft); box-shadow:7px 8px 0 var(--md-pink);}
body.product-page .founder-box{border:2px solid var(--md-plum); background:var(--md-pink-soft); box-shadow:6px 7px 0 rgba(44,34,45,.12);}
body.product-page .price-card{
  border:3px solid var(--md-plum);
  background:#fff;
  box-shadow:10px 11px 0 var(--md-teal);
}
body.product-page .price-card:before{
  content:"INTRODUCTORY PRICE";
  display:inline-block;
  padding:6px 10px;
  border:2px solid var(--md-plum);
  border-radius:4px;
  background:var(--md-sun);
  color:var(--md-plum);
  font-size:11px;
  font-weight:850;
  letter-spacing:.09em;
  transform:rotate(-1deg);
}
body.product-page .price-amount{font-family:var(--sans); font-size:52px; letter-spacing:-.04em;}
body.product-page .price-list li:before{content:"✓"; width:auto; height:auto; top:6px; background:none; color:var(--md-teal-dark); font-weight:900;}
body.product-page .faq-item{padding:21px 23px; margin-bottom:12px; border:2px solid var(--md-plum); border-radius:15px; background:#fff;}
body.product-page .final-cta{position:relative; overflow:hidden; border:3px solid var(--md-plum); background:linear-gradient(120deg,var(--md-plum),#47314a 62%,var(--md-teal-dark)); box-shadow:8px 9px 0 var(--md-sun);}
body.product-page .final-cta h2{color:#fff;}
body.product-page footer{border-top:9px solid var(--md-teal); background:var(--md-plum); color:rgba(255,255,255,.72);}
body.product-page footer a{color:#fff;}

/* About page */
body.about-page .page-top{position:sticky; top:0; z-index:50; min-height:106px; border-bottom:2px solid rgba(44,34,45,.12); background:rgba(255,250,241,.96); backdrop-filter:blur(8px);}
body.about-page .page-header-row{display:flex; align-items:center; justify-content:space-between; gap:28px;}
body.about-page .page-brand img{display:block; width:auto; height:86px;}
body.about-page .page-nav{display:flex; align-items:center; gap:25px;}
body.about-page .page-nav a{color:var(--md-plum); font-size:13.5px; font-weight:750; text-decoration:none;}
body.about-page .page-nav a[aria-current="page"]{padding:8px 13px; border-radius:999px; background:var(--md-pink-soft);}
body.about-page .hero{position:relative; overflow:hidden; padding:86px 0 96px; border-bottom:9px solid var(--md-plum); background:linear-gradient(145deg,#fff8e9 0%,#fff8e9 56%,#f4dcea 56%);}
body.about-page .hero:before{content:""; position:absolute; width:250px; height:250px; left:-150px; top:-100px; border:34px solid var(--md-aqua); border-radius:50%;}
body.about-page .hero-grid{position:relative; z-index:1;}
body.about-page .hero-copy .eyebrow{display:inline-block; padding:7px 11px; border-radius:4px; background:var(--md-sun); color:var(--md-plum); transform:rotate(-1deg);}
body.about-page .hero-photo img{border:3px solid var(--md-plum); box-shadow:11px 13px 0 var(--md-teal);}
body.about-page .origin{background:#fff;}
body.about-page .approach{background:var(--md-aqua-soft);}
body.about-page .habit-card{border:2px solid var(--md-plum); box-shadow:6px 7px 0 rgba(44,34,45,.12);}
body.about-page .habit-card:nth-child(2){background:var(--md-sun-soft);}
body.about-page .habit-card:nth-child(3){background:var(--md-pink-soft);}
body.about-page .insurance-panel{border:3px solid var(--md-plum); background:linear-gradient(125deg,var(--md-aqua-soft),var(--md-pink-soft)); box-shadow:8px 9px 0 var(--md-sun);}
body.about-page .resource-block{border-top:5px solid var(--md-teal);}
body.about-page .info-panel{border:2px solid var(--md-plum); box-shadow:7px 8px 0 var(--md-aqua);}
body.about-page .affiliate-panel{border:2px solid var(--md-plum); background:var(--md-pink-soft); box-shadow:7px 8px 0 var(--md-sun);}
body.about-page .closing{background:var(--md-sun-soft);}
body.about-page footer{border-top:9px solid var(--md-teal);}

/* Contact page */
body.contact-page .site-header{position:sticky; top:0; z-index:50; border-bottom:2px solid rgba(44,34,45,.12); background:rgba(255,250,241,.96); backdrop-filter:blur(8px);}
body.contact-page .header-inner{min-height:106px;}
body.contact-page .brand img{height:86px;}
body.contact-page nav a{color:var(--md-plum); font-weight:750;}
body.contact-page nav a[aria-current="page"]{padding:8px 13px; border-radius:999px; background:var(--md-pink-soft); color:var(--md-plum);}
body.contact-page main{position:relative; overflow:hidden; min-height:700px; border-bottom:9px solid var(--md-plum); background:linear-gradient(145deg,#fff8e9 0%,#fff8e9 55%,#f4dcea 55%);}
body.contact-page main:before{content:""; position:absolute; width:270px; height:270px; left:-170px; bottom:-110px; border:38px solid var(--md-aqua); border-radius:50%;}
body.contact-page .contact-grid{position:relative; z-index:1;}
body.contact-page .eyebrow{padding:7px 11px; border-radius:4px; background:var(--md-sun); color:var(--md-plum); transform:rotate(-1deg);}
body.contact-page .direct{border-top:3px solid var(--md-teal);}
body.contact-page .form-card{border:3px solid var(--md-plum); border-radius:22px; box-shadow:11px 12px 0 var(--md-teal);}
body.contact-page input,body.contact-page textarea{border:2px solid #cfc5c1; border-radius:11px; background:#fffaf1;}
body.contact-page button{border:2px solid var(--md-plum); border-radius:999px; background:var(--md-teal); box-shadow:4px 4px 0 var(--md-pink);}
body.contact-page footer{border-top:9px solid var(--md-teal); background:var(--md-plum);}

/* Complete toolkit */
body.bundle-page .top{position:sticky; top:0; z-index:50; border-bottom:2px solid rgba(44,34,45,.12); background:rgba(255,250,241,.96);}
body.bundle-page .top .container{min-height:102px;}
body.bundle-page .logo{height:84px;}
body.bundle-page .back{padding:9px 14px; border-radius:999px; background:var(--md-pink-soft); color:var(--md-plum);}
body.bundle-page .hero{position:relative; overflow:hidden; padding:82px 0; border-bottom:9px solid var(--md-plum); background:linear-gradient(145deg,#fff8e9 0%,#fff8e9 55%,#f4dcea 55%);}
body.bundle-page .hero:before{content:""; position:absolute; width:250px; height:250px; left:-150px; top:-105px; border:34px solid var(--md-aqua); border-radius:50%;}
body.bundle-page .hero-grid{position:relative; z-index:1;}
body.bundle-page .eyebrow{display:inline-block; padding:7px 11px; border-radius:4px; background:var(--md-sun); color:var(--md-plum); transform:rotate(-1deg);}
body.bundle-page .hero-img{border:3px solid var(--md-plum); box-shadow:11px 13px 0 var(--md-teal); transform:rotate(1deg);}
body.bundle-page .price{display:inline-block; padding:8px 12px; border:2px solid var(--md-plum); border-radius:8px; background:var(--md-sun); font-family:var(--sans);}
body.bundle-page .btn{border:2px solid var(--md-plum); background:var(--md-teal); box-shadow:4px 4px 0 var(--md-pink);}
body.bundle-page .grid{gap:24px;}
body.bundle-page .card{border:2px solid var(--md-plum); box-shadow:6px 7px 0 rgba(44,34,45,.12);}
body.bundle-page .card:nth-child(2),body.bundle-page .card:nth-child(5){background:var(--md-sun-soft);}
body.bundle-page .card:nth-child(3),body.bundle-page .card:nth-child(6){background:var(--md-pink-soft);}
body.bundle-page .details{background:var(--md-aqua-soft);}
body.bundle-page .faq details{border:2px solid var(--md-plum);}
body.bundle-page .buy{border-top:9px solid var(--md-sun); background:linear-gradient(120deg,var(--md-plum),#47314a 62%,var(--md-teal-dark));}
body.bundle-page footer{border-top:9px solid var(--md-teal); background:var(--md-plum);}

@media(max-width:760px){
  body.product-page header{position:relative;}
  body.product-page .header-row img{height:70px;}
  body.product-page .hero{padding:50px 0 58px; background:linear-gradient(160deg,#fff8e9 0%,#fff8e9 64%,#f4dcea 64%);}
  body.product-page .hero-grid .hero-img{order:2; transform:none; box-shadow:7px 8px 0 var(--md-teal);}
  body.product-page .hero h1{font-size:47px;}
  body.product-page .trust-strip span{flex-basis:50%; min-height:68px; border-bottom:1px solid rgba(255,255,255,.2);}
  body.product-page section{padding:60px 0;}
  body.product-page .problem-card,body.product-page .showcase-img,body.product-page .founder-box{box-shadow:5px 6px 0 rgba(44,34,45,.12);}
  body.product-page .example-box{padding:28px 22px; box-shadow:5px 6px 0 var(--md-pink);}
  body.product-page .price-card{padding:30px 22px; box-shadow:7px 8px 0 var(--md-teal);}
  body.product-page .final-cta{box-shadow:6px 7px 0 var(--md-sun);}
  body.about-page .page-top{position:relative;}
  body.about-page .page-header-row{flex-direction:column; gap:5px; padding:10px 0 14px;}
  body.about-page .page-brand img{height:68px;}
  body.about-page .page-nav{width:100%; justify-content:center; gap:15px; flex-wrap:wrap;}
  body.about-page .page-nav a{font-size:12.5px;}
  body.about-page .hero{padding:56px 0 66px; background:linear-gradient(160deg,#fff8e9 0%,#fff8e9 64%,#f4dcea 64%);}
  body.about-page .hero-photo img{box-shadow:7px 8px 0 var(--md-teal);}
  body.about-page .insurance-panel,body.about-page .info-panel,body.about-page .affiliate-panel{box-shadow:5px 6px 0 rgba(44,34,45,.13);}
  body.contact-page .site-header{position:relative;}
  body.contact-page main{padding-top:56px; background:linear-gradient(160deg,#fff8e9 0%,#fff8e9 66%,#f4dcea 66%);}
  body.contact-page .form-card{box-shadow:7px 8px 0 var(--md-teal);}
  body.bundle-page .top{position:relative;}
  body.bundle-page .hero{padding:54px 0 64px; background:linear-gradient(160deg,#fff8e9 0%,#fff8e9 64%,#f4dcea 64%);}
  body.bundle-page .hero-img{transform:none; box-shadow:7px 8px 0 var(--md-teal);}
}

@media(max-width:430px){
  body.product-page .hero h1{font-size:42px;}
  body.product-page .trust-strip span{flex-basis:100%; border-right:0;}
  body.about-page .page-nav{gap:11px;}
  body.contact-page nav{gap:14px;}
}