.opk-landing .d-hero{padding:80px 0 48px;border-bottom:1px solid var(--opk-border)}.opk-landing .d-hero h1{font-size:72px;font-weight:600;line-height:.98;letter-spacing:-.03em;margin:16px 0 24px;max-width:920px}.opk-landing .d-hero h1 .pop{background-image:linear-gradient(transparent 70%,var(--opk-accent-300) 70%);padding:0 4px}.opk-landing .d-hero .lede{font-size:20px;max-width:640px}.opk-landing .d-hero .actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.opk-landing .pg-shell{display:grid;grid-template-columns:240px 1fr;gap:0;background:var(--opk-gray-900);border-radius:18px;overflow:hidden;box-shadow:0 16px 48px -16px rgba(30,8,104,.28)}.opk-landing .pg-tabs{background:#1a1b1f;border-right:1px solid var(--opk-gray-800);display:flex;flex-direction:column;padding:16px 0}.opk-landing .pg-tab{background:transparent;border:none;color:var(--opk-gray-400);text-align:left;padding:12px 20px;font-family:var(--opk-font-mono);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .12s}.opk-landing .pg-tab .ic{width:14px;height:14px;opacity:.8}.opk-landing .pg-tab:hover{background:hsla(0,0%,100%,.04);color:#fff}.opk-landing .pg-tab.active{background:var(--opk-gray-900);color:var(--opk-accent-500);border-left:2px solid var(--opk-accent-500);padding-left:18px}.opk-landing .pg-pane{padding:28px 32px;min-height:420px}.opk-landing .pg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--opk-gray-400)}.opk-landing .pg-head,.opk-landing .pg-head .run{font-family:var(--opk-font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.opk-landing .pg-head .run{background:var(--opk-accent-500);color:var(--opk-gray-900);border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600}.opk-landing .pg-code{font-family:var(--opk-font-mono);font-size:13px;line-height:1.7;color:#f1f2f3;white-space:pre;overflow-x:auto;margin:0}.opk-landing .pg-code .c{color:var(--opk-gray-500)}.opk-landing .pg-code .k{color:var(--opk-accent-500)}.opk-landing .pg-code .s{color:#d2cbeb}.opk-landing .pg-code .f{color:#b2a4e5}.opk-landing .pg-code .n{color:#f4d27e}.opk-landing .pg-output{margin-top:20px;padding-top:20px;border-top:1px solid var(--opk-gray-800);font-family:var(--opk-font-mono);font-size:12px;color:var(--opk-gray-300);line-height:1.7;white-space:pre-line}.opk-landing .pg-output .ok{color:var(--opk-accent-500)}.opk-landing .pg-output .arr{color:var(--opk-gray-500)}.opk-landing .arch-section{background:var(--opk-bg-subtle);border-top:1px solid var(--opk-border);border-bottom:1px solid var(--opk-border)}.opk-landing .arch{background:var(--opk-bg-subtle);border:1px solid var(--opk-border);border-radius:16px;padding:40px;background-image:linear-gradient(90deg,rgba(78,44,197,.04) 1px,transparent 0),linear-gradient(180deg,rgba(78,44,197,.04) 1px,transparent 0);background-size:24px 24px}.opk-landing .arch-flow{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;gap:0;align-items:center}.opk-landing .arch-node{background:var(--opk-bg);border:1px solid var(--opk-border);border-radius:12px;padding:20px}.opk-landing .arch-node h4{margin:0 0 6px;font-size:15px;font-weight:600}.opk-landing .arch-node .sub{font-family:var(--opk-font-mono);font-size:11px;color:var(--opk-fg-3)}.opk-landing .arch-node.brand{background:var(--opk-bg-subtle);border-color:var(--opk-border-strong)}.opk-landing .arch-node.accent{background:var(--opk-accent-100);border-color:var(--opk-accent-300)}.opk-landing .arch-arrow{display:flex;align-items:center;justify-content:center;color:var(--opk-fg-3);font-family:var(--opk-font-mono);font-size:11px;flex-direction:column;gap:4px}.opk-landing .arch-arrow .a{font-size:18px}.opk-landing .contracts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.opk-landing .contract{background:var(--opk-bg);border:1px solid var(--opk-border);border-radius:14px;padding:24px}.opk-landing .contract .addr{font-family:var(--opk-font-mono);font-size:12px;color:var(--opk-accent-700);margin-bottom:12px}.opk-landing .contract h4{font-size:17px;margin:0 0 8px;font-weight:600}.opk-landing .contract p{margin:0;font-size:13px;color:var(--opk-fg-2);line-height:1.5}.opk-landing .langs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.opk-landing .lang{background:var(--opk-bg);border:1px solid var(--opk-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .12s}.opk-landing .lang:hover{border-color:var(--opk-border-strong)}.opk-landing .lang .name{font-weight:600;font-size:16px;letter-spacing:-.01em}.opk-landing .lang .pkg{font-family:var(--opk-font-mono);font-size:12px;color:var(--opk-fg-3)}.opk-landing .lang .ver{font-family:var(--opk-font-mono);font-size:11px;color:var(--opk-accent-700);margin-top:4px}.opk-landing .d-cta{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}.opk-landing .d-cta h2{font-size:48px;font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:0;color:#fff}.opk-landing .d-cta p{font-size:18px;color:var(--opk-gray-300);line-height:1.55;margin:16px 0 0;max-width:520px}.opk-landing .d-cta .actions{display:flex;flex-direction:column;gap:12px}.opk-landing .d-cta .actions .opk-btn{justify-content:center}@media (max-width:960px){.opk-landing .pg-shell{grid-template-columns:1fr}.opk-landing .pg-tabs{flex-direction:row;overflow-x:auto;padding:8px;border-right:none;border-bottom:1px solid var(--opk-gray-800)}.opk-landing .pg-tab.active{border-left:none;border-bottom:2px solid var(--opk-accent-500);padding-left:20px}.opk-landing .arch-flow{grid-template-columns:1fr;gap:16px}.opk-landing .arch-arrow{padding:8px 0}.opk-landing .contracts{grid-template-columns:1fr}.opk-landing .langs{grid-template-columns:1fr 1fr}.opk-landing .d-cta{grid-template-columns:1fr}.opk-landing .d-hero h1{font-size:48px}}