*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Public Sans',sans-serif;color:#333;background:#F7F5F3;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Figtree',sans-serif}
img{max-width:100%;display:block}
a{text-decoration:none}

/* GLOBAL */
.pi-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
h2{font-family:'Figtree',sans-serif;font-size:2rem;color:#5D4037;text-align:center}
.pi-section-sub{text-align:center;color:#888;margin-bottom:48px}

/* DISCLAIMER */
.pi-disclaimer{background:#5D4037;color:#fff;font-size:13px;padding:10px 0;text-align:center}

/* HEADER */
.pi-header{position:sticky;top:0;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.07);z-index:100}
.pi-header-inner{display:flex;justify-content:space-between;align-items:center;height:64px}
.pi-logo{font-family:'Figtree',sans-serif;font-weight:700;font-size:1.3rem;color:#5D4037;text-decoration:none}
.pi-logo span{color:#2EC4B6}
.pi-burger{display:none;background:none;border:none;cursor:pointer;width:28px;height:20px;position:relative;flex-shrink:0}
.pi-burger span{display:block;width:100%;height:2px;background:#5D4037;border-radius:2px;position:absolute;left:0;transition:.3s}
.pi-burger span:nth-child(1){top:0}
.pi-burger span:nth-child(2){top:9px}
.pi-burger span:nth-child(3){top:18px}
.pi-burger-open span:nth-child(1){transform:rotate(45deg);top:9px}
.pi-burger-open span:nth-child(2){opacity:0}
.pi-burger-open span:nth-child(3){transform:rotate(-45deg);top:9px}
.pi-nav{display:flex;gap:24px}
.pi-nav a{font-family:'Public Sans',sans-serif;font-size:.9rem;color:#555;text-decoration:none;transition:color .3s}
.pi-nav a:hover{color:#5D4037}

/* HERO TYPE D */
.pi-hero{padding:80px 24px;background:#fff}
.pi-hero-inner{display:grid;grid-template-columns:60% 40%;gap:40px;align-items:center}
.pi-hero-main h1{font-family:'Figtree',sans-serif;font-size:2.6rem;color:#5D4037;line-height:1.15;margin-bottom:16px}
.pi-hero-sub{font-size:1.05rem;color:#555;margin-bottom:28px;line-height:1.7}
.pi-btn{display:inline-block;background:#5D4037;color:#fff;padding:14px 32px;border-radius:8px;font-family:'Figtree',sans-serif;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:.3s}
.pi-btn:hover{background:#2EC4B6;color:#fff}
.pi-hero-side{display:flex;flex-direction:column;gap:16px}
.pi-hero-stat{background:#F7F5F3;border-radius:14px;padding:24px;text-align:center;border-left:4px solid #2EC4B6}
.pi-hero-stat-num{font-family:'Figtree',sans-serif;font-size:2rem;font-weight:800;color:#5D4037;display:block}
.pi-hero-stat-label{font-family:'Public Sans',sans-serif;font-size:.8rem;color:#888;display:block;margin-top:4px}

/* CARDS */
.pi-cards{padding:80px 24px;background:#F7F5F3}
.pi-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto}
.pi-card{background:#fff;border-radius:14px;padding:28px;border-left:4px solid transparent;transition:.3s}
.pi-card:hover{border-left-color:#2EC4B6;box-shadow:0 4px 16px rgba(0,0,0,.07)}
.pi-card-icon{font-size:1.8rem;margin-bottom:12px}
.pi-card h3{font-family:'Figtree',sans-serif;font-size:.95rem;color:#5D4037;margin-bottom:8px}
.pi-card p{font-size:.85rem;color:#555;line-height:1.6}

/* ABOUT */
.pi-about{padding:80px 24px;background:#fff}
.pi-about-inner{display:grid;grid-template-columns:55% 45%;gap:48px;align-items:center}
.pi-about-text h2{font-family:'Figtree',sans-serif;text-align:left;color:#5D4037}
.pi-about-text p{line-height:1.75;color:#444;margin-bottom:14px}
.pi-about-img img{width:100%;border-radius:16px;object-fit:cover;box-shadow:0 6px 24px rgba(0,0,0,.08)}

/* BLOG */
.pi-blog{padding:80px 24px;background:#F7F5F3}
.pi-blog-duo{display:grid;grid-template-columns:55% 45%;gap:24px;max-width:1000px;margin:0 auto}
.pi-blog-large{display:block;position:relative;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;transition:.3s}
.pi-blog-large:hover{box-shadow:0 8px 28px rgba(0,0,0,.12);transform:translateY(-3px)}
.pi-blog-large img{width:100%;height:100%;object-fit:cover;display:block}
.pi-blog-overlay{position:absolute;bottom:0;left:0;right:0;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.pi-blog-tag{display:inline-block;background:#2EC4B6;color:#fff;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:10px}
.pi-blog-large h3{font-family:'Figtree',sans-serif;font-size:1.1rem;color:#fff;line-height:1.35;margin-bottom:8px}
.pi-blog-large p{font-size:.82rem;color:rgba(255,255,255,.7);line-height:1.5;margin-bottom:8px}
.pi-blog-link{color:#2EC4B6;font-size:.82rem;font-weight:700}
.pi-blog-small-wrap{display:flex;flex-direction:column;gap:24px}
.pi-blog-small{display:flex;border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:#333;transition:.3s}
.pi-blog-small:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.pi-blog-small img{width:140px;height:100%;object-fit:cover;flex-shrink:0}
.pi-blog-body{padding:16px}
.pi-blog-body .pi-blog-tag{margin-bottom:8px}
.pi-blog-small h3{font-family:'Figtree',sans-serif;font-size:.88rem;color:#5D4037;margin-bottom:8px;line-height:1.35}

/* FAQ */
.pi-faq{padding:80px 24px;background:#fff}
.pi-faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.pi-faq-item{border:1px solid #E8E4E0;border-radius:12px;overflow:hidden;transition:.3s}
.pi-faq-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:transparent;border:none;cursor:pointer;font-family:'Figtree',sans-serif;font-size:.95rem;font-weight:600;color:#5D4037;text-align:left}
.pi-faq-toggle span:first-child{flex:1}
.pi-faq-icon{width:28px;height:28px;background:#F7F5F3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#5D4037;flex-shrink:0}
.pi-faq-answer{display:none;padding:0 24px 20px;font-size:.88rem;color:#555;line-height:1.7}
.pi-faq-open{border-color:#2EC4B6}
.pi-faq-open .pi-faq-answer{display:block}
.pi-faq-open .pi-faq-icon{background:#2EC4B6;color:#fff}

/* STEPS */
.pi-steps{padding:80px 24px;background:#5D4037}
.pi-steps h2,.pi-steps .pi-section-sub{color:#fff}
.pi-steps-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:1000px;margin:0 auto}
.pi-step{background:rgba(255,255,255,.08);border-radius:14px;padding:24px;text-align:center}
.pi-step-num{display:inline-flex;width:44px;height:44px;background:#2EC4B6;color:#fff;border-radius:50%;align-items:center;justify-content:center;font-family:'Figtree',sans-serif;font-size:1.2rem;font-weight:800;margin-bottom:14px}
.pi-step h3{font-family:'Figtree',sans-serif;font-size:.88rem;color:#fff;margin-bottom:8px}
.pi-step p{font-size:.78rem;color:rgba(255,255,255,.55);line-height:1.55}

/* CONTACT */
.pi-contact{padding:80px 24px;background:#F7F5F3}
.pi-contact-inner{display:grid;grid-template-columns:40% 60%;gap:48px}
.pi-contact-info{background:#5D4037;color:#fff;border-radius:16px;padding:36px;align-self:start}
.pi-contact-info h2{font-family:'Figtree',sans-serif;font-size:1.3rem;color:#2EC4B6;margin-bottom:20px}
.pi-contact-info ul{list-style:none;padding:0}
.pi-contact-info li{margin-bottom:14px;font-size:.88rem;opacity:.85}
.pi-contact-form h2{font-family:'Figtree',sans-serif;color:#5D4037;text-align:left}
.pi-contact-form>p{margin-bottom:24px;color:#555}
.pi-field{margin-bottom:16px}
.pi-field label{font-size:13px;font-weight:700;display:block;margin-bottom:6px;color:#333}
.pi-field input,.pi-field textarea{width:100%;padding:12px 16px;border-radius:8px;border:1px solid #ddd;font-family:'Public Sans',sans-serif;font-size:.9rem;box-sizing:border-box;transition:border .3s}
.pi-field input:focus,.pi-field textarea:focus{border-color:#5D4037;outline:none}

/* FOOTER */
.pi-footer{background:#3E2C23;color:#fff;padding:60px 24px 0}
.pi-footer-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.pi-footer-col h4{font-family:'Figtree',sans-serif;color:#2EC4B6;font-size:1rem;margin-bottom:16px}
.pi-footer-col p{font-size:.85rem;opacity:.5}
.pi-footer-col ul{list-style:none;padding:0}
.pi-footer-col li{margin-bottom:8px}
.pi-footer-col a{color:#fff;opacity:.5;text-decoration:none;transition:.3s}
.pi-footer-col a:hover{color:#2EC4B6;opacity:1}
.pi-footer-company{margin-top:16px;font-size:12px;opacity:.35}
.pi-footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding:20px 0;text-align:center;font-size:12px;opacity:.35}

/* RESPONSIVE */
@media(max-width:768px){
.pi-burger{display:flex;flex-direction:column;justify-content:space-between}
.pi-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:16px 24px;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.pi-nav-open{display:flex}
.pi-hero{padding:50px 24px}
.pi-hero-inner{grid-template-columns:1fr}
.pi-hero-main{order:1}
.pi-hero-side{order:2}
.pi-hero-main h1{font-size:2rem}
.pi-cards{padding:50px 24px}
.pi-cards-grid{grid-template-columns:1fr}
.pi-about{padding:50px 24px}
.pi-about-inner{grid-template-columns:1fr}
.pi-blog{padding:50px 24px}
.pi-blog-duo{grid-template-columns:1fr}
.pi-faq{padding:50px 24px}
.pi-steps{padding:50px 24px}
.pi-steps-row{grid-template-columns:repeat(2,1fr)}
.pi-contact{padding:50px 24px}
.pi-contact-inner{grid-template-columns:1fr}
.pi-contact-info{order:1}
.pi-contact-form{order:2}
.pi-footer-inner{grid-template-columns:1fr}
}
@media(max-width:480px){
.pi-steps-row{grid-template-columns:1fr}
}