
  .fhp{--o:#f7881f;--od:#ee5420;--b:#c35f11;--ink:#111;--txt:#3a3a3a;--mut:#6b6b6b;--line:#e1e8ed;--soft:#f2f5f7;--softer:#fafbfc;--tint:#fff3e8;
      color:var(--txt); line-height:1.6; font-family:inherit;}
  .fhp *{box-sizing:border-box;}
  .fhp h2,.fhp h3,.fhp h4{color:var(--ink); line-height:1.2; margin:0 0 .5em;}
  .fhp p{margin:0 0 1em; color:var(--txt);}
  .fhp a{color:var(--o);} .fhp a:hover{color:var(--od);}
  .fhp section{margin:0 0 56px;}
  .fhp .fhp-eyebrow{display:inline-block; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--b); margin-bottom:10px;}
  .fhp .fhp-section-head{max-width:760px; margin-bottom:26px;}
  .fhp .fhp-section-head h3{font-size:26px; font-weight:800;}

  /* hero */
  .fhp-hero{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:40px; align-items:center;}
  .fhp-hero-img{background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px; box-shadow:0 2px 12px rgba(0,0,0,.05);}
  .fhp-hero-img img{display:block; width:100%; height:auto; border-radius:6px;}
  .fhp-hero h2{font-size:34px; font-weight:800; margin-bottom:6px;}
  .fhp-hero .fhp-sub{font-size:18px; color:var(--b); font-weight:600; margin-bottom:16px;}
  .fhp-badges{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; padding:0; list-style:none;}
  .fhp-badges li{border:1.5px solid var(--o); color:var(--b); background:#fff; font-size:13px; font-weight:600; padding:5px 12px; border-radius:999px;}
  .fhp-kpis{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 24px;}
  .fhp-kpi{background:var(--softer); border:1px solid var(--line); border-radius:8px; padding:12px 14px;}
  .fhp-kpi b{display:block; font-size:22px; font-weight:800; color:var(--ink); line-height:1.1;}
  .fhp-kpi span{display:block; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--b); margin-top:4px;}
  .fhp-btns{display:flex; flex-wrap:wrap; gap:12px;}
  .fhp-btn{display:inline-flex; align-items:center; gap:8px; background:var(--o); color:#fff !important; text-decoration:none !important; font-weight:700; font-size:15px; padding:13px 22px; border-radius:3px; transition:background .15s;}
  .fhp-btn:hover{background:var(--od);}
  .fhp-btn.fhp-btn-ghost{background:#fff; color:var(--o) !important; border:2px solid var(--o); padding:11px 20px;}
  .fhp-btn.fhp-btn-ghost:hover{background:var(--soft);}
  .fhp-btn svg{width:18px; height:18px; flex:none;}

  /* features */
  .fhp-features{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;}
  .fhp-feature{border:1px solid var(--line); border-radius:10px; padding:22px 20px; background:#fff;}
  .fhp-feature .fhp-ico{width:44px; height:44px; border-radius:10px; background:var(--tint); color:var(--o); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}
  .fhp-feature .fhp-ico svg{width:24px; height:24px;}
  .fhp-feature h4{font-size:17px; font-weight:700; margin-bottom:6px;}
  .fhp-feature p{font-size:15px; margin:0; color:var(--mut);}

  /* specs + sizes */
  .fhp-two{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:32px; align-items:start;}
  .fhp-two h3{font-size:26px; font-weight:800;}
  .fhp-table{width:100%; border-collapse:collapse; border:1px solid var(--line); font-size:15px;}
  .fhp-table th,.fhp-table td{text-align:left; padding:11px 16px; border-bottom:1px solid var(--line); vertical-align:top;}
  .fhp-table th{width:44%; font-weight:700; color:var(--ink); background:var(--softer);}
  .fhp-table tr:last-child th,.fhp-table tr:last-child td{border-bottom:0;}
  .fhp-fine{font-size:13px; color:var(--mut); margin-top:10px;}
  .fhp-card{background:var(--soft); border-radius:10px; padding:24px;}
  .fhp-card h3{font-size:20px;}
  .fhp-sizes{list-style:none; margin:0 0 16px; padding:0; display:grid; gap:8px;}
  .fhp-sizes li{display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; background:#fff; border:1px solid var(--line); border-radius:8px; padding:10px 14px;}
  .fhp-sizes b{font-size:18px; font-weight:800; color:var(--ink); min-width:64px;}
  .fhp-sizes span{font-size:14px; color:var(--mut);}
  .fhp-sizes em{font-style:normal; font-size:12px; font-weight:700; color:var(--b); background:var(--tint); padding:3px 8px; border-radius:999px; white-space:nowrap;}
  .fhp-card p:last-child{margin:0; font-size:14px; color:var(--mut);}

  /* range table */
  .fhp-range{overflow-x:auto; border:1px solid var(--line); border-radius:10px;}
  .fhp-range table{width:100%; border-collapse:collapse; font-size:14.5px; min-width:760px;}
  .fhp-range th,.fhp-range td{padding:11px 14px; border-bottom:1px solid var(--line); text-align:center; vertical-align:middle;}
  .fhp-range thead th{background:var(--ink); color:#fff; font-weight:700; font-size:14px;}
  .fhp-range thead th:first-child,.fhp-range tbody th{text-align:left;}
  .fhp-range tbody th{font-weight:700; color:var(--ink); background:var(--softer); width:26%;}
  .fhp-range tbody tr:last-child th,.fhp-range tbody tr:last-child td{border-bottom:0;}
  .fhp-range td.fhp-hl{background:var(--tint); font-weight:700; color:var(--ink);}
  .fhp-range thead th.fhp-hl{background:var(--o);}
  .fhp-range-note{display:flex; gap:24px; align-items:center; margin-top:18px; flex-wrap:wrap;}
  .fhp-range-note img{width:120px; height:auto; border:1px solid var(--line); border-radius:8px; background:#fff; padding:6px;}
  .fhp-range-note p{margin:0; font-size:14px; color:var(--mut); flex:1; min-width:240px;}
  .fhp-doc{display:inline-flex; align-items:center; gap:8px; margin-top:14px; font-weight:700; text-decoration:none;}
  .fhp-doc svg{width:18px; height:18px;}

  /* faq */
  .fhp-faq details{border:1px solid var(--line); border-radius:8px; margin-bottom:10px; background:#fff;}
  .fhp-faq summary{cursor:pointer; list-style:none; padding:16px 48px 16px 18px; font-weight:700; color:var(--ink); position:relative; font-size:16px;}
  .fhp-faq summary::-webkit-details-marker{display:none;}
  .fhp-faq summary::after{content:"+"; position:absolute; right:18px; top:50%; transform:translateY(-50%); width:26px; height:26px; border-radius:50%; background:var(--soft); color:var(--o); font-weight:700; display:flex; align-items:center; justify-content:center; font-size:18px; line-height:1;}
  .fhp-faq details[open] summary::after{content:"–";}
  .fhp-faq details[open] summary{border-bottom:1px solid var(--line);}
  .fhp-faq .fhp-ans{padding:14px 18px 18px; font-size:15px;}
  .fhp-faq .fhp-ans p:last-child{margin:0;}

  /* cta */
  .fhp-cta{background:linear-gradient(135deg,var(--o) 0%,var(--od) 100%); border-radius:12px; padding:36px 32px; display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; color:#fff;}
  .fhp-cta h3{color:#fff; font-size:26px; font-weight:800; margin-bottom:6px;}
  .fhp-cta p{color:rgba(255,255,255,.92); margin:0; font-size:16px;}
  .fhp-cta .fhp-btn{background:#fff; color:var(--b) !important;}
  .fhp-cta .fhp-btn:hover{background:var(--tint);}

  @media (max-width:900px){
    .fhp-hero,.fhp-two,.fhp-cta{grid-template-columns:1fr;}
    .fhp-hero-img{max-width:460px;}
    .fhp-hero h2{font-size:28px;}
    .fhp-features{grid-template-columns:repeat(2,minmax(0,1fr));}
    .fhp-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
    .fhp section{margin-bottom:44px;}
  }
  @media (max-width:540px){
    .fhp-hero h2{font-size:24px;}
    .fhp-features{grid-template-columns:1fr;}
    .fhp-btn{width:100%; justify-content:center;}
    .fhp-sizes li{grid-template-columns:auto 1fr; }
    .fhp-sizes em{grid-column:1 / -1; justify-self:start;}
  }
