/* Marketing layout uses the supplied PANN tokens. Load pann-design.css before this file. */
/* Scoped product tokens copied exactly from the supplied PANN design v1.3.7; no logo or master edits. */
[data-product="biz"]{--pann-brand:#E9A50B; --pann-on-brand:#10234C; --pann-brand-hover:#CD910A; --pann-brand-dark:#CD910A; --pann-brand-ink:#916000; --pann-brand-tint:#FFF6DF; --pann-brand-soft:#FFFBEF; --pann-brand-line:#FAE9C2; --pann-decor:#E9A50B;}
[data-product="account"]{--pann-brand:#087950; --pann-on-brand:#FFFFFF; --pann-brand-hover:#076A46; --pann-brand-dark:#076A46; --pann-brand-ink:#087950; --pann-brand-tint:#EAF6EF; --pann-brand-soft:#F5FBF7; --pann-brand-line:#C5E6DA; --pann-decor:#15996B;}
[data-product="asset"]{--pann-brand:#F76055; --pann-on-brand:#10234C; --pann-brand-hover:#F87066; --pann-brand-dark:#B33E33; --pann-brand-ink:#B33E33; --pann-brand-tint:#FFF0ED; --pann-brand-soft:#FFF8F6; --pann-brand-line:#FDD7D5; --pann-decor:#F76055;}
[data-product="hr"]{--pann-brand:#2158C9;--pann-on-brand:#FFFFFF;--pann-brand-hover:#1D4DB1;--pann-brand-dark:#1D4DB1;--pann-brand-ink:#2158C9;--pann-brand-tint:#ECF2FF;--pann-brand-soft:#F6F9FF;--pann-brand-line:#C5E1F9;--pann-decor:#1688E5;}
:root,[data-product]{--pann-tint:var(--pann-brand-tint);--pann-night:var(--pann-fg);--pann-r:var(--pann-r-card);--pann-pill:var(--pann-r-pill)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:var(--pann-surface);color:var(--pann-fg);font-family:var(--pann-font);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--pann-brand-ink);text-decoration:none}button{color:inherit}p,h1,h2,h3,h4{margin:0}p{color:var(--pann-fg-muted)}h1,h2,h3,h4{font-weight:600;line-height:1.35}h1{letter-spacing:-2.5px}h2{font-size:44px;letter-spacing:-1.2px}h3{font-size:24px}img,video{max-width:100%;display:block}button{border:0;background:none}ul{margin:0;padding:0;list-style:none}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.section{padding-top:104px;padding-bottom:104px}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.sprite{position:absolute;width:0;height:0;overflow:hidden}.blue{color:var(--pann-brand-ink)}.mint{color:var(--pann-accent)}.mint-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pann-accent);flex:none}.eyebrow{font-size:14px;font-weight:600;letter-spacing:1.6px;line-height:1.6;color:var(--pann-brand-ink);margin-bottom:22px;display:flex;align-items:center;gap:9px}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:13px 24px;background:var(--pann-brand);color:var(--pann-surface);border:1px solid var(--pann-brand);border-radius:9px;font-weight:500;transition:background .2s,transform .2s;line-height:1.6}.button:hover,.btn:hover{background:var(--pann-brand-hover);transform:translateY(-2px)}.button.outline,.btn-outline{background:transparent;color:var(--pann-brand-ink);border-color:var(--pann-brand-line)}.button.outline:hover,.btn-outline:hover{background:var(--pann-tint)}.button.white{background:var(--pann-surface);border-color:var(--pann-surface);color:var(--pann-brand-ink)}:focus-visible{outline:3px solid var(--pann-brand);outline-offset:5px}.skip{position:fixed;z-index:100;top:4px;left:10px;transform:translateY(-200%);padding:8px 20px;background:var(--pann-surface)}.skip:focus{transform:translateY(0)}
.header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--pann-surface) 96%,transparent);border-bottom:1px solid color-mix(in srgb,var(--pann-line) 65%,transparent);backdrop-filter:blur(16px)}.nav{height:88px;display:flex;align-items:center;gap:42px}.brand{margin-right:auto;flex-shrink:0}.brand img{width:128px;height:53px}.nav nav{display:flex;gap:31px;font-size:14px;font-weight:500}.nav nav a{padding:12px 0;transition:color .2s}.nav nav a:hover{color:var(--pann-brand-ink)}.compact{min-height:44px;font-size:14px;gap:18px;padding:10px 18px}.compact .icon{width:17px}.menu-toggle{display:none}
.hero{background:linear-gradient(110deg,var(--pann-surface) 15%,var(--pann-bg) 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;min-height:650px;gap:0}.hero-copy{position:relative;z-index:2;padding:65px 0 63px}.hero h1{font-size:58px;font-weight:600;line-height:1.4;letter-spacing:-2.5px;white-space:nowrap}.hero .eyebrow{font-size:14px;letter-spacing:1.5px;margin-bottom:27px;color:var(--pann-fg-muted)}.blue-word{position:relative;color:var(--pann-brand-ink);display:inline-block}.blue-word svg{position:absolute;bottom:-7px;left:0;width:100%;height:15px;fill:none;stroke:var(--pann-accent);stroke-width:6;stroke-linecap:round}.hero-description{font-size:17px;line-height:1.9;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:33px}.hero-actions .button{font-size:15px}.video-link{display:inline-flex;gap:10px;align-items:center;padding:0;font-size:14px;white-space:nowrap}.play-circle{border:1px solid var(--pann-brand-line);width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.play-circle .icon{width:15px;height:15px}.hero-bottom{display:flex;gap:23px;margin-top:39px;color:var(--pann-fg-muted);font-size:14px}.hero-bottom span{display:flex;gap:6px;align-items:center}.hero-bottom .icon{color:var(--pann-brand-ink);width:16px}.hero-visual{height:590px;position:relative;margin-left:-16px;min-width:0}.hero-visual video{position:absolute;top:6px;left:-7%;width:114%;height:100%;max-width:none;object-fit:cover;mix-blend-mode:multiply}.visual-caption{position:absolute;right:2px;top:44px;z-index:2;font-size:14px;line-height:1.6;letter-spacing:1.5px;color:var(--pann-input)}.orbit-product{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:13px 19px 13px 13px;background:color-mix(in srgb,var(--pann-surface) 94%,transparent);border:1px solid var(--pann-surface);border-radius:12px;box-shadow:0 10px 40px color-mix(in srgb,var(--pann-brand-hover) 7.45%,transparent);animation:float 7s ease-in-out infinite}.orbit-product b{font-size:14px;display:block}.orbit-product span{font-size:14px;color:var(--pann-fg-muted);display:block}.orbit-product img{border-radius:10px}.orbit-biz{top:126px;right:8px;transform:rotate(3deg)}.orbit-hr{top:247px;left:10px;animation-delay:-2s;transform:rotate(-4deg)}.orbit-account{bottom:105px;right:-5px;animation-delay:-4s;transform:rotate(2deg)}.hero-ai{position:absolute;bottom:78px;left:25px;z-index:2;font-size:14px;line-height:1.65}.hero-ai .icon{display:block;width:24px;height:24px;color:var(--pann-brand-ink);margin-bottom:5px}.hero-ai b{font-weight:600}.visual-number{position:absolute;bottom:26px;left:27px;color:var(--pann-input);font-size:14px;letter-spacing:1.8px}#motion-toggle{position:absolute;bottom:18px;right:3px;width:32px;height:32px;border:1px solid var(--pann-line);border-radius:50%;background:var(--pann-surface);font-size:14px;z-index:4}.product-ribbon{border-top:1px solid var(--pann-line);border-bottom:1px solid var(--pann-line);background:var(--pann-surface)}.ribbon-inner{display:flex;justify-content:space-between;align-items:center;padding:27px 0;gap:20px}.ribbon-inner>p{font-size:14px;line-height:1.8;padding-right:23px;border-right:1px solid var(--pann-line)}.ribbon-inner>p b{font-weight:500;color:var(--pann-fg)}.ribbon-inner>a{display:flex;gap:12px;align-items:center;transition:transform .2s}.ribbon-inner>a:hover{transform:translateY(-3px)}.ribbon-inner b{display:block;font-size:15px}.ribbon-inner small{display:block;font-size:14px;color:var(--pann-fg-muted)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.9;padding-bottom:4px}.section-heading .eyebrow{margin-bottom:15px}.solution-tabs{display:flex;border-bottom:1px solid var(--pann-line);gap:9px;margin-bottom:30px}.solution-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;padding:17px 20px;flex:1;font-size:15px;position:relative;color:var(--pann-fg-muted)}.solution-tabs [aria-selected=true]{color:var(--pann-brand-ink)}.solution-tabs [aria-selected=true]:after{content:"";height:3px;background:var(--pann-brand);position:absolute;bottom:-1px;left:0;right:0}#solution-panel{background:var(--pann-bg);border-radius:var(--pann-r);min-height:340px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:45px 50px;gap:44px;align-items:center}.solution-copy .eyebrow{margin-bottom:12px}.solution-copy h3{font-size:32px;margin-bottom:14px}.solution-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}.solution-copy ul,.solution-copy .check-list{margin-top:18px;display:grid;gap:7px;font-size:14px}.solution-copy li:before{content:"✓";color:var(--pann-brand-ink);margin-right:9px}.solution-copy .button{margin-top:18px;min-height:43px;font-size:14px}.solution-footnote{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px;color:var(--pann-fg-muted);margin-top:20px}.solution-footnote a{color:var(--pann-brand-ink);font-size:14px;display:flex;gap:10px;align-items:center}.solution-illustration{min-height:260px;position:relative;background:var(--pann-surface);border:1px solid var(--pann-brand-tint);box-shadow:0 18px 35px color-mix(in srgb,var(--pann-info) 6.27%,transparent);border-radius:12px;padding:25px;display:flex;flex-direction:column;justify-content:center;gap:15px}.solution-illustration h4{font-size:16px}.solution-illustration p{font-size:14px}.solution-illustration img{width:42px}.solution-illustration .icon{width:25px;height:25px}
.connected{padding:90px 0 34px;background:var(--pann-night);color:var(--pann-surface);overflow:hidden;position:relative}.connected:before{content:"";position:absolute;right:-300px;top:-250px;width:700px;height:700px;border:1px solid color-mix(in srgb,var(--pann-surface) 4.31%,transparent);border-radius:50%;pointer-events:none}.connected .eyebrow{color:var(--pann-brand-line)}.connected .section-heading p{color:var(--pann-brand-line)}.concept-label{display:inline-block;border:1px solid var(--pann-fg-muted);border-radius:5px;color:var(--pann-brand-line);font-size:14px;padding:4px 9px;margin-top:14px}.workspace-demo{display:flex;background:var(--pann-bg);color:var(--pann-fg);border-radius:14px;overflow:hidden;box-shadow:0 35px 70px color-mix(in srgb,var(--pann-fg) 13.33%,transparent);border:6px solid color-mix(in srgb,var(--pann-surface) 7.45%,transparent);background-clip:padding-box}.demo-sidebar{width:190px;flex-shrink:0;padding:21px 16px;background:var(--pann-surface);border-right:1px solid var(--pann-brand-tint);display:flex;flex-direction:column;align-items:flex-start;gap:7px}.demo-sidebar>small{font-size:14px;color:var(--pann-fg-muted);margin:3px 0 18px 10px}.demo-sidebar>span{width:100%;padding:11px 12px;display:flex;gap:11px;align-items:center;font-size:14px;color:var(--pann-fg-muted);border-radius:7px}.demo-sidebar .icon{width:16px;height:16px}.demo-sidebar .demo-selected{background:var(--pann-info-tint);color:var(--pann-brand-ink);font-weight:500}.demo-ai-badge{display:flex;gap:9px;font-size:14px;color:var(--pann-brand-ink);margin: auto 12px 4px}.demo-main{padding:30px;flex:1;min-width:0}.demo-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.demo-title small{font-size:14px;letter-spacing:1.2px;color:var(--pann-input)}.demo-title h3{font-size:20px;margin-top:4px}.example-chip{font-size:14px;color:var(--pann-fg-muted);border:1px solid var(--pann-brand-line);border-radius:20px;padding:4px 10px;white-space:nowrap}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:19px}.demo-stats>div{background:var(--pann-surface);border:1px solid var(--pann-brand-tint);border-radius:10px;padding:17px 20px}.demo-stats span{font-size:14px;display:block;color:var(--pann-fg-muted)}.demo-stats b{display:block;font-size:27px;line-height:1.5;margin:6px 0}.demo-stats em{font-size:14px;font-style:normal;font-weight:400}.demo-stats small{font-size:14px;color:var(--pann-fg-muted);display:block}.demo-lower{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.chart-area{background:var(--pann-surface);border:1px solid var(--pann-brand-tint);border-radius:10px;padding:19px;min-width:0}.chart-title{display:flex;justify-content:space-between;gap:10px;font-size:14px}.chart-title span{color:var(--pann-input);font-size:14px;display:flex;gap:5px;align-items:center}.chart-title i{width:5px;height:5px;border-radius:50%;background:var(--pann-brand)}.revenue-chart{width:100%;margin-top:12px;display:block}.chart-months{display:flex;justify-content:space-between;font-size:14px;color:var(--pann-input);padding:2px 4px}.insight-card{padding:23px 21px;background:var(--pann-brand-tint);border-radius:10px}.insight-card>span{font-size:14px;letter-spacing:1px;color:var(--pann-brand-ink);display:flex;align-items:center;gap:7px}.insight-card .icon{width:17px;height:17px}.insight-card h4{font-size:22px;margin:15px 0 10px}.insight-card p{font-size:14px;line-height:1.9}.insight-card>div{margin-top:16px;color:var(--pann-brand-ink);font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:6px}.connected-benefits{display:flex;justify-content:center;gap:75px;padding-top:30px;font-size:14px;color:var(--pann-brand-line)}.connected-benefits span{display:flex;gap:10px;align-items:center}.connected-benefits .icon{color:var(--pann-accent);width:18px}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.journey-grid>div{border-top:1px solid var(--pann-line);padding-top:25px}.step-number{font-size:14px;color:var(--pann-brand-ink);display:block;margin-bottom:24px}.journey-grid h3{font-size:22px;margin-bottom:13px}.journey-grid p{font-size:14px;line-height:1.9;max-width:320px}.calculator-section{background:var(--pann-info-tint);padding:80px 0}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.calculator-grid h2{font-size:38px}.calculator-grid>div>p:not(.eyebrow){font-size:14px;margin-top:20px;line-height:1.9}.calculator-note{font-size:14px;line-height:1.8;color:var(--pann-fg-muted);margin-top:30px;position:relative;padding-left:30px}.calculator-note .icon{position:absolute;left:0;top:3px;width:19px;height:19px}.calculator{border-radius:var(--pann-r);background:var(--pann-surface);overflow:hidden;box-shadow:0 12px 32px color-mix(in srgb,var(--pann-info) 3.14%,transparent)}.calc-inputs{padding:30px 32px 15px}.calc-inputs label{display:flex;justify-content:space-between;font-size:14px;align-items:center;gap:12px}.calc-inputs output{font-size:14px;font-weight:600;color:var(--pann-brand-ink)}input[type=range]{width:100%;margin:15px 0 24px;accent-color:var(--pann-brand-ink);height:5px;cursor:pointer}.calc-result{padding:24px 32px;background:var(--pann-brand);color:var(--pann-surface);position:relative}.calc-result>span{font-size:14px;color:var(--pann-brand-tint)}.calc-result>div{display:flex;align-items:baseline;gap:12px}.calc-result b{font-size:60px;font-weight:500;line-height:1.3}.calc-result>div span{font-size:16px}.calc-result small{font-size:14px;color:var(--pann-brand-line)}.calc-result button{position:absolute;bottom:26px;right:28px;display:flex;gap:8px;font-size:14px;border-bottom:1px solid var(--pann-brand-line);padding:6px 0}.calc-result .icon{width:14px}
.center-heading{text-align:center}.center-heading .eyebrow{justify-content:center}.center-heading p:not(.eyebrow){font-size:14px;margin-top:20px}.billing-toggle{display:inline-flex;background:var(--pann-neutral-tint);border:1px solid var(--pann-brand-tint);border-radius:var(--pann-pill);padding:5px;gap:4px;margin:27px 0 53px}.billing-toggle button{border-radius:var(--pann-pill);font-size:14px;padding:10px 22px;color:var(--pann-fg-muted)}.billing-toggle [aria-pressed=true]{background:var(--pann-surface);box-shadow:0 2px 6px color-mix(in srgb,var(--pann-info) 7.06%,transparent);color:var(--pann-fg)}.billing-toggle span{font-size:14px;margin-left:8px;color:var(--pann-success);background:var(--pann-line);border-radius:12px;padding:3px 7px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.price-card{border:1px solid var(--pann-line);border-radius:var(--pann-r);padding:32px;position:relative}.price-card.featured{border:2px solid var(--pann-brand);background:var(--pann-bg);padding:31px}.recommended{position:absolute;top:-16px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--pann-brand);color:var(--pann-surface);border-radius:20px;padding:6px 19px;font-size:14px}.plan-number{font-size:14px;color:var(--pann-input);letter-spacing:1px}.price-card h3{font-size:27px;line-height:1.3;margin-top:14px}.price-card>p{font-size:14px;margin-top:7px}.price{display:flex;gap:7px;align-items:baseline;margin-top:25px;white-space:nowrap}.price b{font-size:45px;letter-spacing:-1.5px;line-height:1.3;font-weight:600}.price span{font-size:14px;color:var(--pann-fg-muted)}.price>span:first-child{font-size:20px;color:var(--pann-fg)}.annual-caption{font-size:14px;color:var(--pann-fg-muted);display:block;min-height:40px;margin-top:7px;line-height:1.6}.price-card .button{width:100%;font-size:14px;margin:15px 0 25px;min-height:45px}.price-card ul{border-top:1px solid var(--pann-line);padding-top:21px;display:grid;gap:14px}.price-card li{font-size:14px;position:relative;padding-left:23px}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--pann-brand-ink)}.pricing-disclaimer{text-align:center;font-size:14px;line-height:1.9;margin-top:27px}
.insights-section{padding:85px 0;background:var(--pann-bg)}.text-link{display:flex;align-items:center;gap:16px;color:var(--pann-brand-ink);font-size:14px;padding-bottom:6px}.article-grid,.insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px}.article-card{display:block}.article-card h3{font-size:21px;line-height:1.6;margin:14px 0 16px}.article-art{height:228px;border-radius:12px;position:relative;overflow:hidden;isolation:isolate;transition:transform .3s}.article-card:hover .article-art{transform:translateY(-5px)}.art-0{background:var(--pann-brand-tint);background-image:radial-gradient(circle at 70% 20%,var(--pann-bg),transparent 60%)}.ai-star{position:absolute;left:calc(50% - 65px);top:calc(50% - 72px);width:130px;height:130px;display:grid;place-items:center;transform:rotate(-13deg);color:var(--pann-brand-ink);filter:drop-shadow(12px 15px 1px var(--pann-info))}.ai-star .icon{width:130px;height:130px;fill:currentColor;stroke-width:.5}.art-orbit{position:absolute;width:280px;height:125px;border:1px solid var(--pann-input);border-radius:50%;left:calc(50% - 140px);top:calc(50% - 67px);transform:rotate(-30deg);z-index:-1}.art-chip{position:absolute;bottom:19px;left:20px;font-size:14px;letter-spacing:1.2px;color:var(--pann-info)}.art-1{background:var(--pann-success-tint)}.art-data,.art-bars{position:absolute;bottom:58px;left:calc(50% - 90px);width:180px;height:130px;display:flex;align-items:flex-end;gap:13px;transform:skewY(-9deg)}.art-data i,.art-bars i,.art-bars span{display:block;width:27px;background:linear-gradient(90deg,var(--pann-fg-muted),var(--pann-accent));box-shadow:7px 5px 0 var(--pann-success);flex:1;height:35%}.art-data i:nth-child(2),.art-bars i:nth-child(2),.art-bars span:nth-child(2){height:55%}.art-data i:nth-child(3),.art-bars i:nth-child(3),.art-bars span:nth-child(3){height:45%}.art-data i:nth-child(4),.art-bars i:nth-child(4),.art-bars span:nth-child(4){height:80%}.art-data i:nth-child(5),.art-bars i:nth-child(5),.art-bars span:nth-child(5){height:100%}.art-2{background:var(--pann-brand-tint)}.art-stack{display:flex;justify-content:center;gap:10px;transform:rotate(-13deg);padding:61px 0}.art-stack span{width:66px;height:79px;border:1px solid var(--pann-surface);display:grid;place-items:center;border-radius:10px;background:linear-gradient(130deg,var(--pann-surface),var(--pann-brand-line));color:var(--pann-input);font-size:30px;box-shadow:7px 9px 0 var(--pann-brand-line)}.art-stack span:nth-child(2){transform:translateY(-16px)}.art-stack span:nth-child(3){transform:translateY(-32px)}.article-meta{display:flex;justify-content:space-between;gap:10px;font-size:14px;letter-spacing:.6px;color:var(--pann-fg-muted);margin-top:22px}.article-meta span:first-child{color:var(--pann-brand-ink)}.read-link{font-size:14px;color:var(--pann-brand-ink)}.article-card:hover h3{color:var(--pann-brand-ink)}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-bottom:1px solid var(--pann-line)}.faq-list details:first-child{border-top:1px solid var(--pann-line)}.faq-list summary{padding:23px 0;cursor:pointer;font-size:15px;font-weight:500;display:flex;gap:20px;align-items:center;justify-content:space-between;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;font-weight:400;color:var(--pann-brand-ink)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.9;padding:0 28px 24px 0}.final-cta{background:var(--pann-brand);text-align:center;color:var(--pann-surface);padding:70px 0 74px;position:relative;overflow:hidden}.final-cta:before,.final-cta:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--pann-surface) 10.98%,transparent);width:620px;height:620px;border-radius:50%;top:-70px;pointer-events:none}.final-cta:before{left:-310px}.final-cta:after{right:-310px}.final-cta .eyebrow{justify-content:center;color:var(--pann-brand-tint);font-size:14px;margin-bottom:18px}.cta-mark{margin:0 auto 16px}.cta-mark .icon{width:37px;height:37px;color:var(--pann-accent)}.final-cta h2{font-size:40px;line-height:1.55}.final-cta h2 span{color:var(--pann-brand-line)}.final-cta .button{margin-top:27px;font-size:14px}.cta-sub{color:var(--pann-brand-line);font-size:14px;margin-top:15px}.footer{background:var(--pann-fg);color:var(--pann-surface);padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr 1.1fr;gap:50px;padding-bottom:40px}.footer-logo{width:128px;height:53px;margin-left:-3px;margin-top:-9px}.footer p{color:var(--pann-brand-line);font-size:14px;line-height:1.9;margin:13px 0}.footer-slogan{font-size:14px;letter-spacing:.9px;color:var(--pann-input)}.footer-grid>div>b{display:block;font-size:14px;font-weight:500;margin-bottom:20px}.footer-grid a:not(:has(img)),.footer-grid button{display:block;font-size:14px;color:var(--pann-brand-line);margin-bottom:11px;text-align:left;padding:0}.footer-grid a:hover,.footer-grid button:hover{color:var(--pann-accent)}.footer-grid .footer-note{font-size:14px;color:var(--pann-input)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--pann-surface) 9.02%,transparent);padding:20px 0;color:var(--pann-input);font-size:14px}.footer-bottom>span:last-child{display:flex;gap:10px;align-items:center}
dialog{border:0;padding:40px;border-radius:20px;color:var(--pann-fg);width:min(660px,calc(100% - 32px));max-height:88vh;box-shadow:0 30px 100px color-mix(in srgb,var(--pann-fg) 26.67%,transparent);overflow:auto}dialog::backdrop{background:color-mix(in srgb,var(--pann-fg) 60.00%,transparent);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:15px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--pann-bg);z-index:1}.dialog-close:hover{background:var(--pann-tint)}dialog h2{font-size:29px;letter-spacing:-.5px}dialog p{font-size:14px}#film{width:min(820px,calc(100% - 32px));text-align:center}#film .eyebrow{justify-content:center}#film video{width:100%;height:min(46vh,390px);object-fit:contain;margin:20px 0;background:var(--pann-bg);border-radius:12px}#film>p:last-child{font-size:14px}.assessment-step .eyebrow{font-size:14px;margin-bottom:13px}.assessment-step>p{margin:15px 0 23px}.assessment-options{display:grid;gap:11px;margin:20px 0}.assessment-option{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--pann-line);border-radius:9px;cursor:pointer;font-size:14px}.assessment-option:has(input:checked){border-color:var(--pann-brand-ink);background:var(--pann-tint)}.assessment-option input{accent-color:var(--pann-brand-ink);width:18px;height:18px}.field-label{font-size:14px;display:block;margin:22px 0 10px}dialog select{width:100%;min-height:48px;border:1px solid var(--pann-input);border-radius:8px;padding:8px 12px;background:var(--pann-surface);color:var(--pann-fg)}.assessment-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.assessment-actions .button,.assessment-actions .btn{font-size:14px;min-height:44px}.assessment-result h2{margin-bottom:15px}.recommendation-plan{padding:20px;border-radius:12px;background:var(--pann-tint);margin:20px 0}.recommendation-plan h3{font-size:22px}.recommendation-plan p{margin-top:7px}.check-list{display:grid;gap:12px;margin:20px 0;font-size:14px}.assessment-result>p{margin-bottom:14px}.assessment-result ol{padding-left:20px;font-size:14px;line-height:1.9}.assessment-result small{font-size:14px;color:var(--pann-fg-muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);z-index:100;color:var(--pann-surface);background:var(--pann-night);border-radius:10px;padding:12px 23px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show,#toast.is-visible{opacity:1}
.content-page{padding-top:48px;padding-bottom:85px}.page-intro{padding:35px 0 55px}.page-intro h1{font-size:54px;line-height:1.4;margin-bottom:20px}.page-intro>p{max-width:650px}.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--pann-fg-muted);margin-bottom:34px}.breadcrumb a{color:var(--pann-brand-ink)}.article-header{max-width:850px;margin:45px auto;text-align:center}.article-header .eyebrow{justify-content:center}.article-header h1{font-size:44px;line-height:1.5;letter-spacing:-1px}.article-header>p{font-size:17px;line-height:1.9;margin-top:20px}.article-header .article-meta{justify-content:center;margin-top:25px}.article-layout{display:grid;grid-template-columns:230px minmax(0,740px);gap:65px;justify-content:center;margin-top:65px}.article-toc{position:sticky;top:125px;align-self:start;font-size:14px;border-left:2px solid var(--pann-line);padding-left:20px;display:grid;gap:13px}.article-toc b,.article-toc h2{font-size:14px;font-weight:600;margin-bottom:7px}.article-toc a{color:var(--pann-fg-muted);font-size:14px;line-height:1.8}.article-toc a:hover{color:var(--pann-brand-ink)}.article-body{font-size:17px;line-height:2}.article-section{margin-bottom:43px;scroll-margin-top:115px}.article-section h2{font-size:26px;letter-spacing:-.4px;line-height:1.6;margin-bottom:18px}.article-section p{margin-bottom:18px}.article-section ul{list-style:disc;padding-left:23px;color:var(--pann-fg-muted);font-size:16px}.article-section li{margin-bottom:8px}.article-end{padding:30px;background:var(--pann-tint);border-radius:12px;margin:35px 0}.article-end p{font-size:14px;margin:12px 0 20px}.article-end h2{font-size:26px}.related-insights{padding-top:70px;margin-top:70px;border-top:1px solid var(--pann-line)}.related-insights h2{font-size:30px;margin-bottom:30px}.article-card-body .article-meta{margin-top:20px}.article-card-body p{font-size:14px;line-height:1.9}.content-page>.article-art,.content-page>.wrap>.article-art{height:300px;max-width:1020px;margin:auto}.info-layout{max-width:850px;margin:0 auto}.info-block{margin-bottom:35px}.info-block h2{font-size:26px;margin:25px 0 14px}.info-block p,.info-block li{font-size:15px;line-height:1.95;margin:12px 0}.info-block a{color:var(--pann-brand-ink);text-decoration:underline}.info-block ul{list-style:disc;padding-left:24px}.empty-page{min-height:60vh}.empty-page .button{margin-top:30px}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(min-width:1500px){.wrap{width:1280px}.hero h1{font-size:63px}.hero-grid{min-height:700px}.hero-visual{height:640px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:24px}.nav nav{gap:20px;font-size:14px}.hero-grid{min-height:590px}.hero h1{font-size:47px;letter-spacing:-2px}.hero-description{font-size:14px}.hero-actions{gap:16px}.hero-actions .button{font-size:14px;padding:13px 17px;gap:15px}.video-link{font-size:14px}.hero-visual{height:520px}.orbit-product{padding:10px;gap:9px}.orbit-product img{width:33px;height:33px}.orbit-product span{font-size:14px}.orbit-biz{right:0;top:100px}.orbit-account{right:-5px;bottom:115px}.orbit-hr{left:0;top:230px}.hero-bottom{font-size:14px;gap:14px}.hero-ai{left:15px;bottom:58px}.ribbon-inner>p{font-size:14px;padding-right:16px}.ribbon-inner b{font-size:14px}.ribbon-inner small{font-size:14px}.ribbon-inner>a{gap:7px}.ribbon-inner img{width:33px}.section{padding:80px 0}h2{font-size:38px}.section-heading>p{font-size:14px}.solution-tabs button{font-size:14px;padding:16px 10px;gap:8px}#solution-panel{padding:33px;gap:25px}.demo-sidebar{width:155px;padding:15px 10px}.demo-main{padding:23px}.demo-stats>div{padding:14px}.demo-stats b{font-size:23px}.insight-card{padding:18px 16px}.insight-card h4{font-size:20px}.calculator-grid{gap:35px}.calculator-grid h2{font-size:32px}.calc-result button{position:static;margin-top:13px;width:fit-content}.price-card{padding:25px}.price-card.featured{padding:24px}.price b{font-size:38px}.article-art{height:195px}.article-card h3{font-size:18px}.faq-section{gap:45px}.footer-grid{gap:30px}}
@media(max-width:820px){.wrap{width:calc(100% - 40px)}.nav{height:74px;gap:15px}.brand img{width:108px;height:45px}.nav .compact{font-size:14px;min-height:39px;padding:8px 12px;gap:10px}.menu-toggle{display:block;padding:10px 0 10px 5px}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;padding:18px 22px;background:var(--pann-surface);box-shadow:0 10px 20px color-mix(in srgb,var(--pann-fg) 7.06%,transparent);flex-direction:column;gap:5px}.nav nav.is-open,.nav nav.open,.nav nav[data-open=true]{display:flex}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{text-align:center;padding:50px 0 15px}.hero .eyebrow{justify-content:center;font-size:14px;margin-bottom:22px}.hero h1{font-size:54px;white-space:normal;line-height:1.4}.hero-description{font-size:16px}.hero-actions,.hero-bottom{justify-content:center}.hero-actions{margin-top:27px}.hero-actions .button{font-size:14px;padding:14px 22px}.video-link{font-size:14px}.hero-bottom{margin-top:25px;font-size:14px}.hero-visual{height:485px;width:min(540px,100%);margin:0 auto}.hero-visual video{width:100%;left:0;top:0}.visual-caption{right:20px;top:30px}.orbit-biz{right:16px;top:100px}.orbit-hr{left:15px;top:205px}.orbit-account{right:10px;bottom:80px}.hero-ai{bottom:63px;left:30px}.visual-number{bottom:20px}.ribbon-inner{flex-wrap:wrap;justify-content:center;gap:25px 30px;padding:24px 0}.ribbon-inner>p{width:100%;text-align:center;border:0;padding:0;font-size:14px}.ribbon-inner>p br{display:none}.ribbon-inner>a{width:calc(50% - 20px);justify-content:center}.ribbon-inner b{font-size:14px}.ribbon-inner small{font-size:14px}.section-heading{align-items:flex-start;gap:20px;flex-direction:column;margin-bottom:30px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:14px}.section-heading br.desktop-break{display:none}h2{font-size:36px}.section{padding:66px 0}.solution-tabs{gap:0;overflow:auto}.solution-tabs button{font-size:14px;padding:15px 12px;white-space:nowrap}.solution-tabs .icon{display:none}#solution-panel{grid-template-columns:1fr;gap:28px;padding:29px}.solution-copy h3{font-size:29px}.solution-illustration{min-height:240px}.solution-footnote{flex-direction:column;align-items:flex-start;font-size:14px}.connected{padding:65px 0 25px}.workspace-demo{border-width:4px}.demo-sidebar{display:none}.demo-main{padding:23px}.connected .section-heading{gap:24px}.connected-benefits{gap:28px;font-size:14px;padding-top:25px}.connected-benefits .icon{width:16px}.demo-stats b{font-size:25px}.journey-grid{gap:25px}.journey-grid h3{font-size:18px}.journey-grid p{font-size:14px}.step-number{margin-bottom:18px}.calculator-grid{grid-template-columns:1fr;gap:30px}.calculator-grid h2{font-size:36px}.calculator-note{margin-top:20px}.calculator-section{padding:60px 0}.calc-result button{position:absolute;right:25px;bottom:25px}.price-grid{gap:12px}.price-card{padding:22px 18px}.price-card.featured{padding:21px 17px}.price b{font-size:34px}.price-card h3{font-size:23px}.price-card li{font-size:14px;padding-left:16px}.price-card>p{font-size:14px}.price-card .button{font-size:14px;padding:12px}.recommended{font-size:14px;padding:6px 12px}.annual-caption{font-size:14px;min-height:38px}.article-grid,.insights-grid{gap:18px}.article-art{height:175px}.article-card h3{font-size:17px}.article-meta{font-size:14px;letter-spacing:0;flex-wrap:wrap}.art-chip{font-size:14px;left:13px}.ai-star{width:95px;height:95px;left:calc(50% - 47px);top:30px}.ai-star .icon{width:95px;height:95px}.art-data,.art-bars{width:130px;height:95px;left:calc(50% - 65px);gap:10px;bottom:45px}.art-stack{gap:6px;padding:53px 0}.art-stack span{width:43px;height:60px;font-size:23px;box-shadow:5px 6px 0 var(--pann-brand-line)}.insights-section{padding:65px 0}.faq-section{grid-template-columns:1fr;gap:30px}.final-cta h2{font-size:33px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:first-child p br{display:none}.footer-grid>div:first-child p{margin:5px 0 8px}.footer-grid>div:nth-child(4){grid-column:1/3}.footer-note br{display:none}.page-intro h1{font-size:43px}.article-header h1{font-size:36px}.article-layout{grid-template-columns:1fr;gap:35px;margin-top:40px}.article-toc{position:static;display:flex;flex-wrap:wrap;gap:12px 18px}.article-toc h2,.article-toc b{width:100%}.article-toc a{font-size:14px}.article-body{font-size:16px}.article-section h2{font-size:24px}.article-header>p{font-size:15px}}
@media(max-width:560px){.hero h1{font-size:39px;letter-spacing:-1.7px}.hero-copy{padding-top:40px}.hero-description{font-size:14px;line-height:1.9;margin-top:22px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-actions .button{font-size:14px;padding:12px 17px;min-height:48px;gap:12px}.video-link{font-size:14px;gap:7px}.play-circle{width:31px;height:31px}.hero-bottom{font-size:14px;gap:14px;margin-top:22px}.hero-visual{height:390px;max-width:400px}.visual-caption{font-size:14px;top:27px;right:3px}.orbit-biz{top:84px;right:0}.orbit-product{padding:9px;gap:8px;border-radius:9px}.orbit-product img{width:29px;height:29px;border-radius:7px}.orbit-product b{font-size:14px}.orbit-product span{font-size:14px}.orbit-hr{top:173px;left:0}.orbit-account{bottom:72px;right:0}.hero-ai{font-size:14px;bottom:56px;left:20px}.hero-ai .icon{width:20px}.visual-number{font-size:14px;left:20px;letter-spacing:1px;bottom:16px}#motion-toggle{bottom:10px;width:29px;height:29px}.hero .eyebrow{font-size:14px;letter-spacing:1px}.ribbon-inner{gap:19px 12px}.ribbon-inner>a{width:calc(50% - 12px)}.ribbon-inner b{font-size:14px}.ribbon-inner img{width:31px;height:31px}.section{padding:56px 0}.eyebrow{font-size:14px;letter-spacing:1.1px;margin-bottom:16px}h2{font-size:32px;letter-spacing:-.8px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:14px}.solution-tabs button{padding:14px 9px;font-size:14px}.solution-copy h3{font-size:27px}#solution-panel{padding:24px}.solution-copy>p:not(.eyebrow){font-size:14px}.demo-main{padding:17px 12px}.demo-title{margin-bottom:17px;gap:7px}.demo-title h3{font-size:16px}.demo-title small{font-size:14px}.example-chip{font-size:14px;padding:3px 6px}.demo-stats{gap:7px}.demo-stats>div{padding:12px 8px}.demo-stats span{font-size:14px}.demo-stats b{font-size:19px;margin:5px 0}.demo-stats em{font-size:14px}.demo-stats small{font-size:14px;line-height:1.6}.demo-lower{grid-template-columns:1fr;gap:12px}.chart-area{padding:16px}.insight-card{display:none}.connected-benefits{gap:14px;font-size:14px}.connected-benefits span{gap:5px}.connected-benefits .icon{width:12px}.journey-grid{grid-template-columns:1fr;gap:25px}.journey-grid>div{display:grid;grid-template-columns:38px 1fr;gap:9px 13px;padding-top:22px}.step-number{grid-row:1/3;margin:0;font-size:14px;line-height:2}.journey-grid h3{font-size:21px}.journey-grid p{grid-column:2;margin-top:-5px;font-size:14px;max-width:none}.calculator-grid h2{font-size:32px}.calculator-grid>div>p:not(.eyebrow){font-size:14px}.calc-inputs{padding:25px 23px 10px}.calc-inputs label{font-size:14px}.calc-inputs output{font-size:14px}.calc-result{padding:23px}.calc-result>span{font-size:14px}.calc-result b{font-size:55px}.calc-result button{position:static;margin-top:12px}.billing-toggle{margin:24px 0 40px}.billing-toggle button{font-size:14px;padding:9px 14px}.billing-toggle span{font-size:14px;margin-left:5px}.price-grid{grid-template-columns:1fr;gap:32px}.price-card{padding:28px}.price-card.featured{padding:27px}.price-card h3{font-size:27px}.price-card>p{font-size:14px}.price b{font-size:46px}.price-card li{font-size:14px;padding-left:23px}.price-card .button{font-size:14px;margin:18px 0 23px}.annual-caption{font-size:14px;min-height:22px}.recommended{font-size:14px;padding:6px 17px}.pricing-disclaimer{font-size:14px;line-height:1.9}.article-grid,.insights-grid{grid-template-columns:1fr;gap:35px}.article-art{height:220px}.article-card h3{font-size:22px;margin:12px 0}.article-meta{font-size:14px;margin-top:17px}.art-chip{font-size:14px;left:20px}.ai-star{width:130px;height:130px;left:calc(50% - 65px);top:28px}.ai-star .icon{width:130px;height:130px}.art-data,.art-bars{width:170px;height:120px;left:calc(50% - 85px);gap:13px;bottom:55px}.art-stack{gap:10px;padding:63px 0}.art-stack span{width:63px;height:75px;font-size:30px}.faq-list summary{font-size:14px;padding:20px 0}.faq-list details p{font-size:14px}.final-cta{padding:55px 0}.final-cta h2{font-size:26px;line-height:1.6}.final-cta .button{font-size:14px}.final-cta .eyebrow{font-size:14px}.footer{padding-top:40px}.footer-grid{gap:26px}.footer-grid>div>b{font-size:14px;margin-bottom:17px}.footer-grid a:not(:has(img)),.footer-grid button{font-size:14px}.footer-bottom{font-size:14px;gap:10px}.footer-bottom .mint-dot{width:5px;height:5px}dialog{padding:34px 22px 25px;border-radius:15px}dialog h2{font-size:25px}.assessment-option{font-size:14px}.assessment-actions{gap:8px}.assessment-actions .btn,.assessment-actions .button{font-size:14px;padding:10px 15px}#film h2{font-size:23px}#film>p:last-child{font-size:14px}.page-intro h1{font-size:35px;letter-spacing:-1px}.article-header{margin:25px auto}.article-header h1{font-size:29px}.article-header>p{font-size:14px}.article-header .article-meta{font-size:14px}.article-body{font-size:15px}.article-section h2{font-size:22px}.article-section ul{font-size:15px}.article-toc a{font-size:14px}.info-block h2{font-size:23px}.info-block p,.info-block li{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.solution-copy li:before{content:none}.solution-copy li>span{color:var(--pann-brand-ink);margin-right:6px}.solution-visual-head{display:flex;gap:12px;align-items:center;font-size:14px;letter-spacing:1.1px;color:var(--pann-fg-muted);margin-bottom:4px}.solution-visual-head small{display:block;font-size:14px;letter-spacing:0;font-weight:400}.solution-symbol{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:var(--pann-attention-tint);color:var(--pann-attention);font-size:22px}.account .solution-symbol{background:var(--pann-success-tint);color:var(--pann-success)}.hr .solution-symbol{background:var(--pann-brand-tint);color:var(--pann-brand-hover)}.ai .solution-symbol{background:var(--pann-brand-tint);color:var(--pann-brand-ink)}.solution-illustration h4{font-size:14px;margin-bottom:3px}.workflow-rows{display:grid;gap:9px}.workflow-row{border:1px solid var(--pann-line);border-radius:8px;display:flex;align-items:center;gap:13px;padding:10px 13px;background:var(--pann-surface)}.workflow-number{font-size:14px;color:var(--pann-input)}.workflow-row strong{font-size:14px;font-weight:500;display:block}.workflow-row small{font-size:14px;color:var(--pann-fg-muted);display:block}.workflow-check{margin-left:auto;font-size:14px;width:19px;height:19px;border-radius:50%;background:var(--pann-success-tint);color:var(--pann-success);text-align:center;line-height:19px}.solution-illustration .visual-note{font-size:14px;color:var(--pann-fg-muted);margin-top:2px}.assessment-progress{height:4px;background:var(--pann-tint);margin:8px 30px 25px 0;border-radius:4px;overflow:hidden}.assessment-progress>span{display:block;height:100%;background:var(--pann-brand)}fieldset.assessment-options{border:0;padding:0;min-width:0}fieldset.assessment-options legend{font-size:14px;color:var(--pann-fg-muted);margin-bottom:13px}.assessment-option .option-arrow{margin-left:auto;color:var(--pann-brand-ink)}.assessment-privacy,.assessment-note{font-size:14px!important;color:var(--pann-fg-muted);margin-top:18px!important}.text-button{font-size:14px;color:var(--pann-brand-ink);padding:8px 0}.assessment-status{font-size:14px!important;color:var(--pann-success)!important;padding-top:13px}.assessment-workflow{display:grid;gap:12px}.copy-fallback textarea{width:100%;min-height:160px;font:inherit;font-size:14px;padding:10px}.recommendation-plan strong{color:var(--pann-brand-ink)}@media(max-width:560px){.solution-illustration{padding:18px}.workflow-row{padding:10px;gap:9px}.solution-illustration h4{font-size:14px}.workflow-row strong{font-size:14px}.workflow-row small{font-size:14px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.copy-fallback{width:100%;min-height:160px;font:inherit;font-size:14px;padding:12px;margin-top:18px}.asset .solution-symbol{background:var(--pann-danger-tint);color:var(--pann-danger)}

.hero-visual video{object-fit:contain;mask-image:radial-gradient(ellipse 73% 67% at 50% 50%,var(--pann-fg) 55%,transparent 78%)}

.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.breadcrumb li+li:before{content:"/";margin-right:8px;color:var(--pann-input)}.breadcrumb li:last-child{color:var(--pann-fg-muted)}.article-layout{grid-template-columns:minmax(0,740px) 230px}.article-toc ol{padding:0;list-style:none;margin:0;display:grid;gap:12px}.article-toc .eyebrow{margin-bottom:17px;font-size:14px}.toc-back{display:block;margin-top:25px}.article-cover{max-width:1020px;margin:auto}.article-cover .article-art{height:310px}.article-cover .ai-star{top:70px}.article-card-body h2{font-size:23px;line-height:1.55;letter-spacing:-.4px;margin:12px 0 13px}.article-card-body .article-link{display:inline-block;margin-top:15px;font-size:14px;color:var(--pann-brand-ink)}.related-insights .insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}.demo-stats b{white-space:nowrap}@media(max-width:820px){.article-layout{grid-template-columns:1fr}.article-toc{order:-1;display:block}.article-toc ol{display:flex;flex-wrap:wrap;gap:9px 18px}.article-toc .toc-back{display:none}.article-cover .article-art{height:260px}.article-cover .ai-star{top:50px}}@media(max-width:560px){.article-cover .article-art{height:220px}.article-cover .ai-star{top:28px}.related-insights .insights-grid{grid-template-columns:1fr}.article-card-body h2{font-size:23px}.demo-stats b{font-size:17px}.breadcrumb{font-size:14px;margin-bottom:22px}.article-toc{padding:16px 18px;border:1px solid var(--pann-line);border-radius:9px}.article-toc ol{display:grid;gap:8px}.article-toc a{font-size:14px}}

/* Four plans: Free and three paid tiers. */
.price-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.price-card{padding:26px 22px}.price-card.featured{padding:25px 21px}.price b{font-size:39px}.price-card>p{font-size:14px;min-height:22px}.price-card ul{gap:13px}.price-card li{font-size:14px}.price-card .button{font-size:14px}.free-plan{background:var(--pann-bg);border-color:var(--pann-line)}.free-plan .plan-number{color:var(--pann-success)}.free-plan .button{border-color:var(--pann-brand-line);color:var(--pann-success)}.center-heading .pricing-status{font-size:14px;line-height:1.9;margin-top:18px}.pricing-status>span{display:inline-block;padding:3px 10px;background:var(--pann-attention-tint);color:var(--pann-attention);border-radius:15px;margin-right:6px}.pricing-status a{color:var(--pann-brand-ink);text-decoration:underline;text-underline-offset:3px}.center-heading .pricing-scope{font-size:14px;margin-top:12px}.price-card .annual-caption{min-height:45px}.pricing .billing-toggle{margin-bottom:53px}
@media(max-width:1100px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.price-card{padding:28px}.price-card.featured{padding:27px}.price-card li{font-size:14px}.price-card>p{font-size:14px}.price b{font-size:42px}.price-card .annual-caption{font-size:14px;min-height:40px}.recommended{font-size:14px;padding:6px 16px}}
@media(max-width:640px){.price-grid{grid-template-columns:1fr;gap:32px}.price-card{padding:28px}.price-card.featured{padding:27px}.price-card .annual-caption{min-height:25px}.price-card li{font-size:14px}.price-card .button{font-size:14px}.price b{font-size:46px}.center-heading .pricing-status{font-size:14px}.center-heading .pricing-scope{font-size:14px}.pricing-status>span{display:block;width:fit-content;margin:0 auto 8px}.pricing .billing-toggle{margin-bottom:40px}}

/* Verified app directory and shared-platform presentation. */
small{font-size:14px}
.button,.btn{color:var(--pann-on-brand)}
.button.outline,.btn-outline{color:var(--pann-brand-ink);border-color:var(--pann-brand-line)}
.button.white{background:var(--pann-surface);border-color:var(--pann-surface);color:var(--pann-brand-ink)}
.button.outline:hover,.btn-outline:hover{background:var(--pann-brand-tint)}
#solution-panel[data-product]{background:var(--pann-brand-soft)}
.solution-visual-head img,.solution-symbol img{width:40px;height:40px;object-fit:contain;flex:none}
.solution-visual-head{letter-spacing:.4px;line-height:1.6}
.solution-symbol{background:var(--pann-brand-tint);color:var(--pann-brand-ink)}
.workflow-row{align-items:flex-start;min-width:0}
.workflow-row>div{min-width:0}
.workflow-number{line-height:1.8}
.workflow-check{background:var(--pann-success-tint);color:var(--pann-success);flex:none}
.workflow-row small{line-height:1.7}
.solution-tabs button{min-width:0}
.solution-tabs button[aria-selected=true]{color:var(--pann-brand-ink)}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0 16px}
.platform-card{background:var(--pann-surface);color:var(--pann-fg);padding:32px;border:1px solid var(--pann-line);border-radius:var(--pann-r-card);min-width:0;position:relative}
.platform-card>.icon,.platform-card>img{width:40px;height:40px;margin-bottom:24px;color:var(--pann-brand-ink)}
.platform-card h3{font-size:25px;margin-bottom:16px}
.platform-card p{font-size:16px;line-height:1.9;color:var(--pann-fg-muted)}
.platform-card a{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;color:var(--pann-brand-ink)}
.connected .platform-card p{color:var(--pann-fg-muted)}
.connected .platform-card .eyebrow{color:var(--pann-brand-ink)}
.connected-benefits{flex-wrap:wrap;row-gap:16px}
.package-status{max-width:760px;margin:28px auto 38px;padding:22px 26px;text-align:center;background:var(--pann-neutral-tint);border:1px solid var(--pann-line);border-radius:var(--pann-r-card);font-size:16px;color:var(--pann-fg)}
.package-status strong{display:block;font-size:20px;margin-bottom:6px}
.package-status p{font-size:16px;margin:0}
.package-status a{color:var(--pann-brand-ink);text-decoration:underline;text-underline-offset:3px}
.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:34px}
.package-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px 23px;background:var(--pann-surface);border:1px solid var(--pann-brand-line);border-radius:var(--pann-r-card);box-shadow:var(--pann-shadow)}
.package-card>img{width:52px;height:52px;margin-bottom:20px}
.package-card h3{font-size:26px;margin-bottom:10px}
.package-card p{font-size:15px;line-height:1.8}
.package-card ul{width:100%;font-size:14px;display:grid;gap:13px;padding:22px 0;margin:22px 0;border-top:1px solid var(--pann-line)}
.package-card li{position:relative;padding-left:20px;line-height:1.8}
.package-card li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--pann-brand-ink)}
.package-card .button{margin-top:auto;width:100%;font-size:14px;gap:12px}
.account-note{font-size:14px;line-height:1.8;color:var(--pann-fg-muted);margin-top:20px}
.package-card .account-note{margin:16px 0 0}
.login-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;min-height:44px;white-space:nowrap;color:var(--pann-brand-ink)}
.hero .eyebrow{letter-spacing:.8px}
.hero-visual .orbit-product{max-width:280px}
.hero-visual .orbit-product span{max-width:210px;line-height:1.6}
.hero-bottom{flex-wrap:wrap;row-gap:9px}
.hero-ai{max-width:155px}
.visual-caption{max-width:220px;letter-spacing:.7px}
.visual-number{letter-spacing:.5px}
.art-chip{letter-spacing:.5px}
.footer-grid a:not(:has(img)),.footer-grid button{font-size:14px;overflow-wrap:anywhere}
.footer-bottom{flex-wrap:wrap;row-gap:12px}
.assessment-privacy,.assessment-note{font-size:14px!important}
.assessment-status{font-size:14px!important}
.assessment-workflow{line-height:1.9}
@media(max-width:1100px){
 .package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .package-card{padding:30px}
 .platform-card{padding:26px}
 .platform-card h3{font-size:23px}
 .nav{gap:20px}
 .nav nav{gap:18px}
}
@media(max-width:820px){
 .platform-grid{grid-template-columns:1fr;gap:18px}
 .platform-card{padding:28px}
 .platform-card h3{font-size:24px}
 .package-grid{gap:18px}
 .package-card{padding:25px}
 .hero-visual{height:520px}
 .orbit-biz{top:90px}
 .orbit-hr{top:220px}
 .orbit-account{bottom:105px}
 .hero-ai{left:25px;bottom:60px}
 .nav .login-link{margin-left:auto}
 .nav .brand{margin-right:0}
 .nav .compact{font-size:14px}
 .connected-benefits{justify-content:flex-start;gap:18px 28px}
 .solution-footnote{font-size:14px}
}
@media(max-width:560px){
 .package-grid{grid-template-columns:1fr;gap:20px}
 .package-card{padding:28px}
 .package-card h3{font-size:27px}
 .package-status{padding:22px 20px}
 .package-status strong{font-size:19px}
 .hero h1{font-size:38px;letter-spacing:-1.4px}
 .hero-visual{height:470px}
 .hero-visual .orbit-product{max-width:265px}
 .orbit-biz{top:82px}
 .orbit-hr{top:205px}
 .orbit-account{bottom:105px}
 .hero-ai{left:8px;bottom:55px;font-size:14px;max-width:150px}
 .visual-caption{right:0;top:15px;max-width:170px;line-height:1.5}
 .visual-number{bottom:12px;left:0;max-width:270px}
 .ribbon-inner>a{justify-content:flex-start;width:calc(50% - 8px);gap:8px}
 .ribbon-inner small{line-height:1.5}
 .solution-tabs button{padding-inline:14px;flex:none}
 .solution-copy .button{width:100%;gap:12px}
 .solution-footnote a{font-size:14px}
 .connected-benefits{display:grid;gap:14px;font-size:14px}
 .platform-card{padding:25px}
 .platform-card h3{font-size:23px}
 .calculator-note{font-size:14px}
 .calc-result button{position:static;font-size:14px}
 .nav{gap:12px}
 .nav .login-link{display:none}
 .nav .compact{font-size:14px;padding:9px 11px;gap:8px}
 .hero-bottom{gap:10px 18px}
 .footer-grid{column-gap:22px}
 .footer-bottom{font-size:14px}
 .article-toc a,.breadcrumb{font-size:14px}
}

.pricing .center-heading>.text-link{justify-content:center;margin:18px auto 42px}.pricing .center-heading{margin-bottom:0}

.solution-detail{display:flex;align-items:center;gap:10px;width:fit-content;min-height:44px;margin-top:16px;font-size:15px;font-weight:500}

/* Interactive plan selection and on-page inquiry. */
.price-card[data-plan]{cursor:pointer;transition:border-color .18s,background-color .18s}
.plan-select{font:inherit;color:inherit;letter-spacing:inherit;text-align:left;width:100%;border-radius:6px}
.plan-select:focus-visible{outline:3px solid var(--pann-brand);outline-offset:5px}
#plan-inquiry .eyebrow{padding-right:20px;margin-bottom:12px}
#plan-inquiry .inquiry-price{font-size:30px;font-weight:600;color:var(--pann-fg);margin:12px 0 6px}
#plan-inquiry .inquiry-features{padding-left:20px;list-style:disc}
#plan-inquiry .inquiry-note{padding:14px 16px;background:var(--pann-bg);border-radius:10px;line-height:1.8}
.inquiry-contact{border-top:1px solid var(--pann-line);margin-top:24px;padding-top:22px}
.inquiry-contact h3{font-size:20px;margin-bottom:12px}.inquiry-contact label{display:block;font-size:14px;margin-bottom:6px}
#inquiry-email{width:100%;min-width:0;padding:12px;border:1px solid var(--pann-line);border-radius:8px;font:inherit;font-size:15px;background:var(--pann-surface);color:var(--pann-fg)}
.inquiry-copy-status{min-height:24px;margin-top:12px;color:var(--pann-success)}
@media(prefers-reduced-motion:reduce){.price-card[data-plan]{transition:none}}