/* PROTON product detail pages: one system, three product-specific stories. */
.product-page { --product-accent:#2563eb; --product-soft:#eff6ff; overflow:hidden; }
.product-page[data-product="erp"] { --product-accent:#7047eb; --product-soft:#f4f0ff; }
.product-page[data-product="pos"] { --product-accent:#1769e8; --product-soft:#edf5ff; }
.product-page[data-product="nomina"] { --product-accent:#078b62; --product-soft:#eaf8f2; }
.product-page .product-hero { position:relative; padding:86px 0 78px; background:radial-gradient(ellipse at 77% 38%, color-mix(in srgb,var(--product-accent) 11%,transparent), transparent 43%),var(--bg-main,#f7f9fc); }
.product-page .product-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.94fr); gap:58px; align-items:center; }
.product-page .product-copy { max-width:610px; }
.product-page .product-copy h1 { margin:18px 0 20px; max-width:13ch; font-size:clamp(2.8rem,5.2vw,4.7rem); line-height:1.02; letter-spacing:-.055em; color:var(--text-main,#101828); }
.product-page .product-copy>p { max-width:56ch; margin:0; color:var(--text-muted,#64748b); font-size:1.12rem; line-height:1.75; }
.product-page .product-actions { display:flex; gap:12px; flex-wrap:wrap; margin:28px 0 0; }
.product-page .product-actions .btn-primary { background:var(--product-accent); border-color:var(--product-accent); }
.product-page .product-kicker { display:inline-flex; align-items:center; gap:9px; padding:8px 12px; border:1px solid color-mix(in srgb,var(--product-accent) 20%,white); border-radius:999px; background:var(--product-soft); color:var(--product-accent); font-weight:750; font-size:.83rem; }
.product-page .product-proof { display:flex; gap:20px; flex-wrap:wrap; margin-top:28px; color:var(--text-muted,#64748b); font-size:.9rem; }
.product-page .product-proof span { display:flex; align-items:center; gap:7px; }
.product-page .product-proof i { color:var(--product-accent); }
.product-page .product-visual { position:relative; min-height:380px; display:grid; place-items:center; }
.product-page .visual-glow { position:absolute; width:78%; aspect-ratio:1; border-radius:50%; background:color-mix(in srgb,var(--product-accent) 14%,transparent); filter:blur(44px); }
.product-page .mock-window { position:relative; width:min(100%,530px); padding:18px; border:1px solid #dfe6ef; border-radius:21px; background:white; box-shadow:0 28px 70px rgba(24,39,75,.15); animation:product-float 7s ease-in-out infinite; }
.product-page .mock-top { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:2px 2px 16px; border-bottom:1px solid #e8edf4; color:#26344c; font-size:.82rem; font-weight:700; }
.product-page .mock-brand { display:flex; align-items:center; gap:8px; }
.product-page .mock-brand i { color:var(--product-accent); font-size:1.1rem; }
.product-page .mock-status { color:#16845b; font-size:.72rem; font-weight:700; }
.product-page .mock-body { display:grid; grid-template-columns:1fr .82fr; gap:14px; padding-top:16px; }
.product-page .mock-panel { padding:15px; border:1px solid #e8edf4; border-radius:13px; background:#fff; }
.product-page .mock-label { margin-bottom:11px; color:#778399; font-size:.7rem; }
.product-page .mock-value { color:#14213a; font-size:1.28rem; font-weight:800; letter-spacing:-.04em; }
.product-page .mock-row { display:flex; justify-content:space-between; gap:8px; padding:10px 0; border-bottom:1px solid #edf0f5; color:#46546a; font-size:.74rem; }
.product-page .mock-row:last-child { border:0; }
.product-page .mock-row strong { color:#15233d; }
.product-page .mock-track { height:7px; margin:8px 0 13px; border-radius:99px; background:#eef1f6; overflow:hidden; }
.product-page .mock-track b { display:block; height:100%; border-radius:inherit; background:var(--product-accent); }
.product-page .mock-callout { position:absolute; right:-22px; bottom:26px; display:flex; gap:10px; align-items:center; padding:13px 16px; border:1px solid #e6eaf0; border-radius:13px; background:white; box-shadow:0 12px 36px rgba(24,39,75,.13); color:#2d3c53; font-size:.78rem; font-weight:700; }
.product-page .mock-callout i { color:var(--product-accent); font-size:1.15rem; }
.product-page .product-section { padding:78px 0; }
.product-page .product-section.soft { background:#f7f9fc; border-block:1px solid #e9edf3; }
.product-page .product-heading { max-width:710px; margin:0 auto 38px; text-align:center; }
.product-page .product-heading h2 { margin:13px 0 12px; color:var(--text-main,#101828); font-size:clamp(2rem,3.4vw,3rem); letter-spacing:-.04em; line-height:1.1; }
.product-page .product-heading p { margin:0; color:var(--text-muted,#64748b); font-size:1.03rem; line-height:1.7; }
.product-page .product-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.product-page .flow-step { position:relative; min-height:190px; padding:25px; border:1px solid #e2e8f0; border-radius:16px; background:white; }
.product-page .flow-step i { display:grid; width:42px; height:42px; margin-bottom:22px; place-items:center; border-radius:12px; background:var(--product-soft); color:var(--product-accent); font-size:1.25rem; }
.product-page .flow-step h3 { margin:0 0 8px; color:#18243b; font-size:1.1rem; }
.product-page .flow-step p { margin:0; color:#64748b; font-size:.91rem; line-height:1.65; }
.product-page .feature-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; align-items:start; }
.product-page .feature-intro h2 { margin:0 0 15px; font-size:clamp(2rem,3vw,2.8rem); line-height:1.08; letter-spacing:-.04em; }
.product-page .feature-intro p { margin:0; color:#64748b; line-height:1.75; }
.product-page .feature-list { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.product-page .feature-item { padding:19px; border:1px solid #e3e9f0; border-radius:14px; background:#fff; }
.product-page .feature-item i { color:var(--product-accent); font-size:1.15rem; }
.product-page .feature-item h3 { margin:10px 0 6px; color:#1a263b; font-size:.98rem; }
.product-page .feature-item p { margin:0; color:#65748a; font-size:.85rem; line-height:1.6; }
.product-page .product-offer { display:grid; grid-template-columns:1fr auto; align-items:center; gap:24px; padding:30px; border:1px solid color-mix(in srgb,var(--product-accent) 22%,white); border-radius:18px; background:linear-gradient(115deg,var(--product-soft),white 68%); }
.product-page .product-offer h2 { margin:0 0 8px; font-size:1.55rem; color:#17243a; }
.product-page .product-offer p { margin:0; max-width:70ch; color:#5e6d83; line-height:1.7; }
.product-page .product-offer .btn { white-space:nowrap; background:var(--product-accent); border-color:var(--product-accent); color:white; }
.product-page .product-disclaimer { margin:14px 0 0; color:#68778e; font-size:.82rem; line-height:1.6; }
.product-page .product-crosslinks { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.product-page .crosslink { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px; border:1px solid #e2e8f0; border-radius:13px; color:#25344d; text-decoration:none; font-weight:700; transition:border-color .2s, transform .2s; }
.product-page .crosslink:hover { border-color:var(--product-accent); transform:translateY(-2px); }
.product-page .crosslink i { color:var(--product-accent); }
.product-page .detail-footer { padding:28px 0; border-top:1px solid #e5eaf1; }
.product-page .detail-footer-inner { display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; color:#64748b; font-size:.86rem; }
.product-page .detail-footer a { color:var(--product-accent); text-decoration:none; font-weight:700; }
@keyframes product-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@media(max-width:900px){.product-page .product-hero-grid{grid-template-columns:1fr;gap:30px}.product-page .product-copy{max-width:760px}.product-page .product-visual{min-height:330px}.product-page .feature-layout{grid-template-columns:1fr;gap:25px}}
@media(max-width:650px){.product-page .product-hero{padding:55px 0 45px}.product-page .product-hero-grid{grid-template-columns:minmax(0,1fr)}.product-page .product-copy h1{font-size:clamp(2.45rem,12vw,3.5rem)}.product-page .product-copy>p{font-size:1rem}.product-page .product-visual{min-height:300px}.product-page .mock-window{padding:12px;border-radius:16px}.product-page .mock-body{grid-template-columns:1fr 1fr;gap:8px}.product-page .mock-panel{padding:11px}.product-page .mock-callout{right:-4px;bottom:7px}.product-page .product-section{padding:54px 0}.product-page .product-flow,.product-page .feature-list,.product-page .product-crosslinks{grid-template-columns:1fr}.product-page .flow-step{min-height:0}.product-page .product-offer{grid-template-columns:1fr;padding:22px}.product-page .product-offer .btn{justify-self:start}.product-page .product-actions .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.product-page .mock-window{animation:none}.product-page .crosslink{transition:none}}