/* Product marketing pages share PANN tokens; the applications stay separate. */
.product-page{overflow:hidden}.product-page h1{font-size:clamp(38px,4.3vw,64px);line-height:1.35;letter-spacing:-1.8px}.product-page h1 span{color:var(--pann-brand-ink)}
.product-crumb{display:flex;gap:15px;align-items:center;font-size:14px;padding:24px 0;color:var(--pann-fg-muted)}.product-crumb a{color:var(--pann-fg-muted)}
.product-hero{background:linear-gradient(120deg,var(--pann-surface) 35%,var(--pann-tint));padding:12px 0 52px}
.product-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.product-intro{padding:30px 0}
.product-wordmark{display:flex;gap:12px;align-items:center;font-size:22px;margin-bottom:36px}.product-wordmark img{object-fit:contain}.product-intro .eyebrow{margin-bottom:18px}.product-description{max-width:580px;font-size:18px;margin-top:25px;line-height:1.9}
.product-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}.product-actions .button,.product-end .button,.app-entry .button{color:var(--pann-on-brand)}.product-actions .text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;min-height:44px}
.product-account-note{font-size:14px;margin:18px 0 25px}.product-account-note a{text-decoration:underline;text-underline-offset:4px}.product-audiences{display:flex;flex-wrap:wrap;gap:8px}.product-audiences li{border:1px solid var(--pann-brand-line);border-radius:99px;padding:6px 13px;font-size:14px;background:var(--pann-surface)}
.product-screen{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;margin:0;padding:20px 0 0;min-width:0}.product-screen>img{width:min(264px,80%);height:auto;border-radius:26px;border:7px solid var(--pann-fg);box-shadow:0 28px 60px color-mix(in srgb,var(--pann-brand-ink) 17%,transparent);position:relative}.screen-orbit{position:absolute;z-index:-1;top:20%;width:105%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--pann-brand-line) 0%,var(--pann-tint) 55%,transparent 72%)}.product-screen figcaption{display:flex;gap:8px;align-items:center;margin-top:24px;font-size:14px;color:var(--pann-fg-muted)}.product-screen figcaption .icon{width:17px}
.product-flow{display:grid;grid-template-columns:repeat(3,1fr);padding:34px 0;border-bottom:1px solid var(--pann-line);gap:30px}.product-flow article{display:flex;gap:16px;align-items:flex-start}.flow-index{font-size:15px;color:var(--pann-brand-ink);margin-top:2px}.product-flow h2{font-size:20px;letter-spacing:0;margin-bottom:7px}.product-flow p{font-size:15px;line-height:1.8}
.product-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.product-feature-grid article{padding:10px 0 0}.feature-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--pann-tint);color:var(--pann-brand-ink);margin-bottom:23px}.product-feature-grid h3{font-size:22px;margin-bottom:13px}.product-feature-grid p{font-size:16px;line-height:1.9}
.product-ecosystem{padding:64px 0;background:var(--pann-tint);border-block:1px solid var(--pann-brand-line)}.ecosystem-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.ecosystem-grid h2{font-size:38px}.ecosystem-grid p:not(.eyebrow){margin:20px 0;max-width:570px}.ecosystem-grid .text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px}.companion-card{display:flex;align-items:center;gap:22px;padding:36px;background:var(--pann-surface);border:1px solid var(--pann-brand-line);border-radius:22px;color:var(--pann-fg);box-shadow:var(--pann-shadow);transition:transform .2s}.companion-card:hover{transform:translateY(-4px)}.companion-card b{display:block;font-size:25px;margin-bottom:6px}.companion-card small{display:block;font-size:15px;color:var(--pann-fg-muted)}.companion-card>.icon{margin-left:auto;color:var(--pann-brand-ink)}
.product-plans{text-align:center}.product-plans>.eyebrow{justify-content:center}.product-plans>p:not(.eyebrow){margin-top:16px}.plan-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0 24px;text-align:left}.plan-strip a{display:flex;flex-wrap:wrap;gap:8px;padding:24px;border-radius:14px;border:1px solid var(--pann-line);color:var(--pann-fg);transition:border-color .2s}.plan-strip a:hover{border-color:var(--pann-brand)}.plan-strip b{font-size:18px;flex-basis:100%}.plan-strip span{font-size:25px;font-weight:600}.plan-strip small{font-size:14px;font-weight:400;color:var(--pann-fg-muted)}.plan-strip .icon{margin-left:auto;width:18px;align-self:center}.product-faq{padding-top:0}.product-end{padding:64px 0 70px;text-align:center;background:var(--pann-tint)}.product-end img{margin:0 auto 25px}.product-end h2{font-size:38px;margin-bottom:28px}.product-end .text-link{display:block;margin:22px auto 0;width:fit-content;min-height:44px}
.apps-intro{padding:75px 0 50px;max-width:900px;text-align:center}.apps-intro .eyebrow{justify-content:center}.apps-intro>p:not(.eyebrow){font-size:18px;margin:24px 0 15px}.apps-intro .text-link{display:inline-flex;gap:12px;align-items:center;min-height:44px}
.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-bottom:52px}.app-entry{display:flex;flex-direction:column;align-items:flex-start;padding:28px 25px 20px;border:1px solid var(--pann-brand-line);border-radius:20px;min-width:0;background:linear-gradient(155deg,var(--pann-tint),var(--pann-surface) 55%)}.app-entry>img{margin-bottom:24px}.app-entry .eyebrow{font-size:14px;letter-spacing:.6px;margin-bottom:13px}.app-entry h2{font-size:28px;letter-spacing:-.5px;margin-bottom:14px}.app-entry>p:not(.eyebrow){margin-bottom:24px;flex:1;font-size:16px}.app-entry>.button{width:100%;gap:12px;font-size:15px}.app-entry>.text-link{display:flex;gap:9px;align-items:center;min-height:48px;margin-top:9px;font-size:14px}.app-entry>.text-link .icon{width:17px}
.app-support{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:30px 35px;margin-bottom:80px;background:var(--pann-bg);border-radius:18px}.app-support>div{max-width:750px}.app-support>div>.icon{color:var(--pann-brand-ink);margin-bottom:12px}.app-support h2{font-size:22px;letter-spacing:0;margin-bottom:10px}.app-support p{font-size:15px}.app-support>.text-link{display:flex;gap:10px;align-items:center;flex-shrink:0;font-size:15px;min-height:44px}
.solution-detail{display:flex;align-items:center;gap:10px;width:fit-content;min-height:44px;margin-top:16px;font-size:15px;font-weight:500}.en-product .nav nav{gap:22px}
@media(max-width:1100px){.product-hero-grid{gap:35px}.product-page h1{font-size:46px}.product-screen>img{width:245px}.product-feature-grid,.apps-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-grid{gap:35px}.companion-card{padding:24px}.plan-strip{grid-template-columns:repeat(2,1fr)}.product-feature-grid{gap:38px}.apps-grid{max-width:900px}.product-hero .eyebrow{letter-spacing:1px}}
@media(max-width:820px){.product-hero-grid{grid-template-columns:1fr;gap:10px}.product-intro{padding-bottom:10px}.product-screen{padding-top:10px;max-width:470px;margin:auto;width:100%}.product-screen>img{width:260px}.product-flow{grid-template-columns:1fr;gap:25px;padding:35px 0}.product-flow article{gap:20px}.product-flow h2{font-size:22px}.ecosystem-grid{grid-template-columns:1fr;gap:30px}.ecosystem-grid h2{font-size:32px}.app-support{align-items:flex-start;flex-direction:column;gap:15px}.apps-intro{padding-top:48px}.product-wordmark{margin-bottom:25px}}
@media(max-width:560px){.product-page h1{font-size:36px;letter-spacing:-1px}.product-description{font-size:16px}.product-hero{padding-bottom:30px}.product-crumb{font-size:14px;padding:18px 0}.product-wordmark{font-size:20px}.product-hero .eyebrow{font-size:14px}.product-actions{gap:12px}.product-actions>.button{width:100%}.product-actions>.text-link{width:100%;justify-content:center}.product-audiences{gap:7px}.product-audiences li{font-size:14px;padding:4px 10px}.product-screen>img{width:235px}.product-screen figcaption{font-size:14px}.product-feature-grid{grid-template-columns:1fr;gap:28px}.product-feature-grid article{display:grid;grid-template-columns:48px 1fr;gap:6px 16px}.feature-symbol{width:48px;height:48px;grid-row:1/3;margin:0}.product-feature-grid h3{font-size:21px;margin:0}.product-feature-grid p{font-size:15px;grid-column:2}.product-ecosystem{padding:42px 0}.ecosystem-grid h2,.product-end h2{font-size:29px}.companion-card{gap:15px;padding:24px 18px}.companion-card>img{width:50px;height:50px}.companion-card b{font-size:22px}.companion-card small{font-size:14px}.plan-strip{gap:10px}.plan-strip a{padding:18px 13px;gap:5px}.plan-strip span{font-size:23px}.plan-strip small{display:block;font-size:14px}.plan-strip .icon{width:16px}.apps-grid{grid-template-columns:1fr;gap:18px}.app-entry{padding:25px}.apps-intro>p:not(.eyebrow){font-size:16px}.app-support{padding:24px;margin-bottom:50px}.app-support h2{font-size:21px}.product-end{padding:45px 0}.product-end .button{width:100%}}
@media(prefers-reduced-motion:reduce){.companion-card,.plan-strip a{transition:none}.companion-card:hover{transform:none}}