@import url("/assets/css/samay-font.css");
body { background:#f5f8fb; color:#172033; font-family:Arial,sans-serif; margin:0; }
a { text-decoration:none; }
.pp-topbar { background:#fff; border-bottom:1px solid #e5eaf1; position:sticky; top:0; z-index:10; }
.pp-nav { align-items:center; display:flex; justify-content:space-between; gap:16px; padding:14px 18px; }
.pp-brand img { width:176px; }
.pp-nav-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.pp-hero { background:linear-gradient(135deg,#0f172a,#125b60); color:#fff; padding:70px 0; overflow:hidden; }
.pp-eyebrow { background:#e8fff6; border-radius:999px; color:#047857; display:inline-flex; font-size:12px; font-weight:900; padding:7px 11px; text-transform:uppercase; }
.pp-hero h1 { color:#fff; font-size:48px; font-weight:950; letter-spacing:0; line-height:1.05; margin:16px 0; }
.pp-hero-copy { color:#d6e7ea; font-size:18px; line-height:1.65; max-width:720px; }
.pp-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.pp-stage { min-height:330px; perspective:1100px; position:relative; }
.pp-board { border-radius:8px; box-shadow:0 28px 54px rgba(0,0,0,.28); }
.pp-board-main { background:#fff; color:#172033; inset:18px 18px 20px 0; padding:18px; position:absolute; transform:rotateY(-18deg) rotateX(8deg) rotateZ(-2deg); }
.pp-board-head { display:flex; gap:8px; margin-bottom:18px; }
.pp-board-head span { background:#d9e3ee; border-radius:999px; height:10px; width:10px; }
.pp-row,.pp-total { align-items:center; border-radius:8px; display:flex; justify-content:space-between; margin-bottom:11px; padding:13px; }
.pp-row { background:#f8fbff; border:1px solid #e5edf5; }
.pp-row span { background:#e8fff6; border-radius:999px; color:#047857; font-size:12px; font-weight:900; padding:5px 10px; }
.pp-total { background:#0f172a; color:#fff; }
.pp-total span { background:#facc15; border-radius:999px; color:#422006; font-weight:900; padding:6px 11px; }
.pp-board-float { align-items:center; background:#1f2937; color:#fff; display:flex; gap:12px; padding:14px; position:absolute; right:0; top:0; transform:rotateZ(6deg); }
.pp-board-float i { color:#5eead4; font-size:24px; }
.pp-board-float span { color:#cbd5e1; display:block; font-size:12px; }
.pp-board-tag { background:#fff; bottom:2px; color:#047857; font-weight:900; left:0; padding:10px 14px; position:absolute; transform:rotateZ(-5deg); }
.pp-main { padding:56px 18px; }
.pp-plan-card { background:#fff; border:1px solid #e3eaf2; border-radius:8px; box-shadow:0 16px 34px rgba(15,23,42,.08); padding:26px; }
.pp-plan-primary { border-top:5px solid #0d6efd; }
.pp-card-top,.pp-price-row,.pp-footer-inner { align-items:flex-start; display:flex; justify-content:space-between; gap:16px; }
.pp-plan-label,.pp-chip { border-radius:999px; display:inline-flex; font-size:12px; font-weight:900; padding:6px 10px; text-transform:uppercase; }
.pp-plan-label { background:#e8fff6; color:#047857; }
.pp-chip { background:#0d6efd; color:#fff; }
.pp-price { font-size:42px; font-weight:950; margin-top:18px; }
.pp-muted { color:#64748b; }
.pp-yearly { background:#f8fbff; border:1px solid #e3eaf2; border-radius:8px; font-weight:800; padding:12px; }
.pp-feature-list { display:grid; gap:12px; list-style:none; margin:24px 0; padding:0; }
.pp-feature-list li { align-items:center; display:flex; gap:10px; }
.pp-feature-list i { color:#047857; }
.pp-side-stack { display:grid; gap:18px; }
.pp-business-price { font-size:34px; font-weight:950; }
.pp-form-gap { margin-top:14px; }
.pp-insight-card { align-items:flex-start; background:#0f172a; border-radius:8px; color:#fff; display:flex; gap:14px; padding:20px; }
.pp-insight-card i { color:#5eead4; font-size:28px; }
.pp-insight-card p { color:#cbd5e1; margin:0; }
.pp-mini-grid { display:grid; gap:12px; grid-template-columns:1fr 1fr; }
.pp-mini-grid div { background:#fff; border:1px solid #e3eaf2; border-radius:8px; padding:14px; }
.pp-mini-grid span { color:#64748b; display:block; font-size:13px; }
.pp-footer { background:#0f172a; color:#cbd5e1; padding:30px 0; }
.pp-footer a { color:#fff; }
@media (max-width:900px){ .pp-hero h1{font-size:36px;} .pp-card-top,.pp-price-row,.pp-footer-inner{flex-direction:column;} .pp-stage{min-height:300px;} }