:root{--opd-ink:#10233d;--opd-blue:#1d4ed8;--opd-blue-2:#244d86;--opd-muted:#66758a;--opd-line:#e4eaf1;--opd-soft:#f7f9fc;--opd-warm:#fbf8f2;--opd-green:#168a5b}
.public-demo-owner .public-main{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
.opd-page,.opd-empty{font-family:Poppins,system-ui,sans-serif;color:var(--opd-ink)}
.opd-page{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:52px 0 72px}
.opd-kicker{display:block;color:var(--opd-blue);font-size:16px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.opd-hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:54px;align-items:center;padding:42px 0 50px}
.opd-hero h1{max-width:720px;margin:12px 0 17px;font-size:clamp(42px,5.4vw,68px);line-height:1.01;letter-spacing:-.055em;color:var(--opd-ink)}
.opd-hero-copy>p{max-width:700px;margin:0;color:var(--opd-muted);font-size:16px;line-height:1.8}
.opd-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.opd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:11px;font-size:16px;font-weight:700;text-decoration:none}.opd-btn-primary{background:var(--opd-blue);color:#fff}.opd-btn-secondary{background:#fff;color:var(--opd-blue-2);border:1px solid #ccd7e5}.opd-btn:hover{transform:translateY(-1px)}
.opd-live-line{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--opd-green);font-size:16px;font-weight:700}.opd-live-line i{width:8px;height:8px;border-radius:50%;background:#20b779;box-shadow:0 0 0 5px rgba(32,183,121,.10)}.opd-live-line small{color:#8591a0;font-weight:500;margin-left:3px}
.opd-sync-visual{padding:22px;border:1px solid var(--opd-line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 55px rgba(20,45,80,.08)}
.opd-sync-node,.opd-sync-core{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.opd-node-icon,.opd-core-mark{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef4ff;color:var(--opd-blue);font-size:16px;font-weight:800}.opd-sync-core{border-color:#cedcf1;background:#f5f9ff}.opd-core-mark{background:var(--opd-blue);color:#fff}.opd-sync-node small,.opd-sync-core small{display:block;margin-bottom:2px;color:#8591a0;font-size:16px;font-weight:800;letter-spacing:.12em}.opd-sync-node b,.opd-sync-core b{display:block;font-size:16px}.opd-sync-node p,.opd-sync-core p{margin:2px 0 0;color:#7a8797;font-size:16px}.opd-sync-line{height:48px;display:grid;place-items:center;position:relative}.opd-sync-line:before{content:"";position:absolute;width:1px;height:100%;background:#cad6e5}.opd-sync-line span{position:relative;padding:4px 8px;border:1px solid #d9e3ef;border-radius:999px;background:#fff;color:var(--opd-blue);font-size:16px;font-weight:800}.opd-sync-split{position:relative;height:44px}.opd-sync-split:before{content:"";position:absolute;left:50%;top:0;height:22px;border-left:1px solid #cad6e5}.opd-sync-split:after{content:"";position:absolute;left:25%;right:25%;top:22px;border-top:1px solid #cad6e5}.opd-sync-split i{position:absolute;top:22px;height:22px;border-left:1px solid #cad6e5}.opd-sync-split i:first-child{left:25%}.opd-sync-split i:last-child{left:75%}.opd-sync-output-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opd-sync-output-grid article{padding:13px;border:1px solid #e3e9f0;border-radius:11px;background:#fff}.opd-sync-output-grid span{display:inline-block;margin-bottom:8px;color:var(--opd-blue);font-size:16px;font-weight:800}.opd-sync-output-grid b{display:block;font-size:16px}.opd-sync-output-grid small{display:block;margin-top:3px;color:#8290a1;font-size:16px}
.opd-proof-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:64px;border:1px solid #e8e2d9;border-radius:14px;background:var(--opd-warm);overflow:hidden}.opd-proof-strip article{padding:17px 20px;border-right:1px solid #e8e2d9}.opd-proof-strip article:last-child{border-right:0}.opd-proof-strip b{display:block;font-size:18px;letter-spacing:-.03em}.opd-proof-strip span{display:block;margin-top:2px;color:#7b8694;font-size:16px}
.opd-section{padding:58px 0;border-top:1px solid #edf0f4}.opd-section-head{max-width:820px;margin-bottom:26px}.opd-section-head h2{margin:7px 0 9px;font-size:34px;line-height:1.12;letter-spacing:-.04em}.opd-section-head p{margin:0;color:var(--opd-muted);font-size:16px;line-height:1.7}.opd-section-head-inline{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.opd-section-head-inline>div{max-width:820px}.opd-section-head-inline>a{flex:none;color:var(--opd-blue-2);font-size:16px;font-weight:700;text-decoration:none}
.opd-dual-preview{display:grid;grid-template-columns:1fr 1fr;gap:18px}.opd-preview-card{padding:15px;border:1px solid var(--opd-line);border-radius:16px;background:var(--opd-soft)}.opd-preview-label{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 13px}.opd-preview-label span{color:#8390a1;font-size:16px;font-weight:800;letter-spacing:.12em}.opd-preview-label b{font-size:16px}.opd-directory-card,.opd-app-card{overflow:hidden;border:1px solid #dfe6ee;border-radius:13px;background:#fff;box-shadow:0 12px 30px rgba(22,44,75,.06)}.opd-directory-media{height:230px;background:#eef2f5;overflow:hidden}.opd-directory-media img,.opd-app-cover>img{width:100%;height:100%;object-fit:cover}.opd-directory-copy{padding:18px}.opd-brand-row{display:flex;align-items:center;gap:11px}.opd-brand-row>img,.opd-brand-row>span{width:42px;height:42px;border-radius:11px;object-fit:cover;border:1px solid #e1e7ef}.opd-brand-row>span{display:grid;place-items:center;background:#eef4ff;color:var(--opd-blue);font-weight:800}.opd-brand-row small{display:block;color:#8a96a4;font-size:16px}.opd-brand-row b{display:block;margin-top:2px;font-size:16px}.opd-directory-copy>p{min-height:39px;margin:13px 0 15px;color:#6b7889;font-size:16px;line-height:1.65}.opd-card-bottom{display:flex;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid #edf0f4;color:#8190a0;font-size:16px}.opd-card-bottom a{color:var(--opd-blue-2);font-weight:700;text-decoration:none}
.opd-app-cover{position:relative;height:274px;background:#edf1f4;overflow:hidden}.opd-app-cover>div{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,31,52,.80),rgba(12,31,52,.18) 75%)}.opd-app-cover section{position:absolute;left:22px;bottom:22px;max-width:74%;color:#fff}.opd-app-cover small{font-size:16px;font-weight:800;letter-spacing:.12em}.opd-app-cover h3{margin:6px 0 5px;font-size:28px;line-height:1.03;letter-spacing:-.045em}.opd-app-cover p{margin:0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.55}.opd-app-mini-packages{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.opd-app-mini-packages div{padding:11px;border:1px solid #e5eaf0;border-radius:9px;background:#fafbfd}.opd-app-mini-packages span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f7b8a;font-size:16px}.opd-app-mini-packages b{display:block;margin-top:4px;font-size:16px}.opd-app-open{display:flex;justify-content:space-between;align-items:center;margin:0 13px 13px;padding:11px 13px;border-radius:9px;background:#eef4ff;color:var(--opd-blue);font-size:16px;font-weight:700;text-decoration:none}
.opd-package-section{background:#fff}.opd-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.opd-package-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--opd-line);border-radius:14px;background:#fff}.opd-package-image{height:215px;display:grid;place-items:center;overflow:hidden;background:#f2f4f7;color:#9aa4b1;font-size:16px;text-decoration:none}.opd-package-image img{width:100%;height:100%;object-fit:cover}.opd-package-body{display:flex;flex:1;flex-direction:column;padding:17px}.opd-package-body>small{color:#a06533;font-size:16px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.opd-package-body h3{margin:7px 0 5px;font-size:17px;letter-spacing:-.025em}.opd-package-body>p{min-height:38px;margin:0;color:#748091;font-size:16px;line-height:1.6}.opd-package-price{margin-top:18px;padding-top:13px;border-top:1px solid #edf0f4}.opd-package-price>span{display:block;color:#8692a2;font-size:16px}.opd-package-price>div{display:flex;align-items:baseline;gap:7px;margin-top:2px}.opd-package-price b{font-size:23px;letter-spacing:-.04em}.opd-package-price small{color:#7d8998;font-size:16px}.opd-package-link{margin-top:13px;color:var(--opd-blue-2);font-size:16px;font-weight:700;text-decoration:none}
.opd-sync-section{margin-top:8px;padding:42px 30px;border:1px solid #eee8df;border-radius:15px;background:var(--opd-warm)}.opd-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.opd-flow-grid article{padding:18px;border:1px solid #e7e2da;border-radius:12px;background:rgba(255,255,255,.92)}.opd-flow-grid span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#eef4ff;color:var(--opd-blue);font-size:16px;font-weight:800}.opd-flow-grid h3{margin:15px 0 5px;font-size:16px}.opd-flow-grid p{margin:0;color:#727f8f;font-size:16px;line-height:1.65}
.opd-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:58px;padding:28px 30px;border:1px solid #dbe5f0;border-radius:14px;background:#f5f9ff}.opd-cta>div:first-child{max-width:760px}.opd-cta h2{margin:7px 0 6px;font-size:27px;letter-spacing:-.035em}.opd-cta p{margin:0;color:#687689;font-size:16px;line-height:1.65}.opd-cta .opd-actions{flex:none;margin-top:0}.opd-empty{width:min(820px,calc(100% - 36px));margin:80px auto;padding:46px;border:1px solid var(--opd-line);border-radius:16px;background:#fff;text-align:center}.opd-empty h1{margin:9px 0;font-size:34px}.opd-empty p{margin:0 auto 22px;max-width:660px;color:var(--opd-muted);font-size:16px;line-height:1.7}
@media(max-width:980px){.opd-hero{grid-template-columns:1fr;gap:30px}.opd-dual-preview{grid-template-columns:1fr}.opd-package-grid{grid-template-columns:repeat(2,1fr)}.opd-flow-grid{grid-template-columns:repeat(2,1fr)}.opd-proof-strip{grid-template-columns:repeat(2,1fr)}.opd-proof-strip article:nth-child(2){border-right:0}.opd-proof-strip article:nth-child(-n+2){border-bottom:1px solid #e8e2d9}.opd-sync-section{padding:34px 22px}}
@media(max-width:700px){.opd-page{width:min(100% - 24px,1180px);padding:28px 0 92px}.opd-hero{padding:24px 0 34px}.opd-hero h1{font-size:39px}.opd-hero-copy>p{font-size:16px}.opd-actions{display:grid;grid-template-columns:1fr}.opd-btn{width:100%}.opd-live-line{align-items:flex-start;flex-wrap:wrap}.opd-live-line small{width:100%;padding-left:16px}.opd-sync-visual{padding:14px}.opd-proof-strip{margin-bottom:38px}.opd-proof-strip article{padding:14px}.opd-proof-strip b{font-size:16px}.opd-section{padding:42px 0}.opd-section-head h2{font-size:28px}.opd-section-head-inline{display:block}.opd-section-head-inline>a{display:inline-block;margin-top:12px}.opd-package-grid{grid-template-columns:1fr}.opd-package-image{height:230px}.opd-flow-grid{grid-template-columns:1fr}.opd-sync-section{padding:28px 16px}.opd-cta{display:block;padding:22px}.opd-cta h2{font-size:24px}.opd-cta .opd-actions{margin-top:18px}.opd-directory-media{height:205px}.opd-app-cover{height:250px}.opd-app-cover h3{font-size:24px}.opd-sync-output-grid{grid-template-columns:1fr}.opd-sync-split{display:none}.opd-sync-core{margin-bottom:10px}}