/*
Theme Name: PackPro
Description: Lightweight responsive SaaS theme for PackPro packaging design.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: packpro
*/
:root{--ink:#17252b;--muted:#64747a;--brand:#176b69;--pale:#e9f4f1;--accent:#f0a84b;--bg:#f7f9f8;--line:#e3eae7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,system-ui,sans-serif}a{color:var(--brand);text-decoration:none}.pp-wrap{width:min(1160px,calc(100% - 36px));margin:auto}.pp-header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:20}.pp-nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.pp-logo{font-size:26px;font-weight:900;letter-spacing:-1px;color:var(--ink)}.pp-logo b{color:var(--brand)}.pp-menu,.pp-actions{display:flex;align-items:center;gap:22px}.pp-menu a{font-size:14px;font-weight:700;color:#405157}.pp-btn{display:inline-flex;padding:12px 19px;border-radius:999px;background:var(--brand);color:white;font-weight:800;border:0;cursor:pointer}.pp-btn:hover{background:#105653;color:white}.pp-btn.alt{background:white;color:var(--ink);border:1px solid var(--line)}.pp-mobile{display:none}.pp-hero{padding:82px 0;background:radial-gradient(circle at 82% 20%,#d8eeea,transparent 30%),linear-gradient(135deg,#fff,#eff7f4)}.pp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.pp-tag{display:inline-block;padding:7px 12px;border-radius:99px;background:var(--pale);color:var(--brand);font-size:12px;font-weight:900;letter-spacing:.08em}.pp-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.055em;margin:22px 0}.pp-hero h1 span{color:var(--brand)}.pp-lead{font-size:19px;color:var(--muted);max-width:580px}.pp-actions-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.pp-art{min-height:350px;border-radius:28px;background:linear-gradient(145deg,#174c4b,#102d36);display:grid;place-items:center;position:relative;overflow:hidden}.pp-carton{width:170px;height:205px;background:linear-gradient(135deg,#f2b45b,#e98a4c);border:2px solid #fff9;display:grid;place-items:center;text-align:center;color:#173d40;font-size:25px;font-weight:950;transform:rotate(-8deg);box-shadow:30px 30px 35px #0005}.pp-chip{position:absolute;background:#fff;padding:11px 15px;border-radius:12px;font-size:13px;font-weight:800;box-shadow:0 10px 30px #0002}.pp-chip.a{top:25px;left:20px}.pp-chip.b{bottom:25px;right:20px}.pp-section{padding:72px 0}.pp-white{background:#fff}.pp-center{text-align:center;max-width:700px;margin:0 auto 34px}.pp-center h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.04em;margin:10px 0}.pp-muted{color:var(--muted)}.pp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.pp-card{background:white;border:1px solid var(--line);border-radius:18px;padding:23px}.pp-icon{width:46px;height:46px;border-radius:14px;background:var(--pale);display:grid;place-items:center;color:var(--brand);font-size:23px;margin-bottom:15px}.pp-card h3{margin:0 0 8px}.pp-card p{margin:0;color:var(--muted);font-size:14px}.pp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pp-cta{border-radius:24px;background:#173d40;color:#fff;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:20px}.pp-cta p{color:#d0e2df}.pp-footer{background:#102a30;color:#d7e5e2;padding:35px 0}.pp-footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.pp-page{padding:50px 0;min-height:55vh}.pp-form{max-width:520px;margin:30px auto;padding:28px;background:white;border:1px solid var(--line);border-radius:18px}.pp-form input{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;margin:6px 0 14px}.pp-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.pp-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pp-project{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.pp-notice{background:#e9f4f1;padding:12px 15px;border-radius:10px;margin:12px 0}
@media(max-width:850px){.pp-hero-grid{grid-template-columns:1fr}.pp-grid{grid-template-columns:repeat(2,1fr)}.pp-projects{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.pp-nav{height:64px}.pp-mobile{display:block;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px}.pp-menu{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:18px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.pp-menu.open{display:flex}.pp-actions .alt{display:none}.pp-hero{padding:55px 0}.pp-grid,.pp-steps,.pp-projects{grid-template-columns:1fr}.pp-cta,.pp-footer-row,.pp-dashboard-head{flex-direction:column;align-items:flex-start}.pp-cta{padding:26px}.pp-art{min-height:280px}}