:root{
  --blue:#0E3A5F;
  --blue-deep:#092A46;
  --blue-panel:#123E64;
  --grid-line:rgba(255,255,255,.09);
  --grid-line-strong:rgba(255,255,255,.16);
  --cyan:#8FD6EA;
  --cyan-dim:#5C9DB3;
  --paper:#F5F1E6;
  --paper-line:#DCD6C4;
  --ink:#122436;
  --ink-soft:#3E5568;
  --amber:#F4A93B;
  --amber-deep:#C9821E;
  --font-display:'Space Grotesk', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --font-body:'Inter', sans-serif;
}
.tradie *{box-sizing:border-box; margin:0; padding:0;}
.tradie{
  background:var(--blue);
  color:var(--paper);
  font-family:var(--font-body);
  line-height:1.55;
  overflow-x:hidden;
  min-height:100vh;
}
.tradie a{color:inherit; text-decoration:none;}
.tradie img{max-width:100%; display:block;}
.tradie .wrap{max-width:1180px; margin:0 auto; padding:0 32px; position:relative;}
.tradie h1,.tradie h2,.tradie h3,.tradie h4{font-family:var(--font-display); font-weight:600; line-height:1.08; letter-spacing:-.01em;}

.tradie .blueprint-bg{
  position:relative;
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px),
    linear-gradient(var(--grid-line-strong) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line-strong) 1px, transparent 1px);
  background-size:16px 16px, 16px 16px, 80px 80px, 80px 80px;
}
.tradie .crop{position:relative;}
.tradie .crop::before, .tradie .crop::after{
  content:""; position:absolute; width:18px; height:18px;
  border:1px solid var(--cyan-dim); opacity:.6;
}
.tradie .crop::before{top:20px; left:20px; border-right:none; border-bottom:none;}
.tradie .crop::after{bottom:20px; right:20px; border-left:none; border-top:none;}

.tradie .tag{
  font-family:var(--font-mono); font-size:12px;
  letter-spacing:.12em; text-transform:uppercase;
  color:var(--cyan);
  display:inline-flex; align-items:center; gap:8px;
}
.tradie .tag::before{content:"◈"; font-size:11px;}

.tradie .btn{
  font-family:var(--font-display); font-weight:600; font-size:15px;
  padding:14px 28px;
  border:1.5px solid var(--amber);
  background:var(--amber); color:var(--blue-deep);
  display:inline-block; cursor:pointer;
  transition:transform .12s ease, background .15s ease;
}
.tradie .btn:hover{background:var(--amber-deep); border-color:var(--amber-deep); transform:translateY(-2px);}
.tradie .btn.ghost{background:transparent; color:var(--paper); border-color:var(--cyan-dim);}
.tradie .btn.ghost:hover{border-color:var(--cyan); color:var(--cyan); background:transparent;}
.tradie .btn.full{width:100%; text-align:center; font-size:16px; padding:16px 28px;}
.tradie .btn.dark{background:var(--blue-deep); color:var(--paper); border-color:var(--blue-deep);}
.tradie .btn.dark:hover{background:#06182A; border-color:#06182A;}

.tradie header{
  position:sticky; top:0; z-index:50;
  background:rgba(9,42,70,.88);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--grid-line-strong);
}
.tradie .nav{display:flex; align-items:center; justify-content:space-between; padding:20px 0; gap:20px;}
.tradie .logo{font-family:var(--font-display); font-size:20px; font-weight:700; display:flex; align-items:center; gap:10px;}
.tradie .logo .mark{
  width:26px; height:26px; border:1.5px solid var(--cyan);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-size:13px; color:var(--cyan);
}
.tradie .nav-links{display:flex; gap:32px; font-size:14px; font-weight:500;}
.tradie .nav-links a{opacity:.82; transition:opacity .15s; position:relative;}
.tradie .nav-links a:hover{opacity:1; color:var(--cyan);}
.tradie .nav-links a::after{
  content:""; position:absolute; left:0; bottom:-6px; width:0; height:1px;
  background:var(--cyan); transition:width .2s ease;
}
.tradie .nav-links a:hover::after{width:100%;}
.tradie .nav-right{display:flex; align-items:center; gap:18px;}
.tradie .socials{display:flex; gap:10px;}
.tradie .socials a{
  width:34px; height:34px; border:1px solid var(--grid-line-strong);
  display:flex; align-items:center; justify-content:center;
  color:var(--cyan); transition:all .18s ease;
}
.tradie .socials a:hover{border-color:var(--amber); color:var(--amber); transform:translateY(-2px);}
.tradie .socials svg{width:16px; height:16px;}
.tradie .back-link{font-family:var(--font-mono); font-size:13px; color:var(--cyan-dim); transition:color .15s ease;}
.tradie .back-link:hover{color:var(--cyan);}

.tradie .hero{padding:100px 0 90px;}
.tradie .hero-inner{max-width:900px;}
.tradie .hero .tag{margin-bottom:22px;}
.tradie .hero h1{font-size:clamp(42px, 6.4vw, 80px); margin-bottom:24px;}
.tradie .hero h1 .accent{color:var(--amber);}
.tradie .hero p.lead{font-size:19px; color:var(--cyan); max-width:56ch; margin-bottom:38px; font-weight:400; opacity:.92;}
.tradie .hero-actions{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:22px;}
.tradie .fine-print{font-family:var(--font-mono); font-size:12px; color:var(--cyan-dim); letter-spacing:.02em; margin-bottom:44px; max-width:52ch;}
.tradie .fine-print.dark{color:rgba(9,42,70,.72); margin-bottom:0; margin-top:14px;}

.tradie .dim-row{
  display:grid; grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--grid-line-strong);
  padding-top:26px;
}
.tradie .dim-row .cell{padding-right:20px;}
.tradie .dim-row .cell .num{font-family:var(--font-mono); font-size:13px; color:var(--amber);}
.tradie .dim-row .cell p{font-size:14px; color:var(--paper); opacity:.85; margin-top:6px;}

.tradie .marquee-outer{
  border-top:1px solid var(--grid-line-strong);
  border-bottom:1px solid var(--grid-line-strong);
  padding:22px 0; overflow:hidden; background:var(--blue-deep);
}
.tradie .marquee-track{display:flex; gap:60px; white-space:nowrap; width:max-content; animation:tb-scroll 24s linear infinite;}
@keyframes tb-scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
.tradie .marquee-track span{font-family:var(--font-mono); font-size:14px; color:var(--cyan-dim); text-transform:uppercase; letter-spacing:.06em;}

.tradie section{padding:100px 0;}
.tradie .sec-head{display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:56px; flex-wrap:wrap;}
.tradie .sec-head h2{font-size:clamp(30px,4vw,50px);}
.tradie .sec-head p{color:var(--cyan-dim); max-width:36ch; font-size:15px;}
.tradie .testimonials .sec-head p, .tradie .testimonials .sec-head h2{color:var(--ink-soft);}

.tradie .pillars{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--grid-line-strong); border:1px solid var(--grid-line-strong);}
.tradie .pillar{background:var(--blue); padding:36px 26px; transition:background .18s ease;}
.tradie .pillar:hover{background:var(--blue-panel);}
.tradie .pillar .idx{font-family:var(--font-mono); font-size:12px; color:var(--amber); letter-spacing:.1em;}
.tradie .pillar h3{font-size:23px; margin:16px 0 12px;}
.tradie .pillar p{font-size:14px; color:var(--paper); opacity:.78; min-height:80px;}
.tradie .pillar .foot{font-family:var(--font-mono); font-size:12px; color:var(--cyan); margin-top:18px; border-top:1px solid var(--grid-line-strong); padding-top:14px;}

.tradie .outcomes-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.tradie .outcome-card{border:1px solid var(--grid-line-strong); background:var(--blue-panel); padding:30px 26px;}
.tradie .outcome-card .figure{font-family:var(--font-mono); font-weight:700; font-size:32px; color:var(--amber);}
.tradie .outcome-card .figure-label{font-size:14px; margin:10px 0 6px; font-weight:500;}
.tradie .outcome-card .client{font-size:13px; color:var(--cyan-dim);}

.tradie .path{position:relative; padding-left:34px; border-left:1.5px dashed var(--cyan-dim);}
.tradie .path .stop{position:relative; padding-bottom:46px; opacity:0; transform:translateX(-12px); transition:opacity .6s ease, transform .6s ease;}
.tradie .path .stop:last-child{padding-bottom:0;}
.tradie .path .stop.visible{opacity:1; transform:translateX(0);}
.tradie .path .stop::before{
  content:""; position:absolute; left:-40px; top:2px;
  width:12px; height:12px; background:var(--amber); border-radius:50%;
}
.tradie .path .stop .wk{font-family:var(--font-mono); font-size:12px; color:var(--amber); letter-spacing:.08em;}
.tradie .path .stop h4{font-size:21px; margin:8px 0 8px;}
.tradie .path .stop p{font-size:14px; color:var(--paper); opacity:.8; max-width:60ch;}

/* Testimonials: paper section + animated marquee rows */
.tradie .testimonials{background:var(--paper); color:var(--ink); overflow:hidden;}
.tradie .review-marquee{
  display:flex; gap:20px; width:max-content;
  animation:tb-review-scroll 60s linear infinite;
  padding:8px 0;
}
.tradie .review-marquee.reverse{animation-direction:reverse; animation-duration:75s;}
.tradie .review-marquee-wrap{overflow:hidden; margin-bottom:20px; -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);}
.tradie .review-marquee-wrap:hover .review-marquee{animation-play-state:paused;}
@keyframes tb-review-scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
.tradie .r-card{
  background:#FFFDF6; border:1px solid var(--paper-line);
  padding:26px 24px; width:360px; flex-shrink:0;
  box-shadow:0 1px 0 rgba(18,36,54,.04);
  display:flex; flex-direction:column; gap:14px;
}
.tradie .r-card .stars{font-family:var(--font-mono); color:var(--amber-deep); font-size:14px; letter-spacing:.15em;}
.tradie .r-card p.quote{font-size:15px; color:#22344A; flex:1;}
.tradie .r-card .who-row{display:flex; align-items:center; gap:12px; border-top:1px solid var(--paper-line); padding-top:14px;}
.tradie .r-card .avatar{
  width:38px; height:38px; border-radius:50%;
  background:var(--blue); color:var(--paper);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-size:13px; font-weight:700;
  flex-shrink:0;
}
.tradie .r-card .who{font-weight:600; font-size:14px;}
.tradie .r-card .biz{font-size:12px; color:var(--ink-soft);}

/* Trust strip */
.tradie .trust-strip{
  background:var(--blue-deep);
  border-top:1px solid var(--grid-line-strong);
  border-bottom:1px solid var(--grid-line-strong);
  padding:36px 0;
}
.tradie .trust-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:32px;}
.tradie .trust-item{display:flex; gap:14px; align-items:flex-start;}
.tradie .trust-item .ic{
  width:38px; height:38px; border:1px solid var(--cyan-dim);
  display:flex; align-items:center; justify-content:center;
  color:var(--amber); flex-shrink:0;
}
.tradie .trust-item h5{font-family:var(--font-display); font-size:14px; margin-bottom:4px;}
.tradie .trust-item p{font-size:12px; color:var(--cyan-dim); font-family:var(--font-mono); letter-spacing:.03em;}

/* Guarantee band */
.tradie .guarantee{
  padding:70px 0; border-top:1px solid var(--grid-line-strong);
}
.tradie .guarantee-inner{
  display:grid; grid-template-columns:auto 1fr auto; gap:36px; align-items:center;
  border:1px dashed var(--cyan-dim); padding:34px 40px;
}
.tradie .guarantee .seal{
  width:96px; height:96px; border:2px solid var(--amber);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-size:11px; letter-spacing:.1em;
  color:var(--amber); text-align:center; line-height:1.3;
  transform:rotate(-6deg); flex-shrink:0;
}
.tradie .guarantee h3{font-size:26px; margin-bottom:6px;}
.tradie .guarantee p{font-size:15px; color:var(--cyan); opacity:.9; max-width:58ch;}

.tradie .cta-banner{background:var(--amber); color:var(--blue-deep); padding:90px 0;}
.tradie .cta-banner .wrap{display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap;}
.tradie .cta-banner h2{font-size:clamp(30px,4.6vw,54px); max-width:16ch;}

.tradie footer{padding:70px 0 40px;}
.tradie .foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:60px;}
.tradie .foot-grid h5{font-family:var(--font-mono); font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--cyan-dim); margin-bottom:18px;}
.tradie .foot-grid ul{list-style:none;}
.tradie .foot-grid li{margin-bottom:10px; font-size:14px;}
.tradie .foot-grid a:hover{color:var(--amber);}
.tradie .foot-bottom{display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--grid-line-strong); padding-top:26px; font-size:13px; color:var(--cyan-dim); flex-wrap:wrap; gap:12px;}

.tradie .page-head{padding:80px 0 56px;}
.tradie .page-head .tag{margin-bottom:20px;}
.tradie .page-head h1{font-size:clamp(38px,5.6vw,64px); margin-bottom:20px; max-width:16ch;}
.tradie .page-head p.lead{font-size:17px; color:var(--cyan); max-width:56ch; opacity:.92;}
.tradie .qualify-note{
  margin-top:28px; padding:16px 20px; border:1px dashed var(--cyan-dim);
  font-family:var(--font-mono); font-size:13px; color:var(--cyan);
  max-width:64ch; display:flex; gap:12px; align-items:flex-start;
}
.tradie .qualify-note .mk{color:var(--amber); flex-shrink:0;}

.tradie .layout{display:grid; grid-template-columns:1fr 1.4fr; gap:60px; padding-bottom:110px; align-items:start;}
.tradie .side{position:sticky; top:110px;}
.tradie .side .step{display:flex; gap:14px; padding:16px 0; border-top:1px solid var(--grid-line-strong);}
.tradie .side .step:first-child{border-top:none;}
.tradie .side .step .n{font-family:var(--font-mono); color:var(--amber); font-size:13px; flex-shrink:0; width:22px;}
.tradie .side .step h4{font-size:16px; margin-bottom:4px;}
.tradie .side .step p{font-size:13px; color:var(--paper); opacity:.75;}

.tradie form{background:var(--blue-panel); border:1px solid var(--grid-line-strong); padding:40px;}
.tradie .f-section{margin-bottom:34px;}
.tradie .f-section:last-of-type{margin-bottom:0;}
.tradie .f-section .f-label{font-family:var(--font-mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--amber); margin-bottom:18px; display:block;}
.tradie .grid2{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.tradie .field{margin-bottom:20px;}
.tradie .field:last-child{margin-bottom:0;}
.tradie .field label{display:block; font-size:13px; color:var(--paper); opacity:.85; margin-bottom:8px;}
.tradie .field input[type=text], .tradie .field input[type=email], .tradie .field input[type=tel], .tradie .field select, .tradie .field textarea{
  width:100%; background:var(--blue-deep); border:1px solid var(--grid-line-strong);
  color:var(--paper); font-family:var(--font-body); font-size:15px;
  padding:12px 14px; transition:border-color .15s ease, background .15s ease;
}
.tradie .field input:focus, .tradie .field select:focus, .tradie .field textarea:focus{outline:none; border-color:var(--cyan); background:#0B3252;}
.tradie .field textarea{resize:vertical; min-height:90px;}
.tradie .chip-group{display:flex; flex-wrap:wrap; gap:10px;}
.tradie .chip{font-family:var(--font-mono); font-size:13px; border:1px solid var(--grid-line-strong); padding:10px 16px; cursor:pointer; user-select:none; transition:border-color .15s ease, background .15s ease, color .15s ease;}
.tradie .chip input{display:none;}
.tradie .chip.active{border-color:var(--amber); background:rgba(244,169,59,.12); color:var(--amber);}
.tradie .consent{display:flex; gap:12px; align-items:flex-start; font-size:13px; color:var(--paper); opacity:.85;}
.tradie .consent input{margin-top:3px;}
.tradie .form-foot{margin-top:32px; padding-top:26px; border-top:1px solid var(--grid-line-strong);}
.tradie .form-foot .fine{font-family:var(--font-mono); font-size:12px; color:var(--cyan-dim); margin-top:14px;}
.tradie .success{display:none; padding:60px 40px; text-align:center; border:1px solid var(--grid-line-strong); background:var(--blue-panel);}
.tradie .success.show{display:block; animation:tb-fadeUp .5s cubic-bezier(.2,.7,.2,1) both;}
.tradie .success .n{font-family:var(--font-mono); color:var(--amber); font-size:13px; letter-spacing:.1em; margin-bottom:16px;}
.tradie .success h3{font-size:26px; margin-bottom:14px;}
.tradie .success p{color:var(--cyan); max-width:44ch; margin:0 auto;}

@keyframes tb-fadeUp{ from{opacity:0; transform:translateY(22px);} to{opacity:1; transform:translateY(0);} }
@keyframes tb-drawIn{ from{opacity:0; transform:scaleX(0);} to{opacity:1; transform:scaleX(1);} }
.tradie .reveal{opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
.tradie .reveal.visible{opacity:1; transform:translateY(0);}

.tradie .hero .tag{animation:tb-fadeUp .6s cubic-bezier(.2,.7,.2,1) both;}
.tradie .hero h1{animation:tb-fadeUp .7s cubic-bezier(.2,.7,.2,1) .08s both;}
.tradie .hero p.lead{animation:tb-fadeUp .7s cubic-bezier(.2,.7,.2,1) .18s both;}
.tradie .hero-actions{animation:tb-fadeUp .7s cubic-bezier(.2,.7,.2,1) .28s both;}
.tradie .hero .fine-print{animation:tb-fadeUp .7s cubic-bezier(.2,.7,.2,1) .36s both;}
.tradie .hero .dim-row{animation:tb-drawIn .7s cubic-bezier(.2,.7,.2,1) .46s both; transform-origin:left;}

.tradie .pillar, .tradie .outcome-card{transition:transform .25s ease, background .2s ease, border-color .2s ease;}
.tradie .pillar:hover, .tradie .outcome-card:hover{transform:translateY(-6px);}
.tradie .r-card{transition:transform .25s ease, border-color .2s ease;}
.tradie .r-card:hover{transform:translateY(-4px); border-color:var(--amber-deep);}

@media (prefers-reduced-motion: reduce){
  .tradie *{animation:none !important; transition:none !important;}
  .tradie .reveal, .tradie .path .stop{opacity:1 !important; transform:none !important;}
}
@media (max-width:980px){
  .tradie .nav-links{display:none;}
  .tradie .socials{display:none;}
  .tradie .dim-row{grid-template-columns:repeat(2,1fr); row-gap:20px;}
  .tradie .pillars{grid-template-columns:repeat(2,1fr);}
  .tradie .outcomes-grid{grid-template-columns:repeat(2,1fr);}
  .tradie .trust-grid{grid-template-columns:repeat(2,1fr);}
  .tradie .foot-grid{grid-template-columns:repeat(2,1fr);}
  .tradie .layout{grid-template-columns:1fr; gap:40px;}
  .tradie .side{position:static;}
  .tradie .grid2{grid-template-columns:1fr;}
  .tradie .guarantee-inner{grid-template-columns:1fr; text-align:center;}
  .tradie .guarantee .seal{margin:0 auto;}
}
@media (max-width:600px){
  .tradie .wrap{padding:0 20px;}
  .tradie .dim-row{grid-template-columns:1fr;}
  .tradie .pillars{grid-template-columns:1fr;}
  .tradie .outcomes-grid{grid-template-columns:1fr;}
  .tradie .trust-grid{grid-template-columns:1fr;}
  .tradie .foot-grid{grid-template-columns:1fr;}
  .tradie .cta-banner .wrap{flex-direction:column; align-items:flex-start;}
  .tradie form{padding:28px 22px;}
  .tradie .r-card{width:300px;}
}

/* --- Image treatments (added) --- */
.tradie .hero-grid{display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center;}
.tradie .hero-grid .hero-inner{max-width:none;}
.tradie .hero-media{position:relative;}
.tradie .hero-media img{
  width:100%; height:auto; display:block;
  border:1px solid var(--grid-line-strong);
  filter:saturate(.95) contrast(1.03);
}
.tradie .hero-media::before{
  content:""; position:absolute; inset:12px; border:1px dashed var(--cyan-dim); opacity:.4; pointer-events:none;
}
.tradie .hero-media .badge{
  position:absolute; left:-14px; top:24px;
  background:var(--amber); color:var(--blue-deep);
  font-family:var(--font-mono); font-size:11px; letter-spacing:.1em;
  padding:8px 12px; text-transform:uppercase;
}
@media (max-width:900px){ .tradie .hero-grid{grid-template-columns:1fr;} .tradie .hero-media{order:-1;} }

.tradie .hero-offer{
  position:relative; border:1px dashed var(--amber);
  padding:32px 28px 28px; background:color-mix(in oklab, var(--blue-deep) 60%, transparent);
  display:flex; flex-direction:column; gap:14px;
}
.tradie .hero-offer .badge{
  position:absolute; top:-11px; left:20px; background:var(--amber); color:var(--blue-deep);
  font-family:var(--font-mono); font-size:11px; letter-spacing:.12em; padding:3px 10px; text-transform:uppercase;
}
.tradie .hero-offer .seal{
  width:96px; height:96px; border:2px solid var(--amber);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-size:11px; letter-spacing:.1em;
  color:var(--amber); text-align:center; line-height:1.3;
  transform:rotate(-6deg); margin:6px 0 4px;
}
.tradie .hero-offer h3{font-family:var(--font-display); font-size:24px; line-height:1.15;}
.tradie .hero-offer p{font-size:14px; color:var(--cyan); opacity:.92;}
.tradie .hero-offer .btn{align-self:flex-start; margin-top:6px;}


.tradie .split-media{
  display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center;
  margin-top:60px; padding-top:60px; border-top:1px solid var(--grid-line-strong);
}
.tradie .split-media.reverse{direction:rtl;}
.tradie .split-media.reverse > *{direction:ltr;}
.tradie .split-media img{width:100%; height:auto; border:1px solid var(--grid-line-strong); display:block;}
.tradie .split-media h3{font-size:28px; margin-bottom:14px;}
.tradie .split-media p{color:var(--paper); opacity:.82; font-size:15px; max-width:52ch;}
.tradie .split-media .tag{margin-bottom:14px;}
@media (max-width:820px){ .tradie .split-media{grid-template-columns:1fr;} .tradie .split-media.reverse{direction:ltr;} }

.tradie .r-card .avatar{
  padding:0; overflow:hidden;
}
.tradie .r-card .avatar img{width:100%; height:100%; object-fit:cover; display:block;}
.tradie .r-card .g-badge{
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--font-mono); font-size:11px; color:var(--ink-soft);
  letter-spacing:.06em;
}
.tradie .r-card .g-badge .g{
  width:14px; height:14px; border-radius:50%;
  background:conic-gradient(from 0deg,#4285F4 0 25%,#34A853 25% 50%,#FBBC05 50% 75%,#EA4335 75% 100%);
  display:inline-block;
}
.tradie .r-card .who-row{justify-content:space-between;}
.tradie .r-card .who-block{display:flex; align-items:center; gap:12px;}

/* FAQ */
.tradie #faq{padding:80px 0;}
.tradie .faq-list{display:grid; gap:12px; max-width:900px;}
.tradie .faq-item{border:1px solid var(--line); background:var(--panel); padding:18px 22px; border-radius:2px;}
.tradie .faq-item[open]{border-color:var(--amber-deep);}
.tradie .faq-item summary{cursor:pointer; font-weight:600; font-family:var(--font-display); font-size:17px; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px;}
.tradie .faq-item summary::after{content:"+"; font-family:var(--font-mono); color:var(--amber-deep); font-size:22px; line-height:1;}
.tradie .faq-item[open] summary::after{content:"−";}
.tradie .faq-item p{margin-top:12px; color:var(--cyan-dim); line-height:1.6;}

/* Sticky mobile CTA */
.tradie .sticky-cta{
  position:fixed; left:16px; right:16px; bottom:16px; z-index:60;
  display:none; justify-content:center; align-items:center;
  padding:14px 20px; border-radius:2px;
  background:var(--amber-deep); color:#0b1220; font-weight:700;
  font-family:var(--font-display); text-decoration:none;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  border:1px solid rgba(0,0,0,.2);
}
@media (max-width: 720px){
  .tradie .sticky-cta{display:flex;}
  .tradie footer{padding-bottom:96px;}
}

/* Packages page */
.tradie .pkg-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:8px;}
.tradie .pkg-card{position:relative; background:var(--blue-panel); border:1px solid var(--grid-line-strong); padding:32px 26px; display:flex; flex-direction:column; gap:14px;}
.tradie .pkg-card.featured{background:linear-gradient(180deg, color-mix(in srgb, var(--amber) 12%, var(--blue-panel)) 0%, var(--blue-panel) 60%); border-color:var(--amber); box-shadow:0 20px 40px -20px rgba(0,0,0,.5);}
.tradie .pkg-card .ribbon{position:absolute; top:-12px; left:26px; background:var(--amber); color:var(--blue-deep); font-family:var(--font-mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; padding:5px 12px; font-weight:700;}
.tradie .pkg-price{display:flex; align-items:baseline; gap:8px; margin-top:4px;}
.tradie .pkg-price .amount{font-family:var(--font-display); font-weight:700; font-size:42px; color:var(--paper); letter-spacing:-.02em;}
.tradie .pkg-price .cadence{font-family:var(--font-mono); font-size:13px; color:var(--cyan-dim);}
.tradie .pkg-tagline{font-size:15px; color:var(--paper); opacity:.92;}
.tradie .pkg-best{font-size:13px; color:var(--cyan); border-left:2px solid var(--amber); padding-left:12px;}
.tradie .pkg-feats{list-style:none; padding:0; margin:8px 0 6px; display:flex; flex-direction:column; gap:10px; flex:1;}
.tradie .pkg-feats li{position:relative; padding-left:22px; font-size:14px; color:var(--paper); opacity:.88; line-height:1.5;}
.tradie .pkg-feats li::before{content:"✓"; position:absolute; left:0; top:0; color:var(--amber); font-weight:700;}
.tradie .pkg-card .btn{margin-top:6px; align-self:stretch; text-align:center;}

.tradie .compare-wrap{overflow-x:auto; border:1px solid var(--grid-line-strong); background:var(--blue-panel);}
.tradie .compare{width:100%; border-collapse:collapse; min-width:640px;}
.tradie .compare th, .tradie .compare td{padding:16px 18px; text-align:left; border-bottom:1px solid var(--grid-line); font-size:14px;}
.tradie .compare thead th{font-family:var(--font-mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--cyan); background:var(--blue); border-bottom:1px solid var(--grid-line-strong);}
.tradie .compare tbody th{color:var(--paper); font-weight:500; font-family:var(--font-body);}
.tradie .compare .hl{background:color-mix(in srgb, var(--amber) 8%, transparent); color:var(--paper);}
.tradie .compare thead th.hl{color:var(--amber);}
.tradie .compare .tick.yes{color:var(--amber); font-weight:700;}
.tradie .compare .tick.no{color:var(--cyan-dim); opacity:.5;}
.tradie .compare .cell-text{color:var(--paper); opacity:.9;}

.tradie .promise-band{border:1px dashed var(--amber); background:color-mix(in srgb, var(--amber) 6%, var(--blue)); padding:32px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; margin:40px 0;}
.tradie .promise-band h3{font-size:26px; margin:8px 0 10px; max-width:24ch;}
.tradie .promise-band p{max-width:52ch; color:var(--paper); opacity:.85; font-size:14px;}

@media (max-width:900px){ .tradie .pkg-grid{grid-template-columns:1fr; gap:16px;} }

/* Package radio choice on assessment */
.tradie .pkg-choice{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:8px;}
.tradie .pkg-radio{position:relative; display:block; padding:16px 18px; border:1px solid var(--grid-line-strong); background:var(--blue-panel); cursor:pointer; transition:border-color .18s, background .18s; min-height:78px;}
.tradie .pkg-radio input{position:absolute; opacity:0; pointer-events:none;}
.tradie .pkg-radio .lbl{display:block; font-family:var(--font-display); font-weight:600; font-size:15px; line-height:1.35; color:var(--paper); margin-bottom:6px;}
.tradie .pkg-radio .sub{display:block; font-family:var(--font-mono); font-size:11px; line-height:1.4; letter-spacing:.1em; text-transform:uppercase; color:var(--cyan-dim);}
.tradie .pkg-radio:hover{border-color:var(--cyan);}
.tradie .pkg-radio.active{border-color:var(--amber); background:color-mix(in srgb, var(--amber) 10%, var(--blue-panel));}
.tradie .pkg-radio.active .sub{color:var(--amber);}
@media (max-width:640px){ .tradie .pkg-choice{grid-template-columns:1fr;} }


/* Related links on packages page */
.tradie .related-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--grid-line-strong); border:1px solid var(--grid-line-strong); margin-top:8px;}
.tradie .related-card{position:relative; background:var(--blue-panel); padding:26px 22px; display:flex; flex-direction:column; gap:8px; transition:background .18s;}
.tradie .related-card:hover{background:var(--blue);}
.tradie .related-card h3{font-size:19px; color:var(--paper);}
.tradie .related-card p{font-size:13px; color:var(--paper); opacity:.78;}
.tradie .related-card .arrow{position:absolute; top:20px; right:22px; color:var(--amber); font-size:18px;}
@media (max-width:900px){ .tradie .related-grid{grid-template-columns:1fr;} }