/* Shared Penmowu public navigation and discovery pages. */
:root{--pm-ink:#172f45;--pm-muted:#657b8d;--pm-blue:#186ba4;--pm-teal:#138c96;--pm-line:#dce8ee;--pm-paper:#fff;--pm-header-height:80px;--pm-font:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
html:has(.pm-site-header){scrollbar-gutter:stable}
.pm-site-header,.pm-site-header *{box-sizing:border-box}
.pm-site-header{position:fixed;inset:0 0 auto;z-index:1030;display:block;width:100%;height:var(--pm-header-height);min-height:0;margin:0;padding:0;border:0;border-bottom:1px solid #e3ebef;background:rgba(255,255,255,.97);box-shadow:0 4px 24px #183e5a06;color:var(--pm-ink);font:14px/1.5 var(--pm-font);backdrop-filter:blur(16px)}
.pm-header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(1280px,calc(100% - 48px));height:100%;margin:auto;padding:0}
.pm-brand{display:inline-flex;align-items:center;flex:0 0 auto;padding:0;margin:0;color:var(--pm-ink);text-decoration:none!important;line-height:1}
.pm-brand-logo{display:block!important;width:auto!important;height:46px!important;max-width:170px!important;object-fit:contain}
.pm-header-menu{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;gap:16px}
.pm-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:3px;min-width:0;overflow:visible;border:0;padding:0;margin:0}
.pm-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0;padding:8px 10px;border-radius:9px;background:transparent;color:#486175;font:600 14px/1.4 var(--pm-font);text-decoration:none;white-space:nowrap;letter-spacing:0}
.pm-nav a:hover,.pm-nav a:focus-visible,.pm-nav a[aria-current=page]{background:#edf6fa;color:#116b9d}
.pm-header-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.pm-header-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0;padding:9px 14px;border:1px solid transparent;border-radius:10px;font:650 14px/1.4 var(--pm-font);white-space:nowrap;text-decoration:none;letter-spacing:0}
.pm-header-actions .pm-login{color:#245572;border-color:#d5e3ec;background:white}
.pm-header-actions .pm-login:hover{color:#146293;background:#f0f7fa;border-color:#a8cadf}
.pm-header-actions .pm-register{background:#176c9f;color:white;box-shadow:0 4px 12px #146c9b1a;border-color:#176c9f}
.pm-header-actions .pm-register:hover{background:#10577f;border-color:#10577f;color:white}
.pm-header-spacer{display:block;flex:none;height:var(--pm-header-height);width:100%;margin:0;padding:0}
.pm-site-header .pm-language{position:relative;display:block;z-index:auto;margin:0;padding:0;font:14px/1.5 var(--pm-font);color:var(--pm-ink);text-align:start;max-width:none}
.pm-site-header .pm-language summary{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;max-width:135px;margin:0;padding:9px 10px;border:0;border-radius:9px;background:transparent;cursor:pointer;color:#4c6375;white-space:nowrap;list-style:none;overflow:hidden;text-overflow:ellipsis;font:600 13px/1.5 var(--pm-font)}
.pm-site-header .pm-language summary::-webkit-details-marker{display:none}
.pm-site-header .pm-language summary{width:120px;max-width:120px}
.pm-site-header .pm-language summary>span[aria-hidden=true]{display:none}
.pm-site-header .pm-language summary::after{content:"";display:block;flex:0 0 auto;width:5px;height:5px;margin-left:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.pm-site-header .pm-language summary>span:last-child{overflow:hidden;text-overflow:ellipsis}
.pm-site-header .pm-language[open]>summary,.pm-site-header .pm-language summary:hover{background:#edf6fa}
.pm-site-header .pm-language>div,.pm-site-header .pm-language-panel{position:absolute;inset:calc(100% + 10px) 0 auto auto;display:block;width:260px;max-width:calc(100vw - 32px);max-height:min(460px,70vh);margin:0;padding:12px;overflow:auto;border:1px solid #dae6ec;border-radius:13px;box-shadow:0 18px 45px #163e6024;background:#fff}
.pm-site-header .pm-language:not([open])>div{display:none}
.pm-site-header .pm-language a{display:block;padding:8px 10px;border-radius:7px;font:14px/1.45 var(--pm-font);text-decoration:none;color:#35556d;text-align:start}
.pm-site-header .pm-language a:hover,.pm-site-header .pm-language a[aria-current]{background:#edf6fa;color:#106394}
.pm-site-header .pm-language label{display:block;color:#627687;font-size:12px}
.pm-site-header .pm-language input{width:100%;margin:5px 0 8px;padding:9px;border:1px solid #d6e2eb;border-radius:7px;background:#fff;font:14px/1.4 var(--pm-font)}
.pm-site-header .pm-language ul{list-style:none;padding:0;margin:0;max-height:none}
.pm-menu-toggle{display:none}
.pm-site-header a:focus-visible,.pm-site-header button:focus-visible,.pm-site-header summary:focus-visible{outline:3px solid #78bdd9;outline-offset:3px}

/* Compact actions align with the price and service data, without a heavy block. */
.customer-service-actions{min-width:128px;gap:8px;align-items:stretch}
.pm-order-button.btn,.pm-public-document .platform-service-order{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;min-width:112px;min-height:39px;height:auto;margin:0;padding:8px 13px;border:1px solid #c7dfea;border-radius:9px;background:#eaf5fa;box-shadow:none;color:#14648f;font:650 13px/1.5 var(--pm-font);text-decoration:none;text-transform:none;letter-spacing:0;white-space:nowrap;transition:background .16s,border-color .16s,color .16s}
.pm-order-button.btn:hover,.pm-order-button.btn:focus-visible,.pm-public-document .platform-service-order:hover{background:#176c9f;border-color:#176c9f;color:#fff;box-shadow:0 4px 10px #176c9f19;text-decoration:none}
.pm-order-icon{display:block;width:16px;height:16px;flex:0 0 auto;transition:transform .16s}
.pm-order-button.btn{background:#eaf5fa!important;border-color:#c7dfea!important;border-radius:10px!important;box-shadow:none!important}
.pm-order-button.btn:hover,.pm-order-button.btn:focus-visible{background:#176c9f!important;border-color:#176c9f!important}
.pm-order-button:hover .pm-order-icon{transform:translateX(2px)}
.pm-detail-button.btn,.customer-service-detail>button[data-target],.customer-service-detail>a[data-target]{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#5d7284;box-shadow:none;font:500 13px/1.5 var(--pm-font);text-transform:none}
.pm-detail-button.btn:hover,.customer-service-detail>button[data-target]:hover{background:#edf3f7;border-color:#dfe9ef;color:#2b5c7a}
.pm-detail-button.btn,.customer-service-detail>button[data-target],.customer-service-detail>a[data-target]{background:transparent!important;border-color:transparent!important}
.pm-detail-button.btn:hover,.customer-service-detail>button[data-target]:hover,.customer-service-detail>a[data-target]:hover{background:#edf3f7!important;border-color:#dfe9ef!important}
.customer-catalog-table td:last-child{min-width:156px;vertical-align:middle}
.customer-glass-service-page .card-header{border-bottom-color:#e3ecf1}
.customer-glass-service-page .table thead th{background:#f0f5f8!important;color:#677f90}
.customer-glass-service-page .table tbody tr:hover{background:#f5fafc}

/* Public editorial/discovery pages. All imagery is the original brand or platform marks. */
body.pm-public-document{color:var(--pm-ink);font-family:var(--pm-font);background:#f7fafb;line-height:1.7}
.pm-public-document main{width:min(1240px,calc(100% - 48px));max-width:none;margin:0 auto;padding:42px 0 72px}
.pm-public-document h1,.pm-public-document h2,.pm-public-document h3{color:var(--pm-ink);letter-spacing:-.035em;text-wrap:balance}
.pm-public-document p{color:var(--pm-muted)}
.pm-public-document .eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 15px;color:#128096;font-size:12px;font-weight:750;line-height:1.5;letter-spacing:.08em;text-transform:none}
.pm-public-document .eyebrow::before{content:"";display:inline-block;width:21px;height:2px;background:currentColor}
.pm-public-document .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 21px;border:1px solid #196f9d;border-radius:11px;background:#196f9d;color:white;font:650 14px/1.5 var(--pm-font);text-decoration:none;box-shadow:0 7px 18px #166f9918;transition:background .16s,box-shadow .16s}
.pm-public-document .button:hover{background:#10587e;box-shadow:0 9px 22px #166f9926}
.pm-public-document .button.secondary{border-color:#cee0e8;background:#fff;color:#315d75;box-shadow:none}
.pm-public-document .button.secondary:hover{background:#edf5f8}
.pm-public-document .platform-service-order{min-height:39px;min-width:112px;width:max-content;margin-top:10px;padding:8px 13px;border-color:#c7dfea;border-radius:10px;background:#eaf5fa;color:#14648f;font-size:13px;box-shadow:none}
.pm-public-document .platform-service-order::after{content:"→";margin-left:4px}
.pm-public-document .platform-service-order:hover{background:#176c9f;border-color:#176c9f;color:#fff;box-shadow:none}
.pm-public-document :is(a,button,summary):focus-visible{outline:3px solid #79c1d5;outline-offset:3px}
.pm-public-document :is(section,[id]){scroll-margin-top:calc(var(--pm-header-height) + 24px)}
.pm-public-document .pm-home{padding-top:30px}
.pm-public-document .pm-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:44px;max-width:none;padding:64px 48px;margin:0 0 32px;overflow:hidden;background:radial-gradient(ellipse at 86% 45%,#d4f1f166,transparent 64%),linear-gradient(115deg,#fff 42%,#edf7fa);border:1px solid #e1ecf1;border-radius:28px}
.pm-hero::after{position:absolute;z-index:-1;content:"";width:440px;height:440px;border:1px solid #d3eaf1;border-radius:50%;right:-220px;top:-220px}
.pm-public-document .pm-hero h1{font-size:clamp(32px,3.5vw,49px);font-weight:770;line-height:1.25;margin:0 0 22px;max-width:19ch;letter-spacing:-.045em;overflow-wrap:break-word}
.pm-public-document .pm-hero .lede{font-size:16px;line-height:1.95;max-width:48ch;margin:0 0 15px;color:#577488}
.pm-hero-copy>p:not(.eyebrow):not(.lede){font-size:13px;line-height:1.8;max-width:54ch}
.pm-hero .actions{gap:11px;margin-top:28px}
.pm-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;min-width:0;min-height:310px;padding:34px 24px;border:1px solid #ffffff;background:linear-gradient(145deg,#ffffffed,#edf8fbed);border-radius:25px;box-shadow:0 22px 65px #1f6d8c14;transform:rotate(-2deg)}
.pm-hero-visual>*{position:relative;transform:rotate(2deg)}
.pm-hero-visual .pm-visual-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#7693a5}
.pm-hero-visual .pm-visual-logo{width:190px;max-width:80%;height:auto;object-fit:contain;filter:drop-shadow(0 7px 14px #51aed015)}
.pm-hero-visual>img:not(.pm-visual-logo){width:180px;height:auto;max-width:75%;object-fit:contain}
.pm-hero-visual .pm-visual-platforms,.pm-hero-visual .pm-orbit,.pm-hero-visual .pm-platform-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;align-items:center;width:100%}
.pm-hero-visual .pm-visual-platforms>*{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-width:0;min-height:69px;padding:10px 7px;background:white;border:1px solid #e5eef2;border-radius:14px;box-shadow:0 4px 10px #4c8daa08;color:#587487;font-size:10px;font-weight:650;text-decoration:none}
.pm-hero-visual .pm-visual-platforms img{display:block;width:29px;height:29px;object-fit:contain}
.pm-visual-stats{display:flex;justify-content:center;gap:25px;border-top:1px solid #dcecf0;padding-top:16px;width:100%;font-size:12px;color:#6c8798;text-align:center}
.pm-visual-stats strong{display:block;font-size:24px;font-weight:750;line-height:1.4;color:#1a728e;letter-spacing:-.04em}
.pm-hero-facts{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid #dce9ef;color:#7d929f;font-size:12px}
.pm-hero-facts strong{margin-right:5px;color:#376879;font-size:19px;font-weight:750;font-variant-numeric:tabular-nums}
.pm-visual-heading{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:13px;border-bottom:1px solid #e0ecf0;color:#7592a3;font-size:11px;font-weight:650;letter-spacing:.06em}
.pm-visual-dot{width:7px;height:7px;border-radius:50%;background:#35a8aa;box-shadow:0 0 0 4px #ddf2f2}
.pm-visual-brand{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 0}
.pm-hero-visual .pm-visual-platforms{grid-template-columns:repeat(3,1fr)}
.pm-visual-caption{margin:0;font-size:11px;text-align:center;color:#8098a6!important}
.pm-card-arrow{position:absolute;right:18px;top:24px;font-size:14px;color:#97b5c6!important}
.pm-public-document .section-nav{position:static;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;transform:none;margin:0 0 20px;padding:0;box-shadow:none;border:0;background:transparent}
.pm-public-document .section-nav a{padding:7px 13px;max-width:none;border:1px solid #e1eaf0;border-radius:30px;background:#fff;font-size:12px;color:#647d8d}
.pm-public-document .pm-section-heading,.pm-public-document .section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:0 0 24px}
.pm-public-document .pm-section-heading h2,.pm-public-document .section-heading h2{font-size:30px;line-height:1.4;font-weight:740;margin:0;letter-spacing:-.035em}
.pm-public-document .pm-section-heading p,.pm-public-document .section-heading>p{max-width:530px;margin:0;font-size:14px;line-height:1.9}
.pm-home>section:not(.pm-hero),.pm-home>div[id]{margin-top:64px}
.pm-home>.pm-feature-grid{margin-top:26px}
.pm-public-document .pm-platform-grid,.pm-public-document .platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.pm-public-document .platform-card{position:relative;display:flex;flex-direction:column;gap:15px;min-width:0;min-height:180px;padding:23px;border:1px solid #e0eaf0;border-radius:16px;background:#fff;box-shadow:0 4px 14px #18384e03;transition:transform .18s,border-color .18s,box-shadow .18s;text-decoration:none}
.pm-public-document .platform-card:hover{transform:translateY(-3px);border-color:#a9d3e1;box-shadow:0 12px 24px #1a6f9210}
.pm-public-document .platform-card-heading{gap:11px}
.pm-public-document .platform-card-heading strong{font-size:15px;font-weight:700;color:#25435a;line-height:1.4}
.pm-public-document .platform-card .platform-mark{width:36px;height:36px;padding:5px;border-radius:10px;background:#f4f8fa}
.pm-public-document .platform-card>span:last-child{font-size:12px;line-height:1.9;color:#748796}
.pm-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 0}
.pm-feature-grid article{position:relative;padding:22px 22px 22px 26px;border-left:2px solid #b9dce4;background:#eff6f8;border-radius:0 12px 12px 0}
.pm-feature-grid h2,.pm-feature-grid h3{font-size:16px!important;font-weight:700;margin:0 0 7px}
.pm-feature-grid p{margin:0;font-size:13px;line-height:1.85}
.pm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px}
.pm-steps article{position:relative;padding:28px 25px;border:1px solid #dfeaf0;border-radius:18px;background:#fff}
.pm-step-number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:18px;border-radius:11px;background:#e7f4f6;color:#167c8c;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums}
.pm-steps h3{font-size:17px;font-weight:700;margin:0 0 11px}
.pm-steps p{margin:0;font-size:14px;line-height:1.9}
.pm-public-document .notice.pm-how-notice{padding:20px 25px;border:0;border-radius:12px;background:#eef5f8}
.pm-public-document .articles{margin:0}
.pm-public-document .article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pm-public-document .article-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:27px;border:1px solid #dfeaf0;border-radius:17px;background:#fff;box-shadow:0 6px 18px #153c5505}
.pm-public-document .article-card::before{content:"";display:block;width:32px;height:4px;margin-bottom:24px;background:#47abc0;border-radius:3px}
.pm-public-document .article-card h3{font-size:19px;line-height:1.6;margin:0 0 13px;font-weight:710}
.pm-public-document .article-card h3 a{color:#24495f;text-decoration:none}
.pm-public-document .article-card h3 a:hover{color:#117a9a}
.pm-public-document .article-card p{font-size:13px;line-height:1.9;margin:0 0 16px}
.pm-public-document .article-card>a{display:inline-flex;align-self:flex-start;margin-top:auto;color:#1d7c9d;font-size:13px;font-weight:650;text-decoration:none}
.pm-public-document .article-card img{width:100%;max-height:180px;object-fit:cover;border-radius:10px;margin-bottom:16px}
.pm-guide-language,.pm-guides-notice,.pm-guides .source-notice{font-size:13px;color:#698294;border-left:3px solid #9dc9d5;padding:8px 13px;margin:0 0 22px;background:#eff7f9}
.pm-content-language{font-size:13px;color:#698294!important;border-left:3px solid #9dc9d5;padding:9px 14px;margin:0 0 22px;background:#eff7f9}
.pm-text-link,.pm-article-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:650;color:#197b9a;text-decoration:none}
.pm-text-link:hover,.pm-article-link:hover{color:#105b78;text-decoration:underline;text-underline-offset:4px}
.pm-article-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8b9fac;font-size:11px;margin-top:auto;padding-top:14px;border-top:1px solid #e4eef3}
.pm-guides-empty{padding:30px;border:1px dashed #c8dce7;border-radius:15px;background:#f2f8fa;font-size:14px}
.pm-public-document .article-grid:has(>.article-card:only-child){grid-template-columns:1fr}
.pm-public-document .empty-state{display:block;border:1px dashed #c8dde6;border-radius:14px;padding:28px;background:#f2f8fa;color:#6b8393;font-size:14px}
.pm-public-document .faq{padding:30px;border:1px solid #dfeaf0;border-radius:20px;box-shadow:none;background:white}
.pm-public-document .faq h2{font-size:25px;margin:0 0 20px;font-weight:720}
.pm-public-document .faq details{padding:18px 0;border-top:1px solid #e5edf2}
.pm-public-document .faq summary{font-size:15px;line-height:1.6;color:#31546b}
.pm-public-document .faq p,.pm-public-document .faq-answer{font-size:14px;line-height:1.95;color:#718696}
.pm-public-document .faq-answer :is(p,ol,ul){margin-top:12px;margin-bottom:12px}
.pm-public-document .faq details:last-child{padding-bottom:0}
.pm-bottom-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:hidden;padding:42px;border:1px solid #d6e9ed;border-radius:23px;background:linear-gradient(115deg,#e6f4f5,#eef6fc)}
.pm-bottom-cta h2{font-size:28px;margin:0 0 10px}
.pm-bottom-cta p{font-size:14px;line-height:1.8;margin:0;max-width:580px}
.pm-bottom-cta .actions{flex:0 0 auto;margin:0}
.pm-public-document .hero.compact{max-width:none;margin:0 0 30px;padding:38px;border:1px solid #e1ebf0;border-radius:22px;background:linear-gradient(115deg,#fff,#eaf6f9)}
.pm-public-document .hero.compact h1{font-size:clamp(28px,3vw,39px);line-height:1.3;max-width:850px;margin:.4rem 0 1rem}
.pm-public-document .hero.compact .lede{font-size:15px;line-height:1.9;margin:0}
.pm-public-document .two-column article,.pm-public-document .two-column aside,.pm-public-document .published-article,.pm-public-document .platform-live-services{border-color:#dfeaf0;border-radius:17px;box-shadow:0 4px 16px #153c5503}
.pm-public-document .published-article>header{position:static;display:block;min-height:0;margin:0;padding:0 0 20px;border-bottom:1px solid #e2ecf1;background:transparent;z-index:auto}
.pm-public-document .breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;overflow:visible;grid-template-columns:none;order:initial;flex:none;width:auto;margin:0 0 22px;padding:0;border:0;font-size:12px}
.pm-public-document .breadcrumbs a{padding:0;color:#42778e}
.pm-public-document .published-content{margin-top:20px;padding:24px;border-color:#e1ebf0;border-radius:14px;line-height:1.95}
.pm-public-document>footer{margin-top:10px;border-color:#e0eaf0;padding:36px max(24px,calc((100% - 1240px)/2));background:#fff}
.pm-public-document>footer .site-brand-logo{height:44px;max-width:170px;object-fit:contain}
.pm-public-document>footer p{font-size:12px;margin-top:12px;color:#8a9da9}
.pm-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;margin:0 auto}
.pm-site-footer .pm-brand-logo{height:44px!important}
.pm-footer-nav{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;flex:1;gap:7px;padding:0;margin:0;border:0;overflow:visible}
.pm-footer-nav a{font-size:13px;color:#718a9a;padding:7px 10px;text-decoration:none;white-space:nowrap}
.pm-footer-nav a:hover{color:#196f9d;background:#eff7fa}
.pm-public-document .public-notice{z-index:1100;border:0;border-radius:19px;box-shadow:0 25px 80px #16364d35}
.pm-public-document .public-notice p{color:#4e697d;font-size:14px;line-height:1.9}

@media(min-width:1280px){.pm-header-menu{display:flex!important}.pm-site-header .pm-menu-toggle{display:none!important}}
@media(max-width:1279px){
 :root{--pm-header-height:72px}
 .pm-header-inner{width:calc(100% - 32px);gap:16px}
 .pm-brand-logo{height:42px!important;max-width:150px!important}
 .pm-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;width:42px;height:42px;margin:0;padding:10px;border:1px solid #d9e6ee;border-radius:10px;background:#fff;color:#214961;cursor:pointer}
 .pm-menu-toggle span{display:block;width:19px;height:1.5px;background:currentColor;border-radius:1px;transition:transform .16s,opacity .16s}
 .pm-site-header[data-menu-open] .pm-menu-toggle span:first-child{transform:translateY(6.5px) rotate(45deg)}
 .pm-site-header[data-menu-open] .pm-menu-toggle span:nth-child(2){opacity:0}
 .pm-site-header[data-menu-open] .pm-menu-toggle span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
 .pm-header-menu{position:absolute;inset:var(--pm-header-height) 0 auto;display:none;max-height:calc(100vh - var(--pm-header-height));max-height:calc(100dvh - var(--pm-header-height));overflow:auto;padding:18px 24px 23px;border-bottom:1px solid #dce8ee;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 18px 30px #15374e17}
 .pm-site-header[data-menu-open] .pm-header-menu{display:block}
 .pm-nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid #e7eff3;overflow:visible}
 .pm-nav a{justify-content:flex-start;min-height:43px;padding:10px 12px;white-space:normal;text-align:start}
 .pm-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}
 .pm-site-header .pm-language{margin-right:auto}
 .pm-site-header .pm-language summary{max-width:160px}
 .pm-site-header .pm-language>div{position:fixed;inset:auto 16px auto;top:calc(var(--pm-header-height) + 8px);width:calc(100% - 32px);max-width:none;max-height:calc(100vh - var(--pm-header-height) - 40px);box-shadow:0 12px 28px #163e6029}
 .pm-public-document .pm-hero{padding:38px 30px;gap:26px}
 .pm-public-document .pm-hero h1{font-size:36px}
 .pm-hero-visual{padding:24px 18px;min-height:285px}
 .pm-public-document .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pm-bottom-cta{flex-direction:column;align-items:flex-start}
}
@media(max-width:760px){
 .pm-public-document main{width:calc(100% - 32px);padding:22px 0 46px}
 .pm-public-document .pm-home{padding-top:16px}
 .pm-public-document .pm-hero{grid-template-columns:1fr;gap:31px;padding:32px 24px;border-radius:21px;margin:0}
 .pm-public-document .pm-hero h1{font-size:34px;line-height:1.35;max-width:22ch;margin-bottom:18px}
 .pm-public-document .pm-hero .lede{font-size:14px;line-height:1.95}
 .pm-hero-visual{min-height:0;transform:none;padding:26px 20px;gap:20px}
 .pm-hero-visual>*{transform:none}
 .pm-hero-visual .pm-visual-platforms{gap:9px}
 .pm-hero-visual .pm-visual-platforms>*{min-height:58px;padding:9px 4px;font-size:9px}
 .pm-hero-visual .pm-visual-platforms img{width:25px;height:25px}
 .pm-hero-visual .pm-visual-logo{width:165px}
 .pm-feature-grid{grid-template-columns:1fr;gap:10px;margin-top:20px}
 .pm-feature-grid article{padding:17px 19px}
 .pm-home>section:not(.pm-hero),.pm-home>div[id]{margin-top:40px}
 .pm-public-document .section-heading,.pm-public-document .pm-section-heading{display:block;margin-bottom:18px}
 .pm-public-document .section-heading h2,.pm-public-document .pm-section-heading h2{font-size:25px}
 .pm-public-document .section-heading>p,.pm-public-document .pm-section-heading>p{font-size:13px;margin-top:9px}
 .pm-public-document .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .pm-public-document .platform-card{padding:17px 14px;gap:11px;min-height:164px;border-radius:13px}
 .pm-public-document .platform-card-heading{gap:8px;align-items:flex-start;flex-direction:column}
 .pm-public-document .platform-card-heading strong{font-size:14px}
 .pm-public-document .platform-card>span:last-child{font-size:11px;line-height:1.8}
 .pm-steps{grid-template-columns:1fr;gap:12px;margin-top:20px}
 .pm-steps article{padding:21px}
 .pm-step-number{width:32px;height:32px;margin-bottom:12px;border-radius:9px}
 .pm-steps h3{font-size:16px;margin-bottom:8px}
 .pm-steps p{font-size:13px}
 .pm-public-document .article-grid{grid-template-columns:1fr;gap:13px}
 .pm-public-document .article-card{padding:23px}
 .pm-public-document .article-card::before{margin-bottom:18px}
 .pm-public-document .faq{padding:23px 19px;border-radius:16px}
 .pm-public-document .faq h2{font-size:23px}
 .pm-public-document .faq summary{font-size:14px}
 .pm-public-document .faq p,.pm-public-document .faq-answer{font-size:13px}
 .pm-bottom-cta{padding:28px 23px;border-radius:18px;gap:22px}
 .pm-bottom-cta h2{font-size:24px}
 .pm-public-document .hero.compact{padding:28px 24px;border-radius:18px}
 .pm-public-document .hero.compact h1{font-size:29px}
 .pm-public-document .hero.compact .lede{font-size:14px}
 .pm-public-document .two-column{display:block}
 .pm-public-document .section-nav{display:none}
 .pm-footer-inner{flex-direction:column;align-items:flex-start;gap:18px}
 .pm-footer-nav{display:flex;width:100%;justify-content:flex-start;gap:3px;border:0;grid-template-columns:none;order:initial;padding:0}
 .pm-footer-nav a{padding:7px 9px 7px 0;font-size:12px}
}
@media(max-width:400px){.pm-header-actions{gap:8px}.pm-header-actions>a{padding:9px 11px;font-size:13px}.pm-site-header .pm-language summary{font-size:12px;padding-inline:5px;max-width:117px}.pm-hero .actions .button{padding:10px 16px}.pm-public-document .pm-hero h1{font-size:30px}.pm-visual-stats{gap:17px}}
@media(prefers-reduced-motion:reduce){.pm-public-document *,.pm-site-header *,.pm-order-button.btn,.pm-order-icon{scroll-behavior:auto!important;transition:none!important}.pm-public-document .platform-card:hover{transform:none}}