/* Commercial identity shared with the private workspace; no private styles imported. */
:root {
  --site-navy-950: #0b1420; --site-navy-900: #0c1b2d;
  --site-navy-850: #12283e; --site-navy-800: #17334d;
  --site-blue-600: #1769e8; --site-blue-500: #3183ed; --site-blue-400: #83b6ff;
  --site-cyan: #70d5f3; --site-ink: #172b42; --site-muted: #64758a;
  --site-line: #e1e7ee; --site-soft: #f3f5f8;
  --site-radius: 16px; --site-radius-lg: 24px;
  --site-shadow: 0 16px 48px #10223912;
}
body.marketing-page { font-family: "Segoe UI", Inter, system-ui, sans-serif; line-height: 1.65; }
body.login-page-modern { font-family: "Segoe UI", Inter, system-ui, sans-serif; background: #f3f5f8; }
body.login-page-modern .login-showcase { background: radial-gradient(ellipse at 100% 0,#24526d66,transparent 70%),#0c1b2d; }
body.login-page-modern .login-showcase h1 { font-size: clamp(34px, 3.5vw, 56px); font-weight: 600; letter-spacing: -.04em; line-height: 1.12; }
body.login-page-modern .login-showcase h1 span { color: #83b6ff; }
body.login-page-modern .login-showcase p { color: #afc0d2; font-weight: 400; }
body.login-page-modern .login-panel { background: #f3f5f8; }
body.login-page-modern .login-card { border: 1px solid #e1e7ee; border-radius: 20px; box-shadow: 0 18px 60px #10223912; }
body.login-page-modern .login-copy h2 { font-weight: 600; color: #172b42; letter-spacing: -.03em; }
body.login-page-modern .login-input-wrap { border-color: #cbd5e1; border-radius: 10px; box-shadow: none; }
body.login-page-modern .login-submit { background: #1769e8; border-radius: 10px; box-shadow: 0 4px 12px #1769e820; font-weight: 600; }
.marketing-page :is(h1,h2,h3,h4) { font-weight: 600; letter-spacing: -.035em; text-wrap: balance; }
.marketing-page :is(strong,.site-eyebrow,.price-card-topline) { font-weight: 600; }
.marketing-page :is(p,li) { text-wrap: pretty; }
.marketing-page :is(.site-button,.site-nav-dropdown>button,.site-navigation a) { font-weight: 600; }
.marketing-page .site-header { background: #0c1b2df5; border-bottom: 1px solid #ffffff12; }
.marketing-page .site-header.is-scrolled { background: #0c1b2df5; box-shadow: 0 4px 20px #07132118; }
.marketing-page .site-logo { width: 147px; flex: 0 0 147px; }
.marketing-page .site-logo img { width: 144px; max-width: none; height: 48px; object-fit: contain; image-rendering: auto; transform: none; }
.marketing-page .site-button { border-radius: 10px; background: #1769e8; box-shadow: 0 4px 12px #1769e820; padding: 13px 20px; }
.marketing-page .site-button:hover { background: #125acb; transform: translateY(-1px); }
.marketing-page .site-button-secondary { background: #fff; color: #172b42; border: 1px solid #d6e0ec; box-shadow: none; }
.marketing-page .site-button-secondary:hover { background: #edf4ff; color: #172b42; }
.marketing-page :is(.site-button-ghost,.site-button-dark-secondary) { background: #ffffff08; border: 1px solid #ffffff30; color: #edf3fa; box-shadow: none; }
.marketing-page .site-button-light { background: #fff; color: #172b42 !important; }
.marketing-page .site-button-light:hover { background: #edf4ff; }
.marketing-page :is(.hero,.inner-hero,.contact-hero,.signup-hero,.signup-confirmation-shell,.legal-hero) {
  background: radial-gradient(ellipse at 85% 15%, #1c405d80, transparent 62%), #0c1b2d;
}
.marketing-page :is(.hero,.inner-hero,.contact-hero,.signup-hero,.legal-hero)::after {
  content: ""; display: block; position: absolute; inset: auto 0 0; height: 70px;
  background: linear-gradient(180deg, transparent, #0c1b2d); pointer-events: none;
}
.marketing-page .hero-grid { opacity: .18; }
.marketing-page :is(.hero-glow,.hero-device-glow,.legal-hero-glow) { opacity: .15; }
.marketing-page .hero { padding-top: 150px; padding-bottom: 60px; }
.marketing-page .hero-inner { width: min(calc(100% - 48px), var(--site-container)); grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 54px; align-items: center; min-height: 540px; }
.marketing-page .hero-copy h1 { font-size: clamp(44px, 4.5vw, 68px); line-height: 1.08; font-weight: 600; letter-spacing: -.045em; }
.marketing-page .hero-copy h1 span { color: #83b6ff; background: none; -webkit-text-fill-color: currentColor; }
.marketing-page .hero-copy > p { font-size: clamp(16px, 1.3vw, 19px); color: #afc0d2; line-height: 1.75; max-width: 480px; }
.marketing-page .hero-release { border-color: #36516e; background: #17334d70; color: #bfd4e9; font-size: 12px; font-weight: 500; }
.marketing-page .hero-trust { gap: 12px 20px; }
.marketing-page .hero-trust span { font-weight: 400; font-size: 12px; color: #9dafc4; }
.marketing-page .hero-proof { margin-top: 48px; padding-top: 26px; border-top: 1px solid #ffffff12; color: #9dafc4; }
.marketing-page .hero-proof strong { font-weight: 500; }
/* A product window is easier to read than a second frame around the software. */
.marketing-page .hero-device-scene { min-height: 0; height: auto; aspect-ratio: 2360 / 1258; transform: none; }
.marketing-page .hero-laptop-device { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; transform: none; animation: none; }
.marketing-page .hero-laptop-device > .hero-device-frame { display: none; }
.marketing-page .hero-laptop-screen { position: absolute; inset: 0; width: 100%; height: 100%; border: 1px solid #49647c; border-radius: 16px; overflow: hidden; box-shadow: 0 30px 65px #0005; transform: none; background: #111e2e; }
.marketing-page .hero-laptop-screen img { width: 100%; height: 100%; object-fit: contain; object-position: top left; }
.marketing-page .hero-phone-device { width: 38%; left: -9%; bottom: -19%; top: auto; transform: none; }
.marketing-page :is(.hero-device-status,.hero-assistant-status) { background: #142c43; border-color: #3b5670; box-shadow: 0 10px 26px #0002; }
.marketing-page .hero-assistant-status { top: -22px; right: 16px; }
.marketing-page .hero-device-status { bottom: -22px; right: 12px; }
.marketing-page .inner-hero { padding-top: 140px; padding-bottom: 70px; }
.marketing-page .inner-hero h1 { font-size: clamp(36px, 4vw, 60px); line-height: 1.12; font-weight: 600; }
.marketing-page .inner-hero-copy > p { font-size: 18px; line-height: 1.75; color: #afc0d2; }
.marketing-page .site-section { padding-block: 88px; }
.marketing-page main > .inner-hero + .site-section { padding-top: 80px; background: #f3f5f8; }
.marketing-page main > .inner-hero + .site-section::before { display: none; }
.marketing-page .operations-section { background: #f3f5f8; padding-top: 70px; }
.marketing-page .operations-section::before { display: none; }
.marketing-page .operations-intro { background: #112a40; border-color: #2c475e; border-radius: 24px; box-shadow: none; }
.marketing-page :is(.operations-intro h2,.section-heading h2,.section-head h2,.landing-split h2) { font-size: clamp(30px, 3.2vw, 46px); font-weight: 600; line-height: 1.15; }
.marketing-page :is(.modules-section,.product-principles,.features-catalog,.landing-benefits,.legal-content-section,.pricing-section) { background: #fff; }
.marketing-page :is(.workflow-section,.role-section,.product-deep-dive,.landing-process,.faq-section) { background: #f3f5f8; }
.marketing-page :is(.landing-problem-panel,.price-card,.module-card,.feature-card,.principle-card,.contact-form-card,.signup-card,.legal-card) { border: 1px solid #e1e7ee; border-radius: 18px; box-shadow: var(--site-shadow); }
.marketing-page .landing-problem-panel { background: #fff; backdrop-filter: none; }
.marketing-page :is(.price-card,.module-card,.feature-card) { background: #fff; }
.marketing-page :is(.price-card h3,.module-card h3,.feature-card h3) { color: #172b42; font-weight: 600; }
.marketing-page :is(.price-card,.module-card,.feature-card) p { color: #64758a; font-weight: 400; }
.marketing-page .price-card.is-featured { border-color: #1769e8; background: #f5f9ff; }
.marketing-page .price-card.featured { background: #12283e; border-color: #3b5670; color: #fff; }
.marketing-page .price-card.featured h3 { color: #fff; }
.marketing-page .price-card.featured p { color: #c4d5e6; }
.marketing-page .pricing-section { background: #f3f5f8; }
.marketing-page .pricing-backdrop { opacity: .12; }
.marketing-page .pricing-confidence article { background: #fff; border-color: #e1e7ee; box-shadow: none; border-radius: 14px; }
.marketing-page .final-cta { background: radial-gradient(ellipse at 85% 0,#24526d80,transparent 65%), #0c1b2d; }
.marketing-page .final-cta h2 { font-size: clamp(32px, 4vw, 52px); font-weight: 600; line-height: 1.15; }
.marketing-page .site-footer { background: #0b1420; border-top: 1px solid #ffffff12; }
.marketing-page :is(.contact-hero h1,.signup-hero h1,.legal-hero h1) { font-weight: 600; font-size: clamp(36px, 4.4vw, 60px); line-height: 1.12; }
.marketing-page :is(.contact-form,.signup-form) :is(input,select,textarea) { border-radius: 9px; }
.marketing-page :is(input,select,textarea):focus-visible { outline: 2px solid #1769e8; outline-offset: 2px; }
.marketing-page :is(a,button,summary):focus-visible { outline: 2px solid #70d5f3; outline-offset: 4px; }
.marketing-page :is(.legal-content,.legal-document) { line-height: 1.85; }
.marketing-page :is(.site-nav-dropdown-panel,.site-dropdown-panel) { border-radius: 14px; box-shadow: 0 20px 50px #0003; }
.marketing-page .mock-sidebar { background: #0c1b2d; }
.marketing-page .mock-nav .active { background: #213a55; box-shadow: none; }
.marketing-page .mock-health { background: radial-gradient(ellipse at 100% 0,#235b73,transparent 70%),#142e43; }
.marketing-page .mock-health-copy > strong { font-weight: 600; }
.marketing-page .mock-kpis > div { border-color: #e1e7ee; box-shadow: none; }
@media (max-width: 1100px) {
  .marketing-page .hero-inner { gap: 32px; }
  .marketing-page .hero-device-scene { min-height: 0; }
}
@media (max-width: 800px) {
  .marketing-page .hero { padding-top: 120px; padding-bottom: 42px; }
  .marketing-page .hero-inner { grid-template-columns: 1fr; min-height: 0; gap: 48px; }
  .marketing-page .hero-copy { display: block; max-width: 650px; }
  .marketing-page .hero-copy h1 { font-size: clamp(40px, 7.5vw, 58px); }
  .marketing-page .hero-device-scene { width: 94%; margin: 12px auto 24px; min-height: 0; }
  .marketing-page .hero-proof { margin-top: 24px; }
  .marketing-page .site-section { padding-block: 60px; }
  .marketing-page .inner-hero { padding-top: 115px; padding-bottom: 50px; }
  .marketing-page main > .inner-hero + .site-section { padding-top: 55px; }
  .marketing-page .hero-assistant-status { top: -18px; }
  .marketing-page .hero-device-status { bottom: -18px; }
}
@media (prefers-reduced-motion: reduce) {
  .marketing-page *, .marketing-page *::before, .marketing-page *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* The transition occupies its own space: no translucent layer over content. */
.marketing-page main > :is(.hero,.inner-hero,.legal-hero,.contact-hero,.signup-hero) + .site-section {
  background: linear-gradient(180deg,#0c1b2d 0%,#152537 8%,#2a3b4d 18%,#495969 29%,#70808e 41%,#99a6b1 54%,#bdc6ce 67%,#d9dfe5 79%,#edf0f4 91%,#f3f5f8 100%) top / 100% 280px no-repeat, #f3f5f8;
  padding-top: 315px;
}
.marketing-page main > .hero + .operations-section { padding-top: 80px; }
.marketing-page :is(.contact-hero,.signup-hero,.legal-hero) { position: relative; }
.marketing-page .faq-section { color: #172b42; }
.marketing-page .faq-intro .section-heading h2 { color: #172b42; }
.marketing-page :is(.faq-intro .section-heading p,.faq-answer p) { color: #52667e; }
.marketing-page :is(.faq-intro .site-eyebrow,.faq-number,.faq-answer-card small) { color: #1762c6; }
.marketing-page .faq-item { background: #fff; border-color: #dce4ee; box-shadow: 0 4px 14px #10223906; backdrop-filter: none; }
.marketing-page .faq-item:hover { border-color: #9ebce4; transform: none; }
.marketing-page .faq-item[open] { background: #f8fbff; border-color: #9ebce4; box-shadow: 0 10px 28px #10223909; }
.marketing-page .faq-item summary strong { color: #172b42; }
.marketing-page .faq-toggle { background: #edf4ff; color: #1762c6; border-color: #dce7f6; }
.marketing-page .faq-item[open] .faq-toggle { background: #1769e8; color: #fff; }
.marketing-page .faq-answer { border-color: #dce4ee; }
.marketing-page .faq-answer > span { background: #dcf5ea; color: #13754e; }
.marketing-page .faq-core { background: #1769e8; color: #fff; box-shadow: 0 14px 40px #1769e826; }
.marketing-page .faq-orbit { border-color: #c7d9ef; }
.marketing-page .faq-signal { background: #fff; color: #1762c6; border-color: #d6e3f4; }
.marketing-page .faq-signal.is-active { background: #e8f1ff; color: #1762c6; border-color: #99bdf0; }
.marketing-page .faq-answer-card { background: #fff; border-color: #dce4ee; box-shadow: 0 12px 32px #10223912; }
.marketing-page .faq-answer-card strong { color: #172b42; }
.marketing-page .faq-answer-card i { background: #e2eaf5; }

/* Interactive plant overview: readable equipment rather than decorative 3D blocks. */
.marketing-page .story-industrial { background: #f3f5f8; }
.marketing-page .story-industrial .story-stage { min-height: 0; border: 1px solid #cfdae7; border-radius: 24px; box-shadow: 0 24px 65px #10223912; transform: none !important; }
.marketing-page .story-industrial .story-stage::after { display: none; }
.marketing-page .plant-scene { min-height: 0; grid-template-columns: minmax(0,1.45fr) minmax(300px,.85fr); background: #f6f9fc; }
.marketing-page .plant-floor { min-height: 0; padding: 32px; border-right: 0; background: radial-gradient(ellipse at 100% 0,#24557180,transparent 65%),#0c1b2d; perspective: none; }
.marketing-page .plant-grid-lines { inset: 0; transform: none; background-image: linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px); background-size: 36px 36px; pointer-events: none; }
.marketing-page .plant-overview-heading { position: relative; display: flex; align-items: center; justify-content: space-between; color: #d7e7f7; margin-bottom: 26px; padding-bottom: 20px; border-bottom: 1px solid #ffffff14; }
.marketing-page .plant-overview-heading > span { display: flex; align-items: center; gap: 12px; font-size: 17px; font-weight: 600; }
.marketing-page .plant-overview-heading small { color: #93abc2; font-size: 12px; letter-spacing: .1em; }
.marketing-page .plant-equipment-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.marketing-page .plant-equipment { position: relative; inset: auto; min-width: 0; width: 100%; min-height: 184px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 7px; padding: 22px; border: 1px solid #35516a; border-radius: 16px; color: #f2f7ff; text-align: left; background: #162d42; box-shadow: 0 8px 18px #0001; transform: none; }
.marketing-page .plant-equipment::before { display: none; }
.marketing-page .plant-equipment:hover { border-color: #83b6ff; background: #1c3a55; transform: translateY(-2px); box-shadow: 0 12px 24px #0002; }
.marketing-page .plant-equipment.is-active { background: linear-gradient(135deg,#205381,#173650); border-color: #70b7ff; transform: none; box-shadow: 0 0 0 3px #3183ed22; }
.marketing-page .plant-equipment > span { width: 38px; height: 38px; border: 1px solid #5d85a34d; background: #365a763d; color: #90caff; margin-bottom: 7px; }
.marketing-page .plant-equipment > strong { color: #a8c8e7; font-size: 11px; font-family: ui-monospace,monospace; letter-spacing: .05em; }
.marketing-page .plant-equipment > b { font-size: 16px; font-weight: 600; line-height: 1.3; }
.marketing-page .plant-equipment > small { font-size: 12px; color: #aad8ca; }
.marketing-page .plant-equipment > i { top: 24px; right: 24px; box-shadow: 0 0 0 4px #19c88618; }
.marketing-page .plant-equipment.needs-maintenance > i { background: #efb64f; box-shadow: 0 0 0 4px #efb64f18; }
.marketing-page .plant-equipment.needs-maintenance > small { color: #f4ce89; }
.marketing-page .plant-equipment > em { position: absolute; right: 20px; bottom: 20px; color: #aac7e0; }
.marketing-page .plant-equipment > em .site-icon { width: 16px; height: 16px; }
.marketing-page .plant-inspector { min-width: 0; margin: 28px; }
.marketing-page .plant-inspector > .story-panel { padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.marketing-page .plant-inspector-head { grid-template-columns: 44px minmax(0,1fr); gap: 12px; padding-bottom: 24px; border-color: #dce5ee; }
.marketing-page .plant-inspector-head small { font-size: 11px; color: #61788f; font-weight: 500; }
.marketing-page .plant-inspector-head strong { font-size: 21px; font-weight: 600; line-height: 1.3; color: #172b42; }
.marketing-page .plant-inspector-head em { grid-column: 2; font-size: 12px; }
.marketing-page .plant-reading { gap: 12px; margin-top: 24px; }
.marketing-page .plant-reading > span { background: #fff; border: 1px solid #dce5ee; padding: 18px; border-radius: 12px; }
.marketing-page .plant-reading small { font-size: 11px; color: #61788f; }
.marketing-page .plant-reading b { font-size: 15px; line-height: 1.5; font-weight: 600; color: #172b42; }
.marketing-page .plant-gauge { margin-top: 26px; font-size: 12px; color: #172b42; }
.marketing-page .plant-gauge span { color: #61788f; }
.marketing-page .plant-gauge strong { font-size: 22px; }
.marketing-page .plant-gauge i { height: 7px; }
@media(max-width:800px) {
  .marketing-page .plant-scene { grid-template-columns: 1fr; }
  .marketing-page .plant-floor { padding: 22px; }
  .marketing-page .plant-inspector { margin: 24px; }
  .marketing-page .plant-equipment-grid { gap: 12px; }
  .marketing-page .plant-equipment { padding: 16px; min-height: 175px; }
  .marketing-page .plant-equipment > b { font-size: 14px; }
  .marketing-page .plant-equipment > i { top: 18px; right: 18px; }
  .marketing-page .plant-equipment > em { right: 12px; bottom: 15px; }
}

/* Immersive workspace entrance; form and authentication hooks stay intact. */
body.login-page-modern { background: radial-gradient(ellipse at 15% 35%,#153b62 0,transparent 55%),#091725; }
body.login-page-modern .login-shell { max-width: 1500px; min-height: 100svh; padding: 44px; gap: clamp(32px,5vw,80px); grid-template-columns: minmax(0,1.15fr) minmax(400px,.85fr); align-items: center; }
body.login-page-modern .login-showcase { padding: 30px 0; border: 0; border-radius: 0; background: transparent; overflow: visible; }
body.login-page-modern .login-showcase::before { display: none; }
body.login-page-modern .login-showcase-inner { position: relative; }
body.login-page-modern .login-showcase-inner::before { content: ""; position: absolute; z-index: -1; width: 90%; aspect-ratio: 1; top: 12%; left: -10%; border-radius: 50%; background: radial-gradient(circle,#1769e840,transparent 68%); pointer-events: none; }
body.login-page-modern .login-product-pill { background: #15334d; border-color: #34526e; color: #c8dced; font-size: .65rem; letter-spacing: .06em; }
body.login-page-modern .login-showcase h1 { font-size: clamp(36px,3.7vw,57px); line-height: 1.09; margin-top: 26px; }
body.login-page-modern .login-showcase h1 .login-hero-lead { color: #fff; }
body.login-page-modern .login-showcase h1 .login-hero-focus { color: #8dc4ff; }
body.login-page-modern .login-showcase > .login-showcase-inner > p { max-width: 540px; font-size: 16px; }
body.login-page-modern .login-product-window { margin-top: 38px; border-color: #65829c; box-shadow: 0 30px 80px #0005,0 0 60px #3183ed1a; transform: none; }
body.login-page-modern .login-feature-strip { display: flex; flex-wrap: wrap; gap: 12px 20px; border-color: #ffffff18; padding-top: 22px; }
body.login-page-modern .login-feature-strip > span { font-size: 11px; color: #b4c7d9; }
body.login-page-modern .login-panel { padding: 0; border: 0; border-radius: 0; background: transparent; }
body.login-page-modern .login-card { width: 100%; max-width: 470px; padding: 34px; border-radius: 26px; border: 1px solid #ffffffb3; background: #fff; box-shadow: 0 32px 100px #0005,0 0 0 10px #ffffff04; }
body.login-page-modern .login-card::before { height: 2px; left: 32px; right: 32px; }
body.login-page-modern .login-card-brand {
  min-height: 66px; margin: -8px -8px 30px; padding: 10px 16px; gap: 16px;
  background: radial-gradient(ellipse at 85% 0%, #6cbbd52b, transparent 65%), linear-gradient(115deg, #142c46 0%, #214e70 55%, #28627a 100%);
  border: 1px solid #517c984d; border-radius: 14px;
  box-shadow: inset 0 1px 0 #ffffff21, 0 8px 22px #15334d18;
}
body.login-page-modern .login-brand-logo-link { background: transparent; border: 0; box-shadow: none; }
body.login-page-modern .login-brand-logo { width: 144px; height: 48px; object-fit: contain; image-rendering: auto; transform: none; background: transparent; filter: brightness(0) invert(1); }
body.login-page-modern .login-muted { color: #fff; font-weight: 400; font-size: 12px; }
body.login-page-modern .login-card-eyebrow { font-size: 10px; font-weight: 600; color: #1762c6; letter-spacing: .13em; }
body.login-page-modern .login-copy h2 { font-size: clamp(28px,2.5vw,36px); line-height: 1.15; }
body.login-page-modern .login-copy p { font-weight: 400; font-size: 14px; color: #617287; line-height: 1.65; }
body.login-page-modern .login-field label { font-weight: 600; font-size: 11px; }
body.login-page-modern .login-input-wrap { background: #f5f8fc; border-color: #d5dfec; border-radius: 12px; transition: border-color .2s,box-shadow .2s; }
body.login-page-modern .login-input-wrap:focus-within { border-color: #3183ed; box-shadow: 0 0 0 4px #1769e814; }
body.login-page-modern .login-input-wrap.is-invalid { border-color: #dc3545; }
body.login-page-modern .login-input-wrap input { background: transparent; min-width: 0; }
body.login-page-modern .login-forgot-btn { font-size: 12px; font-weight: 500; }
body.login-page-modern .login-submit { background: linear-gradient(110deg,#1769e8,#2585ef); box-shadow: 0 8px 22px #1769e82b; border-radius: 12px; }
body.login-page-modern .login-submit:hover { background: #125acb; box-shadow: 0 10px 26px #1769e83b; }
body.login-page-modern .login-footer-note { padding: 14px 0; border: 0; border-top: 1px solid #e5ebf2; border-radius: 0; background: transparent; font-size: 12px; font-weight: 400; color: #617287; }
body.login-page-modern .login-back-home { font-size: 12px; font-weight: 500; }
body.login-page-modern :is(button,a,input):focus-visible { outline: 2px solid #1769e8; outline-offset: 3px; }
@media(max-width: 991.98px) {
  body.login-page-modern .login-shell { grid-template-columns: 1fr; gap: 18px; padding: 28px 20px; }
  body.login-page-modern .login-showcase { padding: 0; text-align: center; }
  body.login-page-modern .login-showcase-inner { max-width: 580px; margin: auto; }
  body.login-page-modern .login-showcase h1 { font-size: 30px; margin: 20px 0 0; }
  body.login-page-modern .login-showcase :is(.login-product-window,.login-feature-strip),body.login-page-modern .login-showcase-inner > p { display: none; }
  body.login-page-modern .login-panel { padding: 0; }
  body.login-page-modern .login-card { padding: 28px; }
}
@media(max-width: 480px) {
  body.login-page-modern .login-shell { padding: 24px 14px; }
  body.login-page-modern .login-card { padding: 24px; border-radius: 22px; }
  body.login-page-modern .login-card-brand { gap: 10px; padding-inline: 12px; }
  body.login-page-modern .login-muted { font-size: 11px; }
  body.login-page-modern .login-showcase h1 { font-size: 27px; }
  .marketing-page main > :is(.inner-hero,.legal-hero,.contact-hero,.signup-hero) + .site-section { padding-top: 310px; }
}