/* One Data Platform uses the Cloud Ready, AI Ready typography and CTA system.
 * Keep only layout adaptations here; shared styling lives in registration.css. */
.one-data-page { --muted:#546173; background:white; }
.one-data-page .wrap { width:min(1152px,100% - 48px); margin-inline:auto; }
.one-data-page section { padding:80px 0; scroll-margin-top:32px; }
.one-data-page .hero {
 padding:32px 0;
 background:#083967 url('../image/one-platform-bg.webp') center / cover no-repeat;
 color:white;
}
.one-data-page .hero-banner-link { display:block; }
.one-data-page .hero-banner-link:focus-visible { outline:3px solid white; outline-offset:6px; }
.one-data-page .hero-banner-content { display:block; width:100%; height:auto; }
.one-data-page .section-title { text-align:center; margin:0; font-size:clamp(28px,3vw,36px); line-height:1.25; }
.one-data-page .section-title::before { margin-inline:auto; }
.one-data-page .panel .section-title::before,.one-data-page .event-grid .section-title::before { margin-inline:0; }
.one-data-page .section-intro { max-width:730px; text-align:center; margin:20px auto 48px; }
.one-data-page .takeaways { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.one-data-page .tile .symbol { display:block; margin-bottom:20px; color:var(--color-brand); font:700 28px/1 var(--font-display); }
.one-data-page .tile h3 { font-size:19px; }
.one-data-page .tile p { font-size:16px; margin-top:12px; }
.one-data-page .speakers { background:#f8fafc; }
.one-data-page .speaker-grid { max-width:620px; margin-inline:auto; }
.one-data-page .speaker { border:1px solid var(--color-border); border-radius:16px; padding:32px; background:white; text-align:center; }
.one-data-page .speaker-photo { width:150px; height:190px; margin:0 auto 24px; border-radius:12px; overflow:hidden; }
.one-data-page .speaker-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
.one-data-page .speaker .role { font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--color-brand); }
.one-data-page .speaker h3 { font-size:22px; margin-top:8px; }
.one-data-page .speaker p { font-size:15px; margin-top:12px; }
.one-data-page .speaker-certificate { margin:28px 0 0; }
.one-data-page .speaker-certificate a { display:block; border-radius:12px; overflow:hidden; }
.one-data-page .speaker-certificate img { display:block; width:100%; height:auto; }
.one-data-page .speaker-certificate figcaption { margin-top:12px; color:#546173; font-size:14px; }
.one-data-page .live-demo { display:inline-block; padding:6px 10px; border-radius:30px; background:var(--reg-accent-gradient); color:white; font:600 10px/1.5 var(--font-display); letter-spacing:.1em; }
.one-data-page .panel { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:64px; align-items:center; }
.one-data-page .panel-highlight { padding:24px; background:#eef6fc; border-left:3px solid var(--color-brand); border-radius:8px; }
.one-data-page .panel-highlight h3 { font-size:19px; }
.one-data-page .panel-highlight p { font-size:16px; margin-top:12px; }
.one-data-page .audience-section { background:linear-gradient(135deg,#0a3d6b,var(--color-brand) 65%,#1a7cc9); color:white; }
.one-data-page .audience-section h2 { color:white; }
.one-data-page .audience-section p { color:#dbeaf7; }
.one-data-page .audiences { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; max-width:900px; margin-inline:auto; }
.one-data-page .audience { display:flex; align-items:center; gap:14px; padding:20px; background:#ffffff12; border:1px solid #ffffff26; border-radius:8px; }
.one-data-page .audience:last-child { grid-column:1/-1; }
.one-data-page .audience span { color:#badff9; font-size:24px; }
.one-data-page .audience span { flex:0 0 28px; text-align:center; }
.one-data-page .event-row .icon { text-align:center; }
.one-data-page .reg-badge i,.one-data-page .live-demo i { margin-right:6px; }
.one-data-page .event-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr); gap:64px; align-items:start; }
.one-data-page .event-row { display:flex; gap:14px; align-items:flex-start; margin-top:24px; }
.one-data-page .event-row .icon { flex:0 0 26px; color:var(--color-brand); font-size:19px; }
.one-data-page .event-card { padding:30px; background:white; border:1px solid var(--color-border); border-radius:16px; }
.one-data-page .event-card h3 { font-size:26px; }
.one-data-page .event-card > p { font-size:15px; }
.one-data-page .countdown-section { padding:40px 0; border-bottom:1px solid var(--color-border); }
.one-data-page .countdown-head { text-align:center; color:var(--color-brand-deep); font:600 12px/1.5 var(--font-display); letter-spacing:.12em; text-transform:uppercase; }
.one-data-page .countdown { display:flex; justify-content:center; gap:20px; margin-top:24px; }
.one-data-page .timebox { min-width:110px; padding:24px; border-radius:12px; background:#f0f7ff; text-align:center; }
.one-data-page .num { color:var(--color-brand-deep); font:600 clamp(32px,4vw,48px)/1 var(--font-display); font-variant-numeric:tabular-nums; }
.one-data-page .unit { margin-top:10px; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#546173; }
@media(max-width:1100px) {
 .one-data-page .takeaways { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) {
 .one-data-page .panel,.one-data-page .event-grid { grid-template-columns:1fr; gap:36px; }
}
@media(max-width:600px) {
 .one-data-page .wrap { width:calc(100% - 40px); }
 .one-data-page section { padding:52px 0; }
 .one-data-page .hero { padding:24px 0; }
 .one-data-page .takeaways,.one-data-page .audiences { grid-template-columns:1fr; }
 .one-data-page .speaker,.one-data-page .event-card { padding:24px; }
 .one-data-page .countdown { gap:10px; }
 .one-data-page .timebox { min-width:0; flex:1; max-width:120px; padding:20px 8px; }
 .one-data-page .unit { font-size:10px; }
}
