.product-hero{min-height:85vh;display:flex;align-items:center;position:relative;background:#05050c;overflow:hidden}[data-theme=light] .product-hero{background:#f4f5fa}.ph-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(var(--ph-accent-rgb),.25),transparent 38%),radial-gradient(circle at 20% 40%,rgba(124,92,255,.14),transparent 30%),radial-gradient(circle at 80% 40%,rgba(99,102,241,.16),transparent 30%);pointer-events:none}[data-theme=light] .ph-bg{background:radial-gradient(circle at 50% 0%,rgba(var(--ph-accent-rgb),.1),transparent 38%),radial-gradient(circle at 20% 40%,rgba(124,92,255,.06),transparent 30%),radial-gradient(circle at 80% 40%,rgba(99,102,241,.07),transparent 30%)}.ph-glow{position:absolute;top:5%;left:50%;transform:translate(-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(var(--ph-accent-rgb),.1) 0%,transparent 65%);pointer-events:none;animation:phPulse 8s ease-in-out infinite}@keyframes phPulse{0%,to{transform:translate(-50%) scale(1);opacity:.5}50%{transform:translate(-50%) scale(1.1);opacity:1}}.ph-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}[data-theme=light] .ph-grid{background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px)}.ph-inner{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;max-width:1024px;margin:0 auto;padding:140px 0 80px}.ph-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:rgba(var(--ph-accent-rgb),.1);border:1px solid rgba(var(--ph-accent-rgb),.2);border-radius:100px;font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--ph-accent);margin-bottom:32px;backdrop-filter:blur(8px)}[data-theme=light] .ph-badge{background:rgba(var(--ph-accent-rgb),.08);border-color:rgba(var(--ph-accent-rgb),.18)}.ph-inner h1{font-size:clamp(38px,6vw,76px);font-weight:900;line-height:.96;margin-bottom:24px;letter-spacing:-.035em;max-width:920px;color:#fff}[data-theme=light] .ph-inner h1{color:#0d1b2a}.ph-sub{font-size:clamp(18px,1.5vw,22px);color:#ffffffa6;line-height:1.65;margin-bottom:12px;max-width:820px;font-weight:500}[data-theme=light] .ph-sub{color:#0f172ab3}.ph-desc{font-size:clamp(15px,1.3vw,19px);color:#ffffff73;line-height:1.7;margin-bottom:36px;max-width:820px}[data-theme=light] .ph-desc{color:#0f172a8c}.ph-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}.ph-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:18px 36px;border-radius:8px;font-weight:700;font-size:1.05rem;color:#ffffffd9;text-decoration:none;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;transition:all .3s ease}.ph-btn-ghost:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-2px)}[data-theme=light] .ph-btn-ghost{color:#0f172ad9;border-color:#0f172a1f;background:#0f172a08}[data-theme=light] .ph-btn-ghost:hover{background:rgba(var(--ph-accent-rgb),.06);border-color:rgba(var(--ph-accent-rgb),.2);color:var(--ph-accent)}.ph-arrow{display:inline-block;transition:transform .3s ease}.ph-btn-ghost:hover .ph-arrow{transform:translate(4px)}.ph-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:780px}.ph-badge-item{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:100px;font-size:.78rem;font-weight:600;color:#ffffffb3}.ph-badge-item svg{color:var(--ph-accent);flex-shrink:0}[data-theme=light] .ph-badge-item{background:#0f172a08;border-color:#0f172a0f;color:#0f172aa6}[data-theme=light] .ph-badge-item svg{color:var(--ph-accent)}@media(max-width:640px){.product-hero{min-height:auto}.ph-inner{padding:100px 0 60px}.ph-inner h1{font-size:clamp(28px,9vw,44px);line-height:1}.ph-sub{font-size:16px}.ph-desc{font-size:14px}.ph-actions{flex-direction:column;align-items:center}.ph-btn-ghost{width:100%;justify-content:center}.ph-badges{gap:5px}.ph-badge-item{font-size:.7rem;padding:5px 10px}}@media(prefers-reduced-motion:reduce){.ph-glow{animation:none}.ph-btn-ghost{transition:none}.ph-btn-ghost:hover,.ph-btn-ghost:hover .ph-arrow{transform:none}}