/* Local professional concept. Original restore point: artifacts/opening-page-original.txt. */
.account-company-name .tyctak-wordmark{display:block;width:216px;height:48px;object-fit:cover;object-position:center;max-width:100%}
.demo-opening .account-company{position:absolute;top:65px;left:7vw;display:flex;align-items:center;gap:20px;z-index:1;transform:translateX(-1px)}
.demo-opening .account-company-logo{display:block;width:79.2px;height:79.2px;flex:0 0 79.2px;margin-right:-19.2px;object-fit:contain;background:transparent;border:0;box-shadow:none;position:relative;top:-3px}
.demo-opening .account-company-name .tyctak-wordmark{position:relative;top:3px}
.demo-opening .account-company-tagline{position:relative;top:-5px}
.demo-opening .account-company-name{font-size:clamp(28px,3vw,48px);font-weight:750;line-height:1.12;letter-spacing:-1px;color:#244e80;margin:0}
.demo-opening .account-company-tagline{margin-top:8px;font-size:15px;line-height:1.5;color:#365579}
.demo-opening .demo-main{padding-top:175px}
@media(max-width:1000px){.demo-opening .account-company{position:relative;top:auto;left:auto;margin:35px 6vw 25px}.demo-opening .account-company-name{font-size:34px}.demo-opening .demo-main{padding-top:0}}
.demo-opening .hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px 64px;align-items:start;margin-top:0;padding:24px 0 40px}
.demo-opening .hero-layout>.hero{grid-column:1;grid-row:1;min-height:0;padding:18px 0 0;max-width:570px;align-self:start}
.demo-opening .hero>.eyebrow{margin:0 0 26px;font-family:"Segoe UI",sans-serif;font-size:12px;letter-spacing:2px;color:#406599;font-weight:650}
.demo-opening .hero>h1{margin:0;transform:none;position:static;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(48px,4.8vw,74px);font-weight:650;letter-spacing:-3px;line-height:1.06;color:#182f50}
.demo-opening .hero>h1 em{font-style:normal;color:#426fc0;font-weight:450}
.demo-opening .professional-intro{font-family:"Segoe UI",sans-serif;font-size:23px;line-height:1.45;color:#263f60;font-weight:500;margin:28px 0 14px;letter-spacing:-.4px}
.demo-opening .professional-copy{font-family:"Segoe UI",sans-serif;font-size:16px;line-height:1.85;max-width:450px;color:#4d6380;margin:0}
.demo-opening .professional-demo{margin-top:34px;padding:22px 24px;border:1px solid #a9c4e4;border-left:3px solid #5687d0;border-radius:0 12px 12px 0;background:#f4f8ffbd;box-shadow:none;max-width:440px}
.demo-opening .demo-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:1.8px;color:#426aa4;margin-bottom:10px}
.demo-opening .professional-demo strong{font-family:"Segoe UI",sans-serif;display:block;font-size:23px;letter-spacing:-.5px;color:#203d65;font-weight:600}
.demo-opening .professional-demo p{margin:10px 0 0;font-size:14px;line-height:1.7;color:#536b88}
.demo-opening .hero-layout>.feature-section{grid-column:2;grid-row:1;max-width:none;width:100%;padding:0;margin:0}
.demo-opening .section-intro{margin:0 0 22px;padding:0}
.demo-opening .section-intro .eyebrow{font-size:10px;letter-spacing:1.8px;color:#52719c;margin:0 0 8px}
.demo-opening .section-intro h2{font-family:"Segoe UI",sans-serif;color:#243e61;font-size:27px;font-weight:600;letter-spacing:-.7px;margin:0 0 8px}
.demo-opening .section-intro p:last-child{font-size:13px;color:#5b718e;margin:0}
.demo-opening .feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.demo-opening .feature-card{height:174px;min-height:174px;padding:0;background:transparent;border:0;border-radius:14px;box-shadow:none;color:#243e61;text-align:left}
.demo-opening .card-inner{height:100%;min-height:0;border-radius:14px}
.demo-opening .card-front,.demo-opening .card-back{border-radius:14px;padding:24px;border:1px solid #b6cde9;background:#f7faffed;box-shadow:0 4px 16px #294a7610;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:16px;overflow:hidden}
.demo-opening .card-front:before{content:"";display:block;width:25px;height:4px;border-radius:3px;background:#608fd4;box-shadow:9px -7px 0 -1px #a7c7ec}
.demo-opening .card-front strong{font-family:"Segoe UI",Arial,sans-serif;font-size:21px;line-height:1.25;font-weight:600;letter-spacing:-.45px;color:#243e61;max-width:240px;padding:0;text-align:left}
.demo-opening .card-back{padding:20px;background:#eaf2fd}
.demo-opening .card-back .speech-bubble{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;margin:0;display:block;max-width:none}
.demo-opening .card-back .speech-bubble:before,.demo-opening .card-back .speech-bubble:after{display:none}
.demo-opening .card-back strong{font-family:"Segoe UI",sans-serif;font-size:17px;line-height:1.3;letter-spacing:-.2px;color:#243e61;display:block;margin-bottom:9px}
.demo-opening .card-back .speech-bubble>span{font-family:"Segoe UI",sans-serif;font-size:13px;line-height:1.6;display:block;color:#435e7f}
.demo-opening .hero-extra-features{grid-column:2;grid-row:2;width:100%;max-width:none;justify-self:stretch;align-self:start;margin-top:-18px}
.demo-opening .feature-card:focus-visible{outline:3px solid #396fbd;outline-offset:4px}
@media(max-width:1100px){.demo-opening .hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.demo-opening .hero>h1{font-size:54px}.demo-opening .card-front strong{font-size:19px}.demo-opening .card-front,.demo-opening .card-back{padding:18px}.demo-opening .feature-card{height:194px;min-height:194px}}
@media(max-width:760px){.demo-opening .hero-layout{grid-template-columns:1fr;gap:30px;padding-top:0}.demo-opening .hero-layout>.hero{grid-column:1;grid-row:1;max-width:none}.demo-opening .hero-layout>.feature-section{grid-column:1;grid-row:2}.demo-opening .hero-extra-features{grid-column:1;grid-row:3;margin-top:-16px}.demo-opening .hero>h1{font-size:52px}.demo-opening .professional-demo{max-width:none}.demo-opening .feature-card{height:190px;min-height:190px}}
@media(max-width:430px){.demo-opening .feature-grid{grid-template-columns:1fr}.demo-opening .feature-card{height:164px;min-height:164px}.demo-opening .hero>h1{font-size:44px;letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){.demo-opening .card-front,.demo-opening .card-back{transition:none}}

/* Align both introductory labels on the same baseline. */
.demo-opening .hero-layout>.hero{padding-top:0}
.demo-opening .hero>.eyebrow,.demo-opening .section-intro>.eyebrow{font-size:11px;line-height:16px;letter-spacing:1.8px}

/* Public welcome artwork remains static, including during account-page navigation. */
@view-transition{navigation:auto}
.demo-opening .network-art{view-transition-name:account-artwork;animation:none!important;transition:none!important}
.demo-opening .network-art::before,.demo-opening .network-art::after{animation:none!important;transition:none!important}
::view-transition-group(*){animation:none!important}
::view-transition-old(*){animation:none!important;opacity:0;mix-blend-mode:normal}
::view-transition-new(*){animation:none!important;opacity:1;mix-blend-mode:normal}
.demo-opening .network-art{background-image:url('/css/images/sign-in-connected-static.svg')!important;mask-image:none!important;-webkit-mask-image:none!important;mix-blend-mode:normal!important;isolation:isolate;will-change:auto}