.demo-intro-page{min-height:100vh;background:#fff}
.demo-top-links{display:flex;align-items:center;gap:28px;color:#465e75;font-size:16px;font-weight:700}
.demo-back-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid #d7e2ea;border-radius:8px;color:#465e75;font-size:15px;font-weight:700}
.demo-back-link:hover{border-color:#b8d8ef;color:var(--blue)}
.demo-top-links .button{font-size:15px}
.demo-intro-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:590px;padding-top:55px;padding-bottom:60px}
.demo-intro-copy h1{max-width:620px;margin:0;color:var(--navy);font:800 clamp(42px,5.3vw,66px)/1.06 var(--font-display);letter-spacing:-.05em}
.demo-intro-copy>p:not(.eyebrow){max-width:610px;margin:20px 0 27px;color:#526a80;font-size:19px;line-height:1.75}
.demo-intro-image{overflow:hidden;border-radius:18px;box-shadow:var(--shadow)}
.demo-intro-image img{width:100%;height:410px;object-fit:cover}
.demo-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#f3f9fe}
.demo-choice{min-height:250px;padding:30px;border:1px solid #dce7ef;border-radius:14px;background:#fff}
.demo-choice h2{margin:0;color:var(--navy);font:800 28px/1.2 var(--font-display)}
.demo-choice>p:not(.eyebrow){max-width:560px;margin:12px 0 20px;color:#526a80;font-size:17px;line-height:1.65}
.demo-choice .eyebrow{font-size:13px}
.demo-choice-pending{background:#f9fbfd}
.pending-label{display:inline-block;padding:8px 12px;border-radius:30px;background:#edf2f6;color:#526a80;font-size:14px;font-weight:700}
.demo-intro-bottom{display:flex;align-items:center;gap:14px;width:min(1180px,calc(100% - 56px));margin:60px auto;padding:32px;border-radius:14px;background:var(--navy)}
.demo-intro-bottom>div{flex:1}
.demo-intro-bottom .eyebrow{margin-bottom:8px;color:#a9d7f8}
.demo-intro-bottom h2{margin:0;color:#fff;font:800 27px/1.25 var(--font-display)}
.demo-intro-bottom .button-outline{border:1px solid #afcee4;background:transparent;color:#fff;box-shadow:none}
.demo-footer{display:flex;justify-content:space-between;gap:15px;padding:25px max(28px,calc((100% - 1180px)/2));border-top:1px solid #e1e9f0;color:#526a80;font-size:14px}
.demo-footer a{color:var(--blue);font-weight:700}
@media(max-width:850px){.demo-intro-hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding-top:45px;padding-bottom:48px}.demo-intro-image img{height:350px}.demo-intro-bottom{flex-wrap:wrap}.demo-intro-bottom>div{flex-basis:100%}}
@media(max-width:600px){.demo-top-links{gap:14px;font-size:14px}.demo-top-links .button{min-height:42px;padding:0 12px;font-size:14px}.demo-intro-copy h1{font-size:43px}.demo-intro-copy>p:not(.eyebrow){font-size:17px}.demo-intro-image img{height:260px}.demo-choices{grid-template-columns:1fr;padding-inline:18px}.demo-choice{min-height:unset;padding:23px}.demo-intro-bottom{width:calc(100% - 36px);margin:35px auto;padding:24px}.demo-intro-bottom h2{font-size:24px}.demo-intro-bottom .button{width:100%}.demo-footer{padding-inline:18px}}

.demo-welcome{width:min(480px,calc(100% - 32px));padding:26px 28px 20px;border:1px solid #dce7ef;border-radius:16px;background:#fff;color:var(--navy);box-shadow:0 24px 70px #12314f38}
.demo-welcome::backdrop{background:#10253db3;backdrop-filter:blur(3px)}
.demo-welcome-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.demo-welcome-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e7f4ff;color:var(--blue);font:800 14px var(--font-display)}
.demo-welcome-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce7ef;border-radius:50%;background:#fff;color:#526a80;font-size:23px;line-height:1;cursor:pointer}
.demo-welcome .eyebrow{margin-bottom:8px}
.demo-welcome h2{margin:0;color:var(--navy);font:800 26px/1.2 var(--font-display);letter-spacing:-.03em}
.demo-welcome>p:not(.eyebrow){margin:11px 0 19px;color:#526a80;font-size:15px;line-height:1.65}
.demo-welcome-timer{height:4px;overflow:hidden;border-radius:5px;background:#e7eff5}
.demo-welcome-timer span{display:block;width:100%;height:100%;transform-origin:left;background:var(--blue);animation:demo-welcome-countdown 4s linear forwards}
@keyframes demo-welcome-countdown{to{transform:scaleX(0)}}
@media(max-width:600px){.demo-welcome{padding:21px 20px 17px}.demo-welcome h2{font-size:23px}.demo-welcome>p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){.demo-welcome-timer span{animation:none}}

/* Demo entry screen */
.demo-entry-page{min-height:100vh;background:linear-gradient(180deg,#f1f8fd 0%,#fff 100%)}
.demo-entry-page .site-header{position:relative}
.demo-entry-page .nav-wrap{justify-content:flex-start}
.demo-entry-main{display:grid;place-items:center;min-height:calc(100vh - 82px);padding:56px 24px}
.demo-entry-card{position:relative;width:min(760px,100%);padding:clamp(32px,6vw,64px);border:1px solid #dfebf3;border-radius:20px;background:#fff;text-align:center;box-shadow:0 24px 70px #163d5b12}
.demo-entry-card::before{position:absolute;inset:0 24% auto;height:4px;border-radius:0 0 5px 5px;background:var(--green);content:""}
.demo-entry-label{display:inline-flex;margin:0 0 20px;padding:8px 13px;border-radius:999px;background:#e5f5eb;color:#12804f;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.demo-entry-card h1{margin:0;color:var(--navy);font:800 clamp(38px,5.5vw,58px)/1.08 var(--font-display);letter-spacing:-.045em}
.demo-entry-copy{max-width:610px;margin:20px auto 27px;color:#64788a;font-size:17px;line-height:1.75}
.demo-entry-button{min-height:54px;padding:0 26px;background:#17a76b;color:#fff;font-size:17px;box-shadow:0 9px 22px #17a76b32}
.demo-entry-button:hover{background:#108957}
.demo-entry-button span{margin-left:4px}
.demo-entry-back{display:block;width:max-content;margin:19px auto 0;color:#6b7f90;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.demo-entry-back:hover{color:var(--blue)}
@media(max-width:600px){.demo-entry-main{min-height:calc(100vh - 72px);padding:28px 16px}.demo-entry-card{padding:37px 22px;border-radius:15px}.demo-entry-card h1{font-size:39px}.demo-entry-copy{margin:16px auto 23px;font-size:15px;line-height:1.7}.demo-entry-button{width:100%;font-size:16px}}