html,body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%}
#ph-page,#ph-page *,#ph-page *::before,#ph-page *::after{box-sizing:border-box!important;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
#ph-page a,#ph-page a:link,#ph-page a:visited,#ph-page a:hover,#ph-page a:focus,#ph-page a:active{text-decoration:none!important;color:inherit}
#ph-page{background:#fff;color:#0F172A;line-height:1.6;overflow-x:hidden;width:100%!important;max-width:100%!important;min-height:100vh;display:block;
--ph-blue:#2563EB;--ph-blue-dark:#1d4ed8;--ph-blue-lt:#EFF6FF;--ph-blue-md:#DBEAFE;
--ph-red:#E53E3E;--ph-dark:#0F172A;--ph-mid:#334155;--ph-muted:#64748B;
--ph-bg:#F8FAFC;--ph-white:#fff;--ph-border:#E2E8F0;--ph-border-lt:#F1F5F9;
--ph-shadow-sm:0 1px 3px rgba(0,0,0,.06);--ph-shadow-md:0 4px 16px rgba(15,23,42,.08);
--ph-shadow-lg:0 10px 40px rgba(15,23,42,.12),0 2px 8px rgba(15,23,42,.05);
--ph-shadow-xl:0 20px 60px rgba(37,99,235,.18);
--ph-r:14px;--ph-r-sm:8px;--ph-r-lg:20px;--ph-r-xl:28px}

/* ── Layout ── */
#ph-page .ph-wrap{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(12px,3vw,32px)!important;padding-right:clamp(12px,3vw,32px)!important;width:100%!important;display:block!important}
#ph-page .ph-section{padding-top:80px!important;padding-bottom:80px!important;width:100%!important;max-width:100%!important;display:block!important}
#ph-page .ph-section-center{text-align:center!important;margin-bottom:48px!important}

/* ── Tag chip ── */
#ph-page .ph-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;background:var(--ph-blue-lt)!important;color:var(--ph-blue)!important;font-size:.74rem!important;font-weight:600!important;letter-spacing:.07em!important;text-transform:uppercase!important;padding:6px 14px!important;border-radius:100px!important;border:1px solid var(--ph-blue-md)!important;line-height:1!important}
#ph-page .ph-title{font-size:clamp(1.65rem,3vw,2.4rem)!important;font-weight:800!important;color:var(--ph-dark)!important;line-height:1.15!important;margin-bottom:14px!important;margin-top:14px!important}
#ph-page .ph-subtitle{font-size:1rem!important;color:var(--ph-muted)!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important;line-height:1.72!important}

/* ── Buttons ── */
#ph-page .ph-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:600!important;font-size:.95rem!important;padding:13px 28px!important;border-radius:var(--ph-r-sm)!important;cursor:pointer!important;border:none!important;text-decoration:none!important;line-height:1!important;transition:all .22s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important}
#ph-page .ph-btn-primary{background:var(--ph-blue)!important;color:#fff!important;box-shadow:0 4px 14px rgba(37,99,235,.35)!important}
#ph-page .ph-btn-primary:hover{background:var(--ph-blue-dark)!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(37,99,235,.45)!important;color:#fff!important}
#ph-page .ph-btn-outline{background:transparent!important;color:var(--ph-blue)!important;border:2px solid var(--ph-blue)!important}
#ph-page .ph-btn-outline:hover{background:var(--ph-blue-lt)!important;transform:translateY(-1px)!important;color:var(--ph-blue)!important}
#ph-page .ph-btn-white{background:#fff!important;color:var(--ph-blue)!important;box-shadow:0 4px 14px rgba(0,0,0,.12)!important}
#ph-page .ph-btn-white:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important;color:var(--ph-blue)!important}
#ph-page .ph-btn-ghost{background:rgba(255,255,255,.15)!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important}
#ph-page .ph-btn-ghost:hover{background:rgba(255,255,255,.25)!important;color:#fff!important}

/* ══ HEADER ══ */
#ph-page .ph-header{position:sticky!important;top:0!important;z-index:9999!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--ph-border-lt)!important;box-shadow:0 1px 20px rgba(15,23,42,.06)!important;width:100%!important;max-width:100%!important;display:block!important;margin:0!important}
#ph-page .ph-header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;height:70px!important;gap:16px!important}

/* Logo */
#ph-page .ph-logo{display:flex!important;align-items:center!important;flex-shrink:0!important;text-decoration:none!important;line-height:1!important}
#ph-page .ph-logo img{height:44px!important;width:auto!important;display:block!important;object-fit:contain!important}

/* Nav */
#ph-page .ph-nav{display:flex!important;align-items:center!important;gap:2px!important;flex:1!important;justify-content:center!important;position:relative!important}
#ph-page .ph-nav-link{font-size:.83rem!important;font-weight:500!important;color:var(--ph-mid)!important;padding:8px 11px!important;border-radius:var(--ph-r-sm)!important;transition:all .18s!important;white-space:nowrap!important;text-decoration:none!important;display:flex!important;align-items:center!important;gap:4px!important;background:none!important;border:none!important;cursor:pointer!important;line-height:1!important}
#ph-page .ph-nav-link:hover,#ph-page .ph-nav-link.ph-active{color:var(--ph-blue)!important;background:var(--ph-blue-lt)!important}
#ph-page .ph-nav-link.ph-active{font-weight:600!important}
#ph-page .ph-nav-link svg{width:12px!important;height:12px!important;fill:currentColor!important;transition:transform .2s!important}
#ph-page .ph-nav-alltools:hover svg,#ph-page .ph-nav-alltools.ph-mega-open svg{transform:rotate(180deg)!important}

/* ── MEGA MENU ── */
#ph-page .ph-mega-wrap{position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;transform:translateX(-50%)!important;width:900px!important;max-width:96vw!important;background:#fff!important;border:1px solid var(--ph-border)!important;border-radius:var(--ph-r-lg)!important;box-shadow:0 24px 60px rgba(15,23,42,.15)!important;padding:28px 32px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .22s ease, visibility .22s ease, transform .22s ease!important;transform:translateX(-50%) translateY(-8px)!important;z-index:10000!important}
#ph-page .ph-mega-wrap.ph-show{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important}
#ph-page .ph-mega-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:20px 24px!important;align-items:start!important}
#ph-page .ph-mega-col-stack{display:flex!important;flex-direction:column!important;gap:18px!important}
#ph-page .ph-mega-col-title{font-size:.7rem!important;font-weight:700!important;color:var(--ph-muted)!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-bottom:10px!important;padding-bottom:6px!important;border-bottom:1px solid var(--ph-border)!important}
#ph-page .ph-mega-col ul,#ph-page .ph-mega-section ul{list-style:none!important;display:flex!important;flex-direction:column!important;gap:4px!important}
#ph-page .ph-mega-col ul li a,#ph-page .ph-mega-section ul li a{font-size:.82rem!important;font-weight:500!important;color:var(--ph-mid)!important;padding:5px 8px!important;border-radius:6px!important;display:flex!important;align-items:center!important;gap:8px!important;transition:all .16s!important;text-decoration:none!important}
#ph-page .ph-mega-col ul li a:hover,#ph-page .ph-mega-section ul li a:hover{color:var(--ph-blue)!important;background:var(--ph-blue-lt)!important}
#ph-page .ph-mega-col ul li a .ph-mi,#ph-page .ph-mega-section ul li a .ph-mi{width:20px!important;height:20px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;background:var(--ph-blue-lt)!important}
#ph-page .ph-mega-col ul li a .ph-mi svg,#ph-page .ph-mega-section ul li a .ph-mi svg{width:11px!important;height:11px!important}
#ph-page .ph-mega-divider{grid-column:1/-1!important;height:1px!important;background:var(--ph-border-lt)!important;margin:4px 0!important}

/* Header actions */
#ph-page .ph-header-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important}
#ph-page .ph-header-note{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;border-radius:999px!important;background:var(--ph-blue-lt)!important;border:1px solid var(--ph-blue-md)!important;color:var(--ph-blue)!important;font-size:.78rem!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}
#ph-page .ph-header-note::before{content:"✓";font-size:.72rem!important;font-weight:800!important}
#ph-page .ph-mobile-menu-note{margin-top:14px!important;padding:12px 14px!important;border-radius:var(--ph-r-sm)!important;background:var(--ph-blue-lt)!important;border:1px solid var(--ph-blue-md)!important;color:var(--ph-blue)!important;font-size:.88rem!important;font-weight:600!important;line-height:1.5!important;text-align:center!important}

/* Hamburger */
#ph-page .ph-ham{display:none!important;flex-direction:column!important;gap:5px!important;cursor:pointer!important;padding:8px!important;border:none!important;background:none!important}
#ph-page .ph-ham span{display:block!important;width:22px!important;height:2px!important;background:var(--ph-dark)!important;border-radius:4px!important;transition:all .3s!important}
#ph-page .ph-mobile-menu{display:none!important;position:fixed!important;top:70px!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;background:#fff!important;border-bottom:1px solid var(--ph-border)!important;padding:16px clamp(12px,3vw,24px) 28px!important;z-index:9998!important;box-shadow:var(--ph-shadow-lg)!important;flex-direction:column!important;gap:4px!important}
#ph-page .ph-mobile-menu.ph-open{display:flex!important}
#ph-page .ph-mobile-menu a{font-size:.9rem!important;font-weight:500!important;color:var(--ph-mid)!important;padding:10px 14px!important;border-radius:var(--ph-r-sm)!important;text-decoration:none!important;transition:all .18s!important}
#ph-page .ph-mobile-menu a:hover{color:var(--ph-blue)!important;background:var(--ph-blue-lt)!important}
#ph-page .ph-mobile-menu-btns{display:flex!important;gap:10px!important;margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--ph-border)!important}

/* ══ DEVELOPMENT NOTICE ══ */
#ph-page .ph-dev-notice{width:100%!important;max-width:100%!important;display:block!important;background:linear-gradient(90deg,#eff6ff 0%,#fff 42%,#fffbeb 100%)!important;border-bottom:1px solid var(--ph-blue-md)!important;padding:14px 0!important}
#ph-page .ph-dev-notice-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important}
#ph-page .ph-dev-notice-main{display:flex!important;align-items:flex-start!important;gap:14px!important;flex:1!important;min-width:min(100%,260px)!important}
#ph-page .ph-dev-notice-badge{display:inline-flex!important;align-items:center!important;gap:7px!important;flex-shrink:0!important;padding:7px 13px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--ph-blue-md)!important;color:var(--ph-blue)!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;line-height:1!important;box-shadow:var(--ph-shadow-sm)!important;white-space:nowrap!important}
#ph-page .ph-dev-notice-badge svg{width:14px!important;height:14px!important;fill:currentColor!important;flex-shrink:0!important}
#ph-page .ph-dev-notice-text{font-size:.9rem!important;color:var(--ph-mid)!important;line-height:1.62!important}
#ph-page .ph-dev-notice-text strong{color:var(--ph-dark)!important;font-weight:700!important}
#ph-page .ph-dev-notice-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex-shrink:0!important;padding:10px 18px!important;border-radius:999px!important;background:var(--ph-blue)!important;color:#fff!important;font-size:.84rem!important;font-weight:700!important;line-height:1!important;box-shadow:0 4px 14px rgba(37,99,235,.28)!important;transition:all .2s ease!important;white-space:nowrap!important;text-decoration:none!important}
#ph-page .ph-dev-notice-btn:hover{background:var(--ph-blue-dark)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(37,99,235,.34)!important}
#ph-page .ph-dev-notice-btn svg{width:15px!important;height:15px!important;fill:currentColor!important}

/* ══ HERO ══ */
#ph-page .ph-hero{background:linear-gradient(165deg,#eef5ff 0%,#fff 55%,#fafbff 100%)!important;padding-top:90px!important;padding-bottom:80px!important;position:relative!important;overflow:hidden!important;width:100%!important;max-width:100%!important;display:block!important;margin:0!important}
#ph-page .ph-hero::before{content:''!important;position:absolute!important;top:-100px!important;right:-160px!important;width:600px!important;height:600px!important;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%)!important;pointer-events:none!important}
#ph-page .ph-hero::after{content:''!important;position:absolute!important;bottom:-80px!important;left:-100px!important;width:400px!important;height:400px!important;background:radial-gradient(circle,rgba(244,63,94,.06) 0%,transparent 70%)!important;pointer-events:none!important}
#ph-page .ph-hero-grid{position:absolute!important;inset:0!important;pointer-events:none!important;opacity:.35!important;background-image:linear-gradient(var(--ph-border-lt) 1px,transparent 1px),linear-gradient(90deg,var(--ph-border-lt) 1px,transparent 1px)!important;background-size:40px 40px!important;-webkit-mask-image:radial-gradient(ellipse at 65% 30%,black 20%,transparent 70%)!important;mask-image:radial-gradient(ellipse at 65% 30%,black 20%,transparent 70%)!important}
#ph-page .ph-hero-inner{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:60px!important;align-items:center!important}
#ph-page .ph-hero-badge{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid var(--ph-border)!important;padding:8px 16px!important;border-radius:100px!important;margin-bottom:24px!important;box-shadow:var(--ph-shadow-sm)!important;font-size:.8rem!important;font-weight:500!important;color:var(--ph-muted)!important}
#ph-page .ph-pulse-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#22c55e!important;animation:ph-pulse 2s infinite!important;flex-shrink:0!important}
@keyframes ph-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.35)}}
#ph-page .ph-hero-h1{font-size:clamp(2.1rem,4.2vw,3.2rem)!important;font-weight:900!important;line-height:1.08!important;color:var(--ph-dark)!important;letter-spacing:-.03em!important;margin-bottom:22px!important}
#ph-page .ph-hero-h1 .ph-grad{background:linear-gradient(135deg,var(--ph-blue),#60a5fa)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
#ph-page .ph-hero-desc{font-size:1.05rem!important;color:var(--ph-muted)!important;line-height:1.78!important;margin-bottom:34px!important;max-width:470px!important}
#ph-page .ph-hero-btns{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;margin-bottom:40px!important}
#ph-page .ph-hero-stats{display:flex!important;gap:36px!important;padding-top:32px!important;border-top:1px solid var(--ph-border)!important;flex-wrap:wrap!important}
#ph-page .ph-stat-val{display:block!important;font-size:1.45rem!important;font-weight:800!important;color:var(--ph-dark)!important;line-height:1!important;margin-bottom:4px!important}
#ph-page .ph-stat-lbl{font-size:.8rem!important;color:var(--ph-muted)!important;font-weight:500!important}

/* Upload box */
#ph-page .ph-upload-box{background:#fff!important;border:2px dashed #bfdbfe!important;border-radius:var(--ph-r-xl)!important;padding:44px 36px!important;text-align:center!important;box-shadow:var(--ph-shadow-xl)!important;transition:all .3s!important;cursor:pointer!important;position:relative!important;overflow:hidden!important}
#ph-page .ph-upload-box::before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,rgba(37,99,235,.025),rgba(96,165,250,.04))!important;pointer-events:none!important}
#ph-page .ph-upload-box:hover{border-color:var(--ph-blue)!important;box-shadow:0 20px 60px rgba(37,99,235,.2)!important;transform:translateY(-4px)!important}
#ph-page .ph-upload-icon-wrap{width:80px!important;height:80px!important;border-radius:20px!important;background:linear-gradient(135deg,var(--ph-blue),#60a5fa)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 20px!important;box-shadow:0 8px 24px rgba(37,99,235,.35)!important}
#ph-page .ph-upload-icon-wrap svg{width:36px!important;height:36px!important;fill:#fff!important}
#ph-page .ph-upload-title{font-size:1.15rem!important;font-weight:700!important;color:var(--ph-dark)!important;margin-bottom:8px!important}
#ph-page .ph-upload-desc{font-size:.88rem!important;color:var(--ph-muted)!important;margin-bottom:26px!important;line-height:1.6!important}
#ph-page .ph-upload-cta{background:linear-gradient(135deg,var(--ph-blue),var(--ph-blue-dark))!important;color:#fff!important;font-weight:700!important;font-size:.96rem!important;padding:15px 32px!important;border-radius:10px!important;border:none!important;cursor:pointer!important;width:100%!important;box-shadow:0 4px 14px rgba(37,99,235,.4)!important;transition:all .25s!important;letter-spacing:.02em!important;display:block!important;text-decoration:none!important;text-align:center!important}
#ph-page .ph-upload-cta:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(37,99,235,.5)!important;color:#fff!important}
#ph-page .ph-upload-formats{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:18px!important;flex-wrap:wrap!important}
#ph-page .ph-fmt-tag{font-size:.72rem!important;font-weight:600!important;padding:4px 10px!important;border-radius:100px!important;background:var(--ph-bg)!important;color:var(--ph-muted)!important;border:1px solid var(--ph-border)!important}
#ph-page a.ph-fmt-tag-link{color:var(--ph-blue)!important;background:var(--ph-blue-lt)!important;border-color:var(--ph-blue-md)!important;text-decoration:none!important;transition:all .18s!important}
#ph-page a.ph-fmt-tag-link:hover{background:var(--ph-blue)!important;color:#fff!important;border-color:var(--ph-blue)!important}
#ph-page .ph-secure-note{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:.78rem!important;color:var(--ph-muted)!important;margin-top:14px!important}
#ph-page .ph-secure-note svg{width:14px!important;height:14px!important;fill:#22c55e!important;flex-shrink:0!important}

/* ══ TRUST BAR ══ */
#ph-page .ph-trust-bar{background:var(--ph-bg)!important;border-top:1px solid var(--ph-border)!important;border-bottom:1px solid var(--ph-border)!important;padding:20px 0!important;width:100%!important;max-width:100%!important;margin:0!important}
#ph-page .ph-trust-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:28px!important;flex-wrap:wrap!important}
#ph-page .ph-trust-item{display:flex!important;align-items:center!important;gap:8px!important;font-size:.82rem!important;font-weight:600!important;color:var(--ph-muted)!important}
#ph-page .ph-trust-item svg{width:17px!important;height:17px!important;fill:var(--ph-blue)!important;flex-shrink:0!important}

/* ══ TOOLS SECTION ══ */
#ph-page .ph-tools-bg{background:var(--ph-bg)!important;width:100%!important;max-width:100%!important}
#ph-page .ph-filter-row{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:center!important;margin-bottom:44px!important}
#ph-page .ph-filter-btn{padding:9px 22px!important;border-radius:100px!important;font-size:.83rem!important;font-weight:600!important;border:1.5px solid var(--ph-border)!important;background:#fff!important;color:var(--ph-mid)!important;cursor:pointer!important;transition:all .2s!important;text-decoration:none!important;line-height:1!important}
#ph-page .ph-filter-btn:hover,#ph-page .ph-filter-btn.ph-on{background:var(--ph-blue)!important;color:#fff!important;border-color:var(--ph-blue)!important}

/* Category group header */
#ph-page .ph-cat-group{display:block!important;width:100%!important;margin-bottom:32px!important}
#ph-page .ph-cat-group:last-child{margin-bottom:0!important}
#ph-page .ph-cat-heading{font-size:.72rem!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--ph-blue)!important;margin-bottom:14px!important;display:flex!important;align-items:center!important;gap:10px!important}
#ph-page .ph-cat-heading::after{content:''!important;flex:1!important;height:1px!important;background:var(--ph-blue-md)!important}

/* Tools grid */
#ph-page .ph-tools-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}

/* Tool card */
#ph-page .ph-tool-card{background:#fff!important;border:1.5px solid var(--ph-border)!important;border-radius:var(--ph-r)!important;padding:16px 18px!important;display:flex!important;align-items:center!important;gap:14px!important;text-decoration:none!important;cursor:pointer!important;transition:all .22s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}
#ph-page .ph-tool-card::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,var(--ph-tc-light,rgba(37,99,235,.04)),transparent 60%)!important;opacity:0!important;transition:opacity .22s!important;pointer-events:none!important}
#ph-page .ph-tool-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 36px rgba(15,23,42,.11)!important;border-color:transparent!important}
#ph-page .ph-tool-card:hover::after{opacity:1!important}
#ph-page .ph-tc-icon{width:48px!important;height:48px!important;border-radius:50%!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--ph-tc-bg,var(--ph-blue-lt))!important;transition:transform .25s!important}
#ph-page .ph-tool-card:hover .ph-tc-icon{transform:scale(1.1)!important}
#ph-page .ph-tc-icon svg{width:22px!important;height:22px!important;display:block!important}
#ph-page .ph-tc-body{display:flex!important;flex-direction:column!important;gap:3px!important;flex:1!important;min-width:0!important}
#ph-page .ph-tc-name{font-size:.88rem!important;font-weight:700!important;color:var(--ph-dark)!important;line-height:1.25!important}
#ph-page .ph-tc-desc{font-size:.75rem!important;color:var(--ph-muted)!important;line-height:1.5!important}

/* Card hidden state */
#ph-page .ph-tool-card.ph-hidden{display:none!important}

/* Color themes */
#ph-page .ph-tc-blue  {--ph-tc-bg:#EFF6FF;--ph-tc-light:rgba(37,99,235,.05)}
#ph-page .ph-tc-red   {--ph-tc-bg:#FFF1F2;--ph-tc-light:rgba(244,63,94,.05)}
#ph-page .ph-tc-green {--ph-tc-bg:#F0FDF4;--ph-tc-light:rgba(34,197,94,.05)}
#ph-page .ph-tc-amber {--ph-tc-bg:#FFFBEB;--ph-tc-light:rgba(245,158,11,.05)}
#ph-page .ph-tc-purple{--ph-tc-bg:#FAF5FF;--ph-tc-light:rgba(168,85,247,.05)}
#ph-page .ph-tc-teal  {--ph-tc-bg:#F0FDFA;--ph-tc-light:rgba(20,184,166,.05)}
#ph-page .ph-tc-orange{--ph-tc-bg:#FFF7ED;--ph-tc-light:rgba(249,115,22,.05)}
#ph-page .ph-tc-indigo{--ph-tc-bg:#EEF2FF;--ph-tc-light:rgba(99,102,241,.05)}
#ph-page .ph-tc-cyan  {--ph-tc-bg:#ECFEFF;--ph-tc-light:rgba(6,182,212,.05)}

/* ══ FEATURES ══ */
#ph-page .ph-features-bg{background:#fff!important;width:100%!important;max-width:100%!important}
#ph-page .ph-features-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important}
#ph-page .ph-feat-card{background:#fff!important;border:1px solid var(--ph-border)!important;border-radius:var(--ph-r-lg)!important;padding:32px 28px!important;text-align:center!important;transition:all .25s!important;position:relative!important;overflow:hidden!important}
#ph-page .ph-feat-card::after{content:''!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;width:0!important;height:3px!important;background:var(--ph-blue)!important;border-radius:4px!important;transition:width .3s!important}
#ph-page .ph-feat-card:hover{transform:translateY(-6px)!important;box-shadow:var(--ph-shadow-lg)!important}
#ph-page .ph-feat-card:hover::after{width:60%!important}
#ph-page .ph-feat-icon{width:64px!important;height:64px!important;border-radius:18px!important;background:var(--ph-blue-lt)!important;border:1px solid var(--ph-blue-md)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 20px!important;transition:transform .3s!important}
#ph-page .ph-feat-card:hover .ph-feat-icon{transform:scale(1.08) rotate(-4deg)!important}
#ph-page .ph-feat-icon svg{width:28px!important;height:28px!important;fill:var(--ph-blue)!important}
#ph-page .ph-feat-card h3{font-size:1.05rem!important;font-weight:700!important;margin-bottom:10px!important;color:var(--ph-dark)!important}
#ph-page .ph-feat-card p{font-size:.85rem!important;color:var(--ph-muted)!important;line-height:1.65!important}

/* ══ HOW IT WORKS ══ */
#ph-page .ph-hiw-bg{background:var(--ph-bg)!important;width:100%!important;max-width:100%!important}
#ph-page .ph-hiw-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:32px!important;position:relative!important}
#ph-page .ph-hiw-grid::before{content:''!important;position:absolute!important;top:36px!important;left:calc(16.6% + 20px)!important;right:calc(16.6% + 20px)!important;height:2px!important;background:repeating-linear-gradient(90deg,var(--ph-blue-md) 0,var(--ph-blue-md) 12px,transparent 12px,transparent 24px)!important;z-index:0!important}
#ph-page .ph-hiw-step{text-align:center!important;position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}
#ph-page .ph-hiw-num{width:72px!important;height:72px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--ph-blue),#60a5fa)!important;color:#fff!important;font-size:1.5rem!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 24px rgba(37,99,235,.35)!important;flex-shrink:0!important}
#ph-page .ph-hiw-ico{width:44px!important;height:44px!important;background:var(--ph-blue-lt)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important}
#ph-page .ph-hiw-ico svg{width:22px!important;height:22px!important;fill:var(--ph-blue)!important}
#ph-page .ph-hiw-step h3{font-size:1.1rem!important;font-weight:700!important;color:var(--ph-dark)!important}
#ph-page .ph-hiw-step p{font-size:.88rem!important;color:var(--ph-muted)!important;line-height:1.65!important;max-width:220px!important}

/* ══ CTA ══ */
#ph-page .ph-cta-bg{background:linear-gradient(135deg,#1e40af 0%,#2563EB 50%,#3b82f6 100%)!important;padding-top:90px!important;padding-bottom:90px!important;position:relative!important;overflow:hidden!important;width:100%!important;max-width:100%!important;margin:0!important}
#ph-page .ph-cta-bg::before{content:''!important;position:absolute!important;top:-60px!important;right:-80px!important;width:400px!important;height:400px!important;border-radius:50%!important;background:rgba(255,255,255,.05)!important;pointer-events:none!important}
#ph-page .ph-cta-bg::after{content:''!important;position:absolute!important;bottom:-80px!important;left:-60px!important;width:300px!important;height:300px!important;border-radius:50%!important;background:rgba(255,255,255,.04)!important;pointer-events:none!important}
#ph-page .ph-cta-inner{text-align:center!important;position:relative!important;z-index:2!important}
#ph-page .ph-cta-inner h2{font-size:clamp(1.8rem,3.5vw,2.8rem)!important;font-weight:900!important;color:#fff!important;margin-bottom:16px!important;letter-spacing:-.02em!important}
#ph-page .ph-cta-inner p{font-size:1.05rem!important;color:rgba(255,255,255,.8)!important;max-width:520px!important;margin:0 auto 36px!important;line-height:1.72!important}
#ph-page .ph-cta-btns{display:flex!important;justify-content:center!important;gap:14px!important;flex-wrap:wrap!important}
#ph-page .ph-cta-stats{display:flex!important;justify-content:center!important;gap:44px!important;margin-top:50px!important;padding-top:42px!important;border-top:1px solid rgba(255,255,255,.15)!important;flex-wrap:wrap!important}
#ph-page .ph-cta-stat strong{display:block!important;font-size:1.8rem!important;font-weight:900!important;color:#fff!important;line-height:1!important;margin-bottom:4px!important}
#ph-page .ph-cta-stat span{font-size:.82rem!important;color:rgba(255,255,255,.7)!important;font-weight:500!important}

/* ══ FOOTER ══ */
#ph-page .ph-footer-bg{background:#0F172A!important;padding-top:60px!important;width:100%!important;max-width:100%!important;margin:0!important}
#ph-page .ph-footer-grid{display:grid!important;grid-template-columns:2fr 1fr 1fr 1fr!important;gap:48px!important;padding-bottom:48px!important}
#ph-page .ph-footer-about p{font-size:.85rem!important;line-height:1.72!important;color:rgba(255,255,255,.5)!important;margin-top:14px!important;max-width:280px!important}
/* footer logo uses ph-logo-icon + ph-logo-name */
#ph-page .ph-cta-badge{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:13px 22px!important;border-radius:var(--ph-r-sm)!important;background:rgba(255,255,255,.15)!important;border:2px solid rgba(255,255,255,.35)!important;color:#fff!important;font-size:.92rem!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}
#ph-page .ph-footer-trust{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:20px!important}
#ph-page .ph-footer-trust-item{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:rgba(255,255,255,.75)!important;font-size:.76rem!important;font-weight:600!important;line-height:1!important}
#ph-page .ph-footer-trust-item svg{flex-shrink:0!important;opacity:.9!important}
#ph-page .ph-footer-col h4{font-size:.78rem!important;font-weight:700!important;color:#fff!important;margin-bottom:18px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
#ph-page .ph-footer-col ul{list-style:none!important;display:flex!important;flex-direction:column!important;gap:10px!important}
#ph-page .ph-footer-col ul li a{font-size:.84rem!important;color:rgba(255,255,255,.5)!important;text-decoration:none!important;transition:color .18s!important}
#ph-page .ph-footer-col ul li a:hover{color:#fff!important}
#ph-page .ph-footer-bottom{border-top:1px solid rgba(255,255,255,.08)!important;padding:20px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:14px!important}
#ph-page .ph-footer-bottom p{font-size:.8rem!important;color:rgba(255,255,255,.4)!important}
#ph-page .ph-footer-bottom a{color:rgba(255,255,255,.5)!important;text-decoration:none!important}
#ph-page .ph-footer-bottom a:hover{color:#fff!important}

/* ══ ANIMATIONS ══ */
@keyframes ph-fadeup{from{transform:translateY(16px)}to{transform:translateY(0)}}
#ph-page .ph-a1{animation:ph-fadeup .45s ease .05s both}
#ph-page .ph-a2{animation:ph-fadeup .45s ease .12s both}
#ph-page .ph-a3{animation:ph-fadeup .45s ease .18s both}
#ph-page .ph-a4{animation:ph-fadeup .45s ease .24s both}
@media(prefers-reduced-motion:reduce){
  #ph-page .ph-a1,#ph-page .ph-a2,#ph-page .ph-a3,#ph-page .ph-a4{animation:none!important}
}

/* ══ RESPONSIVE ══ */
@media(max-width:1100px){
  #ph-page .ph-tools-grid{grid-template-columns:repeat(2,1fr)!important}
  #ph-page .ph-features-grid{grid-template-columns:repeat(2,1fr)!important}
  #ph-page .ph-footer-grid{grid-template-columns:1fr 1fr!important;gap:32px!important}
  #ph-page .ph-mega-wrap{width:780px!important}
  #ph-page .ph-mega-grid{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:900px){
  #ph-page .ph-nav{display:none!important}
  #ph-page .ph-ham{display:flex!important}
  #ph-page .ph-header-note{display:none!important}
  #ph-page .ph-header-inner{justify-content:space-between!important}
  #ph-page .ph-hero-inner{grid-template-columns:1fr!important;gap:44px!important}
  #ph-page .ph-hero-inner>div:first-child{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
  #ph-page .ph-hero-desc{margin-left:auto!important;margin-right:auto!important}
  #ph-page .ph-hero-btns{justify-content:center!important;width:100%!important}
  #ph-page .ph-hero-stats{justify-content:center!important;width:100%!important}
  #ph-page .ph-hiw-grid::before{display:none!important}
  #ph-page .ph-hiw-grid{grid-template-columns:1fr!important;gap:20px!important}
  #ph-page .ph-hiw-step{flex-direction:row!important;text-align:left!important;gap:20px!important;align-items:flex-start!important}
  #ph-page .ph-hiw-step h3,#ph-page .ph-hiw-step p{text-align:left!important}
}
@media(max-width:680px){
  #ph-page .ph-section{padding-top:56px!important;padding-bottom:56px!important}
  #ph-page .ph-hero{padding-top:60px!important;padding-bottom:60px!important}
  #ph-page .ph-dev-notice-inner{flex-direction:column!important;align-items:stretch!important;text-align:center!important}
  #ph-page .ph-dev-notice-main{flex-direction:column!important;align-items:center!important;text-align:center!important}
  #ph-page .ph-dev-notice-btn{width:100%!important}
  #ph-page .ph-features-grid{grid-template-columns:1fr!important}
  #ph-page .ph-tools-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  #ph-page .ph-footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  #ph-page .ph-wrap{padding-left:clamp(12px,3vw,20px)!important;padding-right:clamp(12px,3vw,20px)!important}
}
@media(max-width:460px){
  #ph-page .ph-tools-grid{grid-template-columns:1fr!important}
}

/* Logo icon + name (restored) */
#ph-page .ph-logo-icon{width:38px!important;height:38px!important;background:linear-gradient(135deg,var(--ph-blue),#60a5fa)!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px rgba(37,99,235,.3)!important;flex-shrink:0!important}
#ph-page .ph-logo-icon svg{width:20px!important;height:20px!important;fill:#fff!important}
#ph-page .ph-logo-name{font-size:1.35rem!important;font-weight:800!important;color:var(--ph-dark)!important;letter-spacing:-.025em!important;line-height:1!important;margin-left:9px!important}
#ph-page .ph-logo-name em{color:var(--ph-blue)!important;font-style:normal!important}
#ph-page{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:900px){#ph-page .ph-a1,#ph-page .ph-a2,#ph-page .ph-a3,#ph-page .ph-a4{animation:none!important}}

#ph-page .ph-below-fold{content-visibility:auto;contain-intrinsic-size:1px 900px}