:root{--lyopi-positioning-ink:#011543;--lyopi-positioning-blue:#0b5cff;--lyopi-positioning-mint:#99ffd9;--lyopi-positioning-soft:#f4f8ff;--lyopi-positioning-line:#d7e3f5}
.lyopiPositioning{background:var(--lyopi-positioning-ink);color:#fff}
.lyopiPositioningIntro{max-width:920px}
.lyopiPositioningIntro h2,.lyopiReconciliationIntro h2{margin:0;font-size:clamp(38px,4.2vw,60px);font-weight:620;line-height:1.04;letter-spacing:-.05em}
.lyopiPositioningIntro>p:last-child,.lyopiReconciliationIntro>p:last-child{max-width:820px;margin:24px 0 0;color:#c4d0e5;font-size:17px;line-height:1.75}
.lyopiPositioningGrid{margin-top:54px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff24;border-radius:22px;overflow:hidden}
.lyopiPositioningGrid article{min-height:280px;padding:34px;border-right:1px solid #ffffff24;background:#ffffff08}
.lyopiPositioningGrid article:last-child{border-right:0}
.lyopiPositioningGrid b,.lyopiReconciliationFlow b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--lyopi-positioning-mint);color:var(--lyopi-positioning-ink);font-size:13px}
.lyopiPositioningGrid h3,.lyopiReconciliationFlow h3{margin:30px 0 13px;font-size:25px;letter-spacing:-.03em}
.lyopiPositioningGrid p{margin:0;color:#bac8df;font-size:14px;line-height:1.75}
.lyopiProofAfterAction{margin-top:22px;padding:32px;border:1px solid #ffffff28;border-radius:22px;background:linear-gradient(135deg,#0b5cff2e,#99ffd912)}
.lyopiProofIntro{display:grid;grid-template-columns:.72fr 1.1fr 1fr;align-items:start;gap:28px}
.lyopiProofIntro p{margin:3px 0 0;color:var(--lyopi-positioning-mint);font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.lyopiProofIntro h3{margin:0;font-size:28px;line-height:1.16;letter-spacing:-.035em}
.lyopiProofIntro span{color:#c5d2e6;font-size:14px;line-height:1.72}
.lyopiProofFlow{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.lyopiProofFlow article{min-height:150px;padding:20px;display:flex;flex-direction:column;border:1px solid #ffffff20;border-radius:15px;background:#ffffff0b}
.lyopiProofFlow b{color:var(--lyopi-positioning-mint);font-size:12px}
.lyopiProofFlow strong{margin-top:22px;font-size:16px}
.lyopiProofFlow small{margin-top:8px;color:#b9c8df;font-size:12px;line-height:1.6}
.lyopiProfessionStrip{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}
.lyopiProfessionStrip span{padding:8px 12px;border:1px solid #ffffff2d;border-radius:30px;background:#ffffff0c;color:#dfe8f7;font-size:12px;font-weight:800;letter-spacing:.04em}
.lyopiPositioningAction{margin-top:28px}
.lyopiReconciliation{background:var(--lyopi-positioning-soft)}
.lyopiReconciliationIntro{max-width:960px}
.lyopiReconciliationIntro>p:last-child{color:#5f708e}
.lyopiReconciliationFlow{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lyopiReconciliationFlow article{min-height:270px;padding:30px;border:1px solid var(--lyopi-positioning-line);border-radius:20px;background:#fff}
.lyopiReconciliationFlow h3{color:var(--lyopi-positioning-ink)}
.lyopiReconciliationFlow p{margin:0;color:#5f708e;font-size:14px;line-height:1.75}
.lyopiCollaborationExample{margin-top:18px;padding:30px;border-radius:20px;background:var(--lyopi-positioning-ink);color:#fff}
.lyopiCollaborationExample>div:first-child{display:grid;grid-template-columns:.55fr 1.2fr 1fr;align-items:start;gap:25px}
.lyopiCollaborationExample>div:first-child p{margin:4px 0 0;color:var(--lyopi-positioning-mint);font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.lyopiCollaborationExample h3{margin:0;font-size:26px;line-height:1.18;letter-spacing:-.035em}
.lyopiCollaborationExample>div:first-child span{color:#bdcbe0;font-size:14px;line-height:1.72}
.lyopiCollaborationSteps{margin-top:28px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px}
.lyopiCollaborationSteps span{min-height:120px;padding:18px;display:flex;flex-direction:column;gap:12px;border:1px solid #ffffff21;border-radius:14px;background:#ffffff0a;color:#c4d1e4;font-size:12px;line-height:1.6}
.lyopiCollaborationSteps span b{color:#fff;font-size:11px;letter-spacing:.08em}
.lyopiCollaborationSteps i{align-self:center;color:var(--lyopi-positioning-mint);font-style:normal}
.lyopiNetworkPromise{margin:18px 0 0;padding:22px 24px;border-left:4px solid var(--lyopi-positioning-blue);border-radius:12px;background:#fff;color:#4e6180;font-size:15px;line-height:1.7}
.lyopiNetworkPromise strong{color:var(--lyopi-positioning-ink)}
.lyopiPartnerJoinAction{margin-top:26px}
.lyopiModuleCatalog{background:#fff}
.lyopiModuleCatalogIntro{max-width:920px}
.lyopiModuleCatalogIntro h2{margin:0;font-size:clamp(38px,4.2vw,60px);font-weight:620;line-height:1.04;letter-spacing:-.05em;color:var(--lyopi-positioning-ink)}
.lyopiModuleCatalogIntro>p:last-child{max-width:820px;margin:24px 0 0;color:#5f708e;font-size:17px;line-height:1.75}
.lyopiModuleGrid{margin-top:48px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.lyopiModuleGrid article{min-height:235px;padding:24px;border:1px solid var(--lyopi-positioning-line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}
.lyopiModuleGrid span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf1ff;color:var(--lyopi-positioning-blue);font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.lyopiModuleGrid h3{margin:23px 0 11px;color:var(--lyopi-positioning-ink);font-size:20px;letter-spacing:-.025em}
.lyopiModuleGrid p{margin:0;color:#5f708e;font-size:13px;line-height:1.7}
.lyopiModuleAction{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:1050px){.lyopiProofIntro,.lyopiCollaborationExample>div:first-child{grid-template-columns:1fr}.lyopiProofFlow{grid-template-columns:1fr 1fr}.lyopiCollaborationSteps{grid-template-columns:1fr}.lyopiCollaborationSteps i{transform:rotate(90deg)}}
@media(max-width:1100px){.lyopiModuleGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.lyopiPositioningGrid,.lyopiReconciliationFlow{grid-template-columns:1fr}.lyopiPositioningGrid article{min-height:0;border-right:0;border-bottom:1px solid #ffffff24}.lyopiPositioningGrid article:last-child{border-bottom:0}.lyopiModuleGrid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.lyopiPositioningIntro h2,.lyopiReconciliationIntro h2,.lyopiModuleCatalogIntro h2{font-size:38px}.lyopiPositioningGrid article,.lyopiReconciliationFlow article,.lyopiModuleGrid article{padding:25px}.lyopiProofAfterAction,.lyopiCollaborationExample{padding:24px}.lyopiProofFlow,.lyopiModuleGrid{grid-template-columns:1fr}.lyopiProfessionStrip{gap:6px}.lyopiProfessionStrip span{font-size:11px}}