/* Approved full Partners illustration design; existing forms, demos and translations retained. */
:root{--warm:#f5f1e8;--warm-2:#eeeadf;--violet:#6246ed;--violet-d:#4b35bd;--violet-l:#eee8fd;--ink:#171343;--ink-2:#494563;--muted:#68617c;--line:#e3ddeb;--cyan:#6ccfcf;--night:#131126}
body{background:var(--warm)}
:is(h1,h2,h3,.pp-display,.pp-h2,.pp-model h3,.pp-steps h3,.pp-contact .pp-h2,.pp-partner-cases .h2,.pp-partner-cases .d2-intro h3){font-family:Onest,system-ui,sans-serif;font-weight:700;letter-spacing:-.025em}
.pp-display{font-size:64px;line-height:1.04}.pp-h2,.pp-partner-cases .h2{font-size:44px;line-height:1.08}.pp-wrap{max-width:1240px;padding-inline:32px}.pp-header{background:#f5f1e8ed}.pp-header__row{max-width:1240px}.pp-hero{background:none;padding:64px 0 80px}.pp-hero__grid{gap:56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pp-hero__visual{display:grid;grid-template-columns:minmax(0,1fr) 126px;align-items:center;gap:18px;aspect-ratio:auto;max-width:560px;width:100%;padding:24px 0;overflow:visible}.pp-arch{position:relative;inset:auto;grid-column:1/-1;border-radius:22px;box-shadow:0 24px 48px -30px #17134355}.pp-arch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.pp-orbit{inset:0 -18px;border-radius:28px;border:1px dashed #cfc2e8;transform:none;animation:none}.pp-orbit__plane{display:none}.pp-float{position:static;animation:none;transform:none;border-radius:14px}.pp-float--app{grid-column:1;grid-row:2;max-width:none;padding:10px 12px;gap:9px}.pp-float--app strong{font-size:13px}.pp-float--app small{font-size:11px}.pp-float__logo{width:34px;height:34px;border-radius:10px}.pp-float--card{grid-column:2;grid-row:2;width:126px;padding:12px}.pp-float--card strong{font-family:Onest,sans-serif;font-weight:700;font-size:14px}.pp-float--card .pp-qr{width:70px}.pp-float--card small{font-size:8px}
.pp-models{gap:22px}.pp-model{padding:0 22px 24px;border-radius:22px;gap:14px;overflow:hidden}.pp-model-art{margin:0 -22px 6px}.pp-model-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.pp-model h3{font-size:25px;line-height:1.15}.pp-model__flag{top:16px;right:16px;font-size:11px;z-index:1}.pp-model__kicker{font-size:11px}.pp-model .pp-btn{font-size:13px;padding-inline:12px;white-space:normal;min-height:44px}.pp-model__fit{font-size:13px}.pp-model .pp-ticks{font-size:14px}
.pp-partner-cases{background:var(--warm)}.pp-partner-cases .d2-intro h3{font-size:24px}.pp-partner-cases .d2-row{border-radius:22px}.pp-dark{background:radial-gradient(ellipse at 90% 0,#28215d,transparent 75%),#131126}
.pp-illustrated-platform{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:center}.pp-guide{display:block;width:200px;height:340px;object-fit:contain}.pp-caps{gap:18px;border:0;border-radius:0;background:transparent}.pp-caps li{padding:24px 20px;border:1px solid var(--line);border-radius:18px}.pp-caps h3{font-size:16px}.pp-caps p{font-size:14px}
.pp-tint{background:#eeeadf}.pp-faq__list{display:grid;gap:12px;border:0}.pp-faq__list details{background:#fff;border:1px solid var(--line);border-radius:14px;padding-inline:20px}.pp-faq__list summary{font-size:16px}
.pp-contact{background:linear-gradient(130deg,#4430ad,#302278)}.pp-contact-art{margin-top:28px;max-width:520px;border-radius:22px;overflow:hidden}.pp-contact-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.pp-contact__grid{gap:48px}.pp-form{border-radius:24px}.pp-contact .pp-h2{font-size:44px}.pp-btn{white-space:normal;text-align:center}
@media(max-width:1100px){.pp-hero__grid{gap:36px}.pp-display{font-size:54px}.pp-illustrated-platform{grid-template-columns:140px minmax(0,1fr);gap:24px}.pp-guide{width:140px;height:280px}.pp-caps{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-models{gap:16px}.pp-model{padding-inline:18px}.pp-model-art{margin-inline:-18px}.pp-model h3{font-size:23px}}
@media(max-width:1023px){.pp-hero__grid{grid-template-columns:1fr}.pp-hero__visual{margin:20px auto 0}.pp-models{grid-template-columns:1fr;max-width:620px;margin-inline:auto}.pp-illustrated-platform{grid-template-columns:1fr}.pp-guide{width:120px;height:200px;justify-self:center}.pp-h2,.pp-partner-cases .h2,.pp-contact .pp-h2{font-size:36px}.pp-contact__grid{grid-template-columns:1fr}}
@media(max-width:700px){.pp-wrap{padding-inline:20px}.pp-hero{padding:40px 0 64px}.pp-display{font-size:44px}.pp-hero__visual{width:calc(100% - 16px);grid-template-columns:minmax(0,1fr) 100px;gap:10px}.pp-orbit{inset:8px -8px}.pp-float--card{width:100px;padding:9px}.pp-float--card .pp-qr{width:58px}.pp-float--app{padding:9px;gap:7px}.pp-float--app strong{font-size:11px}.pp-float--app small{font-size:10px}.pp-float__logo{width:26px;height:26px;border-radius:8px;font-size:16px}.pp-float__ok{display:none}.pp-model{padding-inline:22px}.pp-model-art{margin-inline:-22px}.pp-model h3{font-size:26px}.pp-caps{grid-template-columns:1fr;gap:14px}.pp-contact-art{display:none}.pp-faq__list summary{font-size:15px}.pp-h2,.pp-partner-cases .h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.pp-hero__visual *{animation:none!important;transition:none!important}}

/* Larger helpful character beside capabilities, substantial on phones as well. */
.pp-illustrated-platform{grid-template-columns:270px minmax(0,1fr);gap:30px}
mm-helpful-guide.pp-guide{display:block;width:248px;height:440px;justify-self:center;--mm-helper-bg:#f5f1e8}
@media(max-width:1100px){.pp-illustrated-platform{grid-template-columns:220px minmax(0,1fr);gap:24px}mm-helpful-guide.pp-guide{width:220px;height:390px}}
@media(max-width:1023px){.pp-illustrated-platform{grid-template-columns:1fr;gap:24px}mm-helpful-guide.pp-guide{width:214px;height:380px}}

/* A balanced introduction above a centred full-width capabilities grid. */
#platform .pp-head{display:grid;grid-template-columns:minmax(0,1fr) 160px;column-gap:36px;align-content:center;align-items:center;max-width:860px;margin-inline:auto;text-align:start;min-height:240px}
#platform .pp-head>:not(mm-helpful-guide){grid-column:1}
#platform .pp-head .pp-sub{margin-inline:0}
#platform .pp-head mm-helpful-guide.pp-guide{grid-column:2;grid-row:1/4;width:148px;height:240px;align-self:center}
#platform .pp-illustrated-platform{grid-template-columns:minmax(0,1fr)}
#platform .pp-caps{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0}
@media(max-width:700px){#platform .pp-head{grid-template-columns:minmax(0,1fr) 104px;gap:8px 16px;min-height:190px}#platform .pp-head mm-helpful-guide.pp-guide{width:104px;height:184px}#platform .pp-head .pp-h2{font-size:27px}#platform .pp-caps{grid-template-columns:1fr}}
