/* TMH Partner Attribution 1.1.9: partner / QR free search page (/p/<code>).
   Built to the rev6 design pack (README sections 3 and 4). Scoped to .tmh-partner.
   Responsive behaviour is CSS only: 1180px (steps + CEO panel in the hero),
   900px (enquiry beside/below), 600px (phone hero). */

.tmh-partner{--navy:#2D455A;--deep:#1C3C5A;--pink:#E51652;--pink-h:#c9134a;--tint:#FDE7EE;--blush:#FDF2F5;--slate:#3F4C58;--muted:#617383;--line:#E6E9ED;
  --tmh-head:0px; /* the site header scrolls away (checked 16 Oct); raise this if it ever becomes fixed */
  font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--slate);background:#F7F8FA;-webkit-font-smoothing:antialiased;overflow-x:clip}
html{scroll-behavior:smooth}
.tmh-partner *,.tmh-partner *::before,.tmh-partner *::after{box-sizing:border-box}
.tmh-partner [id]{scroll-margin-top:calc(var(--tmh-head) + 16px)}
.tmh-partner p{margin:0}
.tmh-partner img{max-width:100%;height:auto}
.tmh-partner a{color:var(--pink)}
.tmh-partner a:hover{color:var(--pink-h)}
.tmh-partner h1,.tmh-partner h2{font-family:'Brooklyn Samuels Five','Public Sans',sans-serif;font-weight:800;color:var(--navy);text-transform:none}
.tmh-partner h1{font-size:clamp(30px,4.6vw,52px);line-height:1.05;letter-spacing:-1.3px;margin:0}
.tmh-partner h2{font-size:clamp(26px,3vw,32px);line-height:1.15;letter-spacing:-.7px;margin:0 0 10px}
.tmh-partner h3{font-family:'Public Sans',sans-serif;font-weight:800;color:var(--navy);margin:0;text-transform:none;letter-spacing:0}
.tmh-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(18px,3vw,32px)}

/* ---------- Hero ---------- */
.tmh-hero-band{background:linear-gradient(180deg,#fff 0%,#F7F8FA 100%);border-bottom:1px solid var(--line)}
.tmh-hero-wrap{padding-top:clamp(18px,3vw,36px);padding-bottom:clamp(28px,4vw,44px)}
.tmh-hero{display:flex;flex-wrap:wrap;align-items:flex-start;gap:28px clamp(28px,4vw,48px)}
.tmh-hero-main{flex:1 1 480px;min-width:0;max-width:800px}
.tmh-hero-head{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:clamp(10px,2vw,20px);align-items:center}
.tmh-hero-head .tmh-hero-temmy{grid-column:1;grid-row:1 / 3}
.tmh-hero-head .tmh-eyebrow{grid-column:2;grid-row:1;align-self:end;margin:0 0 8px}
.tmh-hero-head h1{grid-column:2;grid-row:2;align-self:start}
.tmh-eyebrow{font-family:'Public Sans',sans-serif;font-size:13px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--pink)}
.tmh-hero-temmy{position:relative;padding:6px;flex:none}
.tmh-hero-temmy::before{content:"";position:absolute;inset:-4px -10px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#FDE7EE 0%,#FDF2F5 55%,rgba(253,242,245,0) 72%)}
.tmh-hero-temmy img{position:relative;display:block;height:calc(clamp(30px,4.6vw,52px) * 1.1 + 34px);width:auto;max-width:20vw;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(45,69,90,.14))}

/* Hand-drawn underline under "free trademark search" */
.tmh-underline{position:relative;display:inline-block;white-space:nowrap}
.tmh-underline svg{position:absolute;left:-2%;bottom:-.16em;width:104%;height:.32em;overflow:visible;pointer-events:none}
.tmh-underline path{fill:none;stroke:var(--pink);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320;animation:tmhDraw .75s cubic-bezier(.6,.05,.3,1) .45s forwards}
@keyframes tmhDraw{to{stroke-dashoffset:0}}

.tmh-lead{margin-top:14px!important;font-size:clamp(16px,1.5vw,18px);line-height:1.55;color:var(--slate);max-width:680px}
.tmh-search{margin-top:16px;background:linear-gradient(180deg,#fff 0%,#FBFCFD 100%);border:2px solid var(--pink);border-radius:16px;padding:12px;box-shadow:0 2px 6px rgba(45,69,90,.06),0 16px 36px rgba(45,69,90,.10)}
/* No height on the box: embed.js reserves 70px for the bar and then sizes the frame (README 4.5) */
.tmh-search .tmh-embed{margin:0}
.tmh-search-note{margin-top:8px!important;font-size:13.5px;font-weight:600;color:var(--muted)}
.tmh-trust{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;font-weight:600;color:var(--navy)}
.tmh-trust li{display:flex;align-items:center;gap:7px;margin:0}
.tmh-dot{width:6px;height:6px;border-radius:50%;background:var(--pink);flex:none}
.tmh-stars{color:#F5A623;letter-spacing:1px}
.tmh-trust a{color:var(--navy);text-decoration:none;font-weight:700}
.tmh-trust a:hover{color:var(--pink)}

/* "What happens next" inside the hero (1180px and wider). README 4.4 */
.tmh-hero-steps{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.tmh-hero-steps h2{font-size:21px;line-height:1.2;letter-spacing:-.4px;margin:0 0 10px}
.tmh-hero-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tmh-hero-steps li{margin:0;background:linear-gradient(180deg,#F7F8FA,#EDF0F3);border:1px solid #DDE2E7;border-radius:14px;padding:12px 14px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 4px rgba(45,69,90,.06),0 8px 18px rgba(45,69,90,.08);
  display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;align-content:start;gap:8px 12px}
.tmh-step-icon{position:relative;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fff,#FAFBFC);border:1.5px solid #D3D9DF;box-shadow:0 1px 0 #fff inset,0 2px 4px rgba(45,69,90,.08)}
.tmh-step-icon img{width:28px;height:28px;display:block}
.tmh-step-n{position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#EE2D65,#D9124C);color:#fff;
  display:flex;align-items:center;justify-content:center;font:800 12px 'Public Sans',sans-serif;box-shadow:0 3px 8px rgba(229,22,82,.3)}
.tmh-hero-steps h3{font-size:15px;line-height:1.25}
.tmh-hero-steps p{grid-column:1 / -1;font-size:13.5px;line-height:1.45;color:var(--slate)}
.tmh-hero-ceo{margin-top:16px}

/* "Word from CEO" first-person panel */
.tmh-first-person{background:linear-gradient(160deg,var(--navy),var(--deep));border-radius:16px;padding:18px 24px 22px;box-shadow:0 12px 28px rgba(28,60,90,.20);color:#E4E9EE}
.tmh-fp-head{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.tmh-fp-head img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #FFB3C7;flex:0 0 72px;display:block}
.tmh-partner .tmh-first-person h2{font-size:21px;line-height:1.2;letter-spacing:-.4px;color:#fff;margin:0 0 5px}
.tmh-fp-by{font:800 11px 'Public Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#FFB3C7}
.tmh-partner .tmh-fp-by a{color:inherit;text-decoration:none}
.tmh-partner .tmh-fp-by a:hover{color:inherit;text-decoration:underline}
.tmh-fp-by span{margin-left:8px;font:600 13px 'Open Sans',sans-serif;letter-spacing:0;text-transform:none;color:#C8D1D9}
.tmh-partner .tmh-first-person p{margin:0 0 10px;font-size:14.5px;line-height:1.6;color:#E4E9EE}
.tmh-partner .tmh-first-person p:last-child{margin-bottom:0}
.tmh-first-person strong{color:#fff}

/* Enquiry panel */
.tmh-enquiry{flex:0 1 380px;min-width:min(100%,300px);background:linear-gradient(180deg,#fff 0%,#F7F8FA 100%);border:1px solid var(--line);border-radius:18px;padding:22px 22px 18px;
  box-shadow:0 1px 0 #fff inset,0 2px 6px rgba(45,69,90,.06),0 18px 40px rgba(45,69,90,.12)}
.tmh-enquiry-head{display:flex;align-items:center;gap:12px}
.tmh-enquiry-head img{width:58px;height:auto;display:block;flex:none}
.tmh-partner .tmh-enquiry-head h2{margin:0;font-family:'Public Sans',sans-serif;font-size:20px;line-height:1.25;letter-spacing:-.3px}
.tmh-enquiry-intro{margin-top:6px!important;font-size:14px;line-height:1.45;color:var(--muted)}
.tmh-enquiry-form{margin-top:14px}
/* The Elementor form (template 7634) in the panel's style */
.tmh-enquiry .elementor-form .elementor-field-group{margin-bottom:10px}
.tmh-enquiry .elementor-form .elementor-field-label{font-size:13px;font-weight:600;color:var(--navy)}
.tmh-enquiry .elementor-form input[type=text],.tmh-enquiry .elementor-form input[type=email],.tmh-enquiry .elementor-form input[type=tel],.tmh-enquiry .elementor-form select,.tmh-enquiry .elementor-form textarea{
  min-height:48px;border:1px solid #DCE2E8!important;border-radius:10px!important;padding:0 13px;font-family:inherit;font-size:15px;color:#1D1D1B;background:#fff!important;box-shadow:inset 0 2px 3px rgba(45,69,90,.08)}
.tmh-enquiry .elementor-form textarea{padding:10px 13px;min-height:90px}
.tmh-enquiry .elementor-form input:focus,.tmh-enquiry .elementor-form select:focus,.tmh-enquiry .elementor-form textarea:focus{border-color:var(--pink)!important;outline:none}
.tmh-enquiry .elementor-form .elementor-button[type=submit],.tmh-enquiry .elementor-form button[type=submit]{width:100%;min-height:52px;border:0;border-radius:11px;background:linear-gradient(180deg,#EE2D65 0%,#D9124C 100%)!important;color:#fff!important;
  font:700 16px 'Plus Jakarta Sans',sans-serif;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 2px 4px rgba(229,22,82,.18),0 8px 18px rgba(229,22,82,.24);transition:background .15s ease,transform .15s ease}
.tmh-enquiry .elementor-form .elementor-button[type=submit]:hover,.tmh-enquiry .elementor-form button[type=submit]:hover{background:var(--pink-h)!important;transform:translateY(-1px)}
.tmh-enquiry .elementor-form .elementor-field-type-acceptance label,.tmh-enquiry .elementor-form .elementor-field-subgroup label{font-size:12px;line-height:1.5;color:var(--muted)}
.tmh-pv{margin:2px 0 0;font-size:12px;color:var(--muted)}
.tmh-pv summary{cursor:pointer;font-weight:600;list-style:none}
.tmh-pv summary::-webkit-details-marker{display:none}
.tmh-pv summary::after{content:" \25B8"}
.tmh-pv[open] summary::after{content:" \25BE"}
.tmh-pv p{margin-top:4px!important;font-size:12px;line-height:1.5}
.tmh-panel-book{margin-top:10px;width:100%;min-height:48px!important;font-size:15px!important}

/* ---------- Buttons ---------- */
.tmh-partner .tmh-btn,.tmh-partner .tmh-btn-outline,.tmh-partner .tmh-btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:11px;
  font:700 16px 'Plus Jakarta Sans',sans-serif;text-decoration:none;text-align:center;transition:background .15s ease,color .15s ease,transform .15s ease}
.tmh-partner .tmh-btn{background:linear-gradient(180deg,#EE2D65,#D9124C);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 2px 4px rgba(229,22,82,.18),0 8px 18px rgba(229,22,82,.24)}
.tmh-partner .tmh-btn:hover{background:var(--pink-h);color:#fff;transform:translateY(-1px)}
.tmh-partner .tmh-btn-outline{background:linear-gradient(180deg,#fff,#F4F6F8);border:1.5px solid var(--navy);color:var(--navy);box-shadow:0 1px 0 #fff inset,0 2px 4px rgba(45,69,90,.10),0 6px 14px rgba(45,69,90,.10)}
.tmh-partner .tmh-btn-outline:hover{background:var(--navy);color:#fff;transform:translateY(-1px)}
.tmh-partner .tmh-btn-ghost{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.7);color:#fff}
.tmh-partner .tmh-btn-ghost:hover{background:#fff;color:var(--navy)}
.tmh-btn-row{display:flex;flex-wrap:wrap;gap:12px}
.tmh-hero-book-mobile{margin-top:18px;width:100%}

/* ---------- Cards and icon boxes ---------- */
.tmh-card{background:linear-gradient(180deg,#F7F8FA,#EDF0F3);border:1px solid #DDE2E7;border-radius:16px;padding:20px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 4px rgba(45,69,90,.06),0 12px 28px rgba(45,69,90,.10);transition:transform .18s ease,box-shadow .18s ease}
.tmh-iconbox{flex:0 0 48px;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fff,#FAFBFC);border:1.5px solid #D3D9DF;box-shadow:0 1px 0 #fff inset,0 2px 4px rgba(45,69,90,.08),0 6px 14px rgba(45,69,90,.08)}
.tmh-iconbox img{width:34px;height:34px;display:block}
.tmh-iconbox .reg{font:800 27px/1 'Public Sans',sans-serif;color:var(--navy)}

/* ---------- What happens next (under 1180px) ---------- */
.tmh-steps-section{padding:clamp(40px,6vw,64px) 0 clamp(24px,3vw,36px)}
.tmh-partner .tmh-steps-section h2{margin:0 0 20px}
.tmh-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.tmh-step{display:flex;gap:16px;align-items:flex-start;padding:22px;margin:0}
.tmh-step-num{flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#EE2D65,#D9124C);color:#fff;display:flex;align-items:center;justify-content:center;font:800 17px 'Public Sans',sans-serif;box-shadow:0 4px 10px rgba(229,22,82,.3)}
.tmh-step-body{min-width:0;flex:1 1 auto}
.tmh-partner .tmh-step-body h3{margin:0 0 6px;font-size:18.5px;line-height:1.3}
.tmh-step-body p{font-size:15.5px;line-height:1.6}
.tmh-ceo-section{padding:clamp(28px,4vw,40px) 0 8px}

/* ---------- Value + When ---------- */
.tmh-value-when{padding:clamp(24px,3vw,36px) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,540px),1fr));gap:clamp(28px,3vw,36px);align-items:start}
.tmh-value,.tmh-when{min-width:0}
.tmh-intro{margin:0 0 22px!important;font-size:16.5px;line-height:1.65;max-width:820px}
.tmh-value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.tmh-value-card{display:flex;flex-direction:column;gap:10px}
.tmh-value-card:hover{transform:scale(1.035);box-shadow:0 18px 40px rgba(45,69,90,.14)}
.tmh-value-head{display:flex;align-items:center;gap:12px}
.tmh-partner .tmh-value-head h3{min-width:0;font-size:17.5px;line-height:1.3}
.tmh-value-card p{font-size:15px;line-height:1.6}
.tmh-value-temmy{display:flex;align-items:center;justify-content:center;min-height:170px}
.tmh-value-temmy img{width:min(100%,190px);height:auto;display:block;filter:drop-shadow(0 18px 18px rgba(45,69,90,.16))}
.tmh-panel-blush{background:linear-gradient(180deg,#FDF2F5,#FBE6EC);border:1px solid #F6CFDB;border-radius:22px;padding:clamp(22px,3.5vw,40px);box-shadow:0 2px 8px rgba(229,22,82,.05),0 18px 40px rgba(229,22,82,.08)}
.tmh-when .tmh-intro{margin-bottom:20px!important;color:var(--navy)}
.tmh-signs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:12px 28px}
.tmh-signs li{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:16px;line-height:1.55;color:var(--slate);background:#fff;border:1px solid #F6CFDB;border-radius:12px;padding:13px 16px;box-shadow:0 2px 6px rgba(229,22,82,.05)}
.tmh-signs strong{color:var(--navy)}
.tmh-tick{flex:0 0 24px;height:24px;margin-top:1px;border-radius:50%;background:var(--pink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;box-shadow:0 3px 8px rgba(229,22,82,.25)}
.tmh-when .tmh-btn-row{margin-top:22px}
.tmh-when .tmh-btn{padding:0 26px}

/* ---------- Why choose us (navy band) ---------- */
.tmh-navy{background:linear-gradient(160deg,var(--navy) 0%,var(--deep) 100%);color:#fff}
.tmh-why{margin-top:clamp(20px,3vw,32px)}
.tmh-why .tmh-wrap{padding-top:clamp(40px,6vw,64px);padding-bottom:clamp(40px,6vw,64px)}
.tmh-partner .tmh-why h2{color:#fff;margin:0 0 22px;max-width:900px;text-wrap:balance}
.tmh-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.tmh-card--on-navy{background:linear-gradient(180deg,#F7F8FA,#E9EDF1);border-radius:16px;padding:22px;box-shadow:0 12px 30px rgba(10,24,40,.28)}
.tmh-partner .tmh-card--on-navy h3{margin:0 0 8px;font-size:12.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--pink)}
.tmh-card--on-navy p{font-size:15.5px;line-height:1.6;color:var(--slate)}
.tmh-why-fact{margin-top:20px!important;display:flex;gap:10px;align-items:center;font-size:15.5px;font-weight:600;color:#fff}
.tmh-why-fact span{flex:none;width:6px;height:6px;border-radius:50%;background:#FFB3C7}

/* ---------- Book a call ---------- */
.tmh-book{max-width:1000px;margin:0 auto;padding:clamp(40px,6vw,64px) clamp(18px,3vw,32px) clamp(20px,3vw,32px)}
.tmh-partner .tmh-book h2{margin:0 0 8px;text-align:center}
.tmh-book > p{margin:0 0 22px!important;font-size:16.5px;line-height:1.6;text-align:center}
.tmh-book-card{background:#fff;border:1px solid #DDE2E7;border-radius:18px;min-height:700px;padding:16px;box-shadow:0 1px 0 #fff inset,0 2px 6px rgba(45,69,90,.06),0 18px 40px rgba(45,69,90,.12);display:flex}
.tmh-book-card > *{flex:1;min-width:0}
.tmh-book-card iframe{display:block;width:100%;min-height:668px!important}

/* ---------- Closing panel ---------- */
.tmh-close-wrap{padding-top:clamp(24px,4vw,40px);padding-bottom:clamp(48px,6vw,72px)}
.tmh-close{background:linear-gradient(160deg,var(--navy) 0%,var(--deep) 100%);border-radius:22px;padding:clamp(26px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;
  box-shadow:0 2px 8px rgba(28,60,90,.18),0 22px 44px rgba(28,60,90,.22)}
.tmh-close > img{width:110px;height:auto;display:block;flex:0 0 auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.tmh-close-line{flex:1 1 300px;min-width:0;font-family:'Brooklyn Samuels Five','Public Sans',sans-serif;font-size:clamp(24px,2.8vw,30px);line-height:1.2;font-weight:800;letter-spacing:-.6px;color:#fff;text-wrap:balance}
.tmh-close .tmh-btn-row{flex:0 1 auto}
.tmh-close .tmh-btn,.tmh-close .tmh-btn-ghost{min-height:54px;font-size:16.5px}

/* ---------- Accessibility ---------- */
.tmh-partner a:focus-visible,.tmh-partner button:focus-visible,.tmh-partner input:focus-visible,.tmh-partner select:focus-visible,.tmh-partner textarea:focus-visible,.tmh-partner summary:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:6px}

/* ---------- Responsive (README section 4) ---------- */
.tmh-hero-steps,.tmh-hero-ceo{display:none}
@media (min-width:1180px){
  .tmh-hero-steps,.tmh-hero-ceo{display:block}
  .tmh-steps-section,.tmh-ceo-section{display:none}
}
@media (min-width:900px){.tmh-hero-book-mobile{display:none!important}}
@media (min-width:900px) and (min-height:700px){
  .tmh-enquiry{position:sticky;top:calc(var(--tmh-head) + 16px)}
}
@media (max-width:899px){
  .tmh-hero{flex-direction:column;align-items:stretch}
  .tmh-hero-main{flex:none;max-width:none;width:100%}
  .tmh-enquiry{flex:none;width:100%}
  .tmh-panel-book{display:none!important}
  .tmh-value-temmy{display:none}
}
@media (max-width:599px){
  .tmh-hero-head{grid-template-columns:1fr auto;grid-template-rows:auto auto}
  .tmh-hero-head .tmh-eyebrow{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:12.5px}
  .tmh-hero-head .tmh-hero-temmy{grid-column:2;grid-row:1;padding:4px}
  .tmh-hero-head .tmh-hero-temmy img{height:58px;max-width:none}
  .tmh-partner .tmh-hero-head h1{grid-column:1 / -1;grid-row:2;font-size:7vw;line-height:1.1;letter-spacing:-.6px;margin-top:2px}
  .tmh-first-person{padding:20px}
  .tmh-fp-head img{width:60px;height:60px;flex-basis:60px}
  .tmh-fp-by span{display:block;margin:2px 0 0}
  .tmh-book-card{min-height:560px}
  .tmh-book-card iframe{min-height:528px!important}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .tmh-underline path{animation:none;stroke-dashoffset:0}
  .tmh-card,.tmh-partner .tmh-btn,.tmh-partner .tmh-btn-outline{transition:none}
  .tmh-value-card:hover{transform:none}
}