/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


:root {
  --navy:#0C1B4D; --navy-mid:#162562; --navy-light:#1E3280;
  --orange:#f16222; --orange-dark:#D95F00; --orange-light:#FEF0E6;
  --white:#FFFFFF; --off:#F7F8FC; --mist:#EEF0F7; --border:#DDE1EF;
  --mid:#4A5378; --muted:#8891B2;
  --font-head:'Poppins;
  --font-body:'Poppins;
  --font-label:'Poppins;
  --max-w:1400px; --sec-py:96px; --r-card:16px; --r-btn:999px;
  --sh-sm:0 2px 12px rgba(12,27,77,.08);
  --sh-md:0 8px 32px rgba(12,27,77,.12);
  --sh-lg:0 16px 56px rgba(12,27,77,.18);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family: Poppins;background:var(--white);color:var(--navy);-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* Typography */
.ptp h1{font-family: Poppins;font-size:clamp(40px,5.5vw,68px);font-weight:800;line-height:1.0;letter-spacing:-.5px;text-transform:uppercase}
.ptp h2{font-family: Poppins;font-size:clamp(30px,4vw,50px);font-weight:700;line-height:1.05;letter-spacing:.2px}
.ptp h3{font-family: Poppins;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.ptp p{font-size:18px;line-height:1.75;color:var(--mid);font-family: Poppins;font-weight:400}
.ptp p+p{margin-top:14px}
.ptp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family: Poppins;font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.ptp-eyebrow::before{content:'';display:block;width:24px;height:2px;background:var(--orange);flex-shrink:0}
.ptp-container{max-width:var(--max-w);margin:0 auto;}
.ptp section{padding:var(--sec-py) 0}

/* Buttons */
.ptp .btn-orange{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#fff;padding:15px 30px;border-radius:var(--r-btn);font-family: Poppins;font-size:14px;font-weight:600;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px rgba(245,114,10,.3)}
.ptp .btn-orange:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:0 8px 32px rgba(245,114,10,.4)}
.ptp .btn-outline{display:inline-flex;align-items:center;gap:8px;border:2px solid rgba(255,255,255,.4);color:#fff;padding:13px 28px;border-radius:var(--r-btn);font-family: Poppins;font-size:14px;font-weight:600;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:border-color .2s,background .2s}
.ptp .btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.1)}

/* Scroll Reveal */
.ptp .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.ptp .reveal.visible{opacity:1;transform:none}
.heading-wrapper .caption{
    display: inline-flex;
    align-items: center;
	font-family: Poppins;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--orange);
    margin-bottom: 14px;
}
.heading-wrapper .caption::before {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: var(--orange);
    flex-shrink: 0;
}
.ptp-pain-card .ptp-pain-icon {
    width: 65px;
    height: 65px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 32px, rgba(255, 255, 255, 0.1) 0px 1px 0px inset;
    padding: 10px;
    border-radius: 8px;
}
@media(max-width:960px){
  :root{--sec-py:72px}
}