/* Visual direction, 14 October: larger type, navy canvas, one lime CTA.
   The existing demo and registration behavior remain in webinar-flow.js. */
:root{--accent:#d7fb78;--navy:#10294e;--ink:#192d43;--green:#346c4c}
body{background:var(--navy);color:#f5f8fd}
.page{max-width:1536px;padding:0 48px;grid-template-rows:80px 1fr 72px;position:relative;isolation:isolate}
.page::before{content:"";position:absolute;z-index:-1;inset:0 0 0 47%;background:linear-gradient(145deg,#1b417444,#24539a33);border-left:1px solid #ffffff08;pointer-events:none}
.header img{width:176px;filter:brightness(0) invert(1)}
.header-note{font-size:12px;color:#b3c6df}
.hero{grid-template-columns:1fr 1.08fr;gap:54px;padding:12px 0 16px}
.invitation{padding:0}
.event-date{font-size:14px;gap:13px;margin-bottom:25px;color:#dce9fa}
.event-date time{font-weight:650;color:var(--accent)}
.event-dot{background:var(--accent);width:7px;height:7px}
.date-divider{color:#657e9f}
h1{font-size:clamp(62px,6.1vw,92px);font-weight:780;line-height:1.02;letter-spacing:-.065em;margin-bottom:22px}
.title-period{color:var(--accent)}
.subtitle{font-size:clamp(25px,2.25vw,33px);font-weight:500;color:#d6e5fc;margin-bottom:24px;letter-spacing:-.035em}
.lead{font-size:18px;line-height:1.65;color:#b8cde8;max-width:460px;margin-bottom:31px}
.cta{min-height:64px;padding:19px 26px;font-size:16px;font-weight:650;gap:35px;color:#163325;background:var(--accent);border-radius:7px;box-shadow:0 7px 28px #040e2220}
.cta:hover{background:#e6ffa6}
.cta>span{font-size:27px}
.byline{font-size:12px;color:#a7bedb;margin-top:16px}
button:focus-visible,a:focus-visible{outline-color:var(--accent)}
.demo-label{font-size:13px;color:#deebfc;margin-bottom:12px}
.example-number{font-size:12px;color:#adc6e8;letter-spacing:.04em}
.flow-screen{color:var(--ink);border:1px solid #fff;border-radius:12px;box-shadow:0 22px 55px #030f2b45}
.window-bar{height:44px;padding:0 24px;background:#eef3f8;border-bottom-color:#dce5ed;font-size:12px;gap:12px}
.window-mark{height:20px;width:20px;font-size:14px;border-color:#a9cbb8;background:white}
.window-app{color:#5b6e82}.window-separator,.window-dots{color:#96aabd}
#flow-stage{height:426px;padding:23px 25px 22px}
.flow-breadcrumb{display:none}
.flow-task-title{font-size:23px;letter-spacing:-.04em;font-weight:650;line-height:1.25;margin-bottom:12px}
.flow-meta{font-size:11px;color:#6b7f91;gap:9px}
.avatar{height:22px;width:22px;font-size:9px;background:#eaf0f7;color:#416181}
.status-dot{background:#529971}
.flow-heading{font-size:13px;font-weight:600;margin-top:15px;margin-bottom:6px}
.record-count{font-size:11px;color:#748698}
.flow-table table{font-size:13px}
.flow-table th{font-size:11px;color:#6b7e90;padding:7px 5px;background:#f6f8fa;border-bottom-color:#dde5ec}
.flow-table td{height:42px;padding:9px 5px;color:#5c6d7e;border-bottom-color:#e3e9ef}
.flow-table td:first-child{color:#233c53}.flow-table td:last-child{font-weight:600;color:#18354d}
.placeholder-row td{color:#9fabb6!important}
.flow-total{background:#edf5ef;border-radius:6px;padding:13px 14px;margin-top:16px;color:#3a6049;font-size:13px}
.flow-total strong{font-size:35px;font-weight:650;color:#285739;letter-spacing:-.045em}
.flow-field{font-size:11px;color:#427454;margin-top:12px}
.flow-empty{margin-top:22px;padding-top:28px}.empty-line{height:9px;margin-bottom:15px;background:#eaf0f6}
.empty-hint{font-size:14px;line-height:1.7;color:#738799;margin-top:28px}
.flow-list-title{font-size:24px;line-height:1.2;margin-bottom:22px;letter-spacing:-.035em}
.flow-list-head,.flow-task-row{grid-template-columns:minmax(0,1fr) 102px;gap:12px;font-size:13px;padding:15px 10px;border-bottom-color:#e3e9ef}
.flow-list-head{font-size:11px;color:#637b91;padding-top:0}
.flow-task-row{min-height:56px;color:#425c72}
.flow-task-row.is-focus{background:#edf5ef;border-left:3px solid #528c63;color:#254d33}
.flow-list-note{font-size:12px;line-height:1.6;color:#607787;margin-top:19px}
.demo-playback{margin-top:8px;min-height:42px}
.demo-caption{font-size:13px;color:#edf4ff;gap:11px}
.caption-index{font-size:12px;color:#8fb0dd}
.playback-button{font-size:12px;color:#cfddf0;min-width:86px;min-height:44px;padding-right:0}
.playback-button:hover{color:#fff}.playback-icon{font-size:14px}
.flow-progress{background:#355277;height:2px;margin-top:0}
.flow-progress span{background:var(--accent)}
.demo-footnote{font-size:10px;color:#a8c0de;margin-top:10px;gap:12px}
.footer{border-top-color:#ffffff24;gap:22px}
.footer-product{font-size:13px;gap:12px;color:#e8f1ff}
.footer-product small{font-size:10px;color:#a6bedc}
.product-symbol{font-size:34px;color:#d7fb78}
.webinar-path{font-size:12px;color:#b9cde9;gap:14px}.webinar-path span{color:#6e93c5}
.privacy-link{font-size:10px;color:#a6bedc}
dialog{background:#fff;color:var(--ink);padding:36px;width:460px}
dialog::backdrop{background:#040d23bb;backdrop-filter:blur(8px)}
dialog h2{font-size:29px}.dialog-date{font-size:12px;color:#5e7489}.dialog-subtitle{font-size:17px}
.registration-note{font-size:13px;color:#657787}.dialog-close{color:#516b81}
form label{font-size:13px}form input{font-size:16px;min-height:50px}
.form-submit{font-size:14px;min-height:58px}.form-feedback{font-size:12px}
dialog button:focus-visible,dialog input:focus-visible{outline-color:#2867c4}

@media(min-width:1600px){.page{grid-template-rows:92px 1fr 86px}.hero{padding:20px 0 36px}#flow-stage{height:470px;padding:30px}.flow-task-title{font-size:26px}.flow-table table{font-size:14px}.flow-table td{height:46px}.flow-list-title{font-size:26px}}
@media(max-width:1150px) and (min-width:861px){.page{padding:0 32px;grid-template-rows:72px 1fr 66px}.hero{gap:34px}h1{font-size:clamp(52px,6.1vw,70px)}.lead{font-size:16px}.subtitle{font-size:25px}.flow-task-title{font-size:21px}.flow-table table,.flow-task-row{font-size:12px}.webinar-path{font-size:10px}.header-note{font-size:11px}.cta{font-size:15px}}
@media(min-width:861px) and (max-height:740px){.page{grid-template-rows:64px 1fr 56px}.hero{padding:6px 0 8px}h1{font-size:clamp(57px,5.4vw,78px);margin-bottom:17px}.event-date{margin-bottom:19px}.subtitle{font-size:25px;margin-bottom:20px}.lead{font-size:16px;margin-bottom:25px}.cta{min-height:58px;padding:16px 24px}.byline{margin-top:13px;font-size:11px}#flow-stage{height:409px;padding:21px 23px}.flow-meta{display:none}.flow-task-title{font-size:21px}.flow-table td{height:39px;padding:7px 5px}.flow-heading{margin-top:17px}.flow-total{margin-top:13px;padding:11px 13px}.flow-list-title{font-size:22px;margin-bottom:17px}.flow-task-row{min-height:50px;padding:13px 10px}.flow-list-note{font-size:11px}.demo-label{margin-bottom:10px}.demo-footnote{font-size:10px;margin-top:8px}.footer-product{font-size:12px}.webinar-path{font-size:11px}}
@media(max-width:860px){.page{padding:0 24px;max-width:650px;grid-template-rows:80px 1fr auto}.page::before{inset:0;background:linear-gradient(150deg,transparent 35%,#24539a44);border:0}.header img{width:148px}.header-note{font-size:10px;max-width:155px}.hero{grid-template-columns:1fr;padding:24px 0 35px;gap:40px}h1{font-size:clamp(54px,9.8vw,79px);margin-bottom:20px}.subtitle{font-size:27px;margin-bottom:22px}.event-date{font-size:13px;margin-bottom:26px}.lead{font-size:17px;max-width:460px;margin-bottom:27px}.cta{font-size:16px;min-height:62px}.byline{font-size:11px}.demo-label{font-size:12px}.flow-task-title{font-size:23px}.flow-meta{display:flex}.demo-caption{font-size:12px}.demo-footnote{font-size:10px}.footer{padding:23px 0;gap:20px;flex-wrap:wrap}.webinar-path{order:3;width:100%;font-size:11px;gap:12px}.privacy-link{display:block;font-size:10px}.footer-product{font-size:12px}}
@media(max-width:440px){.page{padding:0 20px}.header img{width:135px}.header-note{font-size:9px;max-width:131px}h1{font-size:clamp(48px,12.6vw,57px);line-height:1.05}.subtitle{font-size:23px}.event-date{font-size:12px;gap:10px}.lead{font-size:16px;line-height:1.65}.cta{font-size:15px;gap:27px;padding:18px 23px}.byline{font-size:10px}.hero{padding-top:21px;gap:35px}.demo-label{font-size:11px}.example-number{font-size:11px}.window-bar{padding:0 17px;font-size:11px}#flow-stage{height:437px;padding:22px 17px}.flow-task-title{font-size:20px}.flow-heading{font-size:12px;margin-top:20px}.record-count{font-size:10px}.flow-table table{font-size:11px}.flow-table th{font-size:10px;padding:7px 3px}.flow-table td{padding:9px 3px;height:41px}.flow-total{font-size:12px;padding:13px 12px}.flow-total strong{font-size:32px}.flow-field{font-size:10px}.flow-list-title{font-size:21px}.flow-list-head{font-size:10px}.flow-list-head,.flow-task-row{grid-template-columns:minmax(0,1fr) 76px;gap:9px;padding-left:8px;padding-right:8px}.flow-task-row{font-size:11px;min-height:56px}.flow-list-note{font-size:11px}.demo-caption{font-size:11px;gap:9px}.playback-button{font-size:11px;min-width:74px}.demo-footnote{font-size:9px;gap:8px}.webinar-path{font-size:10px;gap:9px}.footer-product{font-size:11px}.footer-product small{font-size:9px}.privacy-link{font-size:9px}dialog{padding:32px 22px}.registration-note{font-size:12px}dialog h2{font-size:25px}.form-submit{font-size:12px;gap:8px}}
@media(max-width:360px){.header-note{max-width:110px;font-size:8px}.header img{width:122px}h1{font-size:45px}.subtitle{font-size:21px}.event-date{font-size:11px;gap:8px}.demo-label{font-size:10px}.flow-task-title{font-size:18px}#flow-stage{height:477px;padding:22px 14px}.flow-table th{font-size:9px}.flow-table table{font-size:10px}.flow-heading{font-size:11px}.flow-list-title{font-size:21px}.demo-footnote{flex-wrap:wrap}.webinar-path{font-size:9px;gap:8px}.footer-product{font-size:10px}.privacy-link{font-size:8px}}