/*!sf-css-bundle:AssetBundleManifest*/ /*!sf-css-source:css/public/features/home-foundation.css*/ .nav-row,.section-heading-row{display: flex; align-items: center; justify-content: space-between; gap: 1rem;} .section-block{padding: 5.5rem 0;} .eyebrow{text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.75rem; color: var(--gold);} .footer-copy{color: var(--muted);} .hero-actions{display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem;} .lux-button{display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 1.35rem; border-radius: 16px; font-weight: 600; border: 1px solid transparent; cursor: pointer; transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;} .lux-button:hover{transform: translateY(-2px); box-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);} .lux-button-primary{background: linear-gradient(135deg, #d7be96 0%, #b09169 100%); color: #111214;} .lux-button-secondary{background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.14); color: var(--text);} .section-heading-row{margin-bottom: 2rem;} @media (max-width: 767px){.section-block{padding: 4rem 0;}} .nav-submenu-copy p{color: var(--muted);} .luxury-panel{border-radius: 30px; border: 1px solid rgba(214,188,146,0.14); background: rgba(12,16,22,0.76); box-shadow: var(--shadow); position: relative;} .section-heading-stack p{max-width: 58rem; margin: 0.85rem 0 0; color: var(--muted);} .section-heading-stack h2{text-wrap: balance;} @media (max-width: 991px){.site-backdrop-orbits::before{width: 46rem; height: 46rem; right: -18rem;}.site-backdrop-orbits::after{width: 34rem; height: 34rem;}.main-nav{display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 1rem; padding: 0 0 1rem;}.main-nav.is-open{display: flex;}.header-menu-list{grid-template-columns: 1fr;}.header-menu-list{display: grid; gap: 0.6rem; width: 100%;}.nav-link-group,.nav-link{width: 100%;}.nav-submenu{position: static; width: 100%; opacity: 1; visibility: visible; transform: none; pointer-events: auto; display: none; margin-top: 0.55rem;}.nav-item.is-open > .nav-submenu{display: block;}.footer-menu-list{grid-template-columns: 1fr;}} @media (max-width: 767px){.site-width,.site-width-admin{width: min(100% - 1rem, 100% - 1rem);}.footer-shell{padding: 1.25rem;}.nav-toggle{width: 3rem; height: 3rem;}} .footer-meta-copy{color: var(--muted);} .section-block-public{padding: 4.5rem 0;} .section-heading-stack{align-items: flex-start;} .section-heading-stack p{max-width: 72ch; color: var(--muted); margin: 0.9rem 0 0;} @media (max-width: 767px){.section-block-public{padding: 3.75rem 0 1.5rem;}.footer-shell{padding: 1.25rem;}} .nav-submenu-copy p, .footer-copy, .section-heading-stack p{color: var(--muted);} .section-heading-stack h2{margin: 0; font-family: "Newsreader", serif; line-height: 0.98; letter-spacing: -0.02em;} .hero-actions{display: flex; flex-wrap: wrap; gap: 0.85rem; margin-top: 1.5rem;} .lux-button{display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; min-height: 50px; padding: 0.8rem 1.35rem; border-radius: 14px; border: 1px solid rgba(214,188,146,0.18); cursor: pointer; font-weight: 600;} .lux-button-primary{background: linear-gradient(135deg, rgba(214,188,146,0.28), rgba(214,188,146,0.14)); color: #fff8ee;} .lux-button-secondary{background: rgba(255,255,255,0.04); color: var(--text);} .lux-button:hover{transform: translateY(-1px);} .footer-shell::after{content: ""; position: absolute; inset: auto -4rem -5rem auto; width: 18rem; height: 18rem; border-radius: 50%; border: 1px solid rgba(214,188,146,0.18); box-shadow: 0 0 0 24px rgba(214,188,146,0.03), 0 0 0 48px rgba(214,188,146,0.02); opacity: 0.9; pointer-events: none;} .section-heading-stack{display: grid; gap: 0.45rem; margin-bottom: 1.5rem;} .footer-meta-copy{font-size: 0.92rem; color: var(--muted);} @media (max-width: 1180px){.footer-menu-list{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 991px){.site-main > section:first-child{padding-top: 2rem;}.main-nav{display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 0.9rem; padding: 0 0 1rem;}.main-nav.is-open{display: flex;}.header-menu-list{width: 100%; flex-direction: column; align-items: stretch; gap: 0.45rem;}.nav-link-group{justify-content: space-between;}.nav-submenu{position: static; max-height: 0; overflow: hidden; opacity: 1; visibility: visible; transform: none; transition: max-height 0.35s ease; min-width: 0;}.nav-item.is-open > .nav-submenu{max-height: 480px; margin-top: 0.55rem;}.nav-submenu-shell{min-width: 0;}.footer-menu-list{grid-template-columns: 1fr;}.footer-brand-block,.footer-meta-row{flex-direction: column; align-items: flex-start;}} @media (max-width: 640px){.site-width{width: min(100% - 1.2rem, 1180px);}.footer-shell{padding: 1.15rem;}} .section-block-public{padding: 4.5rem 0;} .section-heading-stack{flex-direction: column; align-items: flex-start; gap: 0.85rem; margin-bottom: 2rem;} .section-heading-stack p{max-width: 760px; color: var(--muted); margin: 0;} .footer-copy{color: var(--muted);} .hero-actions{display: flex; justify-content: center; flex-wrap: wrap; gap: 0.9rem; margin-top: 2rem;} .lux-button{display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; min-height: 52px; padding: 0 1.35rem; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: var(--text); transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;} .lux-button:hover{transform: translateY(-1px); border-color: rgba(214, 188, 146, 0.32); background: rgba(255, 255, 255, 0.08); box-shadow: 0 20px 36px rgba(0, 0, 0, 0.24);} .lux-button-primary{background: linear-gradient(135deg, rgba(214, 188, 146, 0.26), rgba(214, 188, 146, 0.13)); border-color: rgba(214, 188, 146, 0.34);} .lux-button-secondary{background: rgba(255, 255, 255, 0.035);} .footer-meta-row{display: flex; justify-content: space-between; gap: 1rem; align-items: center; flex-wrap: wrap;} @media (max-width: 991px){.header-menu-list{width: 100%; flex-direction: column; align-items: stretch;}.main-nav{position: absolute; top: calc(100% + 0.8rem); right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0.8rem; padding: 1rem; border-radius: 0 0 26px 26px; background: rgba(10, 13, 18, 0.96); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: var(--shadow);}.main-nav.is-open{display: flex;}.nav-row{position: relative; padding-bottom: 0.8rem;}.nav-item,.nav-submenu{position: static;}.nav-submenu{display: none; opacity: 1; visibility: visible; transform: none; min-width: 0; margin-top: 0.75rem;}.nav-item.is-open > .nav-submenu{display: block;}.footer-meta-row{flex-direction: column; align-items: flex-start;}} @media (max-width: 767px){.footer-shell{padding: 1.2rem;}.section-block-public{padding-top: 1.4rem;}} .section-heading-stack{align-items: flex-start;} .section-heading-stack p{margin: 0.85rem 0 0; max-width: 72ch; color: var(--muted);} @media (max-width: 767px){.footer-shell{padding: 1.15rem;}.footer-brand-block,.footer-meta-row{flex-direction: column; align-items: flex-start;}} .section-block-public{position: relative;} .section-heading-stack{align-items: flex-start;} .section-heading-stack h2{margin-top: 0.5rem;} .section-heading-stack p{margin-top: 0.9rem; max-width: 72ch; color: var(--muted);} .footer-meta-row{display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: center;} .footer-meta-copy{font-size: 0.84rem; color: var(--muted);} @media (max-width: 1200px){.footer-shell{grid-template-columns: 1fr;}} @media (max-width: 991px){.header-menu-list{flex-direction: column; align-items: stretch; width: 100%;}.main-nav{display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 1rem; padding-bottom: 1rem;}.main-nav.is-open{display: flex;}.nav-submenu{position: static; width: 100%; opacity: 1; transform: none; pointer-events: auto; display: none; margin-top: 0.65rem;}.nav-item.is-open > .nav-submenu{display: block;}.footer-menu-list{grid-template-columns: 1fr;}} .section-block-public{padding: 4.8rem 0;} .section-heading-stack{align-items: end;} .section-heading-stack p{max-width: 76ch; color: var(--muted); margin: 0.8rem 0 0;} @media (max-width: 1100px){.nav-submenu{width: min(360px, calc(100vw - 2rem));}} @media (max-width: 767px){.site-width,.site-width-admin{width: min(100% - 1.25rem, 100%);}.section-block-public{padding: 3.5rem 0;}} .scope-public .featured-work-section,.scope-public .home-editorial-section,.scope-public .contact-section{position: relative;} .nav-submenu-copy p, .submenu-link-copy, .footer-meta-copy{color: var(--lux-muted);} .section-block-public{padding: 4.75rem 0;} .section-heading-stack{align-items: start;} .section-heading-stack p{color: var(--lux-muted);} .hero-actions{justify-content: center;} .footer-copy{margin: 0;} .eyebrow{letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.72rem;} @media (max-width: 991px){.site-header{backdrop-filter: blur(14px);}.brand-copy span:last-child{display: none;}.admin-shell-row{gap: 0.8rem;}.admin-shell-row .nav-toggle{margin-left: auto;}.admin-main-nav{position: absolute; top: calc(100% + 0.75rem); right: 1rem; left: 1rem; display: none; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0.9rem; padding: 1rem; border-radius: 24px; border: 1px solid rgba(214,188,146,0.16); background: rgba(8, 11, 15, 0.98); box-shadow: 0 30px 70px rgba(0,0,0,0.34);}.admin-main-nav.is-open{display: flex;}.admin-header-links{flex-direction: column; align-items: stretch; gap: 0.45rem;}.admin-shell-link{width: 100%; min-height: 48px; justify-content: flex-start; padding: 0 1rem;}.admin-shell-actions{width: 100%; margin-left: 0; justify-content: space-between; padding-top: 0.75rem; border-top: 1px solid rgba(255,255,255,0.06);}.main-nav{position: absolute; top: calc(100% + 0.8rem); right: 1rem; left: 1rem; display: none; flex-direction: column; align-items: stretch; gap: 0.75rem; padding: 1rem; border-radius: 24px; background: linear-gradient(180deg, rgba(7, 10, 15, 0.98), rgba(6, 9, 13, 0.98)); border: 1px solid rgba(255,255,255,0.08); box-shadow: var(--lux-shadow);}.main-nav.is-open{display: flex;}.header-menu-list{width: 100%; flex-direction: column; align-items: stretch; gap: 0.55rem;}.header-menu-list > .nav-item{width: 100%;}.nav-link-group,.nav-link{width: 100%; justify-content: flex-start;}.nav-link{min-height: 52px; padding: 0 1rem; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);}.nav-submenu{position: static; width: 100%; opacity: 1; transform: none; pointer-events: auto; margin-top: 0.6rem;}.nav-submenu-shell,.nav-submenu-shell-categories{grid-template-columns: 1fr;}.nav-submenu-copy{display: none;}.footer-menu-list{grid-template-columns: 1fr;}} @media (max-width: 767px){.site-width{width: min(100% - 1.1rem * 2, 1180px);}.admin-shell-utility-link,.admin-shell-logout{min-height: 38px; padding: 0 0.75rem;}.brand-copy strong{font-size: 1.32rem;}.footer-brand-mark{width: 50px; height: 50px;}.section-block-public{padding-top: 2.6rem; padding-bottom: 2.6rem;}.footer-shell{padding: 1.15rem;}.hero-actions{justify-content: flex-start;}.footer-brand-block,.footer-meta-row{grid-template-columns: 1fr; flex-direction: column; align-items: start;}} @media (max-width: 991px){.footer-shell{grid-template-columns: 1fr;}.footer-menu-block{justify-self: start;}.footer-menu-list{justify-content: flex-start;}.footer-meta-row{grid-template-columns: 1fr;}.footer-cta-link{justify-self: start;}.footer-shell::after{width: 10rem; height: 10rem; inset: auto 0.9rem 0.7rem auto !important;}} @media (max-width: 767px){.footer-menu-list{gap: 0.55rem 1rem;}.nav-link{width: auto; max-width: 100%;}} @media (min-width: 992px){.page-home .landing-hero-shell{grid-template-columns: minmax(0, 1fr) !important; gap: 2rem; padding: clamp(2.2rem, 3vw, 3.2rem);}.page-home .hero-actions{justify-content: center; gap: 0.9rem; margin-top: 1.1rem;}} .page-home .landing-hero-section{padding-top: clamp(4rem, 8vw, 5.75rem);} .page-home .home-market-shell{display: block; padding: clamp(2rem, 3vw, 3rem); overflow: hidden; background: radial-gradient(circle at 12% 16%, rgba(134, 183, 181, 0.1), transparent 24%), radial-gradient(circle at 88% 10%, rgba(214, 188, 146, 0.12), transparent 22%), linear-gradient(145deg, rgba(11, 15, 21, 0.96), rgba(6, 9, 14, 0.9)); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 28px 90px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.04);} .page-home .home-market-shell::before{content: ""; position: absolute; inset: 1px; border-radius: inherit; background: linear-gradient(120deg, rgba(255, 255, 255, 0.035), transparent 42%), linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 32%); pointer-events: none;} .page-home .home-market-shell::after{content: ""; position: absolute; right: -8rem; bottom: -10rem; width: 30rem; height: 30rem; border-radius: 50%; border: 1px solid rgba(214, 188, 146, 0.08); box-shadow: 0 0 0 50px rgba(214, 188, 146, 0.02), 0 0 0 102px rgba(214, 188, 146, 0.01); pointer-events: none; opacity: 0.82;} .page-home .home-market-grid{position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr); gap: 1.25rem clamp(1.1rem, 2vw, 1.8rem); align-items: stretch;} .page-home .home-market-copy{display: grid; align-content: start; gap: 0.95rem; max-width: 48rem;} .page-home .home-market-copy .eyebrow{margin-bottom: 0.1rem;} .page-home .home-market-copy h1{margin: 0; max-width: 12ch; font-family: "Newsreader", serif; font-size: clamp(2.55rem, 4.1vw, 4.15rem); line-height: 1.03; letter-spacing: -0.035em;} .page-home .home-market-subhead{margin: 0; max-width: 66ch; color: rgba(236, 239, 243, 0.9); font-size: clamp(1.02rem, 1.45vw, 1.24rem); line-height: 1.7;} .page-home .home-market-supporting{margin: 0; max-width: 60ch; color: rgba(203, 211, 220, 0.84); font-size: 0.99rem; line-height: 1.78;} .page-home .home-market-actions{margin-top: 0.3rem; gap: 0.85rem;} .page-home .home-market-aside{display: grid; gap: 1rem; align-content: start;} .page-home .home-market-card{position: relative; display: grid; gap: 0.78rem; padding: 1.25rem 1.2rem; border-radius: 24px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016)); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);} .page-home .home-market-card::before{content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(214, 188, 146, 0.46), rgba(134, 183, 181, 0.26), transparent); opacity: 0.85;} .page-home .home-fit-list,.page-home .home-focus-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 0.72rem;} .page-home .home-fit-list li,.page-home .home-focus-list li{padding: 0.84rem 0.95rem; border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.032); color: rgba(235, 239, 244, 0.88); line-height: 1.58;} .page-home .home-fit-list li{font-weight: 600; color: var(--text);} .page-home .home-focus-list li{font-size: 0.95rem;} .page-home .home-inline-link{display: inline-flex; align-items: center; gap: 0.45rem; color: var(--gold); font-weight: 600;} .page-home .home-inline-link::after{content: "→"; transition: transform 0.2s ease;} .page-home .home-inline-link:hover::after{transform: translateX(3px);} .page-home .hero-orbit-large{right: -8rem; bottom: -12rem; width: 29rem; height: 29rem; opacity: 0.68;} .page-home .hero-orbit-small{left: -6rem; top: 10%; width: 14rem; height: 14rem; opacity: 0.48;} .page-home .hero-glow-gold{right: 14%; bottom: 16%; width: 18rem; height: 18rem;} .page-home .hero-glow-magenta{left: 12%; top: 12%; width: 14rem; height: 14rem;} .page-home .home-proof-section{padding-top: 1rem;} .page-home .home-proof-strip{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; padding: 1rem; background: linear-gradient(180deg, rgba(8, 11, 16, 0.86), rgba(6, 9, 13, 0.8)); border: 1px solid rgba(255, 255, 255, 0.08);} .page-home .home-proof-card{min-height: 100%; display: grid; gap: 0.5rem; padding: 1.08rem 1.08rem 1.15rem; border-radius: 22px; border: 1px solid rgba(255, 255, 255, 0.05); background: linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.016));} .page-home .home-proof-value{color: rgba(214, 188, 146, 0.9); font-size: 0.8rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;} .page-home .home-proof-card h2{margin: 0; font-family: "Newsreader", serif; font-size: 1.56rem; line-height: 1.04;} .page-home .home-proof-card p{margin: 0; color: rgba(206, 215, 224, 0.8); font-size: 0.95rem; line-height: 1.6;} .page-home .home-thesis-section{padding-top: 0.9rem;} .page-home .home-thesis-shell{display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr); gap: 1.2rem; padding: clamp(1.55rem, 2.5vw, 2rem); overflow: hidden; background: linear-gradient(135deg, rgba(12, 16, 22, 0.93), rgba(8, 10, 14, 0.93)); border: 1px solid rgba(255, 255, 255, 0.08);} .page-home .home-thesis-shell::before{content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(214, 188, 146, 0.08), transparent 34%, transparent 68%, rgba(134, 183, 181, 0.08)); pointer-events: none;} .page-home .home-thesis-copy,.page-home .home-thesis-signals{position: relative; z-index: 1;} .page-home .home-thesis-copy{display: grid; gap: 0.75rem; align-content: center;} .page-home .home-thesis-copy h2{margin: 0; max-width: 18ch; font-family: "Newsreader", serif; font-size: clamp(2rem, 3vw, 2.7rem); line-height: 1.03; letter-spacing: -0.03em;} .page-home .home-thesis-copy p{margin: 0; max-width: 64ch; color: rgba(229, 233, 238, 0.86); font-size: 1.02rem; line-height: 1.76;} .page-home .home-thesis-signals{display: flex; flex-wrap: wrap; align-content: center; gap: 0.75rem;} .page-home .home-thesis-pill{display: inline-flex; align-items: center; min-height: 3rem; padding: 0.78rem 1rem; border-radius: 999px; background: rgba(255, 255, 255, 0.045); border: 1px solid rgba(255, 255, 255, 0.08); color: rgba(239, 243, 247, 0.88);} .page-home .home-thesis-pill::before{content: ""; width: 0.45rem; height: 0.45rem; margin-right: 0.6rem; border-radius: 50%; background: linear-gradient(135deg, var(--gold), var(--magenta)); box-shadow: 0 0 0 4px rgba(214, 188, 146, 0.08); flex: 0 0 auto;} .page-home .home-closing-shell{display: grid; grid-template-columns: minmax(0, 1.15fr) auto; gap: 1.25rem; align-items: center; padding: clamp(1.65rem, 2.6vw, 2.15rem); overflow: hidden; background: linear-gradient(135deg, rgba(12, 16, 22, 0.9), rgba(8, 10, 14, 0.88)); border: 1px solid rgba(255, 255, 255, 0.08);} .page-home .home-closing-shell::before{content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 85% 35%, rgba(214, 188, 146, 0.14), transparent 22%), radial-gradient(circle at 14% 78%, rgba(134, 183, 181, 0.1), transparent 22%); pointer-events: none;} .page-home .home-closing-copy,.page-home .home-closing-actions{position: relative; z-index: 1;} .page-home .home-closing-copy{display: grid; gap: 0.72rem; max-width: 52rem;} .page-home .home-closing-copy h2{margin: 0; max-width: 22ch; font-family: "Newsreader", serif; font-size: clamp(1.92rem, 3vw, 2.55rem); line-height: 1.05;} .page-home .home-closing-copy p{margin: 0; color: rgba(224, 230, 236, 0.84); font-size: 1rem; line-height: 1.72;} .page-home .home-closing-tags{display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 0.15rem;} .page-home .home-closing-tags span{display: inline-flex; align-items: center; padding: 0.6rem 0.86rem; border-radius: 999px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); color: rgba(236, 240, 245, 0.86); font-size: 0.91rem;} .page-home .home-closing-actions{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.85rem;} @media (max-width: 1100px){.page-home .home-market-grid,.page-home .home-thesis-shell,.page-home .home-closing-shell{grid-template-columns: minmax(0, 1fr);}.page-home .home-market-copy,.page-home .home-closing-copy{max-width: none;}.page-home .home-thesis-copy h2,.page-home .home-closing-copy h2{max-width: none;}.page-home .home-closing-actions{justify-content: flex-start;}} @media (max-width: 991px){.page-home .home-proof-strip{grid-template-columns: repeat(2, minmax(0, 1fr));}.page-home .hero-orbit-large{width: 24rem; height: 24rem; right: -8rem; bottom: -11rem;}.page-home .hero-glow-gold{right: 10%; bottom: 14%;}} @media (max-width: 767px){.page-home .landing-hero-section{padding-top: 3.35rem;}.page-home .home-market-shell,.page-home .home-proof-strip,.page-home .home-thesis-shell,.page-home .home-closing-shell{padding: 1.15rem;}.page-home .home-market-copy h1{max-width: none; font-size: clamp(2.15rem, 8vw, 3rem);}.page-home .home-market-actions,.page-home .home-closing-actions{flex-direction: column; align-items: stretch;}.page-home .home-market-actions .lux-button,.page-home .home-closing-actions .lux-button{width: 100%;}.page-home .home-proof-strip{grid-template-columns: minmax(0, 1fr);}.page-home .home-thesis-copy p,.page-home .home-closing-copy p,.page-home .home-market-subhead,.page-home .home-market-supporting{font-size: 0.98rem;}.page-home .hero-orbit-large,.page-home .hero-orbit-small,.page-home .hero-glow-gold,.page-home .hero-glow-magenta{opacity: 0.38;}} .page-home .section-block-public{padding: 1.75rem 0;} .page-home .home-editorial-section .home-editorial-heading{display: grid; grid-template-columns: 1fr; align-items: start; gap: 1rem; margin-bottom: 1.5rem;} .page-home .home-editorial-section .home-editorial-copy{width: 100%; max-width: none;} .page-home .home-editorial-section .home-editorial-heading h2{width: 100%; max-width: none; font-size: clamp(1.175rem, 2.3vw, 2.7rem); line-height: 0.96; letter-spacing: -0.045em;} .page-home .home-editorial-section .home-editorial-heading p{width: 100%; max-width: none; font-size: clamp(1.02rem, 1.42vw, 1.26rem); line-height: 1.62;} .page-home .home-editorial-section .home-editorial-browse{width: 100%; justify-content: center;} .page-home .home-editorial-section .article-card-grid{grid-template-columns: repeat(3, minmax(0, 1fr));} @media (max-width: 1180px){.page-home .home-editorial-section .article-card-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 767px){.page-home .home-editorial-section .home-editorial-heading h2{font-size: clamp(1rem, 6vw, 1.675rem);}.page-home .home-editorial-section .article-card-grid{grid-template-columns: 1fr;}} .page-articles .section-block-public{padding: 1.75em 0 0;} .page-articles .section-block-public:last-of-type{padding-bottom: 1.75em;} .page-articles .section-block-public + .section-block-public{padding-top: 3.5em;} .page-home .section-block-public{padding: 1.75rem 0;} .page-home .home-editorial-section .home-editorial-heading{display: grid; grid-template-columns: 1fr; align-items: start; gap: 1rem; margin-bottom: 1.5rem;} .page-home .home-editorial-section .home-editorial-copy{width: 100%; max-width: none;} .page-home .home-editorial-section .home-editorial-heading h2{width: 100%; max-width: none; font-size: clamp(1.175rem, 2.3vw, 2.7rem); line-height: 0.96; letter-spacing: -0.045em;} .page-home .home-editorial-section .home-editorial-heading p{width: 100%; max-width: none; font-size: clamp(1.02rem, 1.42vw, 1.26rem); line-height: 1.62;} .page-home .home-editorial-section .home-editorial-browse{width: 100%; justify-content: center;} .page-home .home-editorial-section .article-card-grid{grid-template-columns: repeat(3, minmax(0, 1fr));} @media (max-width: 1180px){.page-home .home-editorial-section .article-card-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 767px){.page-home .home-editorial-section .home-editorial-heading h2{font-size: clamp(1rem, 6vw, 1.675rem);}.page-home .home-editorial-section .article-card-grid{grid-template-columns: 1fr;}} .page-home #featured-work{scroll-margin-top: clamp(5.5rem, 10vh, 7rem);} .page-home .home-products-scroll-button{border-radius: 999px;} .page-home .home-market-grid{grid-template-columns: minmax(0, 1.26fr) minmax(320px, 0.74fr); gap: 1.1rem clamp(1rem, 1.8vw, 1.65rem);} .page-home .home-market-copy{max-width: 50rem; gap: 0.8rem;} .page-home .home-market-copy h1{max-width: 13.6ch; font-size: clamp(2.42rem, 3.8vw, 3.9rem);} .page-home .home-market-subhead{max-width: 70ch;} .page-home .home-market-supporting,.page-home .home-market-sales{margin: 0; max-width: 68ch; color: rgba(215, 222, 231, 0.9); font-size: 0.99rem; line-height: 1.72;} .page-home .home-market-supporting{color: rgba(241, 236, 243, 0.92); font-weight: 600;} .page-home .home-market-sales{color: rgba(207, 214, 223, 0.86);} .page-home .home-market-actions .home-products-scroll-button{min-width: 12.25rem;} .page-home .home-editorial-section .article-card-grid{margin-top: 1.25rem;} .page-home .home-editorial-shell{position: relative; overflow: hidden; padding: clamp(1.35rem, 2.2vw, 2rem); background: radial-gradient(circle at 10% 18%, rgba(216, 186, 136, 0.12), transparent 28%), radial-gradient(circle at 88% 12%, rgba(130, 183, 178, 0.08), transparent 26%), linear-gradient(145deg, rgba(14, 18, 25, 0.95), rgba(8, 11, 16, 0.94)); border: 1px solid rgba(214, 188, 146, 0.18); box-shadow: 0 28px 80px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 243, 222, 0.05);} .page-home .home-editorial-shell::before{content: ""; position: absolute; inset: 1px; border-radius: inherit; pointer-events: none; background: linear-gradient(130deg, rgba(255, 234, 203, 0.04), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 28%);} .page-home .home-editorial-heading{position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.92fr); gap: 1.25rem clamp(1rem, 2vw, 1.8rem); margin-bottom: 0;} .page-home .home-editorial-copy{max-width: 56rem;} .page-home .home-editorial-section .home-editorial-heading h2{max-width: 24ch; font-size: clamp(2rem, 3vw, 3.02rem); line-height: 0.98; letter-spacing: -0.03em;} .page-home .home-editorial-section .home-editorial-heading p{max-width: 68ch; font-size: clamp(1rem, 1.26vw, 1.15rem); line-height: 1.68;} .page-home .home-editorial-actions{display: grid; align-content: start; gap: 1rem;} .page-home .home-editorial-topics-shell{display: grid; gap: 0.8rem; padding: 1rem; border-radius: 24px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(214, 188, 146, 0.14); box-shadow: inset 0 1px 0 rgba(255, 244, 226, 0.04);} .page-home .home-editorial-topic-list{display: grid; gap: 0.68rem;} .page-home .home-editorial-topic-link{display: inline-flex; align-items: center; justify-content: space-between; gap: 0.85rem; width: 100%; min-height: 3.1rem; padding: 0.82rem 1rem; border-radius: 18px; border: 1px solid rgba(222, 179, 111, 0.34); background: radial-gradient(circle at 16% 0%, rgba(255, 231, 182, 0.13), transparent 35%), linear-gradient(180deg, rgba(63, 54, 42, 0.36), rgba(20, 22, 26, 0.82) 55%, rgba(8, 11, 16, 0.94)); color: #f5e9d2; font-weight: 600; line-height: 1.45; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255, 243, 217, 0.12), 0 10px 24px rgba(0, 0, 0, 0.24); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease;} .page-home .home-editorial-topic-link::after{content: "→"; color: #f1ca84; font-size: 1.05rem; line-height: 1; flex: 0 0 auto;} .page-home .home-editorial-topic-link:hover,.page-home .home-editorial-topic-link:focus-visible{transform: translateY(-1px); border-color: rgba(255, 211, 141, 0.58); color: #fff4df; box-shadow: inset 0 1px 0 rgba(255, 248, 232, 0.18), 0 14px 30px rgba(0, 0, 0, 0.28), 0 0 28px rgba(209, 152, 74, 0.1);} .page-home .home-editorial-browse{width: 100%; justify-content: center;} @media (max-width: 1180px){.page-home .home-editorial-heading{grid-template-columns: 1fr;}} @media (max-width: 991px){.page-home .home-market-copy h1{max-width: 12.8ch; font-size: clamp(2.3rem, 5vw, 3.3rem);}} @media (max-width: 767px){.page-home .home-market-copy h1{max-width: none;}.page-home .home-editorial-shell{padding: 1.1rem;}.page-home .home-editorial-section .home-editorial-heading h2{max-width: none; font-size: clamp(1.7rem, 6.6vw, 2.15rem);}.page-home .home-editorial-topic-link{min-height: 2.9rem; padding: 0.75rem 0.9rem;}} .page-home .home-editorial-section .home-editorial-heading{grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.62fr); align-items: center; gap: clamp(1.1rem, 2.2vw, 2rem);} .page-home .home-editorial-section .home-editorial-copy{max-width: none;} .page-home .home-editorial-section .home-editorial-heading h2{max-width: 21ch; font-size: clamp(1.85rem, 2.55vw, 2.72rem); line-height: 0.98;} .page-home .home-editorial-section .home-editorial-heading p{max-width: 60ch; font-size: clamp(0.98rem, 1.08vw, 1.08rem); line-height: 1.58;} .page-home .home-editorial-section .home-editorial-actions{align-self: center; display: grid; gap: 0.78rem;} .page-home .home-editorial-section .home-editorial-topics-shell{padding: 0.85rem; gap: 0.66rem;} .page-home .home-editorial-section .home-editorial-topic-list{gap: 0.54rem;} .page-home .home-editorial-section .home-editorial-topic-link{min-height: 2.72rem; padding: 0.66rem 0.9rem; border-radius: 16px;} .page-home .home-editorial-section .home-editorial-browse{min-height: 2.9rem;} @media (max-width: 1180px){.page-home .home-editorial-section .home-editorial-heading{grid-template-columns: 1fr;}.page-home .home-editorial-section .home-editorial-heading h2,.page-home .home-editorial-section .home-editorial-heading p{max-width: none;}} @media (max-width: 767px){.page-home .home-editorial-section .home-editorial-heading h2{font-size: clamp(1.68rem, 6.2vw, 2.08rem);}} .page-home .landing-hero-section .site-width{max-width: 1440px;} .page-home .home-market-shell{box-sizing: border-box; width: 100%;} .page-home .home-market-grid,.page-home .home-market-copy,.page-home .home-market-aside,.page-home .home-market-card,.page-home .home-fit-list,.page-home .home-focus-list{min-width: 0;} .page-home .home-market-actions{display: flex; flex-wrap: wrap; align-items: center;} .page-home .home-market-actions .lux-button{white-space: nowrap; text-align: center;} .page-home .home-market-actions .lux-button-conversation{padding-inline: 1.35rem;} @media (max-width: 1180px){.page-home .home-market-grid{grid-template-columns: minmax(0, 1fr); align-items: start;}.page-home .home-market-copy{max-width: none;}.page-home .home-market-copy h1{max-width: 13.6ch; font-size: clamp(2.45rem, 7vw, 3.75rem);}.page-home .home-market-aside{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 820px){.page-home .landing-hero-section{padding-top: 2.4rem;}.page-home .home-market-shell{padding: clamp(1.05rem, 5vw, 1.55rem); border-radius: 28px;}.page-home .home-market-grid{gap: 1rem;}.page-home .home-market-copy{gap: 0.78rem;}.page-home .home-market-copy .eyebrow{font-size: clamp(0.76rem, 3.5vw, 0.94rem); line-height: 1.45; letter-spacing: 0.16em; overflow-wrap: anywhere; word-break: normal;}.page-home .home-market-copy h1{max-width: 11.5ch; font-size: clamp(2.35rem, 12vw, 3.45rem); line-height: 0.98; letter-spacing: -0.045em;}.page-home .home-market-subhead,.page-home .home-market-supporting,.page-home .home-market-sales{max-width: none; font-size: clamp(0.94rem, 4vw, 1.02rem); line-height: 1.62;}.page-home .home-market-aside{grid-template-columns: minmax(0, 1fr); gap: 0.82rem;}.page-home .home-market-card{padding: 0.95rem; border-radius: 20px;}.page-home .home-fit-list,.page-home .home-focus-list{gap: 0.58rem;}.page-home .home-fit-list li,.page-home .home-focus-list li{padding: 0.68rem 0.78rem; border-radius: 15px; line-height: 1.42;}} @media (max-width: 620px){.page-home .landing-hero-section{padding-top: 1.6rem; padding-bottom: 1.45rem;}.page-home .landing-hero-section .site-width{width: min(100% - 1rem, 100%);}.page-home .home-market-shell{padding: 1rem; border-radius: 24px;}.page-home .home-market-copy h1{max-width: 10.2ch; font-size: clamp(2.25rem, 13vw, 3.05rem); line-height: 0.99;}.page-home .home-market-actions{display: grid; grid-template-columns: 1fr; gap: 0.68rem; margin-top: 0.22rem; max-width: 100%;}.page-home .home-market-actions .lux-button,.page-home .home-market-actions .home-products-scroll-button{width: 100%; min-width: 0; max-width: none; min-height: 3.05rem; padding: 0.78rem 1rem; border-radius: 999px; white-space: nowrap;}.page-home .home-market-actions .lux-button-conversation::after{flex: 0 0 auto; display: inline-flex; align-items: center;}} @media (max-width: 390px){.page-home .home-market-copy h1{font-size: clamp(2rem, 12.4vw, 2.62rem);}.page-home .home-market-copy .eyebrow{font-size: 0.72rem; letter-spacing: 0.13em;}.page-home .home-market-subhead,.page-home .home-market-supporting,.page-home .home-market-sales{font-size: 0.92rem;}.page-home .home-market-actions .lux-button{font-size: 0.94rem;}} @media (max-width: 991px){.page-articles .article-card-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 620px){.page-articles .article-card-grid{grid-template-columns: 1fr;}} .portfolio-card-art-image.is-portfolio-media-unavailable .portfolio-card-art-media { display: none !important; } /*!sf-css-source:css/public/features/home-business.css*/ .page-home-overlift-deck { --home-gap: 30px; --home-gold: #d8ad68; --home-gold-bright: #f2d59d; --home-ivory: #f5efe3; --home-titanium: #a4adb7; --home-titanium-dim: rgba(164, 173, 183, 0.24); --home-magenta: #d76ab3; --home-surface: rgba(5, 10, 15, 0.97); --home-panel: rgba(11, 17, 24, 0.9); --home-panel-soft: rgba(17, 23, 31, 0.76); --home-border: rgba(216, 173, 104, 0.52); --home-border-hot: rgba(242, 213, 157, 0.82); --home-glow: rgba(216, 173, 104, 0.16); --home-text: rgba(246, 241, 232, 0.96); --home-muted: rgba(199, 208, 218, 0.76); } .page-home-overlift-deck .site-main { overflow: clip; } .page-home-overlift-deck .home-experience-flow { display: grid; gap: var(--home-gap); padding: var(--home-gap) 0 0; } .page-home-overlift-deck .home-experience-flow > section { width: 100%; min-width: 0; margin: 0; padding: 0; } .page-home-overlift-deck .home-experience-flow > section > .site-width { min-width: 0; max-width: calc(100vw - 30px); } .page-home-overlift-deck .home-command-surface, .page-home-overlift-deck .home-projects-section > .site-width { position: relative; isolation: isolate; overflow: hidden; border: 1px solid var(--home-border); border-radius: 32px; background: radial-gradient(circle at 18% 0%, rgba(216, 173, 104, 0.08), transparent 30%), radial-gradient(circle at 86% 12%, rgba(193, 51, 146, 0.075), transparent 34%), linear-gradient(145deg, rgba(9, 14, 20, 0.98), rgba(3, 7, 11, 0.985)); box-shadow: inset 0 1px 0 rgba(255, 248, 233, 0.12), inset 0 0 0 1px rgba(74, 80, 88, 0.5), 0 0 0 1px rgba(66, 43, 17, 0.42), 0 24px 68px rgba(0, 0, 0, 0.38), 0 0 34px var(--home-glow); } .page-home-overlift-deck .home-command-surface::before, .page-home-overlift-deck .home-projects-section > .site-width::before { content: ""; position: absolute; inset: 5px; z-index: 0; pointer-events: none; border: 1px solid var(--home-titanium-dim); border-radius: 27px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025), 0 0 22px rgba(164, 173, 183, 0.035); } .page-home-overlift-deck .home-command-surface::after, .page-home-overlift-deck .home-projects-section > .site-width::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(90deg, transparent, rgba(242, 213, 157, 0.14), transparent) top / 44% 1px no-repeat, linear-gradient(90deg, transparent, rgba(164, 173, 183, 0.12), transparent) bottom / 66% 1px no-repeat; opacity: 0.86; } .page-home-overlift-deck .home-command-surface > :not(.home-context-field), .page-home-overlift-deck .home-projects-section > .site-width > * { position: relative; z-index: 2; } .page-home-overlift-deck .home-context-field { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0.95; } .page-home-overlift-deck .eyebrow { color: var(--home-gold-bright); letter-spacing: 0.18em; } .page-home-overlift-deck button, .page-home-overlift-deck a { -webkit-tap-highlight-color: transparent; } .page-home-overlift-deck button:focus-visible, .page-home-overlift-deck a:focus-visible { outline: 2px solid var(--home-gold-bright); outline-offset: 3px; } .page-home-overlift-deck .home-sean-signal-shell { min-height: max(560px, 52svh); padding: clamp(24px, 3vw, 38px); } .page-home-overlift-deck .home-signal-field { opacity: 0.82; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.72) 48%, rgba(0, 0, 0, 0.4)); } .page-home-overlift-deck .home-sean-signal-grid { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.3fr); gap: clamp(24px, 3.6vw, 54px); align-items: stretch; } .page-home-overlift-deck .home-sean-intro { display: grid; align-content: center; gap: 16px; min-width: 0; padding: clamp(6px, 1vw, 14px); } .page-home-overlift-deck .home-sean-intro h1 { margin: 0; max-width: 12ch; color: var(--home-ivory); font-size: clamp(3.2rem, 5.2vw, 5.6rem); line-height: 0.94; letter-spacing: -0.052em; text-wrap: balance; text-shadow: 0 0 40px rgba(216, 173, 104, 0.06); } .page-home-overlift-deck .home-sean-intro-lead, .page-home-overlift-deck .home-sean-intro-support { margin: 0; max-width: 64ch; line-height: 1.72; } .page-home-overlift-deck .home-sean-intro-lead { color: rgba(239, 242, 246, 0.9); font-size: clamp(1.02rem, 1.3vw, 1.16rem); } .page-home-overlift-deck .home-sean-intro-support { color: var(--home-muted); font-size: 0.95rem; } .page-home-overlift-deck .home-sean-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; } .page-home-overlift-deck .home-sean-console, .page-home-overlift-deck .home-deck-panel, .page-home-overlift-deck .home-deck-visual-card, .page-home-overlift-deck .home-modal-panel, .page-home-overlift-deck .home-project-card { position: relative; isolation: isolate; overflow: hidden; border: 1px solid rgba(216, 173, 104, 0.38); background: radial-gradient(circle at 88% 0%, rgba(216, 173, 104, 0.08), transparent 30%), linear-gradient(155deg, rgba(18, 24, 32, 0.9), rgba(7, 11, 16, 0.94)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 0 0 1px rgba(164, 173, 183, 0.15), 0 18px 46px rgba(0, 0, 0, 0.28), 0 0 24px rgba(216, 173, 104, 0.055); } .page-home-overlift-deck .home-sean-console::before, .page-home-overlift-deck .home-deck-panel::before, .page-home-overlift-deck .home-deck-visual-card::before, .page-home-overlift-deck .home-modal-panel::before, .page-home-overlift-deck .home-project-card::before { content: ""; position: absolute; inset: 4px; z-index: 0; pointer-events: none; border: 1px solid rgba(164, 173, 183, 0.22); border-radius: 20px; } .page-home-overlift-deck .home-sean-console > *, .page-home-overlift-deck .home-deck-panel > *, .page-home-overlift-deck .home-deck-visual-card > :not(.home-context-field), .page-home-overlift-deck .home-modal-panel > :not(.home-context-field), .page-home-overlift-deck .home-project-card > * { position: relative; z-index: 2; } .page-home-overlift-deck .home-sean-console { display: grid; grid-template-rows: auto auto 1fr; gap: 16px; min-width: 0; padding: clamp(18px, 2.4vw, 28px); border-radius: 26px; } .page-home-overlift-deck .home-console-heading, .page-home-overlift-deck .home-deck-panel-heading, .page-home-overlift-deck .home-deck-topbar, .page-home-overlift-deck .home-projects-heading, .page-home-overlift-deck .home-project-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .page-home-overlift-deck .home-console-heading h2, .page-home-overlift-deck .home-deck-panel-heading h2, .page-home-overlift-deck .home-projects-heading h2 { margin: 4px 0 0; color: var(--home-ivory); font-size: clamp(1.45rem, 2vw, 2rem); letter-spacing: -0.025em; } .page-home-overlift-deck .home-console-status, .page-home-overlift-deck .home-deck-online, .page-home-overlift-deck .home-deck-runtime-label, .page-home-overlift-deck .home-bridge-state { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; color: rgba(214, 223, 232, 0.78); font-size: 0.74rem; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .home-console-status i, .page-home-overlift-deck .home-deck-online i, .page-home-overlift-deck .home-bridge-state i { width: 7px; height: 7px; border-radius: 999px; background: #7ddd91; box-shadow: 0 0 12px rgba(125, 221, 145, 0.82); } .page-home-overlift-deck .home-sean-signal-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .page-home-overlift-deck .home-sean-signal-option { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 11px; min-height: 58px; padding: 10px 13px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 17px; background: rgba(255, 255, 255, 0.025); color: rgba(229, 235, 241, 0.84); text-align: left; transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .page-home-overlift-deck .home-sean-signal-option:last-child { grid-column: 1 / -1; } .page-home-overlift-deck .home-sean-signal-option span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(216, 173, 104, 0.42); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.72rem; } .page-home-overlift-deck .home-sean-signal-option strong { font-size: 0.91rem; line-height: 1.35; } .page-home-overlift-deck .home-sean-signal-option:hover, .page-home-overlift-deck .home-sean-signal-option.is-active { border-color: rgba(242, 213, 157, 0.6); background: linear-gradient(135deg, rgba(216, 173, 104, 0.12), rgba(205, 68, 159, 0.055)); color: var(--home-text); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.12), 0 0 24px rgba(216, 173, 104, 0.08); transform: translateY(-1px); } .page-home-overlift-deck .home-sean-signal-detail { display: grid; align-content: start; gap: 11px; min-height: 178px; padding: 18px; border: 1px solid rgba(164, 173, 183, 0.22); border-radius: 20px; background: radial-gradient(circle at 92% 10%, rgba(216, 173, 104, 0.095), transparent 32%), rgba(4, 8, 13, 0.7); } .page-home-overlift-deck .home-signal-detail-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 18px; color: rgba(197, 208, 220, 0.68); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-signal-detail-heading strong { color: rgba(242, 213, 157, 0.82); font-weight: 700; } .page-home-overlift-deck .home-sean-signal-detail h3 { margin: 0; color: var(--home-ivory); font-size: clamp(1.35rem, 2vw, 1.85rem); } .page-home-overlift-deck .home-sean-signal-detail p { margin: 0; color: var(--home-muted); font-size: 0.94rem; line-height: 1.62; } .page-home-overlift-deck .home-signal-tech-rail, .page-home-overlift-deck .home-stage-detail-metrics, .page-home-overlift-deck .home-modal-promise-rail { display: flex; flex-wrap: wrap; gap: 8px; } .page-home-overlift-deck .home-signal-tech-rail span, .page-home-overlift-deck .home-stage-detail-metrics span, .page-home-overlift-deck .home-modal-promise-rail span { padding: 6px 10px; border: 1px solid rgba(216, 173, 104, 0.28); border-radius: 999px; background: rgba(216, 173, 104, 0.055); color: rgba(239, 231, 217, 0.86); font-size: 0.72rem; line-height: 1.2; } .page-home-overlift-deck .home-sean-proof-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 22px; } .page-home-overlift-deck .home-sean-proof-rail article { display: grid; gap: 4px; min-height: 68px; padding: 12px 14px; border: 1px solid rgba(164, 173, 183, 0.16); border-radius: 16px; background: rgba(5, 9, 14, 0.64); } .page-home-overlift-deck .home-sean-proof-rail strong { color: var(--home-gold-bright); font-size: 1rem; } .page-home-overlift-deck .home-sean-proof-rail span { color: rgba(203, 213, 222, 0.72); font-size: 0.78rem; line-height: 1.35; } .page-home-overlift-deck .home-sean-to-deck-bridge { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-top: 14px; padding: 13px 16px; border: 1px solid rgba(216, 173, 104, 0.24); border-radius: 16px; background: linear-gradient(90deg, rgba(216, 173, 104, 0.07), rgba(24, 51, 65, 0.08), rgba(216, 173, 104, 0.045)); } .page-home-overlift-deck .home-sean-to-deck-bridge > strong { color: rgba(237, 240, 243, 0.86); font-size: 0.91rem; text-align: center; } .page-home-overlift-deck .home-sean-to-deck-bridge button, .page-home-overlift-deck .home-deck-topbar-actions button, .page-home-overlift-deck .home-inline-link { border: 0; background: transparent; color: var(--home-gold-bright); font-weight: 750; text-decoration: none; } .page-home-overlift-deck .home-overlift-deck-shell { min-height: max(760px, 85svh); padding: clamp(18px, 2vw, 28px); } .page-home-overlift-deck .home-deck-field { opacity: 0.84; } .page-home-overlift-deck .home-deck-topbar { align-items: center; margin-bottom: 18px; padding: 2px 4px 14px; border-bottom: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-deck-brand { display: flex; align-items: center; gap: 12px; } .page-home-overlift-deck .home-deck-brand strong { display: block; margin-top: 3px; color: var(--home-ivory); font-size: clamp(1.1rem, 1.5vw, 1.38rem); } .page-home-overlift-deck .home-deck-mark { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(242, 213, 157, 0.68); border-radius: 14px; background: linear-gradient(145deg, rgba(216, 173, 104, 0.15), rgba(8, 13, 19, 0.9)); color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 800; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.2), 0 0 20px rgba(216, 173, 104, 0.12); } .page-home-overlift-deck .home-deck-topbar-actions { display: flex; align-items: center; gap: 18px; } .page-home-overlift-deck .home-deck-topbar-actions button { padding: 8px 11px; border: 1px solid rgba(216, 173, 104, 0.25); border-radius: 12px; background: rgba(216, 173, 104, 0.045); } .page-home-overlift-deck .home-overlift-deck-grid { display: grid; grid-template-columns: minmax(230px, 0.8fr) minmax(520px, 1.65fr) minmax(250px, 0.88fr); grid-template-areas: "intro process log" "sandbox sandbox sandbox" "runtime architecture impact"; gap: 16px; align-items: stretch; } .page-home-overlift-deck .home-deck-panel { min-width: 0; padding: clamp(16px, 1.7vw, 22px); border-radius: 23px; } .page-home-overlift-deck .home-deck-intro-panel { grid-area: intro; } .page-home-overlift-deck .home-deck-process-panel { grid-area: process; } .page-home-overlift-deck .home-deck-log-panel { grid-area: log; } .page-home-overlift-deck .home-deck-sandbox-panel { grid-area: sandbox; } .page-home-overlift-deck .home-deck-runtime-panel { grid-area: runtime; } .page-home-overlift-deck .home-deck-architecture-card { grid-area: architecture; } .page-home-overlift-deck .home-deck-impact-card { grid-area: impact; } .page-home-overlift-deck .home-deck-intro-panel h2, .page-home-overlift-deck .home-deck-runtime-panel h2 { margin: 8px 0 0; color: var(--home-ivory); font-size: clamp(1.5rem, 2.1vw, 2.18rem); line-height: 1.08; letter-spacing: -0.035em; } .page-home-overlift-deck .home-deck-intro-panel > p, .page-home-overlift-deck .home-deck-runtime-panel > p { margin: 12px 0 0; color: var(--home-muted); font-size: 0.92rem; line-height: 1.62; } .page-home-overlift-deck .home-deck-scenario-list { display: grid; gap: 8px; margin-top: 18px; } .page-home-overlift-deck .home-deck-scenario-list button { position: relative; min-height: 46px; padding: 10px 13px 10px 34px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 14px; background: rgba(255, 255, 255, 0.022); color: rgba(215, 224, 233, 0.78); font-size: 0.83rem; font-weight: 700; line-height: 1.35; text-align: left; } .page-home-overlift-deck .home-deck-scenario-list button::before { content: ""; position: absolute; left: 13px; top: 50%; width: 8px; height: 8px; border: 1px solid rgba(216, 173, 104, 0.55); border-radius: 50%; transform: translateY(-50%); } .page-home-overlift-deck .home-deck-scenario-list button:hover, .page-home-overlift-deck .home-deck-scenario-list button.is-active { border-color: rgba(242, 213, 157, 0.56); background: linear-gradient(90deg, rgba(216, 173, 104, 0.12), rgba(71, 118, 145, 0.055)); color: var(--home-text); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.11), 0 0 20px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-deck-scenario-list button.is-active::before { background: var(--home-gold-bright); box-shadow: 0 0 12px rgba(242, 213, 157, 0.72); } .page-home-overlift-deck .home-deck-context { display: grid; gap: 0; margin: 18px 0 0; border-top: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-deck-context div { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 9px; padding: 9px 0; border-bottom: 1px solid rgba(164, 173, 183, 0.1); } .page-home-overlift-deck .home-deck-context dt { color: rgba(216, 173, 104, 0.78); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-deck-context dd { margin: 0; color: rgba(218, 226, 233, 0.78); font-size: 0.76rem; line-height: 1.35; } .page-home-overlift-deck .home-deck-process-panel { display: grid; gap: 18px; } .page-home-overlift-deck .home-deck-runtime-label { max-width: 220px; justify-content: flex-end; text-align: right; line-height: 1.45; } .page-home-overlift-deck .home-deck-stage-flow { display: grid; grid-template-columns: minmax(95px, 1fr) auto minmax(95px, 1fr) auto minmax(95px, 1fr) auto minmax(95px, 1fr) auto minmax(95px, 1fr); gap: 7px; align-items: center; } .page-home-overlift-deck .home-deck-stage { position: relative; display: grid; justify-items: center; align-content: start; gap: 8px; min-height: 178px; padding: 13px 8px 11px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 18px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)); color: rgba(207, 217, 226, 0.74); text-align: center; transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background 180ms ease; } .page-home-overlift-deck .home-deck-stage:hover, .page-home-overlift-deck .home-deck-stage.is-active { border-color: rgba(242, 213, 157, 0.68); background: linear-gradient(180deg, rgba(216, 173, 104, 0.12), rgba(128, 47, 101, 0.04)); color: var(--home-text); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.13), 0 0 28px rgba(216, 173, 104, 0.1); transform: translateY(-2px); } .page-home-overlift-deck .home-deck-stage[data-stage-state="complete"] { border-color: rgba(112, 199, 148, 0.35); } .page-home-overlift-deck .home-stage-number { position: absolute; top: 8px; left: 8px; display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid rgba(216, 173, 104, 0.48); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.65rem; } .page-home-overlift-deck .home-stage-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-top: 16px; border: 1px solid rgba(216, 173, 104, 0.28); border-radius: 16px; background: rgba(4, 8, 13, 0.55); color: var(--home-gold-bright); } .page-home-overlift-deck .home-stage-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; } .page-home-overlift-deck .home-deck-stage strong { color: inherit; font-size: 0.86rem; line-height: 1.25; } .page-home-overlift-deck .home-deck-stage small { color: rgba(188, 199, 210, 0.62); font-size: 0.66rem; line-height: 1.45; } .page-home-overlift-deck .home-stage-connector { color: rgba(216, 173, 104, 0.72); font-size: 1.35rem; text-shadow: 0 0 14px rgba(216, 173, 104, 0.52); } .page-home-overlift-deck .home-stage-detail { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: end; min-height: 125px; padding: 17px 18px; border: 1px solid rgba(216, 173, 104, 0.23); border-radius: 18px; background: linear-gradient(135deg, rgba(216, 173, 104, 0.075), rgba(100, 37, 79, 0.06), rgba(4, 8, 13, 0.72)); } .page-home-overlift-deck .home-stage-detail [data-stage-detail-kicker] { color: rgba(216, 173, 104, 0.78); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .home-stage-detail h3 { margin: 5px 0 0; color: var(--home-ivory); font-size: 1.35rem; } .page-home-overlift-deck .home-stage-detail p { margin: 7px 0 0; color: var(--home-muted); font-size: 0.86rem; line-height: 1.55; } .page-home-overlift-deck .home-stage-detail-metrics { justify-content: flex-end; max-width: 240px; } .page-home-overlift-deck .home-deck-log-panel { display: grid; grid-template-rows: auto 1fr; gap: 12px; } .page-home-overlift-deck .home-log-heading h2 { font-size: 1.25rem; } .page-home-overlift-deck .home-system-log { list-style: none; margin: 0; padding: 0; overflow: hidden; border-top: 1px solid rgba(164, 173, 183, 0.14); } .page-home-overlift-deck .home-system-log li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 9px; align-items: start; padding: 10px 0; border-bottom: 1px solid rgba(164, 173, 183, 0.1); animation: home-log-enter 220ms ease both; } .page-home-overlift-deck .home-system-log span { color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.65rem; } .page-home-overlift-deck .home-system-log strong { color: rgba(213, 221, 229, 0.79); font-size: 0.72rem; font-weight: 550; line-height: 1.42; } .page-home-overlift-deck .home-system-log time { color: rgba(152, 166, 179, 0.52); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.59rem; } @keyframes home-log-enter { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } .page-home-overlift-deck .home-deck-runtime-panel ul { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 9px; } .page-home-overlift-deck .home-deck-runtime-panel li { display: grid; gap: 2px; padding: 9px 10px; border-left: 2px solid rgba(216, 173, 104, 0.36); background: linear-gradient(90deg, rgba(216, 173, 104, 0.055), transparent); } .page-home-overlift-deck .home-deck-runtime-panel li strong { color: rgba(241, 234, 221, 0.9); font-size: 0.74rem; } .page-home-overlift-deck .home-deck-runtime-panel li span { color: rgba(182, 195, 207, 0.65); font-size: 0.66rem; line-height: 1.35; } .page-home-overlift-deck .home-deck-visual-card { position: relative; min-height: 215px; padding: 20px; border-radius: 23px; color: var(--home-text); text-align: left; cursor: pointer; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .page-home-overlift-deck .home-deck-visual-card:hover { transform: translateY(-3px); border-color: var(--home-border-hot); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), inset 0 0 0 1px rgba(164, 173, 183, 0.2), 0 22px 54px rgba(0, 0, 0, 0.34), 0 0 34px rgba(216, 173, 104, 0.13); } .page-home-overlift-deck .home-deck-visual-card .eyebrow { display: block; margin-bottom: 74px; } .page-home-overlift-deck .home-deck-visual-card > strong { display: block; max-width: 38ch; color: var(--home-ivory); font-family: var(--font-display, Georgia, serif); font-size: clamp(1.15rem, 1.5vw, 1.5rem); line-height: 1.2; } .page-home-overlift-deck .home-visual-card-action { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(164, 173, 183, 0.14); color: var(--home-gold-bright); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-tile-field { opacity: 1; } .page-home-overlift-deck .home-deck-sandbox-panel { padding: clamp(18px, 2vw, 26px); background: radial-gradient(circle at 10% 0%, rgba(215, 106, 179, 0.065), transparent 30%), radial-gradient(circle at 90% 14%, rgba(216, 173, 104, 0.08), transparent 30%), linear-gradient(155deg, rgba(15, 22, 30, 0.94), rgba(5, 9, 14, 0.97)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075), inset 0 0 0 1px rgba(164, 173, 183, 0.18), 0 20px 52px rgba(0, 0, 0, 0.32), 0 0 36px rgba(216, 173, 104, 0.075); } .page-home-overlift-deck .home-sandbox-console { display: grid; gap: 16px; } .page-home-overlift-deck .home-sandbox-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 2px 2px 15px; border-bottom: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-sandbox-heading > div:first-child { max-width: 76ch; } .page-home-overlift-deck .home-sandbox-heading h2 { margin: 6px 0 0; max-width: 31ch; color: var(--home-ivory); font-size: clamp(1.45rem, 2vw, 2.05rem); line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .page-home-overlift-deck .home-sandbox-heading p { margin: 9px 0 0; color: var(--home-muted); font-size: 0.84rem; line-height: 1.55; } .page-home-overlift-deck .home-sandbox-identity { display: grid; justify-items: end; gap: 5px; min-width: 224px; padding: 10px 12px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 15px; background: rgba(3, 8, 12, 0.62); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.04), 0 0 18px rgba(215, 106, 179, 0.035); } .page-home-overlift-deck .home-sandbox-identity span { color: rgba(242, 213, 157, 0.84); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-sandbox-identity code, .page-home-overlift-deck .home-sandbox-identity small { color: rgba(194, 206, 216, 0.7); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.66rem; } .page-home-overlift-deck .home-sandbox-workspace { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.12fr) minmax(0, 0.88fr); gap: 14px; } .page-home-overlift-deck .home-sandbox-card { position: relative; min-width: 0; min-height: 254px; padding: 17px; overflow: hidden; border: 1px solid rgba(216, 173, 104, 0.27); border-radius: 19px; background: radial-gradient(circle at 92% 0%, rgba(216, 173, 104, 0.075), transparent 34%), linear-gradient(150deg, rgba(15, 22, 30, 0.92), rgba(5, 10, 15, 0.94)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), inset 0 0 0 1px rgba(164, 173, 183, 0.16), 0 14px 34px rgba(0, 0, 0, 0.22), 0 0 24px rgba(216, 173, 104, 0.045); } .page-home-overlift-deck .home-sandbox-card::before { content: ""; position: absolute; inset: 4px; pointer-events: none; border: 1px solid rgba(164, 173, 183, 0.13); border-radius: 15px; } .page-home-overlift-deck .home-sandbox-card > * { position: relative; z-index: 1; } .page-home-overlift-deck .home-sandbox-card-label { display: flex; align-items: center; gap: 8px; color: rgba(216, 173, 104, 0.8); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .home-sandbox-card-label span { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid rgba(242, 213, 157, 0.42); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.63rem; } .page-home-overlift-deck .home-sandbox-card h3 { margin: 12px 0 0; color: var(--home-ivory); font-size: clamp(1rem, 1.25vw, 1.25rem); line-height: 1.25; } .page-home-overlift-deck .home-sandbox-card > p { margin: 8px 0 0; color: var(--home-muted); font-size: 0.76rem; line-height: 1.5; } .page-home-overlift-deck .home-sandbox-card dl { display: grid; gap: 0; margin: 13px 0 0; border-top: 1px solid rgba(164, 173, 183, 0.13); } .page-home-overlift-deck .home-sandbox-card dl > div { display: grid; grid-template-columns: minmax(84px, 0.42fr) minmax(0, 1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(164, 173, 183, 0.09); } .page-home-overlift-deck .home-sandbox-card dt { color: rgba(216, 173, 104, 0.68); font-size: 0.6rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-sandbox-card dd { margin: 0; color: rgba(215, 224, 232, 0.74); font-size: 0.69rem; line-height: 1.38; } .page-home-overlift-deck .home-sandbox-policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 14px; } .page-home-overlift-deck .home-sandbox-policy-grid > span { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 7px; align-items: center; min-width: 0; padding: 8px 9px; border: 1px solid rgba(164, 173, 183, 0.15); border-radius: 12px; background: rgba(255, 255, 255, 0.018); } .page-home-overlift-deck .home-sandbox-policy-grid i { grid-row: 1 / 3; width: 8px; height: 8px; border: 1px solid rgba(164, 173, 183, 0.5); border-radius: 50%; } .page-home-overlift-deck .home-sandbox-policy-grid em { min-width: 0; overflow: hidden; color: rgba(221, 228, 234, 0.72); font-size: 0.66rem; font-style: normal; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-sandbox-policy-grid b { color: rgba(153, 166, 178, 0.58); font-size: 0.57rem; font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="pass"], .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="not-required"] { border-color: rgba(112, 199, 148, 0.28); background: rgba(112, 199, 148, 0.035); } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="pass"] i, .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="not-required"] i { border-color: rgba(112, 199, 148, 0.76); background: rgba(112, 199, 148, 0.72); box-shadow: 0 0 10px rgba(112, 199, 148, 0.38); } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="hold"], .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="exception"] { border-color: rgba(242, 189, 96, 0.42); background: rgba(242, 189, 96, 0.055); } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="hold"] i, .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="exception"] i { border-color: rgba(242, 189, 96, 0.82); background: rgba(242, 189, 96, 0.72); box-shadow: 0 0 12px rgba(242, 189, 96, 0.42); } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="rejected"] { border-color: rgba(239, 119, 125, 0.42); background: rgba(239, 119, 125, 0.045); } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="rejected"] i { border-color: rgba(239, 119, 125, 0.82); background: rgba(239, 119, 125, 0.7); box-shadow: 0 0 12px rgba(239, 119, 125, 0.36); } .page-home-overlift-deck .home-sandbox-outcome-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px !important; border-top: 0 !important; } .page-home-overlift-deck .home-sandbox-outcome-metrics > div { display: block !important; padding: 11px !important; border: 1px solid rgba(164, 173, 183, 0.14) !important; border-radius: 13px; background: rgba(3, 8, 12, 0.5); } .page-home-overlift-deck .home-sandbox-outcome-metrics dd { margin-top: 5px; color: var(--home-ivory); font-size: 1rem; font-weight: 750; } .page-home-overlift-deck .home-sandbox-commandbar { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; padding: 12px; border: 1px solid rgba(164, 173, 183, 0.15); border-radius: 17px; background: rgba(3, 8, 12, 0.64); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.035); } .page-home-overlift-deck .home-sandbox-commandbar button { min-height: 42px; padding: 9px 13px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 12px; background: rgba(255, 255, 255, 0.025); color: rgba(222, 229, 235, 0.78); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.04em; } .page-home-overlift-deck .home-sandbox-commandbar button:hover:not(:disabled) { border-color: rgba(242, 213, 157, 0.55); color: var(--home-text); box-shadow: 0 0 18px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-sandbox-commandbar button:disabled { cursor: not-allowed; opacity: 0.42; } .page-home-overlift-deck .home-sandbox-commandbar .home-sandbox-primary, .page-home-overlift-deck .home-sandbox-approve { border-color: rgba(242, 213, 157, 0.62); background: linear-gradient(135deg, rgba(216, 173, 104, 0.25), rgba(104, 70, 29, 0.18)); color: var(--home-ivory); box-shadow: inset 0 1px 0 rgba(255, 247, 228, 0.12), 0 0 18px rgba(216, 173, 104, 0.1); } .page-home-overlift-deck .home-sandbox-reject { border-color: rgba(239, 119, 125, 0.42) !important; color: rgba(255, 190, 193, 0.88) !important; } .page-home-overlift-deck .home-sandbox-approval { display: flex; flex-wrap: wrap; gap: 9px; } .page-home-overlift-deck .home-sandbox-approval[hidden] { display: none; } .page-home-overlift-deck .home-sandbox-status { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: center; padding: 11px 13px; border: 1px solid rgba(216, 173, 104, 0.2); border-radius: 15px; background: linear-gradient(90deg, rgba(216, 173, 104, 0.06), rgba(215, 106, 179, 0.025), rgba(3, 8, 12, 0.62)); } .page-home-overlift-deck .home-sandbox-status > span { padding: 6px 9px; border: 1px solid rgba(216, 173, 104, 0.34); border-radius: 999px; color: var(--home-gold-bright); font-size: 0.61rem; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; } .page-home-overlift-deck .home-sandbox-status > span[data-status-kind="verified"] { border-color: rgba(112, 199, 148, 0.5); color: rgba(151, 229, 183, 0.92); box-shadow: 0 0 14px rgba(112, 199, 148, 0.1); } .page-home-overlift-deck .home-sandbox-status > span[data-status-kind="hold"] { border-color: rgba(242, 189, 96, 0.54); color: rgba(255, 212, 132, 0.95); } .page-home-overlift-deck .home-sandbox-status > span[data-status-kind="rejected"] { border-color: rgba(239, 119, 125, 0.5); color: rgba(255, 185, 190, 0.94); } .page-home-overlift-deck .home-sandbox-status p { margin: 0; color: rgba(208, 217, 225, 0.74); font-size: 0.74rem; line-height: 1.45; } .page-home-overlift-deck .home-sandbox-timeline-shell { overflow: hidden; border: 1px solid rgba(164, 173, 183, 0.14); border-radius: 17px; background: rgba(3, 8, 12, 0.58); } .page-home-overlift-deck .home-sandbox-timeline-heading { display: flex; justify-content: space-between; gap: 14px; padding: 10px 13px; border-bottom: 1px solid rgba(164, 173, 183, 0.12); } .page-home-overlift-deck .home-sandbox-timeline-heading span { color: rgba(216, 173, 104, 0.8); font-size: 0.64rem; font-weight: 850; letter-spacing: 0.11em; text-transform: uppercase; } .page-home-overlift-deck .home-sandbox-timeline-heading small { color: rgba(164, 177, 188, 0.58); font-size: 0.62rem; } .page-home-overlift-deck .home-sandbox-timeline { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(172px, 1fr); gap: 0; margin: 0; padding: 0; overflow-x: auto; list-style: none; scroll-snap-type: x mandatory; } .page-home-overlift-deck .home-sandbox-timeline li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 9px; align-items: start; padding: 12px 13px; border-right: 1px solid rgba(164, 173, 183, 0.1); scroll-snap-align: start; } .page-home-overlift-deck .home-sandbox-timeline li > span { grid-row: 1 / 3; display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid rgba(216, 173, 104, 0.34); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.58rem; } .page-home-overlift-deck .home-sandbox-timeline li div { display: grid; gap: 3px; } .page-home-overlift-deck .home-sandbox-timeline li strong { color: rgba(230, 234, 237, 0.84); font-size: 0.68rem; } .page-home-overlift-deck .home-sandbox-timeline li small { color: rgba(169, 182, 194, 0.62); font-size: 0.58rem; line-height: 1.4; } .page-home-overlift-deck .home-sandbox-timeline li code { grid-column: 2; color: rgba(215, 106, 179, 0.68); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.57rem; } .page-home-overlift-deck .home-deck-stage[data-stage-state="blocked"] { border-color: rgba(242, 189, 96, 0.58); background: linear-gradient(180deg, rgba(242, 189, 96, 0.11), rgba(56, 44, 22, 0.04)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.12), 0 0 24px rgba(242, 189, 96, 0.09); } .page-home-overlift-deck .home-deck-stage[data-stage-state="verified"], .page-home-overlift-deck .home-deck-stage[data-stage-state="complete"] { border-color: rgba(112, 199, 148, 0.6); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.1), 0 0 22px rgba(112, 199, 148, 0.08); } .page-home-overlift-deck .home-deck-stage[data-stage-state="rejected"] { border-color: rgba(239, 119, 125, 0.54); background: linear-gradient(180deg, rgba(239, 119, 125, 0.09), rgba(62, 25, 28, 0.035)); } .page-home-overlift-deck .home-receipt-modal-panel { width: min(1120px, calc(100vw - 34px)); } .page-home-overlift-deck .home-receipt-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: start; } .page-home-overlift-deck .home-receipt-heading > strong { align-self: center; padding: 10px 13px; border: 1px solid rgba(216, 173, 104, 0.42); border-radius: 13px; background: rgba(216, 173, 104, 0.06); color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.76rem; box-shadow: 0 0 20px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-receipt-grid { display: grid; grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr); gap: 16px; margin-top: 18px; } .page-home-overlift-deck .home-receipt-summary, .page-home-overlift-deck .home-receipt-journal { min-width: 0; padding: 16px; border: 1px solid rgba(216, 173, 104, 0.24); border-radius: 19px; background: linear-gradient(150deg, rgba(14, 21, 29, 0.92), rgba(4, 9, 14, 0.94)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.14); } .page-home-overlift-deck .home-receipt-decision { padding: 9px 11px; border: 1px solid rgba(112, 199, 148, 0.34); border-radius: 13px; background: rgba(112, 199, 148, 0.045); color: rgba(157, 229, 186, 0.9); font-size: 0.72rem; font-weight: 800; } .page-home-overlift-deck .home-receipt-summary dl { display: grid; gap: 0; margin: 13px 0 0; border-top: 1px solid rgba(164, 173, 183, 0.13); } .page-home-overlift-deck .home-receipt-summary dl > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 10px; padding: 9px 0; border-bottom: 1px solid rgba(164, 173, 183, 0.09); } .page-home-overlift-deck .home-receipt-summary dt { color: rgba(216, 173, 104, 0.68); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; } .page-home-overlift-deck .home-receipt-summary dd { margin: 0; color: rgba(218, 225, 231, 0.78); font-size: 0.72rem; line-height: 1.4; } .page-home-overlift-deck .home-receipt-summary code, .page-home-overlift-deck .home-receipt-journal code { color: rgba(215, 106, 179, 0.76); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .page-home-overlift-deck [data-receipt-sha256] { overflow-wrap: anywhere; word-break: break-word; } .page-home-overlift-deck .home-receipt-result { margin-top: 14px; padding: 12px; border: 1px solid rgba(164, 173, 183, 0.13); border-radius: 14px; background: rgba(3, 8, 12, 0.55); } .page-home-overlift-deck .home-receipt-result span, .page-home-overlift-deck .home-receipt-journal-heading span { color: rgba(216, 173, 104, 0.75); font-size: 0.62rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-receipt-result p { margin: 7px 0 0; color: rgba(226, 232, 237, 0.82); font-size: 0.76rem; line-height: 1.5; } .page-home-overlift-deck .home-receipt-journal-heading { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 11px; border-bottom: 1px solid rgba(164, 173, 183, 0.13); } .page-home-overlift-deck .home-receipt-journal-heading small { color: rgba(164, 177, 188, 0.55); font-size: 0.62rem; } .page-home-overlift-deck .home-receipt-journal ol { display: grid; gap: 0; max-height: 52vh; margin: 0; padding: 0; overflow: auto; list-style: none; } .page-home-overlift-deck .home-receipt-journal li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 10px 0; border-bottom: 1px solid rgba(164, 173, 183, 0.09); } .page-home-overlift-deck .home-receipt-journal li strong { color: rgba(230, 235, 239, 0.82); font-size: 0.72rem; } .page-home-overlift-deck .home-receipt-journal li small { color: rgba(171, 184, 196, 0.62); font-size: 0.64rem; line-height: 1.38; } .page-home-overlift-deck .home-receipt-journal li code { grid-row: 1 / 3; grid-column: 2; align-self: center; font-size: 0.62rem; } .page-home-overlift-deck .home-receipt-promise-rail { margin-top: 16px; } .page-home-overlift-deck .home-projects-section > .site-width { padding: clamp(22px, 2.6vw, 34px); } .page-home-overlift-deck .home-projects-heading { align-items: end; margin-bottom: 22px; padding: 0 2px 18px; border-bottom: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-projects-heading > div { max-width: 74ch; } .page-home-overlift-deck .home-projects-heading h2 { font-size: clamp(2rem, 3.3vw, 3.15rem); } .page-home-overlift-deck .home-projects-heading p { margin: 10px 0 0; color: var(--home-muted); line-height: 1.68; } .page-home-overlift-deck .portfolio-card-grid.home-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--home-gap); } .page-home-overlift-deck .home-project-card { display: grid; grid-template-rows: auto 1fr; min-width: 0; border-radius: 24px; text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .page-home-overlift-deck .home-project-card:hover { transform: translateY(-3px); border-color: rgba(242, 213, 157, 0.58); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(164, 173, 183, 0.2), 0 24px 58px rgba(0, 0, 0, 0.36), 0 0 32px rgba(216, 173, 104, 0.1); } .page-home-overlift-deck .home-project-card .portfolio-card-art { min-height: 12rem; border-bottom: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-project-card-body { display: grid; align-content: start; gap: 13px; padding: clamp(18px, 2vw, 25px); } .page-home-overlift-deck .home-project-card-head .project-category { max-width: 55%; color: rgba(185, 197, 208, 0.68); font-size: 0.78rem; line-height: 1.4; text-align: right; } .page-home-overlift-deck .home-project-card-body h3 { margin: 0; color: var(--home-ivory); font-size: clamp(1.8rem, 2.6vw, 2.35rem); } .page-home-overlift-deck .home-project-card .portfolio-card-tagline { margin: 0; color: rgba(231, 236, 241, 0.84); font-size: 0.98rem; line-height: 1.6; } .page-home-overlift-deck .home-project-business-value, .page-home-overlift-deck .home-project-delivery { padding: 13px 14px; border: 1px solid rgba(164, 173, 183, 0.16); border-radius: 17px; background: rgba(255, 255, 255, 0.022); } .page-home-overlift-deck .home-project-business-value > span, .page-home-overlift-deck .home-project-delivery > span { display: block; color: var(--home-gold-bright); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } .page-home-overlift-deck .home-project-business-value p { margin: 7px 0 0; color: rgba(207, 216, 225, 0.76); font-size: 0.88rem; line-height: 1.58; } .page-home-overlift-deck .home-project-delivery ul { margin: 7px 0 0; padding-left: 1rem; color: rgba(194, 205, 215, 0.72); font-size: 0.84rem; line-height: 1.55; } .page-home-overlift-deck .home-project-card .portfolio-card-stack { color: rgba(160, 176, 189, 0.65); font-size: 0.78rem; line-height: 1.5; } .page-home-overlift-deck .home-project-case-study-link { margin-top: auto; } body.is-home-modal-open { overflow: hidden; } .page-home-overlift-deck .home-modal[hidden] { display: none !important; } .page-home-overlift-deck .home-modal { position: fixed; inset: 0; z-index: 1800; display: grid; place-items: center; padding: clamp(12px, 2.5vw, 34px); background: rgba(1, 4, 8, 0.82); backdrop-filter: blur(18px) saturate(118%); } .page-home-overlift-deck .home-modal-panel { width: min(1180px, 100%); max-height: min(91svh, 920px); overflow: auto; padding: clamp(22px, 3vw, 38px); border-radius: 30px; border-color: rgba(242, 213, 157, 0.68); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(164, 173, 183, 0.22), 0 32px 100px rgba(0, 0, 0, 0.72), 0 0 64px rgba(216, 173, 104, 0.2); } .page-home-overlift-deck .home-modal-field { position: fixed; opacity: 0.72; } .page-home-overlift-deck .home-modal-close { position: sticky; top: 0; z-index: 20; display: grid; place-items: center; width: 42px; height: 42px; margin: -4px -4px 8px auto; border: 1px solid rgba(242, 213, 157, 0.52); border-radius: 14px; background: rgba(6, 10, 15, 0.88); color: var(--home-gold-bright); font-size: 1.45rem; line-height: 1; } .page-home-overlift-deck .home-modal-heading { max-width: 76ch; padding-right: 58px; } .page-home-overlift-deck .home-modal-heading h2 { margin: 7px 0 0; color: var(--home-ivory); font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1; letter-spacing: -0.045em; } .page-home-overlift-deck .home-modal-heading p { margin: 11px 0 0; color: var(--home-muted); font-size: 1rem; line-height: 1.65; } .page-home-overlift-deck .home-architecture-map { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 0.35fr); gap: 24px; margin-top: 24px; } .page-home-overlift-deck .home-architecture-map ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; } .page-home-overlift-deck .home-architecture-map li { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 13px; align-items: center; padding: 12px 15px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 17px; background: rgba(6, 11, 17, 0.78); } .page-home-overlift-deck .home-architecture-map li:not(:last-child)::after { content: ""; position: absolute; left: 33px; bottom: -10px; width: 1px; height: 10px; background: rgba(216, 173, 104, 0.48); box-shadow: 0 0 8px rgba(216, 173, 104, 0.42); } .page-home-overlift-deck .home-architecture-map li > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(216, 173, 104, 0.58); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .page-home-overlift-deck .home-architecture-map li div { display: grid; gap: 3px; } .page-home-overlift-deck .home-architecture-map li strong, .page-home-overlift-deck .home-architecture-map aside > strong { color: var(--home-ivory); font-size: 1rem; } .page-home-overlift-deck .home-architecture-map li small { color: rgba(191, 202, 212, 0.69); font-size: 0.77rem; line-height: 1.42; } .page-home-overlift-deck .home-architecture-map aside { display: grid; place-items: center; align-content: center; gap: 14px; min-height: 310px; padding: 22px; border: 1px solid rgba(216, 173, 104, 0.43); border-radius: 24px; background: linear-gradient(180deg, rgba(216, 173, 104, 0.075), rgba(4, 9, 14, 0.82)); text-align: center; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.17), 0 0 30px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-semantic-bridge-icon { display: grid; place-items: center; width: 78px; height: 78px; border: 1px solid rgba(216, 173, 104, 0.52); border-radius: 50%; color: var(--home-gold-bright); font-size: 3rem; box-shadow: 0 0 28px rgba(216, 173, 104, 0.12); } .page-home-overlift-deck .home-architecture-map aside p { margin: 0; color: var(--home-muted); line-height: 1.62; } .page-home-overlift-deck .home-modal-promise-rail { justify-content: center; margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-impact-table { display: grid; gap: 8px; margin-top: 24px; } .page-home-overlift-deck .home-impact-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 16px; background: rgba(164, 173, 183, 0.18); } .page-home-overlift-deck .home-impact-row > * { display: flex; align-items: center; min-height: 61px; padding: 12px 14px; background: rgba(5, 10, 15, 0.9); color: rgba(219, 226, 232, 0.8); font-size: 0.84rem; line-height: 1.4; } .page-home-overlift-deck .home-impact-header > * { min-height: 44px; color: var(--home-gold-bright); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .home-impact-row > :nth-child(2) { background: rgba(13, 21, 29, 0.94); } .page-home-overlift-deck .home-impact-row > :nth-child(3) { color: rgba(243, 235, 222, 0.9); } .page-home-overlift-deck .home-impact-benefits span { flex: 1 1 140px; text-align: center; } .page-home-overlift-deck .site-footer { margin-top: var(--home-gap) !important; padding-top: 0 !important; } @media (max-width: 1240px) { .page-home-overlift-deck .home-sean-signal-grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); } .page-home-overlift-deck .home-overlift-deck-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "intro log" "process process" "sandbox sandbox" "runtime architecture" "impact impact"; } .page-home-overlift-deck .home-deck-impact-card { min-height: 190px; } } @media (max-width: 991px) { .page-home-overlift-deck .home-sean-signal-shell, .page-home-overlift-deck .home-overlift-deck-shell, .page-home-overlift-deck .home-projects-section > .site-width { border-radius: 26px; } .page-home-overlift-deck .home-sean-signal-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sean-intro h1 { max-width: 15ch; } .page-home-overlift-deck .home-sean-proof-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-sean-to-deck-bridge { grid-template-columns: minmax(0, 1fr) auto; } .page-home-overlift-deck .home-sean-to-deck-bridge .home-bridge-state { grid-column: 1 / -1; } .page-home-overlift-deck .home-sean-to-deck-bridge > strong { text-align: left; } .page-home-overlift-deck .home-deck-stage-flow { overflow-x: auto; grid-template-columns: 120px auto 120px auto 120px auto 120px auto 120px; padding: 3px 2px 10px; scroll-snap-type: x proximity; } .page-home-overlift-deck .home-deck-stage { scroll-snap-align: start; } .page-home-overlift-deck .home-architecture-map { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-architecture-map aside { min-height: 220px; } } @media (max-width: 767px) { .page-home-overlift-deck { --home-gap: 30px; } .page-home-overlift-deck .home-experience-flow { padding-top: 15px; } .page-home-overlift-deck .home-sean-signal-shell, .page-home-overlift-deck .home-overlift-deck-shell, .page-home-overlift-deck .home-projects-section > .site-width { padding: 16px; border-radius: 23px; } .page-home-overlift-deck .home-command-surface::before, .page-home-overlift-deck .home-projects-section > .site-width::before { inset: 3px; border-radius: 19px; } .page-home-overlift-deck .home-sean-intro { padding: 4px; } .page-home-overlift-deck .home-sean-intro h1 { max-width: 12ch; font-size: clamp(2.65rem, 13vw, 4.25rem); } .page-home-overlift-deck .home-sean-actions, .page-home-overlift-deck .home-sean-actions .lux-button { width: 100%; } .page-home-overlift-deck .home-sean-signal-options { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sean-signal-option:last-child { grid-column: auto; } .page-home-overlift-deck .home-console-heading, .page-home-overlift-deck .home-deck-panel-heading, .page-home-overlift-deck .home-deck-topbar, .page-home-overlift-deck .home-projects-heading, .page-home-overlift-deck .home-project-card-head { align-items: flex-start; flex-direction: column; } .page-home-overlift-deck .home-console-status, .page-home-overlift-deck .home-deck-runtime-label { justify-content: flex-start; text-align: left; } .page-home-overlift-deck .home-sean-proof-rail { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sean-to-deck-bridge { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sean-to-deck-bridge button { justify-self: start; } .page-home-overlift-deck .home-overlift-deck-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "intro" "process" "log" "sandbox" "runtime" "architecture" "impact"; } .page-home-overlift-deck .home-deck-topbar-actions { width: 100%; justify-content: space-between; } .page-home-overlift-deck .home-stage-detail { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-stage-detail-metrics { justify-content: flex-start; max-width: none; } .page-home-overlift-deck .portfolio-card-grid.home-project-grid { grid-template-columns: minmax(0, 1fr); gap: var(--home-gap); } .page-home-overlift-deck .home-projects-heading .home-inline-link { align-self: flex-start; } .page-home-overlift-deck .home-modal { padding: 8px; } .page-home-overlift-deck .home-modal-panel { max-height: 96svh; padding: 18px; border-radius: 23px; } .page-home-overlift-deck .home-modal-heading { padding-right: 44px; } .page-home-overlift-deck .home-impact-row, .page-home-overlift-deck .home-impact-header { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-impact-header { display: none; } .page-home-overlift-deck .home-impact-row > * { min-height: auto; } .page-home-overlift-deck .home-impact-row > *::before { display: block; width: 100%; margin-bottom: 4px; color: rgba(216, 173, 104, 0.72); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-impact-row > :nth-child(1)::before { content: "Challenge"; } .page-home-overlift-deck .home-impact-row > :nth-child(2)::before { content: "Technique"; } .page-home-overlift-deck .home-impact-row > :nth-child(3)::before { content: "Result"; } .page-home-overlift-deck .home-impact-row > * { display: grid; } } @media (max-width: 991px) { .page-home-overlift-deck .home-sandbox-workspace { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-sandbox-outcome-card { grid-column: 1 / -1; min-height: 190px; } .page-home-overlift-deck .home-receipt-grid { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 767px) { .page-home-overlift-deck .home-sandbox-heading, .page-home-overlift-deck .home-receipt-heading { grid-template-columns: minmax(0, 1fr); flex-direction: column; } .page-home-overlift-deck .home-sandbox-identity { justify-items: start; width: 100%; min-width: 0; } .page-home-overlift-deck .home-sandbox-workspace { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sandbox-outcome-card { grid-column: auto; } .page-home-overlift-deck .home-sandbox-card { min-height: 0; } .page-home-overlift-deck .home-sandbox-commandbar, .page-home-overlift-deck .home-sandbox-approval { align-items: stretch; flex-direction: column; width: 100%; } .page-home-overlift-deck .home-sandbox-commandbar button, .page-home-overlift-deck .home-sandbox-approval button { width: 100%; } .page-home-overlift-deck .home-sandbox-status { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sandbox-status > span { justify-self: start; } .page-home-overlift-deck .home-sandbox-timeline-heading, .page-home-overlift-deck .home-receipt-journal-heading { align-items: flex-start; flex-direction: column; } .page-home-overlift-deck .home-receipt-heading > strong { justify-self: start; } .page-home-overlift-deck .home-receipt-summary dl > div { grid-template-columns: minmax(0, 1fr); gap: 4px; } .page-home-overlift-deck .home-receipt-journal li { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-receipt-journal li code { grid-row: auto; grid-column: auto; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck *, .page-home-overlift-deck *::before, .page-home-overlift-deck *::after { scroll-behavior: auto !important; animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } } .page-home-overlift-deck .home-receipt-actions { display: grid; gap: 8px; margin-top: 12px; } .page-home-overlift-deck .home-receipt-actions button { min-height: 42px; padding: 9px 13px; border: 1px solid rgba(216, 173, 104, 0.42); border-radius: 13px; background: linear-gradient(145deg, rgba(216, 173, 104, 0.12), rgba(9, 15, 21, 0.92)); color: rgba(246, 236, 220, 0.92); font: inherit; font-size: 0.72rem; font-weight: 850; letter-spacing: 0.04em; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.14), 0 0 20px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-receipt-actions button:hover:not(:disabled), .page-home-overlift-deck .home-receipt-actions button:focus-visible:not(:disabled) { border-color: rgba(242, 202, 132, 0.72); box-shadow: inset 0 0 0 1px rgba(180, 189, 198, 0.2), 0 0 25px rgba(216, 173, 104, 0.14); } .page-home-overlift-deck .home-receipt-actions button:disabled { cursor: not-allowed; opacity: 0.45; } .page-home-overlift-deck .home-receipt-actions small { color: rgba(164, 177, 188, 0.62); font-size: 0.64rem; line-height: 1.42; } .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro process log" "sandbox sandbox sandbox" "runtime runtime runtime" "architecture architecture impact"; } .page-home-overlift-deck .home-aex-observatory { display: grid; gap: 16px; padding: clamp(18px, 2vw, 26px); border-color: rgba(216, 173, 104, 0.34); background: radial-gradient(circle at 50% -18%, rgba(216, 173, 104, 0.12), transparent 34%), radial-gradient(circle at 88% 18%, rgba(205, 66, 159, 0.085), transparent 28%), linear-gradient(145deg, rgba(8, 14, 20, 0.965), rgba(3, 8, 12, 0.95)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.18), inset 0 1px 0 rgba(255, 248, 233, 0.075), 0 0 28px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-aex-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; } .page-home-overlift-deck .home-aex-heading h2 { max-width: 24ch; margin: 7px 0 0; color: var(--home-ivory); font-size: clamp(1.55rem, 2.25vw, 2.45rem); line-height: 1.06; letter-spacing: -0.038em; } .page-home-overlift-deck .home-aex-active-path { display: inline-flex; align-items: center; gap: 8px; max-width: 260px; padding: 8px 11px; border: 1px solid rgba(242, 213, 157, 0.44); border-radius: 999px; background: linear-gradient(90deg, rgba(216, 173, 104, 0.12), rgba(71, 118, 145, 0.06)); color: rgba(247, 235, 213, 0.94); font-size: 0.67rem; font-weight: 850; letter-spacing: 0.08em; line-height: 1.35; text-align: center; text-transform: uppercase; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.11), 0 0 18px rgba(216, 173, 104, 0.1); } .page-home-overlift-deck .home-aex-active-path::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: rgba(112, 199, 148, 0.95); box-shadow: 0 0 12px rgba(112, 199, 148, 0.72); } .page-home-overlift-deck .home-aex-intro { max-width: 92ch; margin: -4px 0 0; color: rgba(198, 209, 219, 0.74); font-size: 0.83rem; line-height: 1.58; } .page-home-overlift-deck .home-aex-tier-rail { display: grid; grid-template-columns: repeat(8, minmax(108px, 1fr)); gap: 8px; } .page-home-overlift-deck .home-aex-tier-rail button { position: relative; display: grid; align-content: start; gap: 5px; min-width: 0; min-height: 120px; padding: 12px 10px 10px; overflow: hidden; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 17px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.011)), rgba(3, 8, 12, 0.62); color: rgba(211, 220, 228, 0.72); text-align: left; transition: border-color 170ms ease, transform 170ms ease, background 170ms ease, box-shadow 170ms ease, opacity 170ms ease; } .page-home-overlift-deck .home-aex-tier-rail button::after { content: attr(data-tier-state); position: absolute; right: 8px; bottom: 7px; color: rgba(154, 167, 180, 0.54); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.52rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-aex-tier-rail button:hover, .page-home-overlift-deck .home-aex-tier-rail button.is-inspected { transform: translateY(-2px); border-color: rgba(242, 213, 157, 0.54); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.12), 0 0 22px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-aex-tier-rail button > span { display: inline-grid; place-items: center; width: 36px; height: 29px; border: 1px solid rgba(216, 173, 104, 0.38); border-radius: 10px; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.7rem; font-weight: 900; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.08); } .page-home-overlift-deck .home-aex-tier-rail button strong { color: rgba(242, 236, 225, 0.9); font-size: 0.72rem; line-height: 1.25; } .page-home-overlift-deck .home-aex-tier-rail button small { padding-right: 2px; color: rgba(173, 186, 198, 0.58); font-size: 0.59rem; line-height: 1.36; } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="active"] { border-color: rgba(112, 199, 148, 0.58); background: linear-gradient(180deg, rgba(112, 199, 148, 0.13), rgba(33, 75, 65, 0.045)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.13), 0 0 26px rgba(112, 199, 148, 0.11); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="active"]::after, .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="verified"]::after, .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="warm"]::after { color: rgba(151, 229, 183, 0.86); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="candidate"] { border-color: rgba(242, 189, 96, 0.58); background: linear-gradient(180deg, rgba(242, 189, 96, 0.13), rgba(216, 173, 104, 0.025)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.12), 0 0 24px rgba(242, 189, 96, 0.1); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="candidate"]::after { color: rgba(255, 213, 133, 0.9); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="verified"] { border-color: rgba(215, 103, 178, 0.42); background: linear-gradient(180deg, rgba(201, 53, 152, 0.1), rgba(92, 34, 73, 0.035)); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="warm"] { border-color: rgba(151, 207, 175, 0.5); background: linear-gradient(180deg, rgba(115, 194, 151, 0.11), rgba(40, 84, 63, 0.035)); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="retired"] { border-color: rgba(239, 119, 125, 0.44); background: linear-gradient(180deg, rgba(239, 119, 125, 0.095), rgba(75, 25, 29, 0.04)); opacity: 0.78; } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="retired"]::after { color: rgba(255, 174, 181, 0.83); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="unavailable"] { opacity: 0.42; filter: saturate(0.55); } .page-home-overlift-deck .home-aex-detail { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr); gap: 18px; align-items: center; padding: 15px 17px; border: 1px solid rgba(216, 173, 104, 0.24); border-radius: 18px; background: linear-gradient(115deg, rgba(216, 173, 104, 0.07), rgba(71, 118, 145, 0.055), rgba(3, 8, 12, 0.67)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.1); } .page-home-overlift-deck .home-aex-detail [data-aex-detail-kicker] { color: rgba(216, 173, 104, 0.82); font-size: 0.63rem; font-weight: 850; letter-spacing: 0.11em; text-transform: uppercase; } .page-home-overlift-deck .home-aex-detail h3 { margin: 5px 0 0; color: var(--home-ivory); font-size: clamp(1rem, 1.35vw, 1.32rem); line-height: 1.22; } .page-home-overlift-deck .home-aex-detail p { max-width: 74ch; margin: 6px 0 0; color: rgba(194, 205, 216, 0.7); font-size: 0.73rem; line-height: 1.48; } .page-home-overlift-deck .home-aex-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0; } .page-home-overlift-deck .home-aex-metrics div { display: grid; gap: 2px; padding: 8px 9px; border: 1px solid rgba(164, 173, 183, 0.14); border-radius: 12px; background: rgba(3, 8, 12, 0.58); } .page-home-overlift-deck .home-aex-metrics dt { color: rgba(156, 171, 184, 0.56); font-size: 0.54rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-aex-metrics dd { margin: 0; color: rgba(244, 236, 222, 0.9); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.65rem; } .page-home-overlift-deck .home-aex-control-grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 10px; } .page-home-overlift-deck .home-aex-control-card { min-width: 0; padding: 13px; border: 1px solid rgba(164, 173, 183, 0.17); border-radius: 16px; background: linear-gradient(145deg, rgba(15, 22, 30, 0.86), rgba(3, 8, 12, 0.66)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02); } .page-home-overlift-deck .home-aex-control-heading { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; } .page-home-overlift-deck .home-aex-control-heading > div { display: grid; gap: 2px; } .page-home-overlift-deck .home-aex-control-heading span { color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.58rem; font-weight: 900; letter-spacing: 0.1em; } .page-home-overlift-deck .home-aex-control-heading strong { color: rgba(241, 234, 221, 0.9); font-size: 0.74rem; line-height: 1.3; } .page-home-overlift-deck .home-aex-control-heading small { color: rgba(151, 229, 183, 0.74); font-size: 0.57rem; line-height: 1.4; text-align: right; } .page-home-overlift-deck .home-aex-control-card > p { margin: 9px 0 0; color: rgba(181, 194, 205, 0.66); font-size: 0.66rem; line-height: 1.48; } .page-home-overlift-deck .home-aex-context-buttons { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; margin-top: 10px; } .page-home-overlift-deck .home-aex-context-buttons button, .page-home-overlift-deck .home-tier-s-challenge { min-height: 36px; padding: 7px 8px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 10px; background: rgba(255, 255, 255, 0.022); color: rgba(203, 213, 221, 0.7); font-size: 0.59rem; font-weight: 800; } .page-home-overlift-deck .home-aex-context-buttons button:hover, .page-home-overlift-deck .home-aex-context-buttons button.is-active { border-color: rgba(242, 213, 157, 0.5); background: rgba(216, 173, 104, 0.1); color: var(--home-ivory); box-shadow: 0 0 14px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-tier-s-proof, .page-home-overlift-deck .home-aex-islands { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; } .page-home-overlift-deck .home-tier-s-proof span, .page-home-overlift-deck .home-aex-islands span { padding: 5px 7px; border: 1px solid rgba(164, 173, 183, 0.13); border-radius: 999px; color: rgba(186, 199, 209, 0.67); font-size: 0.56rem; line-height: 1.35; } .page-home-overlift-deck .home-tier-s-proof b { color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .page-home-overlift-deck .home-tier-s-challenge { width: 100%; margin-top: 10px; border-color: rgba(239, 119, 125, 0.28); color: rgba(255, 187, 192, 0.8); } .page-home-overlift-deck .home-tier-s-challenge:not(:disabled):hover { border-color: rgba(239, 119, 125, 0.56); background: rgba(239, 119, 125, 0.09); color: rgba(255, 212, 215, 0.94); } .page-home-overlift-deck .home-tier-s-challenge:disabled { cursor: not-allowed; opacity: 0.42; } .page-home-overlift-deck [data-aex-observatory][data-tier-s-kind="mismatch"] .home-tier-s-card { border-color: rgba(239, 119, 125, 0.45); box-shadow: inset 0 0 0 1px rgba(239, 119, 125, 0.05), 0 0 20px rgba(239, 119, 125, 0.07); } .page-home-overlift-deck [data-aex-observatory][data-tier-s-kind="verified"] .home-tier-s-card { border-color: rgba(112, 199, 148, 0.38); } @media (max-width: 1240px) { .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro log" "process process" "sandbox sandbox" "runtime runtime" "architecture impact"; } .page-home-overlift-deck .home-aex-tier-rail { overflow-x: auto; grid-template-columns: repeat(8, minmax(118px, 1fr)); padding-bottom: 7px; scroll-snap-type: x mandatory; } .page-home-overlift-deck .home-aex-tier-rail button { scroll-snap-align: start; } } @media (max-width: 991px) { .page-home-overlift-deck .home-aex-heading { flex-direction: column; } .page-home-overlift-deck .home-aex-active-path { max-width: none; } .page-home-overlift-deck .home-aex-detail { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-aex-control-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-tier-portfolio-card { grid-column: 1 / -1; } } @media (max-width: 767px) { .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro" "process" "log" "sandbox" "runtime" "architecture" "impact"; } .page-home-overlift-deck .home-aex-observatory { padding: 15px; } .page-home-overlift-deck .home-aex-heading h2 { max-width: 15ch; } .page-home-overlift-deck .home-aex-tier-rail { margin-inline: -2px; grid-template-columns: repeat(8, minmax(128px, 128px)); } .page-home-overlift-deck .home-aex-detail { padding: 13px; } .page-home-overlift-deck .home-aex-metrics { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-aex-control-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-tier-portfolio-card { grid-column: auto; } .page-home-overlift-deck .home-aex-context-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-aex-context-buttons button, .page-home-overlift-deck .home-tier-s-challenge { min-height: 44px; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-aex-tier-rail button { transition: none; } } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="authority"] { border-color: rgba(242, 213, 157, 0.64); background: radial-gradient(circle at 20% 10%, rgba(216, 173, 104, 0.16), transparent 45%), linear-gradient(180deg, rgba(216, 173, 104, 0.11), rgba(38, 43, 48, 0.035)); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.18), 0 0 26px rgba(216, 173, 104, 0.12); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="authority"]::after { color: rgba(255, 226, 170, 0.92); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="fallback"] { border-color: rgba(242, 213, 157, 0.58); background: linear-gradient(180deg, rgba(216, 173, 104, 0.12), rgba(83, 54, 22, 0.04)); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.15), 0 0 24px rgba(216, 173, 104, 0.11); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="fallback"]::after { color: rgba(255, 218, 151, 0.92); } .page-home-overlift-deck .home-aex-context-buttons { grid-template-columns: repeat(4, minmax(0, 1fr)); } .page-home-overlift-deck .home-aex-context-readout { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 9px; padding: 8px 10px; border: 1px solid rgba(164, 173, 183, 0.14); border-radius: 11px; background: rgba(7, 13, 19, 0.58); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.035); } .page-home-overlift-deck .home-aex-context-readout span { color: rgba(173, 186, 198, 0.62); font-size: 0.58rem; font-weight: 720; } .page-home-overlift-deck .home-aex-context-readout strong { color: rgba(242, 230, 207, 0.88); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.58rem; letter-spacing: 0.04em; } .page-home-overlift-deck .home-aex-portfolio-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 10px 0 0; } .page-home-overlift-deck .home-aex-portfolio-metrics div { min-width: 0; padding: 7px 8px; border: 1px solid rgba(164, 173, 183, 0.12); border-radius: 10px; background: rgba(255, 255, 255, 0.018); } .page-home-overlift-deck .home-aex-portfolio-metrics dt { color: rgba(157, 171, 184, 0.58); font-size: 0.52rem; font-weight: 760; letter-spacing: 0.055em; text-transform: uppercase; } .page-home-overlift-deck .home-aex-portfolio-metrics dd { min-width: 0; margin: 4px 0 0; color: rgba(235, 228, 215, 0.86); font-size: 0.61rem; font-weight: 820; overflow-wrap: anywhere; } .page-home-overlift-deck .home-aex-portfolio-metrics code { color: rgba(226, 177, 210, 0.82); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.56rem; } .page-home-overlift-deck [data-aex-observatory][data-tier-s-kind="armed"] .home-tier-s-card { border-color: rgba(242, 189, 96, 0.48); box-shadow: inset 0 0 0 1px rgba(242, 189, 96, 0.05), 0 0 24px rgba(242, 189, 96, 0.08); } .page-home-overlift-deck .home-architecture-aex { display: grid; gap: 13px; margin-top: 16px; padding: 15px; border: 1px solid rgba(216, 173, 104, 0.27); border-radius: 20px; background: radial-gradient(circle at 50% 0%, rgba(216, 173, 104, 0.09), transparent 40%), linear-gradient(135deg, rgba(8, 14, 20, 0.9), rgba(4, 9, 14, 0.86)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.12), 0 0 24px rgba(216, 173, 104, 0.06); } .page-home-overlift-deck .home-architecture-aex header { display: grid; grid-template-columns: minmax(0, 0.7fr) minmax(300px, 1.3fr); gap: 20px; align-items: end; } .page-home-overlift-deck .home-architecture-aex header > div { display: grid; gap: 4px; } .page-home-overlift-deck .home-architecture-aex header span { color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.6rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-architecture-aex header strong { color: var(--home-ivory); font-size: 0.91rem; line-height: 1.35; } .page-home-overlift-deck .home-architecture-aex header p { margin: 0; color: rgba(190, 202, 212, 0.69); font-size: 0.69rem; line-height: 1.55; } .page-home-overlift-deck .home-architecture-aex header b { color: rgba(245, 221, 176, 0.92); } .page-home-overlift-deck .home-architecture-tier-strip { display: grid; grid-template-columns: repeat(8, minmax(84px, 1fr)); gap: 6px; } .page-home-overlift-deck .home-architecture-tier-strip > span { display: grid; gap: 3px; min-width: 0; padding: 9px 8px; border: 1px solid rgba(164, 173, 183, 0.16); border-radius: 12px; background: rgba(255, 255, 255, 0.022); text-align: center; } .page-home-overlift-deck .home-architecture-tier-strip b { color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.64rem; } .page-home-overlift-deck .home-architecture-tier-strip small { color: rgba(181, 194, 205, 0.66); font-size: 0.54rem; line-height: 1.28; } @media (max-width: 991px) { .page-home-overlift-deck .home-architecture-aex header { grid-template-columns: minmax(0, 1fr); align-items: start; } .page-home-overlift-deck .home-architecture-tier-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 767px) { .page-home-overlift-deck .home-aex-tier-rail { scroll-snap-type: x mandatory; } .page-home-overlift-deck .home-aex-context-buttons, .page-home-overlift-deck .home-aex-portfolio-metrics { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-aex-context-readout { align-items: flex-start; flex-direction: column; } .page-home-overlift-deck .home-architecture-tier-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .page-home-overlift-deck [data-overlift-home].is-aex-test-armed .home-aex-observatory { border-color: rgba(242, 189, 96, 0.52); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.2), inset 0 1px 0 rgba(255, 248, 233, 0.085), 0 0 36px rgba(242, 189, 96, 0.12); } .page-home-overlift-deck [data-overlift-home].is-aex-verified .home-aex-observatory { border-color: rgba(112, 199, 148, 0.42); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.2), inset 0 1px 0 rgba(255, 248, 233, 0.08), 0 0 38px rgba(112, 199, 148, 0.1); } .page-home-overlift-deck [data-overlift-home].is-aex-divergence .home-aex-observatory { border-color: rgba(239, 119, 125, 0.62); background: radial-gradient(circle at 50% -18%, rgba(239, 119, 125, 0.13), transparent 34%), radial-gradient(circle at 88% 18%, rgba(205, 66, 159, 0.07), transparent 28%), linear-gradient(145deg, rgba(16, 9, 14, 0.97), rgba(3, 8, 12, 0.95)); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.19), 0 0 42px rgba(239, 119, 125, 0.15); } .page-home-overlift-deck [data-overlift-home].is-aex-t5 .home-tier-portfolio-card { border-color: rgba(151, 207, 175, 0.48); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.13), 0 0 24px rgba(112, 199, 148, 0.08); } .page-home-overlift-deck [data-overlift-home].is-aex-semantic .home-tier-portfolio-card { background: radial-gradient(circle at 15% 5%, rgba(206, 73, 162, 0.13), transparent 42%), linear-gradient(145deg, rgba(15, 22, 30, 0.88), rgba(3, 8, 12, 0.67)); } .page-home-overlift-deck [data-overlift-home].is-aex-causal .home-tier-portfolio-card { border-color: rgba(216, 173, 104, 0.46); background: radial-gradient(circle at 85% 0%, rgba(216, 173, 104, 0.14), transparent 43%), linear-gradient(145deg, rgba(15, 22, 30, 0.88), rgba(3, 8, 12, 0.67)); } .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro process log" "sandbox sandbox sandbox" "runtime runtime runtime" "semantic semantic semantic" "architecture architecture impact"; } .page-home-overlift-deck .home-semantic-observatory { grid-area: semantic; position: relative; display: grid; gap: 18px; overflow: hidden; padding: clamp(18px, 2vw, 28px); border: 1px solid rgba(216, 173, 104, 0.42); border-radius: 26px; background: radial-gradient(circle at 8% 0%, rgba(203, 60, 155, 0.13), transparent 34%), radial-gradient(circle at 91% 20%, rgba(216, 173, 104, 0.11), transparent 30%), linear-gradient(145deg, rgba(8, 14, 20, 0.985), rgba(3, 7, 11, 0.97)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.26), inset 0 1px 0 rgba(255, 250, 238, 0.08), 0 0 34px rgba(216, 173, 104, 0.10), 0 18px 52px rgba(0, 0, 0, 0.28); isolation: isolate; } .page-home-overlift-deck .home-semantic-observatory::before { content: ""; position: absolute; inset: 7px; z-index: -1; pointer-events: none; border: 1px solid rgba(166, 177, 188, 0.16); border-radius: 20px; box-shadow: inset 0 0 24px rgba(191, 51, 144, 0.045); } .page-home-overlift-deck .home-semantic-field { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; opacity: 0.52; pointer-events: none; } .page-home-overlift-deck .home-semantic-heading { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; } .page-home-overlift-deck .home-semantic-heading h2 { max-width: 27ch; margin: 7px 0 0; color: var(--home-ivory); font-size: clamp(1.65rem, 2.5vw, 2.7rem); line-height: 1.04; letter-spacing: -0.04em; } .page-home-overlift-deck .home-semantic-status { display: inline-flex; align-items: center; min-height: 38px; max-width: 280px; padding: 9px 13px; border: 1px solid rgba(166, 177, 188, 0.28); border-radius: 999px; background: rgba(7, 13, 19, 0.74); color: rgba(223, 230, 235, 0.78); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.04em; text-align: center; box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.05); } .page-home-overlift-deck [data-semantic-observatory][data-bridge-state="verified"] .home-semantic-status { border-color: rgba(112, 199, 148, 0.44); color: rgba(190, 242, 211, 0.92); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.07), 0 0 22px rgba(112, 199, 148, 0.08); } .page-home-overlift-deck [data-semantic-observatory][data-bridge-state="building"] .home-semantic-status { border-color: rgba(216, 173, 104, 0.42); color: rgba(244, 216, 166, 0.9); } .page-home-overlift-deck .home-semantic-intro { position: relative; z-index: 1; max-width: 1120px; margin: 0; color: rgba(206, 216, 224, 0.78); font-size: clamp(0.9rem, 1.15vw, 1.03rem); line-height: 1.68; } .page-home-overlift-deck .home-semantic-flow { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(270px, 0.82fr) minmax(0, 1.1fr); gap: 16px; align-items: stretch; } .page-home-overlift-deck .home-semantic-column { min-width: 0; padding: clamp(15px, 1.7vw, 21px); border: 1px solid rgba(166, 177, 188, 0.24); border-radius: 20px; background: linear-gradient(180deg, rgba(14, 23, 31, 0.91), rgba(5, 11, 16, 0.88)); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.055), inset 0 1px 0 rgba(255, 249, 235, 0.055), 0 0 22px rgba(216, 173, 104, 0.035); } .page-home-overlift-deck .home-semantic-bridge-core { border-color: rgba(216, 173, 104, 0.36); background: radial-gradient(circle at 50% 22%, rgba(216, 173, 104, 0.12), transparent 35%), linear-gradient(180deg, rgba(15, 23, 29, 0.95), rgba(5, 10, 14, 0.91)); } .page-home-overlift-deck .home-semantic-column-heading { display: flex; align-items: center; gap: 12px; padding-bottom: 13px; border-bottom: 1px solid rgba(166, 177, 188, 0.16); } .page-home-overlift-deck .home-semantic-column-heading > span { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid rgba(216, 173, 104, 0.58); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.7rem; font-weight: 900; box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.16), 0 0 18px rgba(216, 173, 104, 0.10); } .page-home-overlift-deck .home-semantic-column-heading strong, .page-home-overlift-deck .home-semantic-column-heading small { display: block; } .page-home-overlift-deck .home-semantic-column-heading strong { color: var(--home-ivory); font-size: 0.96rem; letter-spacing: -0.015em; } .page-home-overlift-deck .home-semantic-column-heading small { margin-top: 2px; color: rgba(165, 180, 191, 0.67); font-size: 0.67rem; } .page-home-overlift-deck .home-input-summary, .page-home-overlift-deck .home-bridge-claim-metrics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; } .page-home-overlift-deck .home-input-summary span, .page-home-overlift-deck .home-bridge-claim-metrics span { padding: 7px 10px; border: 1px solid rgba(166, 177, 188, 0.22); border-radius: 999px; background: rgba(7, 14, 20, 0.69); color: rgba(216, 224, 230, 0.73); font-size: 0.68rem; } .page-home-overlift-deck .home-input-summary b, .page-home-overlift-deck .home-bridge-claim-metrics b { color: var(--home-ivory); } .page-home-overlift-deck .home-bridge-claim-metrics [data-semantic-kind="supported"] { border-color: rgba(112, 199, 148, 0.32); } .page-home-overlift-deck .home-bridge-claim-metrics [data-semantic-kind="unknown"] { border-color: rgba(216, 173, 104, 0.36); } .page-home-overlift-deck .home-bridge-claim-metrics [data-semantic-kind="disputed"] { border-color: rgba(239, 119, 125, 0.31); } .page-home-overlift-deck .home-input-records, .page-home-overlift-deck .home-semantic-output { display: grid; gap: 8px; margin-top: 13px; max-height: 390px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(216, 173, 104, 0.42) rgba(7, 13, 18, 0.5); } .page-home-overlift-deck .home-input-record, .page-home-overlift-deck .home-semantic-node, .page-home-overlift-deck .home-semantic-edge, .page-home-overlift-deck .home-semantic-timeline-event, .page-home-overlift-deck .home-semantic-product-card, .page-home-overlift-deck .home-semantic-empty { padding: 11px 12px; border: 1px solid rgba(166, 177, 188, 0.18); border-radius: 14px; background: rgba(5, 11, 16, 0.78); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.025); } .page-home-overlift-deck .home-input-record[data-input-status="admitted"] { border-left: 3px solid rgba(112, 199, 148, 0.66); } .page-home-overlift-deck .home-input-record[data-input-status="rejected"] { border-left: 3px solid rgba(239, 119, 125, 0.65); opacity: 0.78; } .page-home-overlift-deck .home-input-record > div:first-child, .page-home-overlift-deck .home-semantic-node > div:first-child { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .page-home-overlift-deck .home-input-record strong, .page-home-overlift-deck .home-semantic-node strong, .page-home-overlift-deck .home-semantic-edge strong, .page-home-overlift-deck .home-semantic-timeline-event strong, .page-home-overlift-deck .home-semantic-product-card strong { color: rgba(241, 237, 226, 0.92); font-size: 0.76rem; line-height: 1.38; } .page-home-overlift-deck .home-input-record > div:first-child span, .page-home-overlift-deck .home-semantic-node > div:first-child span { flex: 0 0 auto; padding: 3px 7px; border: 1px solid rgba(166, 177, 188, 0.2); border-radius: 999px; color: rgba(188, 200, 210, 0.72); font-size: 0.56rem; font-weight: 900; letter-spacing: 0.045em; text-transform: uppercase; } .page-home-overlift-deck .home-input-record[data-input-status="admitted"] > div:first-child span { color: rgba(177, 233, 201, 0.9); } .page-home-overlift-deck .home-input-record[data-input-status="rejected"] > div:first-child span { color: rgba(250, 177, 181, 0.88); } .page-home-overlift-deck .home-input-record p, .page-home-overlift-deck .home-semantic-node p, .page-home-overlift-deck .home-semantic-product-card p, .page-home-overlift-deck .home-semantic-edge span, .page-home-overlift-deck .home-semantic-timeline-event small { margin: 6px 0 0; color: rgba(166, 181, 192, 0.7); font-size: 0.64rem; line-height: 1.5; } .page-home-overlift-deck .home-input-record > div:last-child { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 7px; } .page-home-overlift-deck .home-input-record code, .page-home-overlift-deck .home-semantic-node code, .page-home-overlift-deck .home-semantic-edge code, .page-home-overlift-deck .home-semantic-timeline-event code, .page-home-overlift-deck .home-semantic-hashes code, .page-home-overlift-deck .home-semantic-witness-card code { color: rgba(216, 196, 157, 0.72); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.59rem; overflow-wrap: anywhere; } .page-home-overlift-deck .home-semantic-hashes, .page-home-overlift-deck .home-bridge-output-metrics, .page-home-overlift-deck .home-semantic-witness-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 13px 0 0; } .page-home-overlift-deck .home-semantic-hashes div, .page-home-overlift-deck .home-bridge-output-metrics div, .page-home-overlift-deck .home-semantic-witness-card dl div { min-width: 0; padding: 8px 9px; border: 1px solid rgba(166, 177, 188, 0.14); border-radius: 11px; background: rgba(6, 12, 17, 0.58); } .page-home-overlift-deck .home-semantic-hashes dt, .page-home-overlift-deck .home-bridge-output-metrics dt, .page-home-overlift-deck .home-semantic-witness-card dt { color: rgba(154, 171, 183, 0.64); font-size: 0.56rem; font-weight: 850; letter-spacing: 0.055em; text-transform: uppercase; } .page-home-overlift-deck .home-semantic-hashes dd, .page-home-overlift-deck .home-bridge-output-metrics dd, .page-home-overlift-deck .home-semantic-witness-card dd { margin: 4px 0 0; color: rgba(237, 234, 224, 0.88); font-size: 0.68rem; overflow-wrap: anywhere; } .page-home-overlift-deck .home-bridge-orbit { position: relative; display: grid; place-items: center; min-height: 174px; margin-top: 14px; } .page-home-overlift-deck .home-bridge-orbit > i { position: absolute; border: 1px solid rgba(216, 173, 104, 0.22); border-radius: 50%; box-shadow: 0 0 22px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-bridge-orbit > i:nth-child(1) { width: 154px; height: 154px; } .page-home-overlift-deck .home-bridge-orbit > i:nth-child(2) { width: 116px; height: 116px; border-color: rgba(207, 73, 162, 0.28); } .page-home-overlift-deck .home-bridge-orbit > i:nth-child(3) { width: 76px; height: 76px; border-color: rgba(216, 173, 104, 0.4); } .page-home-overlift-deck .home-bridge-orbit > div { position: relative; z-index: 1; display: grid; gap: 4px; place-items: center; text-align: center; } .page-home-overlift-deck .home-bridge-orbit span, .page-home-overlift-deck .home-bridge-orbit strong { color: rgba(239, 236, 226, 0.9); font-size: 0.72rem; } .page-home-overlift-deck .home-bridge-orbit b { color: var(--home-gold-bright); font-size: 1.35rem; } .page-home-overlift-deck .home-semantic-bridge-core > p { margin: 10px 0 0; color: rgba(183, 197, 207, 0.72); font-size: 0.72rem; line-height: 1.58; } .page-home-overlift-deck .home-entity-verification { margin-top: 13px; padding: 12px; border: 1px solid rgba(216, 173, 104, 0.26); border-radius: 16px; background: radial-gradient(circle at 16% 0%, rgba(207, 73, 162, 0.08), transparent 34%), linear-gradient(180deg, rgba(7, 14, 20, 0.82), rgba(4, 9, 13, 0.76)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.08), 0 0 20px rgba(216, 173, 104, 0.045); } .page-home-overlift-deck .home-entity-verification > header span, .page-home-overlift-deck .home-entity-verification > header strong { display: block; } .page-home-overlift-deck .home-entity-verification > header span { color: rgba(216, 173, 104, 0.78); font-size: 0.57rem; font-weight: 900; letter-spacing: 0.085em; text-transform: uppercase; } .page-home-overlift-deck .home-entity-verification > header strong { margin-top: 4px; color: rgba(242, 238, 226, 0.94); font-size: 0.78rem; line-height: 1.35; } .page-home-overlift-deck .home-entity-verification ol { display: grid; gap: 7px; margin: 11px 0 0; padding: 0; list-style: none; counter-reset: entity-step; } .page-home-overlift-deck .home-entity-verification li { position: relative; min-height: 42px; padding: 8px 9px 8px 38px; border: 1px solid rgba(166, 177, 188, 0.14); border-radius: 11px; background: rgba(5, 11, 16, 0.62); counter-increment: entity-step; } .page-home-overlift-deck .home-entity-verification li::before { content: counter(entity-step, decimal-leading-zero); position: absolute; top: 9px; left: 9px; display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid rgba(216, 173, 104, 0.38); border-radius: 50%; color: rgba(235, 205, 153, 0.88); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.5rem; font-weight: 900; } .page-home-overlift-deck .home-entity-verification li b, .page-home-overlift-deck .home-entity-verification li small { display: block; } .page-home-overlift-deck .home-entity-verification li b { color: rgba(235, 232, 222, 0.91); font-size: 0.68rem; } .page-home-overlift-deck .home-entity-verification li small { margin-top: 2px; color: rgba(159, 176, 188, 0.69); font-size: 0.59rem; line-height: 1.42; } .page-home-overlift-deck .home-entity-verification > p { margin: 10px 0 0; padding-top: 9px; border-top: 1px solid rgba(166, 177, 188, 0.12); color: rgba(204, 216, 225, 0.76); font-size: 0.62rem; line-height: 1.48; } .page-home-overlift-deck [data-semantic-observatory][data-bridge-state="verified"] .home-entity-verification { border-color: rgba(112, 199, 148, 0.34); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.045), 0 0 24px rgba(112, 199, 148, 0.055); } .page-home-overlift-deck [data-semantic-observatory][data-bridge-state="verified"] .home-entity-verification > p { color: rgba(183, 235, 207, 0.86); } .page-home-overlift-deck .home-semantic-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 13px; } .page-home-overlift-deck .home-semantic-tabs button { min-height: 38px; padding: 7px 8px; border: 1px solid rgba(166, 177, 188, 0.2); border-radius: 11px; background: rgba(7, 14, 20, 0.68); color: rgba(187, 201, 211, 0.72); font-size: 0.63rem; font-weight: 850; } .page-home-overlift-deck .home-semantic-tabs button:hover, .page-home-overlift-deck .home-semantic-tabs button:focus-visible, .page-home-overlift-deck .home-semantic-tabs button.is-active { border-color: rgba(216, 173, 104, 0.5); background: rgba(216, 173, 104, 0.09); color: rgba(247, 227, 188, 0.96); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.08), 0 0 18px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-semantic-node[data-semantic-status="supported"], .page-home-overlift-deck .home-semantic-node[data-semantic-status="human-approved"] { border-left: 3px solid rgba(112, 199, 148, 0.62); } .page-home-overlift-deck .home-semantic-node[data-semantic-status="unknown"] { border-left: 3px solid rgba(216, 173, 104, 0.62); } .page-home-overlift-deck .home-semantic-node[data-semantic-status="disputed"], .page-home-overlift-deck .home-semantic-node[data-semantic-status="blocked"] { border-left: 3px solid rgba(239, 119, 125, 0.62); } .page-home-overlift-deck .home-semantic-edge { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; } .page-home-overlift-deck .home-semantic-edge span { grid-column: 1; } .page-home-overlift-deck .home-semantic-edge code { grid-column: 2; grid-row: 1 / span 2; align-self: center; } .page-home-overlift-deck .home-semantic-edge[data-edge-status="verified"] { border-left: 3px solid rgba(112, 199, 148, 0.55); } .page-home-overlift-deck .home-semantic-timeline-event { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 9px; align-items: center; } .page-home-overlift-deck .home-semantic-timeline-event > span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(216, 173, 104, 0.35); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.58rem; } .page-home-overlift-deck .home-semantic-timeline-event strong, .page-home-overlift-deck .home-semantic-timeline-event small { display: block; } .page-home-overlift-deck .home-semantic-product-card > span { display: block; margin-top: 4px; color: var(--home-gold-bright); font-size: 0.7rem; font-weight: 850; } .page-home-overlift-deck .home-input-record { width: 100%; appearance: none; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, opacity 160ms ease; } .page-home-overlift-deck .home-input-record:hover, .page-home-overlift-deck .home-input-record:focus-visible { border-color: rgba(216, 173, 104, 0.5); background: rgba(15, 24, 31, 0.9); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.1), 0 0 22px rgba(216, 173, 104, 0.08); outline: none; transform: translateY(-1px); } .page-home-overlift-deck .home-input-record.is-selected { border-color: rgba(216, 173, 104, 0.68); background: radial-gradient(circle at 96% 0%, rgba(216, 173, 104, 0.12), transparent 38%), rgba(12, 20, 27, 0.94); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.15), 0 0 26px rgba(216, 173, 104, 0.11); } .page-home-overlift-deck .home-provenance-trace { position: relative; z-index: 1; padding: clamp(15px, 1.8vw, 22px); border: 1px solid rgba(216, 173, 104, 0.31); border-radius: 20px; background: radial-gradient(circle at 8% 8%, rgba(202, 54, 153, 0.11), transparent 30%), linear-gradient(145deg, rgba(12, 20, 27, 0.93), rgba(4, 9, 13, 0.9)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.15), 0 0 28px rgba(216, 173, 104, 0.055); } .page-home-overlift-deck .home-provenance-trace > header { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(280px, 1.18fr); gap: 22px; align-items: end; padding-bottom: 14px; border-bottom: 1px solid rgba(166, 177, 188, 0.15); } .page-home-overlift-deck .home-provenance-trace > header span, .page-home-overlift-deck .home-provenance-trace > header strong { display: block; } .page-home-overlift-deck .home-provenance-trace > header span { color: var(--home-gold-bright); font-size: 0.58rem; font-weight: 900; letter-spacing: 0.11em; text-transform: uppercase; } .page-home-overlift-deck .home-provenance-trace > header strong { max-width: 34ch; margin-top: 5px; color: var(--home-ivory); font-size: clamp(0.92rem, 1.35vw, 1.16rem); line-height: 1.35; } .page-home-overlift-deck .home-provenance-trace > header p { margin: 0; color: rgba(179, 193, 203, 0.72); font-size: 0.72rem; line-height: 1.58; } .page-home-overlift-deck .home-provenance-path { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 15px; } .page-home-overlift-deck .home-provenance-stage { position: relative; min-width: 0; min-height: 190px; padding: 13px 12px 12px; border: 1px solid rgba(166, 177, 188, 0.19); border-radius: 15px; background: rgba(5, 11, 16, 0.78); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.025); } .page-home-overlift-deck .home-provenance-stage:not(:last-child)::after { content: "→"; position: absolute; top: 50%; right: -11px; z-index: 2; display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid rgba(216, 173, 104, 0.36); border-radius: 50%; background: #081018; color: rgba(241, 207, 148, 0.9); font-size: 0.72rem; box-shadow: 0 0 16px rgba(216, 173, 104, 0.1); transform: translateY(-50%); } .page-home-overlift-deck .home-provenance-stage > span { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid rgba(216, 173, 104, 0.43); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.56rem; font-weight: 900; } .page-home-overlift-deck .home-provenance-stage > strong, .page-home-overlift-deck .home-provenance-stage > p, .page-home-overlift-deck .home-provenance-stage > small, .page-home-overlift-deck .home-provenance-stage > code { display: block; } .page-home-overlift-deck .home-provenance-stage > strong { margin-top: 10px; color: rgba(242, 238, 228, 0.94); font-size: 0.76rem; line-height: 1.32; } .page-home-overlift-deck .home-provenance-stage > p { margin: 7px 0 0; color: rgba(176, 190, 200, 0.7); font-size: 0.64rem; line-height: 1.48; } .page-home-overlift-deck .home-provenance-stage > small { margin-top: 8px; color: rgba(210, 219, 225, 0.65); font-size: 0.57rem; line-height: 1.42; } .page-home-overlift-deck .home-provenance-stage > code { margin-top: 9px; color: rgba(216, 196, 157, 0.72); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.56rem; overflow-wrap: anywhere; } .page-home-overlift-deck .home-provenance-stage[data-provenance-state="admitted"], .page-home-overlift-deck .home-provenance-stage[data-provenance-state="verified"] { border-color: rgba(112, 199, 148, 0.36); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.04), 0 0 18px rgba(112, 199, 148, 0.045); } .page-home-overlift-deck .home-provenance-stage[data-provenance-state="active"] { border-color: rgba(216, 173, 104, 0.48); background: rgba(18, 24, 29, 0.88); } .page-home-overlift-deck .home-provenance-stage[data-provenance-state="unknown"] { border-color: rgba(216, 173, 104, 0.38); } .page-home-overlift-deck .home-provenance-stage[data-provenance-state="rejected"], .page-home-overlift-deck .home-provenance-stage[data-provenance-state="blocked"] { border-color: rgba(239, 119, 125, 0.38); background: rgba(28, 11, 15, 0.46); } .page-home-overlift-deck .home-semantic-witness-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .page-home-overlift-deck .home-semantic-witness-card { min-width: 0; padding: 14px; border: 1px solid rgba(166, 177, 188, 0.22); border-radius: 17px; background: linear-gradient(145deg, rgba(12, 20, 27, 0.9), rgba(4, 9, 13, 0.88)); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.045); } .page-home-overlift-deck .home-semantic-witness-card > div:first-child span, .page-home-overlift-deck .home-semantic-witness-card > div:first-child strong { display: block; } .page-home-overlift-deck .home-semantic-witness-card > div:first-child span { color: var(--home-gold-bright); font-size: 0.57rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .home-semantic-witness-card > div:first-child strong { margin-top: 3px; color: var(--home-ivory); font-size: 0.83rem; } .page-home-overlift-deck .home-semantic-witness-card > p { margin: 10px 0 0; color: rgba(175, 190, 200, 0.72); font-size: 0.68rem; line-height: 1.52; } .page-home-overlift-deck .home-semantic-witness-card[data-witness-state="match"] { border-color: rgba(112, 199, 148, 0.38); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.045), 0 0 20px rgba(112, 199, 148, 0.05); } .page-home-overlift-deck .home-semantic-witness-card[data-witness-state="mismatch"] { border-color: rgba(239, 119, 125, 0.44); box-shadow: inset 0 0 0 1px rgba(239, 119, 125, 0.05), 0 0 22px rgba(239, 119, 125, 0.07); } @media (max-width: 1240px) { .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro log" "process process" "sandbox sandbox" "runtime runtime" "semantic semantic" "architecture impact"; } .page-home-overlift-deck .home-semantic-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-semantic-products { grid-column: 1 / -1; } .page-home-overlift-deck .home-semantic-witness-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) and (max-width: 1240px) { .page-home-overlift-deck .home-provenance-path { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-home-overlift-deck .home-provenance-stage:not(:last-child)::after { display: none; } } @media (max-width: 767px) { .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro" "process" "log" "sandbox" "runtime" "semantic" "architecture" "impact"; } .page-home-overlift-deck .home-semantic-observatory { gap: 15px; padding: 15px; border-radius: 22px; } .page-home-overlift-deck .home-semantic-heading { flex-direction: column; } .page-home-overlift-deck .home-provenance-trace > header { grid-template-columns: minmax(0, 1fr); gap: 10px; } .page-home-overlift-deck .home-provenance-path { display: flex; gap: 10px; overflow-x: auto; padding: 2px 2px 10px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgba(216, 173, 104, 0.42) rgba(7, 13, 18, 0.5); } .page-home-overlift-deck .home-provenance-stage { flex: 0 0 min(82vw, 270px); min-height: 178px; scroll-snap-align: start; } .page-home-overlift-deck .home-provenance-stage:not(:last-child)::after { right: -10px; } .page-home-overlift-deck .home-semantic-heading h2 { max-width: 16ch; font-size: clamp(1.5rem, 8vw, 2.15rem); } .page-home-overlift-deck .home-semantic-status { max-width: none; } .page-home-overlift-deck .home-semantic-flow, .page-home-overlift-deck .home-semantic-witness-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-semantic-products { grid-column: auto; } .page-home-overlift-deck .home-input-records, .page-home-overlift-deck .home-semantic-output { max-height: 340px; scroll-snap-type: y proximity; } .page-home-overlift-deck .home-input-record, .page-home-overlift-deck .home-semantic-node, .page-home-overlift-deck .home-semantic-edge, .page-home-overlift-deck .home-semantic-timeline-event, .page-home-overlift-deck .home-semantic-product-card { scroll-snap-align: start; } .page-home-overlift-deck .home-semantic-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-semantic-tabs button { min-height: 44px; } .page-home-overlift-deck .home-semantic-hashes, .page-home-overlift-deck .home-bridge-output-metrics, .page-home-overlift-deck .home-semantic-witness-card dl { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-semantic-edge { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-semantic-edge span, .page-home-overlift-deck .home-semantic-edge code { grid-column: 1; grid-row: auto; } .page-home-overlift-deck .home-semantic-timeline-event { grid-template-columns: 32px minmax(0, 1fr); } .page-home-overlift-deck .home-semantic-timeline-event code { grid-column: 2; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-bridge-orbit > i, .page-home-overlift-deck .home-semantic-field { animation: none !important; } } .page-home-overlift-deck .home-input-record { width: 100%; text-align: left; cursor: pointer; transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease; } .page-home-overlift-deck .home-input-record:hover, .page-home-overlift-deck .home-input-record:focus-visible, .page-home-overlift-deck .home-input-record.is-selected { border-color: rgba(216, 173, 104, 0.54); background: linear-gradient(145deg, rgba(21, 27, 31, 0.94), rgba(7, 13, 18, 0.92)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.12), 0 0 24px rgba(216, 173, 104, 0.1); opacity: 1; } .page-home-overlift-deck .home-input-record.is-selected { transform: translateX(2px); } .page-home-overlift-deck .home-semantic-node.is-trace-match, .page-home-overlift-deck .home-semantic-edge.is-trace-match { border-color: rgba(216, 173, 104, 0.58); background: linear-gradient(145deg, rgba(26, 29, 29, 0.95), rgba(8, 14, 18, 0.92)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.12), 0 0 24px rgba(216, 173, 104, 0.1); } .page-home-overlift-deck .home-semantic-node.is-trace-muted, .page-home-overlift-deck .home-semantic-edge.is-trace-muted { opacity: 0.48; } .page-home-overlift-deck .home-semantic-edge[data-edge-status="human-approved"] { border-left: 3px solid rgba(112, 199, 148, 0.68); } .page-home-overlift-deck .home-semantic-edge[data-edge-status="disputed"] { border-left: 3px solid rgba(239, 119, 125, 0.62); } .page-home-overlift-deck .home-semantic-edge[data-edge-status="unknown"] { border-left: 3px solid rgba(216, 173, 104, 0.62); } .page-home-overlift-deck .home-semantic-edge[data-edge-status="blocked"] { border-left: 3px solid rgba(239, 119, 125, 0.72); opacity: 0.8; } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-input-record, .page-home-overlift-deck .home-semantic-node, .page-home-overlift-deck .home-semantic-edge { transition: none !important; } } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] { margin-top: 14px; padding: 13px 14px; border-radius: 15px; border-color: rgba(166, 177, 188, 0.24); background: radial-gradient(circle at 100% 0%, rgba(202, 54, 153, 0.11), transparent 42%), linear-gradient(145deg, rgba(10, 18, 24, 0.94), rgba(4, 9, 13, 0.9)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.11), 0 0 20px rgba(202, 54, 153, 0.045); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > span, .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > strong { display: block; } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > span { color: rgba(211, 188, 146, 0.72); font-size: 0.55rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > strong { margin-top: 4px; color: rgba(243, 238, 226, 0.94); font-size: 0.76rem; line-height: 1.4; } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > p { margin: 6px 0 0; color: rgba(176, 191, 201, 0.72); font-size: 0.64rem; line-height: 1.52; } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace][data-trace-state="admitted"] { border-color: rgba(216, 173, 104, 0.42); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.065), 0 0 22px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace][data-trace-state="verified"] { border-color: rgba(112, 199, 148, 0.42); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.065), 0 0 22px rgba(112, 199, 148, 0.065); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace][data-trace-state="rejected"] { border-color: rgba(239, 119, 125, 0.43); background: linear-gradient(145deg, rgba(28, 11, 15, 0.7), rgba(6, 9, 12, 0.91)); box-shadow: inset 0 0 0 1px rgba(239, 119, 125, 0.055), 0 0 22px rgba(239, 119, 125, 0.065); } .page-home-overlift-deck .home-branch-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 11px; } .page-home-overlift-deck .home-branch-compare article { min-width: 0; padding: 11px; border: 1px solid rgba(166, 177, 188, 0.17); border-radius: 13px; background: rgba(5, 11, 16, 0.7); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.045); } .page-home-overlift-deck .home-branch-compare article > span, .page-home-overlift-deck .home-branch-compare article > strong, .page-home-overlift-deck .home-branch-compare article > small, .page-home-overlift-deck .home-branch-compare article > code { display: block; } .page-home-overlift-deck .home-branch-compare article > span { color: rgba(211, 188, 146, 0.76); font-size: 0.54rem; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .page-home-overlift-deck .home-branch-compare article > strong { margin-top: 5px; color: rgba(241, 237, 227, 0.92); font-size: 0.69rem; line-height: 1.42; } .page-home-overlift-deck .home-branch-compare article > small { margin-top: 6px; color: rgba(169, 184, 194, 0.69); font-size: 0.58rem; line-height: 1.48; } .page-home-overlift-deck .home-branch-compare article > code { margin-top: 8px; } .page-home-overlift-deck .home-branch-witness-card[data-branch-state="approved"] [data-branch-option="approved"], .page-home-overlift-deck .home-branch-witness-card[data-branch-state="rejected"] [data-branch-option="rejected"] { border-color: rgba(112, 199, 148, 0.42); background: rgba(11, 27, 21, 0.58); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.055), 0 0 16px rgba(112, 199, 148, 0.05); } .page-home-overlift-deck .home-branch-witness-card[data-branch-state="approved"] [data-branch-option="rejected"], .page-home-overlift-deck .home-branch-witness-card[data-branch-state="rejected"] [data-branch-option="approved"] { border-color: rgba(216, 173, 104, 0.26); opacity: 0.76; } .page-home-overlift-deck [data-witness-delta] { color: rgba(228, 202, 155, 0.9); } .page-home-overlift-deck .home-semantic-witness-card[data-witness-state="mismatch"] [data-witness-delta] { color: rgba(255, 156, 161, 0.95); } @media (max-width: 767px) { .page-home-overlift-deck .home-branch-compare { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] { padding: 13px; } } body.is-overlift-app-open { overflow: hidden !important; overscroll-behavior: none; } .page-home-overlift-deck .home-app-intro-width, .page-home-overlift-deck .home-projects-section > .site-width { width: min(1180px, calc(100% - 2rem)); max-width: 1180px; margin-inline: auto; } .page-home-overlift-deck .home-app-intro-shell { display: grid; align-items: center; width: 100%; height: 85svh; min-height: min(590px, 85svh); max-height: 900px; padding: clamp(20px, 2.7vw, 40px); overflow: hidden; } .page-home-overlift-deck .home-app-intro-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.98fr); gap: clamp(24px, 4vw, 68px); align-items: center; min-height: 0; } .page-home-overlift-deck .home-app-intro-copy { display: grid; align-content: center; gap: clamp(12px, 1.6vh, 18px); min-width: 0; } .page-home-overlift-deck .home-app-intro-copy h1 { margin: 0; max-width: 10ch; color: var(--home-ivory); font-size: clamp(2.8rem, 4.9vw, 5.15rem); line-height: 0.95; letter-spacing: -0.055em; text-wrap: balance; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-lead { max-width: 58ch; font-size: clamp(1rem, 1.25vw, 1.18rem); line-height: 1.62; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-support { max-width: 68ch; font-size: clamp(0.82rem, 0.95vw, 0.95rem); line-height: 1.58; } .page-home-overlift-deck .home-start-app-button { min-width: 154px; box-shadow: 0 0 26px rgba(216, 173, 104, 0.16); } .page-home-overlift-deck .home-app-marketing-rail { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 2px; } .page-home-overlift-deck .home-app-marketing-rail > span { min-width: 0; padding: 10px 11px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 14px; background: linear-gradient(145deg, rgba(19, 24, 30, 0.76), rgba(7, 12, 17, 0.8)); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.045); } .page-home-overlift-deck .home-app-marketing-rail strong, .page-home-overlift-deck .home-app-marketing-rail small { display: block; } .page-home-overlift-deck .home-app-marketing-rail strong { color: var(--home-gold-bright); font-size: 0.68rem; line-height: 1.3; } .page-home-overlift-deck .home-app-marketing-rail small { margin-top: 4px; color: rgba(178, 190, 201, 0.68); font-size: 0.56rem; line-height: 1.35; } .page-home-overlift-deck .home-app-intro-story { min-width: 0; padding: clamp(18px, 2vw, 28px); border: 1px solid rgba(216, 173, 104, 0.4); border-radius: 25px; background: radial-gradient(circle at 100% 0%, rgba(182, 49, 138, 0.1), transparent 42%), linear-gradient(145deg, rgba(16, 21, 28, 0.94), rgba(6, 10, 15, 0.92)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.22), 0 0 30px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-app-intro-story h2 { margin: 6px 0 0; color: var(--home-ivory); font-size: clamp(1.55rem, 2.4vw, 2.6rem); line-height: 1; } .page-home-overlift-deck .home-app-story-steps { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-app-story-steps li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 11px 12px; border: 1px solid rgba(164, 173, 183, 0.17); border-radius: 15px; background: rgba(255, 255, 255, 0.018); } .page-home-overlift-deck .home-app-story-steps li > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(216, 173, 104, 0.4); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.66rem; } .page-home-overlift-deck .home-app-story-steps strong, .page-home-overlift-deck .home-app-story-steps small { display: block; } .page-home-overlift-deck .home-app-story-steps strong { color: rgba(244, 239, 229, 0.94); font-size: 0.83rem; } .page-home-overlift-deck .home-app-story-steps small { margin-top: 3px; color: rgba(185, 197, 208, 0.72); font-size: 0.66rem; line-height: 1.45; } .page-home-overlift-deck .home-app-intro-proof { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; } .page-home-overlift-deck .home-app-intro-proof span { padding: 7px 10px; border: 1px solid rgba(216, 173, 104, 0.22); border-radius: 999px; background: rgba(216, 173, 104, 0.035); color: rgba(224, 213, 190, 0.78); font-size: 0.62rem; font-weight: 760; } .page-home-overlift-deck .home-app-overlay[hidden] { display: none !important; } .page-home-overlift-deck .home-app-overlay { position: fixed !important; inset: 0; z-index: 10000; display: grid; place-items: center; width: 100vw !important; height: 100dvh; margin: 0 !important; padding: 0 !important; background: rgba(1, 4, 8, 0.88); backdrop-filter: blur(18px) saturate(0.86); -webkit-backdrop-filter: blur(18px) saturate(0.86); } .page-home-overlift-deck .home-app-backdrop { display: grid; place-items: center; width: 100%; height: 100%; padding: 0; } .page-home-overlift-deck .home-fullscreen-app { position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr); width: 85vw; height: 85dvh; min-height: 0 !important; max-width: 1680px; max-height: 1080px; padding: 14px; overflow: hidden; border-radius: 30px; } .page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { min-height: 58px; margin: 0; padding: 2px 4px 10px; } .page-home-overlift-deck .home-app-screen-tabs { display: none; align-items: center; gap: 6px; } .page-home-overlift-deck .home-app-screen-tabs button { min-height: 36px; padding: 8px 14px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 999px; background: rgba(255, 255, 255, 0.02); color: rgba(198, 209, 219, 0.72); font-size: 0.68rem; font-weight: 800; } .page-home-overlift-deck .home-app-screen-tabs button.is-active { border-color: rgba(216, 173, 104, 0.5); background: rgba(216, 173, 104, 0.09); color: var(--home-ivory); } .page-home-overlift-deck .home-app-close { color: rgba(245, 239, 227, 0.92) !important; } .page-home-overlift-deck .home-app-screens { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; min-height: 0; overflow: hidden; } .page-home-overlift-deck .home-app-screen { min-width: 0; min-height: 0; overflow: auto; padding: 12px; border: 1px solid rgba(216, 173, 104, 0.34); border-radius: 23px; background: radial-gradient(circle at 12% 0%, rgba(216, 173, 104, 0.06), transparent 28%), radial-gradient(circle at 100% 12%, rgba(188, 50, 142, 0.08), transparent 34%), linear-gradient(145deg, rgba(8, 14, 20, 0.94), rgba(3, 8, 12, 0.95)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.22), 0 0 22px rgba(216, 173, 104, 0.045); scrollbar-width: thin; scrollbar-color: rgba(216, 173, 104, 0.4) rgba(5, 10, 15, 0.72); } .page-home-overlift-deck .home-app-screen-heading { display: flex; justify-content: space-between; gap: 14px; align-items: flex-end; margin: 0 2px 10px; padding: 2px 4px 10px; border-bottom: 1px solid rgba(164, 173, 183, 0.14); } .page-home-overlift-deck .home-app-screen-heading span, .page-home-overlift-deck .home-app-screen-heading strong { display: block; } .page-home-overlift-deck .home-app-screen-heading span { color: var(--home-gold-bright); font-size: 0.58rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .home-app-screen-heading strong { margin-top: 3px; color: var(--home-ivory); font-size: 0.98rem; } .page-home-overlift-deck .home-app-screen-heading small { max-width: 38ch; color: rgba(178, 190, 201, 0.66); font-size: 0.6rem; line-height: 1.4; text-align: right; } .page-home-overlift-deck .home-app-screen > .home-deck-panel, .page-home-overlift-deck .home-app-screen .home-deck-panel { margin: 0 0 12px; padding: 14px; border-radius: 18px; } .page-home-overlift-deck .home-app-screen-watch .home-deck-process-panel { min-height: 0; } .page-home-overlift-deck .home-app-screen-watch .home-deck-panel-heading h2 { font-size: clamp(1.2rem, 1.55vw, 1.7rem); } .page-home-overlift-deck .home-app-screen-watch .home-deck-runtime-label { max-width: 20ch; font-size: 0.54rem; text-align: right; } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage-flow { grid-template-columns: repeat(5, minmax(92px, 1fr)); gap: 7px; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; } .page-home-overlift-deck .home-app-screen-watch .home-stage-connector { display: none; } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage { min-width: 92px; min-height: 116px; padding: 9px 7px; scroll-snap-align: start; } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage strong { font-size: 0.68rem; } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage small { font-size: 0.51rem; line-height: 1.34; } .page-home-overlift-deck .home-app-screen-watch .home-stage-number { width: 24px; height: 24px; font-size: 0.58rem; } .page-home-overlift-deck .home-app-screen-watch .home-stage-icon { width: 32px; height: 32px; } .page-home-overlift-deck .home-app-screen-watch .home-stage-detail { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 12px; } .page-home-overlift-deck .home-app-visual-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .page-home-overlift-deck .home-app-visual-tiles .home-deck-visual-card { min-height: 132px; padding: 14px; border-radius: 18px; } .page-home-overlift-deck .home-app-visual-tiles .home-deck-visual-card > strong { font-size: 0.85rem; line-height: 1.38; } .page-home-overlift-deck .home-query-heading { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; } .page-home-overlift-deck .home-query-heading h2 { margin: 6px 0 0; color: var(--home-ivory); font-size: clamp(1.28rem, 1.8vw, 1.78rem); line-height: 1.05; } .page-home-overlift-deck .home-query-local { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; color: rgba(190, 203, 214, 0.72); font-size: 0.58rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-query-local i { width: 7px; height: 7px; border-radius: 50%; background: #6ee59c; box-shadow: 0 0 12px rgba(110, 229, 156, 0.7); } .page-home-overlift-deck .home-query-form { display: grid; gap: 7px; margin-top: 14px; } .page-home-overlift-deck .home-query-form label, .page-home-overlift-deck .home-guided-scenarios > span { color: rgba(215, 190, 147, 0.78); font-size: 0.56rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .home-query-form > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; } .page-home-overlift-deck .home-query-form input { min-width: 0; min-height: 46px; padding: 11px 13px; border: 1px solid rgba(164, 173, 183, 0.24); border-radius: 14px; background: rgba(2, 7, 11, 0.86); color: var(--home-ivory); font: inherit; font-size: 0.82rem; box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.035); } .page-home-overlift-deck .home-query-form input:focus { border-color: rgba(216, 173, 104, 0.58); outline: none; box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.08), 0 0 20px rgba(216, 173, 104, 0.09); } .page-home-overlift-deck .home-query-form button, .page-home-overlift-deck .home-query-run { min-height: 44px; padding: 10px 15px; border: 1px solid rgba(216, 173, 104, 0.5); border-radius: 13px; background: linear-gradient(145deg, rgba(216, 173, 104, 0.16), rgba(8, 13, 18, 0.92)); color: var(--home-ivory); font-weight: 820; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.14), 0 0 18px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-query-prompts { display: flex; gap: 6px; margin-top: 10px; overflow-x: auto; padding-bottom: 5px; scroll-snap-type: x proximity; } .page-home-overlift-deck .home-query-prompts button { flex: 0 0 auto; min-height: 36px; padding: 8px 10px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.018); color: rgba(194, 205, 215, 0.74); font-size: 0.62rem; scroll-snap-align: start; } .page-home-overlift-deck .home-query-prompts button:hover, .page-home-overlift-deck .home-query-prompts button:focus-visible { border-color: rgba(216, 173, 104, 0.45); color: var(--home-ivory); } .page-home-overlift-deck .home-query-understanding { margin-top: 10px; padding: 13px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 16px; background: linear-gradient(145deg, rgba(10, 18, 24, 0.93), rgba(4, 9, 13, 0.9)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.07); } .page-home-overlift-deck .home-query-understanding[data-query-state="ready"] { border-color: rgba(216, 173, 104, 0.46); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.06), 0 0 20px rgba(216, 173, 104, 0.06); } .page-home-overlift-deck .home-query-understanding[data-query-state="ambiguous"], .page-home-overlift-deck .home-query-understanding[data-query-state="unsupported"] { border-color: rgba(239, 178, 102, 0.42); } .page-home-overlift-deck .home-query-understanding-title span, .page-home-overlift-deck .home-query-understanding-title strong { display: block; } .page-home-overlift-deck .home-query-understanding-title span { color: var(--home-gold-bright); font-size: 0.54rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .home-query-understanding-title strong { margin-top: 4px; color: var(--home-ivory); font-size: 0.83rem; line-height: 1.4; } .page-home-overlift-deck .home-query-understanding dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 10px 0 0; } .page-home-overlift-deck .home-query-understanding dl > div { min-width: 0; padding: 8px; border: 1px solid rgba(164, 173, 183, 0.13); border-radius: 11px; background: rgba(255, 255, 255, 0.014); } .page-home-overlift-deck .home-query-understanding dt { color: rgba(174, 187, 198, 0.62); font-size: 0.5rem; font-weight: 800; text-transform: uppercase; } .page-home-overlift-deck .home-query-understanding dd { margin: 3px 0 0; color: rgba(239, 235, 225, 0.9); font-size: 0.64rem; line-height: 1.4; overflow-wrap: anywhere; } .page-home-overlift-deck .home-query-understanding > p { margin: 9px 0 0; color: rgba(176, 190, 201, 0.7); font-size: 0.62rem; line-height: 1.5; } .page-home-overlift-deck .home-query-run { width: 100%; margin-top: 10px; } .page-home-overlift-deck .home-query-run:disabled { opacity: 0.42; cursor: not-allowed; } .page-home-overlift-deck .home-guided-scenarios { margin-top: 12px; } .page-home-overlift-deck .home-guided-scenarios .home-deck-scenario-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 7px; } .page-home-overlift-deck .home-guided-scenarios .home-deck-scenario-list button { min-height: 42px; padding: 8px 8px 8px 24px; font-size: 0.64rem; } .page-home-overlift-deck .home-query-console .home-deck-context { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 10px; } .page-home-overlift-deck .home-query-console .home-deck-context div { padding: 8px; } .page-home-overlift-deck .home-query-scenario-summary { margin: 8px 0 0; color: rgba(178, 190, 201, 0.68); font-size: 0.62rem; line-height: 1.48; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-heading { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-heading h2 { font-size: clamp(1.1rem, 1.5vw, 1.48rem); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-heading p { font-size: 0.64rem; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-workspace { grid-template-columns: minmax(0, 1fr); gap: 8px; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card { padding: 12px; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card h3 { font-size: 0.9rem; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card p, .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card dl { font-size: 0.62rem; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-policy-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-commandbar { position: sticky; bottom: -1px; z-index: 3; padding: 9px; border: 1px solid rgba(216, 173, 104, 0.24); border-radius: 15px; background: rgba(5, 10, 15, 0.94); box-shadow: 0 -12px 24px rgba(2, 5, 8, 0.66); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-timeline-shell { max-height: 190px; overflow: auto; } .page-home-overlift-deck .home-proof-drawer[hidden] { display: none !important; } .page-home-overlift-deck .home-proof-drawer { position: absolute; inset: 72px 14px 14px; z-index: 20; display: grid; gap: 12px; align-content: start; overflow: auto; padding: 16px; border: 1px solid rgba(216, 173, 104, 0.48); border-radius: 22px; background: radial-gradient(circle at 92% 0%, rgba(201, 53, 152, 0.11), transparent 34%), linear-gradient(145deg, rgba(7, 13, 18, 0.985), rgba(2, 6, 10, 0.99)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.24), 0 0 42px rgba(0, 0, 0, 0.7), 0 0 28px rgba(216, 173, 104, 0.09); } .page-home-overlift-deck .home-proof-drawer-header { position: sticky; top: -16px; z-index: 5; display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 14px 4px 12px; background: rgba(5, 10, 15, 0.97); border-bottom: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-proof-drawer-header h2 { margin: 5px 0 0; color: var(--home-ivory); font-size: clamp(1.3rem, 2.1vw, 2rem); } .page-home-overlift-deck .home-proof-drawer-header button { flex: 0 0 auto; min-height: 42px; padding: 9px 13px; border: 1px solid rgba(216, 173, 104, 0.38); border-radius: 13px; background: rgba(216, 173, 104, 0.06); color: var(--home-ivory); font-weight: 780; } .page-home-overlift-deck .home-proof-language { padding: 15px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 18px; background: rgba(12, 18, 24, 0.76); } .page-home-overlift-deck .home-proof-language h2 { margin: 5px 0 0; color: var(--home-ivory); font-size: 1.2rem; } .page-home-overlift-deck .home-proof-language dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; } .page-home-overlift-deck .home-proof-language dl > div { min-width: 0; padding: 10px; border: 1px solid rgba(164, 173, 183, 0.14); border-radius: 13px; background: rgba(255, 255, 255, 0.014); } .page-home-overlift-deck .home-proof-language dt { color: var(--home-gold-bright); font-size: 0.68rem; font-weight: 850; } .page-home-overlift-deck .home-proof-language dd { margin: 4px 0 0; color: rgba(184, 196, 206, 0.7); font-size: 0.6rem; line-height: 1.42; } .page-home-overlift-deck .home-proof-drawer > .home-deck-panel, .page-home-overlift-deck .home-proof-drawer > .home-semantic-observatory { margin: 0; } .page-home-overlift-deck .home-proof-button-short { display: none; } @media (min-width: 768px) and (max-height: 820px) { .page-home-overlift-deck .home-app-intro-shell { padding: 18px 24px; } .page-home-overlift-deck .home-app-intro-grid { gap: 24px; } .page-home-overlift-deck .home-app-intro-copy { gap: 9px; } .page-home-overlift-deck .home-app-intro-copy h1 { font-size: clamp(2.7rem, 4.2vw, 4.35rem); } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-lead { font-size: 0.94rem; line-height: 1.48; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-support { font-size: 0.78rem; line-height: 1.45; } .page-home-overlift-deck .home-app-marketing-rail > span { padding: 7px 8px; } .page-home-overlift-deck .home-app-marketing-rail small { display: none; } .page-home-overlift-deck .home-app-intro-story { padding: 15px 18px; } .page-home-overlift-deck .home-app-intro-story h2 { font-size: clamp(1.45rem, 2vw, 2rem); } .page-home-overlift-deck .home-app-story-steps { gap: 6px; margin-top: 11px; } .page-home-overlift-deck .home-app-story-steps li { padding: 8px 10px; } .page-home-overlift-deck .home-app-story-steps small { font-size: 0.6rem; line-height: 1.35; } .page-home-overlift-deck .home-app-intro-proof { margin-top: 9px; } .page-home-overlift-deck .home-app-intro-proof span { padding: 5px 8px; font-size: 0.56rem; } } @media (max-width: 1100px) { .page-home-overlift-deck .home-app-intro-grid { grid-template-columns: minmax(0, 0.92fr) minmax(340px, 1.08fr); gap: 26px; } .page-home-overlift-deck .home-app-marketing-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-home-overlift-deck .home-deck-online { display: none; } .page-home-overlift-deck .home-proof-language dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .page-home-overlift-deck .home-app-screen-tabs { display: flex; } .page-home-overlift-deck .home-deck-brand .eyebrow { display: none; } .page-home-overlift-deck .home-deck-brand strong { font-size: 0.86rem; } .page-home-overlift-deck .home-deck-mark { width: 36px; height: 36px; border-radius: 11px; font-size: 0.68rem; } .page-home-overlift-deck .home-deck-topbar-actions { gap: 6px; } .page-home-overlift-deck .home-deck-topbar-actions button { min-height: 36px; padding: 7px 9px; font-size: 0.62rem; } .page-home-overlift-deck .home-app-screens { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-app-screen { display: none; } .page-home-overlift-deck .home-app-screen.is-active { display: block; } } @media (max-width: 767px) { .page-home-overlift-deck .home-app-intro-shell { height: 85svh; min-height: 0; max-height: none; padding: 15px; overflow: hidden; border-radius: 24px; } .page-home-overlift-deck .home-app-intro-grid { grid-template-columns: minmax(0, 1fr); gap: 11px; align-content: center; } .page-home-overlift-deck .home-app-intro-copy { gap: 8px; } .page-home-overlift-deck .home-app-intro-copy h1 { max-width: none; font-size: clamp(2.35rem, 12vw, 3.15rem); line-height: 0.95; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-lead { font-size: 0.78rem; line-height: 1.45; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-support { display: none; } .page-home-overlift-deck .home-sean-actions { margin-top: 0; } .page-home-overlift-deck .home-sean-actions .lux-button { min-height: 40px; padding: 9px 12px; font-size: 0.72rem; } .page-home-overlift-deck .home-app-marketing-rail { display: flex; gap: 6px; overflow-x: auto; margin-top: 0; padding-bottom: 4px; scroll-snap-type: x proximity; } .page-home-overlift-deck .home-app-marketing-rail > span { flex: 0 0 112px; padding: 7px 8px; scroll-snap-align: start; } .page-home-overlift-deck .home-app-marketing-rail small { display: none; } .page-home-overlift-deck .home-app-intro-story { padding: 11px; border-radius: 18px; } .page-home-overlift-deck .home-app-intro-story .home-console-heading { align-items: center; } .page-home-overlift-deck .home-app-intro-story h2 { font-size: 1.25rem; } .page-home-overlift-deck .home-app-story-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 9px; } .page-home-overlift-deck .home-app-story-steps li { grid-template-columns: 24px minmax(0, 1fr); gap: 6px; padding: 7px; border-radius: 12px; } .page-home-overlift-deck .home-app-story-steps li > span { width: 22px; height: 22px; font-size: 0.5rem; } .page-home-overlift-deck .home-app-story-steps strong { font-size: 0.65rem; } .page-home-overlift-deck .home-app-story-steps small { display: none; } .page-home-overlift-deck .home-app-intro-proof { display: none; } .page-home-overlift-deck .home-fullscreen-app { width: 85vw; height: 85dvh; padding: 9px; border-radius: 22px; } .page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { min-height: 48px; padding-bottom: 7px; } .page-home-overlift-deck .home-app-screen-tabs button { min-height: 32px; padding: 6px 9px; font-size: 0.58rem; } .page-home-overlift-deck .home-deck-brand strong { display: none; } .page-home-overlift-deck .home-deck-topbar-actions button[data-deck-reset] { display: none; } .page-home-overlift-deck .home-proof-button-long { display: none; } .page-home-overlift-deck .home-proof-button-short { display: inline; } .page-home-overlift-deck .home-app-screen { padding: 8px; border-radius: 16px; } .page-home-overlift-deck .home-app-screen-heading { align-items: flex-start; margin-bottom: 7px; } .page-home-overlift-deck .home-app-screen-heading small { display: none; } .page-home-overlift-deck .home-app-screen > .home-deck-panel, .page-home-overlift-deck .home-app-screen .home-deck-panel { padding: 10px; border-radius: 14px; } .page-home-overlift-deck .home-query-heading { display: block; } .page-home-overlift-deck .home-query-local { margin-top: 6px; } .page-home-overlift-deck .home-query-form > div { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-query-understanding dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-guided-scenarios .home-deck-scenario-list { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-query-console .home-deck-context { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-heading { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-identity { justify-self: stretch; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-policy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-app-visual-tiles { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-proof-drawer { inset: 57px 9px 9px; padding: 10px; border-radius: 16px; } .page-home-overlift-deck .home-proof-drawer-header { top: -10px; padding-top: 10px; } .page-home-overlift-deck .home-proof-drawer-header h2 { font-size: 1.1rem; } .page-home-overlift-deck .home-proof-language dl { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-app-overlay, .page-home-overlift-deck .home-fullscreen-app, .page-home-overlift-deck .home-app-screen, .page-home-overlift-deck .home-query-understanding { scroll-behavior: auto !important; transition: none !important; } } body.is-overlift-app-open .home-modal { z-index: 12000; } html.is-overlift-app-open, body.is-overlift-app-open { width: 100%; height: 100%; overflow: hidden !important; overscroll-behavior: none; } .page-home-overlift-deck .home-app-overlay { width: 100vw !important; width: 100dvw !important; height: 100vh !important; height: 100dvh !important; min-height: 100dvh; background: #02060a; backdrop-filter: none; -webkit-backdrop-filter: none; } .page-home-overlift-deck .home-app-backdrop { width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; } .page-home-overlift-deck .home-fullscreen-app, .page-home-overlift-deck .home-fullscreen-app[role="dialog"] { width: 100vw !important; width: 100dvw !important; height: 100vh !important; height: 100dvh !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important; box-sizing: border-box; border-radius: 0 !important; outline: none !important; box-shadow: inset 0 1px 0 rgba(255, 248, 233, 0.1), inset 0 0 0 1px rgba(74, 80, 88, 0.48), inset 0 0 55px rgba(0, 0, 0, 0.28) !important; } .page-home-overlift-deck .home-fullscreen-app::before, .page-home-overlift-deck .home-fullscreen-app::after { border-radius: 0 !important; } .page-home-overlift-deck .home-fullscreen-app:focus, .page-home-overlift-deck .home-fullscreen-app:focus-visible, .page-home-overlift-deck .home-overlift-deck-shell:focus, .page-home-overlift-deck .home-overlift-deck-shell:focus-visible { outline: none !important; } .page-home-overlift-deck .home-fullscreen-app button:focus-visible, .page-home-overlift-deck .home-fullscreen-app a:focus-visible, .page-home-overlift-deck .home-fullscreen-app input:focus-visible, .page-home-overlift-deck .home-fullscreen-app select:focus-visible, .page-home-overlift-deck .home-fullscreen-app textarea:focus-visible { outline: 2px solid var(--home-gold-bright); outline-offset: 2px; } .page-home-overlift-deck .home-app-intro-width, .page-home-overlift-deck .home-app-simulation-width, .page-home-overlift-deck .home-projects-section > .site-width { width: min(1320px, calc(100% - 2rem)); max-width: 1320px; margin-inline: auto; } .page-home-overlift-deck .home-app-intro-shell { height: auto; min-height: 0; max-height: none; padding: clamp(26px, 3vw, 46px); overflow: hidden; border-color: rgba(242, 213, 157, 0.68); box-shadow: inset 0 1px 0 rgba(255, 250, 240, 0.18), inset 0 0 0 1px rgba(116, 125, 136, 0.42), 0 0 0 1px rgba(84, 54, 19, 0.7), 0 22px 68px rgba(0, 0, 0, 0.48), 0 0 30px rgba(216, 173, 104, 0.16), 0 0 72px rgba(205, 65, 158, 0.055); } .page-home-overlift-deck .home-app-intro-shell::before { inset: 6px; border-color: rgba(189, 199, 211, 0.27); } .page-home-overlift-deck .home-app-intro-shell::after { background: linear-gradient(108deg, transparent 0 38%, rgba(255, 248, 229, 0.08) 45%, rgba(255, 226, 169, 0.74) 49.5%, rgba(255, 252, 243, 0.18) 52%, transparent 59% 100%) top / 245% 2px no-repeat, linear-gradient(90deg, transparent, rgba(242, 213, 157, 0.19), transparent) bottom / 68% 1px no-repeat, radial-gradient(circle at 9% 6%, rgba(255, 232, 185, 0.12), transparent 22%), radial-gradient(circle at 92% 93%, rgba(216, 104, 179, 0.07), transparent 26%); animation: home-overlift-brass-glint 22s ease-in-out infinite; } @keyframes home-overlift-brass-glint { 0%, 18% { background-position: 118% 0, center bottom, center, center; opacity: 0.7; } 43%, 58% { background-position: -38% 0, center bottom, center, center; opacity: 1; } 82%, 100% { background-position: -38% 0, center bottom, center, center; opacity: 0.72; } } .page-home-overlift-deck .home-app-intro-grid { grid-template-columns: minmax(0, 1.08fr) minmax(430px, 0.92fr); gap: clamp(28px, 4vw, 62px); align-items: stretch; } .page-home-overlift-deck .home-app-intro-copy { align-content: start; gap: 14px; padding-block: 4px; } .page-home-overlift-deck .home-app-intro-copy h1 { max-width: 13ch; font-size: clamp(2.7rem, 4.55vw, 5.05rem); line-height: 0.94; } .page-home-overlift-deck .home-app-intro-copy h1 > span, .page-home-overlift-deck .home-app-intro-copy h1 > small { display: block; } .page-home-overlift-deck .home-app-intro-copy h1 > small { margin-top: 10px; color: rgba(244, 237, 222, 0.92); font-family: inherit; font-size: 0.43em; font-weight: 650; line-height: 1.08; letter-spacing: -0.035em; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-lead { max-width: 68ch; color: rgba(239, 242, 246, 0.91); font-size: clamp(0.98rem, 1.12vw, 1.12rem); line-height: 1.62; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-support { max-width: 74ch; color: rgba(196, 207, 217, 0.78); font-size: clamp(0.82rem, 0.88vw, 0.94rem); line-height: 1.58; } .page-home-overlift-deck .home-determinism-story { display: grid; gap: 6px; padding: 14px 16px; border: 1px solid rgba(216, 173, 104, 0.32); border-radius: 17px; background: radial-gradient(circle at 100% 0%, rgba(117, 82, 184, 0.12), transparent 42%), linear-gradient(145deg, rgba(21, 17, 31, 0.72), rgba(6, 12, 18, 0.76)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), inset 0 0 0 1px rgba(111, 126, 141, 0.1), 0 0 22px rgba(121, 88, 181, 0.055); } .page-home-overlift-deck .home-determinism-story > strong { color: var(--home-gold-bright); font-size: 0.86rem; letter-spacing: 0.015em; } .page-home-overlift-deck .home-determinism-story p, .page-home-overlift-deck .home-determinism-story small { margin: 0; } .page-home-overlift-deck .home-determinism-story p { color: rgba(231, 234, 239, 0.84); font-size: 0.79rem; line-height: 1.55; } .page-home-overlift-deck .home-determinism-story small { color: rgba(180, 194, 206, 0.68); font-size: 0.69rem; line-height: 1.5; } .page-home-overlift-deck .home-overlift-rule { margin: 0; padding-left: 13px; border-left: 2px solid rgba(216, 173, 104, 0.58); color: rgba(210, 218, 226, 0.78); font-size: 0.8rem; line-height: 1.5; } .page-home-overlift-deck .home-overlift-rule strong { color: var(--home-ivory); } .page-home-overlift-deck .home-simple-explanation-button { border-color: rgba(215, 106, 179, 0.34); box-shadow: 0 0 18px rgba(209, 80, 166, 0.055); } .page-home-overlift-deck .home-app-marketing-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 3px; } .page-home-overlift-deck .home-app-marketing-rail > span { min-height: 66px; padding: 11px 12px; border-color: rgba(164, 173, 183, 0.22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), inset 0 0 0 1px rgba(216, 173, 104, 0.055), 0 0 14px rgba(216, 173, 104, 0.028); } .page-home-overlift-deck .home-app-marketing-rail strong { font-size: 0.72rem; } .page-home-overlift-deck .home-app-marketing-rail small { font-size: 0.61rem; line-height: 1.42; } .page-home-overlift-deck .home-app-intro-story { display: flex; flex-direction: column; height: 100%; padding: clamp(20px, 2.2vw, 30px); border-color: rgba(242, 213, 157, 0.48); background: radial-gradient(circle at 100% 0%, rgba(205, 67, 159, 0.13), transparent 38%), radial-gradient(circle at 3% 100%, rgba(216, 173, 104, 0.075), transparent 34%), linear-gradient(145deg, rgba(16, 22, 29, 0.96), rgba(5, 10, 15, 0.94)); } .page-home-overlift-deck .home-app-intro-story h2 { font-size: clamp(1.7rem, 2.35vw, 2.7rem); line-height: 1.02; } .page-home-overlift-deck .home-aex-marketing-intro { margin: 13px 0 0; color: rgba(198, 209, 219, 0.76); font-size: 0.78rem; line-height: 1.55; } .page-home-overlift-deck .home-aex-marketing-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 15px 0 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-aex-marketing-paths li { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 10px; min-width: 0; padding: 10px 11px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 15px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.009)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025); } .page-home-overlift-deck .home-aex-marketing-paths li:last-child { grid-column: 1 / -1; } .page-home-overlift-deck .home-aex-marketing-paths li > span { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid rgba(216, 173, 104, 0.46); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.65rem; box-shadow: 0 0 13px rgba(216, 173, 104, 0.06); } .page-home-overlift-deck .home-aex-marketing-paths strong, .page-home-overlift-deck .home-aex-marketing-paths small { display: block; } .page-home-overlift-deck .home-aex-marketing-paths strong { color: rgba(245, 240, 231, 0.94); font-size: 0.75rem; } .page-home-overlift-deck .home-aex-marketing-paths small { margin-top: 3px; color: rgba(183, 196, 207, 0.69); font-size: 0.61rem; line-height: 1.38; } .page-home-overlift-deck .home-aex-marketing-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 10px; } .page-home-overlift-deck .home-aex-marketing-controls > span { display: block; min-width: 0; padding: 9px 10px; border: 1px solid rgba(216, 173, 104, 0.2); border-radius: 13px; background: rgba(216, 173, 104, 0.025); } .page-home-overlift-deck .home-aex-marketing-controls strong, .page-home-overlift-deck .home-aex-marketing-controls small { display: block; } .page-home-overlift-deck .home-aex-marketing-controls strong { color: rgba(235, 218, 184, 0.92); font-size: 0.61rem; } .page-home-overlift-deck .home-aex-marketing-controls small { margin-top: 3px; color: rgba(172, 186, 198, 0.66); font-size: 0.54rem; line-height: 1.35; } .page-home-overlift-deck .home-app-intro-story .home-app-intro-proof { margin-top: auto; padding-top: 13px; } .page-home-overlift-deck .home-simple-explanation-panel { width: min(820px, calc(100vw - 32px)); max-height: min(820px, calc(100dvh - 32px)); padding: clamp(24px, 4vw, 42px); border-color: rgba(242, 213, 157, 0.58); background: radial-gradient(circle at 100% 0%, rgba(205, 69, 160, 0.11), transparent 36%), radial-gradient(circle at 0% 100%, rgba(216, 173, 104, 0.08), transparent 34%), linear-gradient(145deg, rgba(13, 20, 28, 0.99), rgba(3, 8, 13, 0.995)); } .page-home-overlift-deck .home-simple-explanation-copy { display: grid; gap: 16px; margin-top: 22px; } .page-home-overlift-deck .home-simple-explanation-copy p { margin: 0; color: rgba(224, 230, 236, 0.86); font-size: clamp(0.92rem, 1.2vw, 1.04rem); line-height: 1.72; } .page-home-overlift-deck .home-simple-explanation-copy p:last-child { padding: 15px 17px; border: 1px solid rgba(216, 173, 104, 0.32); border-radius: 16px; background: rgba(216, 173, 104, 0.04); color: var(--home-ivory); } @media (max-width: 1080px) { .page-home-overlift-deck .home-app-intro-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-app-intro-story { height: auto; } } @media (max-width: 720px) { .page-home-overlift-deck .home-app-intro-width, .page-home-overlift-deck .home-app-simulation-width, .page-home-overlift-deck .home-projects-section > .site-width { width: min(100% - 1rem, 1320px); } .page-home-overlift-deck .home-app-intro-shell { padding: 20px 18px; } .page-home-overlift-deck .home-app-intro-copy h1 { font-size: clamp(2.35rem, 12vw, 3.55rem); } .page-home-overlift-deck .home-app-marketing-rail, .page-home-overlift-deck .home-aex-marketing-paths, .page-home-overlift-deck .home-aex-marketing-controls { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-aex-marketing-paths li:last-child { grid-column: auto; } .page-home-overlift-deck .home-sean-actions > * { flex: 1 1 150px; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-app-intro-shell::after { animation: none !important; background-position: center top, center bottom, center, center; } } .page-home-overlift-deck .home-aex-marketing-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-aex-marketing-flow { display: grid; gap: 9px; margin-top: 11px; padding: 12px 13px; border: 1px solid rgba(215, 106, 179, 0.2); border-radius: 15px; background: radial-gradient(circle at 100% 0%, rgba(209, 80, 166, 0.08), transparent 40%), rgba(4, 11, 17, 0.55); } .page-home-overlift-deck .home-aex-marketing-flow > strong { color: rgba(225, 235, 240, 0.9); font-size: 0.68rem; letter-spacing: 0.025em; } .page-home-overlift-deck .home-aex-marketing-flow ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-aex-marketing-flow li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 7px; align-items: start; min-width: 0; } .page-home-overlift-deck .home-aex-marketing-flow li > span { display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid rgba(215, 106, 179, 0.34); border-radius: 50%; color: rgba(221, 163, 202, 0.88); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.54rem; } .page-home-overlift-deck .home-aex-marketing-flow small { color: rgba(176, 192, 204, 0.7); font-size: 0.56rem; line-height: 1.42; } .page-home-overlift-deck .home-aex-marketing-flow b { color: rgba(225, 214, 191, 0.9); font-weight: 760; } .page-home-overlift-deck .home-app-intro-story .home-app-intro-proof { margin-top: 12px; padding-top: 0; } @media (max-width: 720px) { .page-home-overlift-deck .home-aex-marketing-controls, .page-home-overlift-deck .home-aex-marketing-flow ol { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 720px) { .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-support { display: block; } .page-home-overlift-deck .home-app-marketing-rail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; padding-bottom: 0; } .page-home-overlift-deck .home-app-marketing-rail > span { min-width: 0; min-height: 62px; padding: 9px 10px; } .page-home-overlift-deck .home-app-marketing-rail small { display: block; } .page-home-overlift-deck .home-app-intro-story .home-app-intro-proof { display: flex; } } html.is-home-modal-open, body.is-home-modal-open { overflow: hidden !important; overscroll-behavior: none; } .page-home-overlift-deck .home-modal { position: fixed !important; inset: 0 !important; z-index: 5000 !important; display: grid; place-items: center; width: 100vw; height: 100dvh; padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); overflow: hidden; background: rgba(1, 5, 9, 0.78); backdrop-filter: blur(18px) saturate(112%); } .page-home-overlift-deck .home-modal[hidden] { display: none !important; } .page-home-overlift-deck .home-modal-panel { position: relative; max-width: calc(100vw - 28px); max-height: calc(100dvh - 28px); overflow: auto; overscroll-behavior: contain; } .page-home-overlift-deck .home-simple-explanation-panel { width: min(860px, calc(100vw - 28px)); max-height: min(820px, calc(100dvh - 28px)); padding: clamp(28px, 4vw, 46px); } .page-home-overlift-deck .home-simple-explanation-panel .home-modal-heading { padding-right: 52px; } .page-home-overlift-deck .home-simple-explanation-panel .home-modal-heading h2 { font-size: clamp(1.72rem, 3vw, 2.55rem); line-height: 1.08; } .page-home-overlift-deck .home-simple-explanation-panel .home-modal-heading p, .page-home-overlift-deck .home-simple-explanation-copy p { font-size: clamp(1rem, 1.25vw, 1.12rem); line-height: 1.72; } .page-home-overlift-deck .home-simple-explanation-copy { min-height: 0; overflow: auto; padding-right: 6px; } .page-home-overlift-deck .home-app-intro-copy > p, .page-home-overlift-deck .home-app-intro-supporting, .page-home-overlift-deck .home-app-quantum-explanation p, .page-home-overlift-deck .home-aex-marketing-intro, .page-home-overlift-deck .home-app-intro-proof { font-size: clamp(1rem, 1.18vw, 1.12rem) !important; line-height: 1.68 !important; } .page-home-overlift-deck .home-app-marketing-rail > span small, .page-home-overlift-deck .home-aex-marketing-paths small, .page-home-overlift-deck .home-aex-marketing-controls small { font-size: clamp(0.74rem, 0.82vw, 0.84rem) !important; line-height: 1.48 !important; } .page-home-overlift-deck .home-app-marketing-rail > span strong, .page-home-overlift-deck .home-aex-marketing-paths strong, .page-home-overlift-deck .home-aex-marketing-controls strong { font-size: clamp(0.8rem, 0.9vw, 0.94rem) !important; } .page-home-overlift-deck .site-footer { border-top: 0 !important; padding-top: 1.25rem; } .page-home-overlift-deck .footer-shell { width: min(1320px, calc(100% - 2rem)) !important; max-width: 1320px !important; border-top: 0 !important; } .page-home-overlift-deck .footer-meta-row, .page-home-overlift-deck .footer-menu-block { border-top: 0 !important; } .page-home-overlift-deck .footer-copy { font-size: clamp(0.98rem, 1vw, 1.08rem); line-height: 1.58; } .page-home-overlift-deck .footer-stack-copy, .page-home-overlift-deck .footer-meta-copy { font-size: clamp(0.82rem, 0.88vw, 0.94rem); line-height: 1.5; } @media (min-width: 992px) { .page-home-overlift-deck .site-header .nav-row { width: min(1320px, calc(100% - 2rem)) !important; max-width: 1320px !important; gap: clamp(22px, 3vw, 54px); } .page-home-overlift-deck .site-header .main-nav { flex: 1 1 auto; min-width: 0; } .page-home-overlift-deck .site-header .header-menu-list { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; gap: clamp(8px, 1vw, 16px) !important; } .page-home-overlift-deck .site-header .header-menu-list > .nav-item { min-width: 0; } .page-home-overlift-deck .site-header .nav-link, .page-home-overlift-deck .site-header .nav-link-group > .nav-link { width: 100% !important; } } @media (max-width: 720px) { .page-home-overlift-deck .footer-shell { width: min(100% - 1rem, 1320px) !important; } .page-home-overlift-deck .home-simple-explanation-panel { padding: 24px 20px; } .page-home-overlift-deck .home-simple-explanation-copy p { font-size: 1rem; } } /*!sf-css-source:css/public/features/truth-theater.css*/ .page-home-overlift-deck .overlift-term-link { appearance: none; display: inline; margin: 0; padding: 0 0.08em 0.03em; border: 0; border-bottom: 1px dotted rgba(226, 190, 126, 0.62); border-radius: 0; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; line-height: inherit; text-align: inherit; text-decoration: none; text-transform: inherit; cursor: help; box-shadow: none; } .page-home-overlift-deck .home-fullscreen-app[data-theater-mode="story"], .page-home-overlift-deck .home-fullscreen-app[data-theater-mode="quantum"] { grid-template-rows: auto minmax(0, 1fr); } .page-home-overlift-deck .home-fullscreen-app[data-theater-mode="story"] .home-app-screens, .page-home-overlift-deck .home-fullscreen-app[data-theater-mode="quantum"] .home-app-screens { display: none; } .page-home-overlift-deck .home-fullscreen-app[data-theater-mode="engineering"] .home-truth-theater { display: none; } .page-home-overlift-deck .home-fullscreen-app:not([data-theater-mode="engineering"]) .home-app-screen-tabs { display: none !important; } .page-home-overlift-deck .home-fullscreen-app[data-theater-mode="engineering"] .home-app-screen-tabs { display: flex; } .page-home-overlift-deck .home-theater-mode-tabs { position: relative; z-index: 3; display: inline-flex; align-items: center; gap: 4px; min-width: 0; padding: 4px; border: 1px solid rgba(164, 173, 183, 0.22); border-radius: 999px; background: rgba(2, 7, 11, 0.72); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 0 20px rgba(213, 95, 174, 0.035); } .page-home-overlift-deck .home-theater-mode-tabs button { min-height: 34px; padding: 7px 13px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: rgba(190, 201, 211, 0.7); font-size: 0.63rem; font-weight: 850; letter-spacing: 0.03em; white-space: nowrap; transition: color 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .page-home-overlift-deck .home-theater-mode-tabs button:hover { color: rgba(246, 241, 232, 0.95); transform: translateY(-1px); } .page-home-overlift-deck .home-theater-mode-tabs button.is-active { border-color: rgba(242, 213, 157, 0.48); background: linear-gradient(180deg, rgba(216, 173, 104, 0.16), rgba(216, 173, 104, 0.055)), rgba(255, 255, 255, 0.018); color: var(--home-ivory); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025), 0 0 18px rgba(216, 173, 104, 0.09); } .page-home-overlift-deck .home-theater-mode-tabs button[data-theater-mode-button="quantum"].is-active { border-color: rgba(199, 145, 216, 0.5); background: linear-gradient(180deg, rgba(208, 79, 165, 0.18), rgba(111, 71, 176, 0.07)), rgba(255, 255, 255, 0.018); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025), 0 0 22px rgba(180, 83, 209, 0.12); } .page-home-overlift-deck .home-truth-theater { --theater-blue: 224, 99, 182; --theater-violet: 190, 113, 236; --theater-green: 106, 228, 183; --theater-red: 239, 119, 113; --theater-amber: 241, 196, 121; position: relative; z-index: 2; display: grid; grid-template-rows: auto auto auto minmax(230px, 1fr) auto auto auto auto; gap: 8px; min-width: 0; min-height: 0; overflow: hidden; } .page-home-overlift-deck .home-truth-theater::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: 24px; background: radial-gradient(circle at 50% 38%, rgba(var(--theater-blue), 0.06), transparent 44%), linear-gradient(180deg, rgba(255, 255, 255, 0.012), transparent 24%); } .page-home-overlift-deck .home-theater-status-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; min-width: 0; } .page-home-overlift-deck .home-theater-status-strip > span { position: relative; display: grid; grid-template-columns: 8px minmax(0, 1fr); column-gap: 7px; min-width: 0; padding: 7px 9px; overflow: hidden; border: 1px solid rgba(164, 173, 183, 0.15); border-radius: 12px; background: rgba(5, 11, 17, 0.68); } .page-home-overlift-deck .home-theater-status-strip > span::after { content: ""; position: absolute; inset: auto 10% 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(216, 173, 104, 0.16), transparent); } .page-home-overlift-deck .home-theater-status-strip i { grid-row: 1 / 3; align-self: center; width: 7px; height: 7px; border-radius: 50%; background: rgb(var(--theater-green)); box-shadow: 0 0 10px rgba(var(--theater-green), 0.62); } .page-home-overlift-deck .home-theater-status-strip [data-status-kind="loading"] i { background: rgb(var(--theater-amber)); box-shadow: 0 0 10px rgba(var(--theater-amber), 0.55); } .page-home-overlift-deck .home-theater-status-strip [data-status-kind="error"] i { background: rgb(var(--theater-red)); box-shadow: 0 0 10px rgba(var(--theater-red), 0.55); } .page-home-overlift-deck .home-theater-status-strip strong, .page-home-overlift-deck .home-theater-status-strip small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-theater-status-strip strong { color: rgba(242, 237, 226, 0.92); font-size: 0.59rem; font-weight: 850; letter-spacing: 0.025em; } .page-home-overlift-deck .home-theater-status-strip small { margin-top: 1px; color: rgba(172, 187, 200, 0.64); font-size: 0.5rem; } .page-home-overlift-deck .home-theater-query-dock { display: grid; grid-template-columns: minmax(150px, 0.32fr) minmax(0, 1fr); gap: 10px; align-items: center; min-width: 0; padding: 9px 10px; border: 1px solid rgba(216, 173, 104, 0.27); border-radius: 15px; background: radial-gradient(circle at 70% -120%, rgba(var(--theater-blue), 0.11), transparent 42%), linear-gradient(145deg, rgba(9, 15, 22, 0.92), rgba(4, 9, 14, 0.94)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.018); } .page-home-overlift-deck .home-theater-query-dock label { min-width: 0; } .page-home-overlift-deck .home-theater-query-dock label span, .page-home-overlift-deck .home-theater-query-dock label small { display: block; } .page-home-overlift-deck .home-theater-query-dock label span { color: var(--home-gold-bright); font-size: 0.61rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-theater-query-dock label small, .page-home-overlift-deck .home-theater-query-dock > small { color: rgba(175, 188, 200, 0.63); font-size: 0.52rem; line-height: 1.35; } .page-home-overlift-deck .home-theater-query-dock > div { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 7px; min-width: 0; } .page-home-overlift-deck .home-theater-query-dock input { width: 100%; min-width: 0; min-height: 39px; padding: 9px 12px; border: 1px solid rgba(164, 173, 183, 0.25); border-radius: 11px; outline: none; background: rgba(0, 4, 8, 0.74); color: rgba(247, 243, 235, 0.96); font: 700 0.72rem/1.35 ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.18); transition: border-color 180ms ease, box-shadow 180ms ease; } .page-home-overlift-deck .home-theater-query-dock input:focus { border-color: rgba(242, 213, 157, 0.58); box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.18), 0 0 0 3px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-theater-query-dock button, .page-home-overlift-deck .home-theater-controls button, .page-home-overlift-deck .home-theater-followups button, .page-home-overlift-deck .home-theater-prompt-rail button, .page-home-overlift-deck .home-theater-timeline button, .page-home-overlift-deck .home-tv-math-actions button { border: 1px solid rgba(164, 173, 183, 0.21); background: rgba(255, 255, 255, 0.025); color: rgba(224, 231, 237, 0.8); font: 800 0.58rem/1 ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; transition: color 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease; } .page-home-overlift-deck .home-theater-query-dock button:hover:not(:disabled), .page-home-overlift-deck .home-theater-controls button:hover:not(:disabled), .page-home-overlift-deck .home-theater-followups button:hover:not(:disabled), .page-home-overlift-deck .home-theater-prompt-rail button:hover:not(:disabled), .page-home-overlift-deck .home-theater-timeline button:hover:not(:disabled), .page-home-overlift-deck .home-tv-math-actions button:hover:not(:disabled) { color: var(--home-ivory); border-color: rgba(242, 213, 157, 0.45); background: rgba(216, 173, 104, 0.07); transform: translateY(-1px); } .page-home-overlift-deck .home-theater-query-dock button:disabled, .page-home-overlift-deck .home-theater-controls button:disabled, .page-home-overlift-deck .home-tv-math-actions button:disabled { cursor: not-allowed; opacity: 0.38; } .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-run-exact, .page-home-overlift-deck .home-theater-play, .page-home-overlift-deck [data-truth-approve] { border-color: rgba(242, 213, 157, 0.55) !important; background: linear-gradient(180deg, rgba(216, 173, 104, 0.18), rgba(216, 173, 104, 0.07)), rgba(255, 255, 255, 0.02) !important; color: var(--home-ivory) !important; box-shadow: 0 0 18px rgba(216, 173, 104, 0.06); } .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { min-height: 39px; padding: 8px 12px; border-radius: 11px; white-space: nowrap; } .page-home-overlift-deck .home-theater-query-dock > small { grid-column: 2; margin: -3px 0 0 2px; } .page-home-overlift-deck .home-theater-prompt-rail { display: flex; gap: 5px; min-width: 0; overflow-x: auto; padding: 0 1px 2px; scrollbar-width: none; } .page-home-overlift-deck .home-theater-prompt-rail::-webkit-scrollbar { display: none; } .page-home-overlift-deck .home-theater-prompt-rail button { flex: 0 0 auto; min-height: 27px; padding: 6px 9px; border-radius: 999px; color: rgba(189, 204, 216, 0.68); font-size: 0.51rem; white-space: nowrap; } .page-home-overlift-deck .home-theater-stage { display: grid; grid-template-columns: minmax(150px, 0.22fr) minmax(0, 1fr) minmax(150px, 0.22fr); gap: 8px; min-width: 0; min-height: 0; overflow: hidden; } .page-home-overlift-deck .home-theater-rack { position: relative; z-index: 3; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid rgba(164, 173, 183, 0.17); border-radius: 15px; background: radial-gradient(circle at 50% -30%, rgba(216, 173, 104, 0.075), transparent 43%), linear-gradient(160deg, rgba(10, 17, 24, 0.93), rgba(3, 8, 13, 0.95)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.018), 0 12px 30px rgba(0, 0, 0, 0.16); } .page-home-overlift-deck .home-theater-rack > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; min-width: 0; padding: 9px 9px 7px; border-bottom: 1px solid rgba(164, 173, 183, 0.11); } .page-home-overlift-deck .home-theater-rack > header span, .page-home-overlift-deck .home-theater-rack > header strong, .page-home-overlift-deck .home-theater-rack > header small { display: block; } .page-home-overlift-deck .home-theater-rack > header span { color: rgba(216, 173, 104, 0.72); font-size: 0.47rem; font-weight: 900; letter-spacing: 0.11em; text-transform: uppercase; } .page-home-overlift-deck .home-theater-rack > header strong { margin-top: 2px; color: rgba(244, 240, 232, 0.93); font-size: 0.67rem; } .page-home-overlift-deck .home-theater-rack > header > small { max-width: 66px; overflow: hidden; color: rgba(170, 187, 200, 0.59); font-size: 0.48rem; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-theater-rack ol { display: grid; align-content: start; gap: 5px; min-height: 0; margin: 0; padding: 7px; overflow: auto; list-style: none; scrollbar-width: thin; scrollbar-color: rgba(216, 173, 104, 0.28) transparent; } .page-home-overlift-deck .home-theater-rack li { position: relative; display: grid; grid-template-columns: 9px minmax(0, 1fr); gap: 7px; align-items: center; min-width: 0; padding: 7px; border: 1px solid rgba(164, 173, 183, 0.11); border-radius: 10px; background: rgba(255, 255, 255, 0.018); } .page-home-overlift-deck .home-theater-rack li > i { width: 7px; height: 7px; border-radius: 50%; background: rgba(164, 173, 183, 0.36); box-shadow: 0 0 0 3px rgba(164, 173, 183, 0.045); } .page-home-overlift-deck .home-theater-rack li strong, .page-home-overlift-deck .home-theater-rack li small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-theater-rack li strong { color: rgba(231, 235, 237, 0.87); font-size: 0.57rem; } .page-home-overlift-deck .home-theater-rack li small { margin-top: 2px; color: rgba(164, 180, 193, 0.56); font-size: 0.47rem; } .page-home-overlift-deck .home-theater-rack li[data-evidence-state="admitted"] { border-color: rgba(var(--theater-green), 0.23); background: rgba(var(--theater-green), 0.035); } .page-home-overlift-deck .home-theater-rack li[data-evidence-state="admitted"] > i, .page-home-overlift-deck .home-theater-rack li[data-gate-state="passed"] > i, .page-home-overlift-deck .home-theater-rack li[data-gate-state="verified"] > i, .page-home-overlift-deck .home-theater-rack li[data-gate-state="authority"] > i { background: rgb(var(--theater-green)); box-shadow: 0 0 10px rgba(var(--theater-green), 0.5); } .page-home-overlift-deck .home-theater-rack li[data-evidence-state="rejected"], .page-home-overlift-deck .home-theater-rack li[data-gate-state="blocked"], .page-home-overlift-deck .home-theater-rack li[data-gate-state="rejected"] { border-color: rgba(var(--theater-red), 0.2); background: rgba(var(--theater-red), 0.03); } .page-home-overlift-deck .home-theater-rack li[data-evidence-state="rejected"] > i, .page-home-overlift-deck .home-theater-rack li[data-gate-state="blocked"] > i, .page-home-overlift-deck .home-theater-rack li[data-gate-state="rejected"] > i { background: rgb(var(--theater-red)); box-shadow: 0 0 10px rgba(var(--theater-red), 0.45); } .page-home-overlift-deck .home-theater-rack li[data-gate-state="approval"], .page-home-overlift-deck .home-theater-rack li[data-gate-state="pending"] { border-color: rgba(var(--theater-amber), 0.25); background: rgba(var(--theater-amber), 0.035); } .page-home-overlift-deck .home-theater-rack li[data-gate-state="approval"] > i, .page-home-overlift-deck .home-theater-rack li[data-gate-state="pending"] > i { background: rgb(var(--theater-amber)); box-shadow: 0 0 10px rgba(var(--theater-amber), 0.5); } .page-home-overlift-deck .home-rack-foot { display: grid; gap: 2px; padding: 8px 9px; border-top: 1px solid rgba(164, 173, 183, 0.11); background: rgba(0, 0, 0, 0.12); } .page-home-overlift-deck .home-rack-foot span { color: rgba(164, 180, 193, 0.52); font-size: 0.46rem; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-rack-foot strong { min-width: 0; overflow: hidden; color: rgba(231, 225, 210, 0.84); font-size: 0.53rem; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-rack-foot small { min-width: 0; overflow: hidden; color: rgba(var(--theater-magenta), 0.64); font-size: 0.45rem; font-weight: 760; letter-spacing: 0.015em; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-truth-tv { position: relative; z-index: 2; display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid rgba(216, 173, 104, 0.48); border-radius: 19px; background: radial-gradient(circle at 50% 45%, rgba(18, 41, 62, 0.7), transparent 62%), linear-gradient(155deg, rgba(3, 10, 17, 0.97), rgba(0, 3, 7, 0.985)); box-shadow: inset 0 0 0 2px rgba(164, 173, 183, 0.12), inset 0 0 45px rgba(0, 0, 0, 0.5), 0 0 0 4px rgba(1, 4, 7, 0.74), 0 0 30px rgba(216, 173, 104, 0.08), 0 20px 55px rgba(0, 0, 0, 0.32); } .page-home-overlift-deck .home-truth-tv::before { content: ""; position: absolute; inset: 7px; z-index: 1; pointer-events: none; border: 1px solid rgba(164, 173, 183, 0.13); border-radius: 13px; box-shadow: inset 0 0 36px rgba(0, 0, 0, 0.26); } .page-home-overlift-deck .home-truth-tv > :not(canvas, .home-tv-glass, .home-tv-scanlines) { position: relative; z-index: 5; } .page-home-overlift-deck .home-truth-tv-field, .page-home-overlift-deck .home-truth-tv-native, .page-home-overlift-deck .home-truth-tv-foreground, .page-home-overlift-deck .home-tv-glass, .page-home-overlift-deck .home-tv-scanlines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; } .page-home-overlift-deck .home-truth-tv-field { z-index: 0; opacity: 0.38; mix-blend-mode: screen; } .page-home-overlift-deck .home-truth-tv-native, .page-home-overlift-deck .home-truth-tv-foreground { z-index: 2; transition: opacity 180ms ease; } .page-home-overlift-deck .home-truth-tv-native { opacity: 0; } .page-home-overlift-deck .home-truth-tv-foreground { opacity: 0.94; } .page-home-overlift-deck .home-truth-theater[data-visual-runtime="c17-wasm-offscreen"] .home-truth-tv-native { opacity: 0.96; } .page-home-overlift-deck .home-truth-theater[data-visual-runtime="c17-wasm-offscreen"] .home-truth-tv-foreground { opacity: 0; } .page-home-overlift-deck .home-tv-glass { z-index: 3; background: radial-gradient(ellipse at 48% 15%, rgba(255, 255, 255, 0.065), transparent 35%), linear-gradient(105deg, rgba(255, 255, 255, 0.035), transparent 17%, transparent 76%, rgba(255, 255, 255, 0.018)); opacity: 0.55; } .page-home-overlift-deck .home-tv-scanlines { z-index: 4; background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.014) 0 1px, transparent 1px 4px); opacity: 0.36; } .page-home-overlift-deck .home-tv-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-width: 0; margin: 8px 8px 0; padding: 8px 9px 7px; border-bottom: 1px solid rgba(164, 173, 183, 0.1); background: linear-gradient(180deg, rgba(0, 4, 8, 0.56), transparent); } .page-home-overlift-deck .home-tv-header span, .page-home-overlift-deck .home-tv-header strong, .page-home-overlift-deck .home-tv-header small { display: block; } .page-home-overlift-deck .home-tv-header [data-truth-scene-kicker] { color: rgba(var(--theater-amber), 0.76); font-size: 0.49rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-tv-header [data-truth-scene-title] { margin-top: 3px; max-width: 58ch; color: rgba(248, 246, 240, 0.95); font-size: clamp(0.75rem, 0.9vw, 0.92rem); line-height: 1.18; } .page-home-overlift-deck .home-tv-live-status { display: grid; grid-template-columns: auto 7px; gap: 2px 7px; align-items: center; justify-items: end; flex: 0 0 auto; min-width: 120px; } .page-home-overlift-deck .home-tv-live-status span { color: rgba(var(--theater-blue), 0.9); font-size: 0.5rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-tv-live-status i { width: 7px; height: 7px; border-radius: 50%; background: rgb(var(--theater-green)); box-shadow: 0 0 10px rgba(var(--theater-green), 0.6); } .page-home-overlift-deck .home-tv-live-status small { grid-column: 1 / 3; max-width: 180px; overflow: hidden; color: rgba(167, 182, 196, 0.58); font-size: 0.45rem; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-tv-content { display: grid; align-content: center; gap: 7px; min-width: 0; min-height: 0; padding: 8px 16px 6px; overflow: auto; scrollbar-width: none; } .page-home-overlift-deck .home-tv-content::-webkit-scrollbar { display: none; } .page-home-overlift-deck .home-tv-question { max-width: 92%; color: rgba(251, 249, 243, 0.98); font-size: clamp(0.92rem, 1.25vw, 1.28rem); font-weight: 760; line-height: 1.2; letter-spacing: -0.022em; text-wrap: balance; text-shadow: 0 0 25px rgba(var(--theater-blue), 0.11); } .page-home-overlift-deck .home-tv-narration { max-width: 78ch; margin: 0; color: rgba(199, 210, 220, 0.74); font-size: 0.58rem; line-height: 1.48; } .page-home-overlift-deck .home-tv-decomposition { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; } .page-home-overlift-deck .home-tv-decomposition > span { min-width: 0; padding: 6px 7px; border: 1px solid rgba(var(--theater-blue), 0.18); border-radius: 9px; background: linear-gradient(180deg, rgba(var(--theater-blue), 0.06), transparent), rgba(0, 6, 11, 0.54); box-shadow: inset 0 0 12px rgba(var(--theater-blue), 0.02); } .page-home-overlift-deck .home-tv-decomposition small, .page-home-overlift-deck .home-tv-decomposition strong { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-tv-decomposition small { color: rgba(var(--theater-blue), 0.68); font-size: 0.43rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .home-tv-decomposition strong { margin-top: 2px; color: rgba(238, 242, 244, 0.9); font-size: 0.56rem; } .page-home-overlift-deck .home-tv-answer { max-width: 88%; padding: 7px 9px; border-left: 2px solid rgba(var(--theater-green), 0.58); border-radius: 0 9px 9px 0; background: linear-gradient(90deg, rgba(var(--theater-green), 0.05), transparent 76%); } .page-home-overlift-deck .home-tv-answer > span { display: block; color: rgba(var(--theater-green), 0.72); font-size: 0.43rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .home-tv-answer p { margin: 3px 0 0; color: rgba(228, 235, 235, 0.83); font-size: 0.58rem; line-height: 1.44; } .page-home-overlift-deck .home-tv-candidate-field { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; min-width: 0; } .page-home-overlift-deck .home-tv-candidate-field > span, .page-home-overlift-deck .home-tv-candidate-field > button { position: relative; display: grid; grid-template-columns: 13px minmax(0, 1fr); grid-template-rows: auto auto; gap: 1px 6px; min-width: 0; min-height: 43px; padding: 6px 7px; overflow: hidden; border: 1px solid rgba(var(--theater-blue), calc(0.1 + var(--candidate-weight, 0.4) * 0.18)); border-radius: 10px; background: radial-gradient(circle at 12px 50%, rgba(var(--theater-blue), calc(0.04 + var(--candidate-weight, 0.4) * 0.12)), transparent 40%), rgba(0, 6, 11, 0.55); color: inherit; text-align: left; } .page-home-overlift-deck .home-tv-candidate-field > span::after, .page-home-overlift-deck .home-tv-candidate-field > button::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg, rgba(var(--theater-blue), 0.7), rgba(var(--theater-violet), 0.42)); transform: scaleX(var(--candidate-weight, 0.1)); transform-origin: left; opacity: 0.72; } .page-home-overlift-deck .home-tv-candidate-field i { grid-row: 1 / 3; align-self: center; width: calc(5px + 7px * var(--candidate-weight, 0.4)); height: calc(5px + 7px * var(--candidate-weight, 0.4)); border-radius: 50%; background: rgba(var(--theater-blue), calc(0.45 + var(--candidate-weight, 0.4) * 0.5)); box-shadow: 0 0 calc(8px + 16px * var(--candidate-weight, 0.4)) rgba(var(--theater-blue), calc(0.18 + var(--candidate-weight, 0.4) * 0.28)); } .page-home-overlift-deck .home-tv-candidate-field strong, .page-home-overlift-deck .home-tv-candidate-field small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-tv-candidate-field strong { color: rgba(235, 241, 244, 0.88); font-size: 0.51rem; } .page-home-overlift-deck .home-tv-candidate-field small { color: rgba(169, 188, 202, 0.59); font-size: 0.44rem; } .page-home-overlift-deck .home-tv-candidate-field [data-candidate-state="projected-out"] { filter: saturate(0.45); opacity: 0.46; } .page-home-overlift-deck .home-tv-candidate-field [data-candidate-state="projected-out"] i { background: rgba(var(--theater-red), 0.72); box-shadow: 0 0 12px rgba(var(--theater-red), 0.26); } .page-home-overlift-deck .home-tv-why-not { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 7px; align-items: start; max-width: 92%; padding: 6px 8px; border: 1px solid rgba(var(--theater-red), 0.16); border-radius: 9px; background: rgba(var(--theater-red), 0.025); } .page-home-overlift-deck .home-tv-why-not[hidden] { display: none; } .page-home-overlift-deck .home-tv-why-not > span { color: rgba(var(--theater-red), 0.72); font-size: 0.45rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-tv-why-not > div { display: flex; flex-wrap: wrap; gap: 4px; } .page-home-overlift-deck .home-tv-why-not > div > span, .page-home-overlift-deck .home-tv-why-not > div > div { padding: 3px 5px; border-radius: 6px; background: rgba(255, 255, 255, 0.025); color: rgba(193, 204, 212, 0.67); font-size: 0.44rem; } .page-home-overlift-deck .home-tv-why-not [data-why-not-state="survives"] { color: rgba(var(--theater-green), 0.78); } .page-home-overlift-deck .home-tv-math { display: grid; grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr) auto; grid-template-areas: "header formula key" "header calculation key" "meter meter meter"; gap: 4px 8px; min-width: 0; margin: 0 8px; padding: 7px 9px 6px; border: 1px solid rgba(var(--theater-blue), 0.2); border-radius: 12px; background: radial-gradient(circle at 82% 0%, rgba(var(--theater-violet), 0.07), transparent 40%), linear-gradient(145deg, rgba(3, 11, 18, 0.89), rgba(0, 5, 10, 0.91)); box-shadow: inset 0 0 18px rgba(var(--theater-blue), 0.02); } .page-home-overlift-deck .home-tv-math > header { grid-area: header; display: flex; flex-direction: column; justify-content: space-between; gap: 5px; min-width: 0; } .page-home-overlift-deck .home-tv-math > header span, .page-home-overlift-deck .home-tv-math > header strong { display: block; } .page-home-overlift-deck .home-tv-math > header span { color: rgba(var(--theater-violet), 0.78); font-size: 0.43rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-tv-math > header strong { margin-top: 2px; color: rgba(218, 226, 232, 0.76); font-size: 0.5rem; line-height: 1.3; } .page-home-overlift-deck .home-tv-math-actions { display: flex; align-items: center; gap: 5px; } .page-home-overlift-deck .home-tv-math-actions button { display: grid; place-items: center; width: 24px; height: 24px; padding: 0; border-radius: 7px; font-size: 0.85rem; } .page-home-overlift-deck .home-tv-math-actions small { color: rgba(171, 189, 203, 0.58); font-size: 0.43rem; white-space: nowrap; } .page-home-overlift-deck .home-tv-formula { grid-area: formula; min-width: 0; overflow-x: auto; color: rgba(244, 247, 248, 0.94); font: 650 clamp(0.65rem, 0.88vw, 0.84rem)/1.22 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; letter-spacing: -0.02em; text-shadow: 0 0 16px rgba(var(--theater-blue), 0.14); white-space: nowrap; scrollbar-width: none; } .page-home-overlift-deck .home-tv-calculation { grid-area: calculation; min-width: 0; color: rgba(182, 199, 211, 0.72); font: 550 0.49rem/1.34 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; } .page-home-overlift-deck .home-tv-calculation code { color: rgba(241, 216, 168, 0.9); } .page-home-overlift-deck .home-tv-matrix { grid-column: 2 / 4; display: grid; grid-template-columns: repeat(var(--matrix-size, 4), minmax(22px, 1fr)); gap: 2px; max-height: 90px; padding: 3px; overflow: auto; border: 1px solid rgba(var(--theater-violet), 0.14); border-radius: 7px; background: rgba(0, 3, 7, 0.44); } .page-home-overlift-deck .home-tv-matrix[hidden] { display: none; } .page-home-overlift-deck .home-tv-matrix > span, .page-home-overlift-deck .home-tv-matrix > i { display: grid; place-items: center; min-height: 19px; padding: 2px; border-radius: 4px; background: rgba(var(--theater-violet), 0.04); color: rgba(187, 198, 218, 0.66); font: 500 0.39rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-style: normal; } .page-home-overlift-deck .home-tv-matrix [data-matrix-diagonal="true"] { background: rgba(var(--theater-blue), 0.12); color: rgba(241, 231, 238, 0.9); box-shadow: inset 0 0 10px rgba(var(--theater-blue), 0.05); } .page-home-overlift-deck .home-tv-visual-key { grid-area: key; display: grid; grid-template-columns: repeat(2, auto); gap: 3px 7px; align-content: center; } .page-home-overlift-deck .home-tv-visual-key span { display: flex; align-items: center; gap: 4px; color: rgba(157, 177, 191, 0.55); font-size: 0.4rem; white-space: nowrap; } .page-home-overlift-deck .home-tv-visual-key i { width: 5px; height: 5px; border-radius: 50%; background: rgb(var(--theater-blue)); box-shadow: 0 0 8px rgba(var(--theater-blue), 0.48); } .page-home-overlift-deck .home-tv-visual-key i[data-key="density"] { background: rgb(var(--theater-violet)); box-shadow: 0 0 8px rgba(var(--theater-violet), 0.5); } .page-home-overlift-deck .home-tv-visual-key i[data-key="fog"] { background: rgba(214, 225, 232, 0.55); box-shadow: 0 0 8px rgba(214, 225, 232, 0.32); } .page-home-overlift-deck .home-tv-visual-key i[data-key="gate"] { border-radius: 1px; background: rgb(var(--theater-amber)); box-shadow: 0 0 8px rgba(var(--theater-amber), 0.45); } .page-home-overlift-deck .home-tv-math-meter { grid-area: meter; height: 2px; overflow: hidden; border-radius: 999px; background: rgba(164, 173, 183, 0.11); } .page-home-overlift-deck .home-tv-math-meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, rgba(var(--theater-blue), 0.76), rgba(var(--theater-violet), 0.78), rgba(var(--theater-amber), 0.82)); box-shadow: 0 0 10px rgba(var(--theater-blue), 0.34); transition: width 260ms ease; } .page-home-overlift-deck .home-tv-footer { display: flex; justify-content: space-between; gap: 7px; min-width: 0; margin: 5px 8px 8px; padding: 5px 8px; border-top: 1px solid rgba(164, 173, 183, 0.09); color: rgba(157, 178, 192, 0.56); font: 500 0.43rem/1.25 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; } .page-home-overlift-deck .home-tv-footer span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-theater-timeline { position: relative; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; min-width: 0; } .page-home-overlift-deck .home-theater-timeline::before { content: ""; position: absolute; top: 13px; right: 5%; left: 5%; height: 1px; background: linear-gradient(90deg, rgba(216, 173, 104, 0.16), rgba(var(--theater-blue), 0.22), rgba(var(--theater-violet), 0.16)); } .page-home-overlift-deck .home-theater-timeline button { position: relative; z-index: 2; display: grid; grid-template-columns: 23px minmax(0, 1fr); grid-template-rows: auto auto; gap: 0 6px; align-items: center; min-width: 0; min-height: 37px; padding: 5px 6px; border-radius: 9px; background: rgba(4, 9, 14, 0.83); text-align: left; } .page-home-overlift-deck .home-theater-timeline button > span { grid-row: 1 / 3; display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid rgba(164, 173, 183, 0.25); border-radius: 50%; background: rgba(0, 4, 8, 0.8); color: rgba(165, 181, 194, 0.65); font-size: 0.48rem; } .page-home-overlift-deck .home-theater-timeline button strong, .page-home-overlift-deck .home-theater-timeline button small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-theater-timeline button strong { color: rgba(211, 221, 228, 0.75); font-size: 0.5rem; } .page-home-overlift-deck .home-theater-timeline button small { margin-top: 1px; color: rgba(153, 172, 185, 0.48); font-size: 0.4rem; } .page-home-overlift-deck .home-theater-timeline button.is-active { border-color: rgba(242, 213, 157, 0.42); background: linear-gradient(180deg, rgba(216, 173, 104, 0.09), transparent), rgba(4, 9, 14, 0.88); box-shadow: 0 0 18px rgba(216, 173, 104, 0.055); } .page-home-overlift-deck .home-theater-timeline button.is-active > span { border-color: rgba(242, 213, 157, 0.7); background: rgba(216, 173, 104, 0.13); color: var(--home-gold-bright); box-shadow: 0 0 12px rgba(216, 173, 104, 0.14); } .page-home-overlift-deck .home-theater-timeline button.is-active strong { color: var(--home-ivory); } .page-home-overlift-deck .home-theater-controls { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; align-items: center; min-width: 0; padding: 6px 7px; border: 1px solid rgba(164, 173, 183, 0.14); border-radius: 11px; background: rgba(3, 8, 13, 0.74); } .page-home-overlift-deck .home-theater-transport, .page-home-overlift-deck .home-theater-authority-controls, .page-home-overlift-deck .home-theater-approval { display: flex; align-items: center; gap: 5px; min-width: 0; } .page-home-overlift-deck .home-theater-approval[hidden] { display: none; } .page-home-overlift-deck .home-theater-controls button { min-height: 28px; padding: 6px 9px; border-radius: 8px; white-space: nowrap; } .page-home-overlift-deck .home-theater-authority-controls { justify-content: center; overflow-x: auto; scrollbar-width: none; } .page-home-overlift-deck .home-theater-authority-controls::-webkit-scrollbar { display: none; } .page-home-overlift-deck .home-theater-controls > small { max-width: 200px; overflow: hidden; color: rgba(158, 177, 191, 0.52); font-size: 0.45rem; line-height: 1.25; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck [data-truth-reject] { border-color: rgba(var(--theater-red), 0.3) !important; color: rgba(246, 190, 185, 0.87) !important; } .page-home-overlift-deck .home-theater-followups, .page-home-overlift-deck .home-theater-discovery { display: flex; align-items: center; gap: 5px; min-width: 0; overflow-x: auto; padding: 0 1px; scrollbar-width: none; } .page-home-overlift-deck .home-theater-followups::-webkit-scrollbar, .page-home-overlift-deck .home-theater-discovery::-webkit-scrollbar { display: none; } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span { flex: 0 0 auto; color: rgba(216, 173, 104, 0.7); font-size: 0.45rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-theater-followups button { flex: 0 0 auto; min-height: 23px; padding: 5px 8px; border-radius: 999px; font-size: 0.47rem; white-space: nowrap; } .page-home-overlift-deck .home-theater-discovery > div { display: flex; gap: 4px; min-width: 0; } .page-home-overlift-deck .home-theater-discovery i { flex: 0 0 auto; padding: 4px 7px; border: 1px solid rgba(164, 173, 183, 0.11); border-radius: 999px; background: rgba(255, 255, 255, 0.018); color: rgba(144, 162, 176, 0.42); font-size: 0.42rem; font-style: normal; font-weight: 750; white-space: nowrap; transition: color 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease; } .page-home-overlift-deck .home-theater-discovery i.is-discovered { border-color: rgba(var(--theater-green), 0.27); background: rgba(var(--theater-green), 0.035); color: rgba(178, 235, 211, 0.82); box-shadow: 0 0 11px rgba(var(--theater-green), 0.04); } .page-home-overlift-deck .home-theater-discovery > small { flex: 0 0 auto; margin-left: auto; color: rgba(154, 173, 188, 0.48); font-size: 0.43rem; white-space: nowrap; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-matrix { display: none !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-math { opacity: 0.88; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { grid-template-rows: auto auto auto minmax(250px, 1fr) auto auto auto auto; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv { grid-template-rows: auto minmax(0, 1fr) auto auto; border-color: rgba(var(--theater-blue), 0.48); box-shadow: inset 0 0 0 2px rgba(184, 91, 212, 0.15), inset 0 0 52px rgba(0, 0, 0, 0.52), 0 0 0 4px rgba(1, 4, 7, 0.74), 0 0 36px rgba(var(--theater-blue), 0.11), 0 20px 55px rgba(0, 0, 0, 0.32); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-content { align-content: start; padding-top: 10px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math { grid-template-columns: minmax(0, 0.3fr) minmax(0, 1fr) minmax(180px, 0.42fr); grid-template-areas: "header formula key" "header calculation key" "header matrix matrix" "meter meter meter"; padding: 9px 11px 7px; border-color: rgba(var(--theater-violet), 0.28); background: radial-gradient(circle at 76% -20%, rgba(var(--theater-violet), 0.13), transparent 42%), radial-gradient(circle at 20% 140%, rgba(var(--theater-blue), 0.09), transparent 42%), linear-gradient(145deg, rgba(4, 12, 21, 0.95), rgba(1, 5, 11, 0.95)); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: clamp(0.74rem, 1vw, 0.94rem); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: 0.53rem; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-matrix:not([hidden]) { display: grid; grid-area: matrix; grid-column: auto; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-question { font-size: clamp(0.9rem, 1.12vw, 1.14rem); } .page-home-overlift-deck .home-truth-theater[data-theater-stage="0"] .home-tv-decomposition, .page-home-overlift-deck .home-truth-theater[data-theater-stage="2"] .home-tv-decomposition { filter: saturate(1.2); } .page-home-overlift-deck .home-truth-theater[data-theater-stage="1"] .home-evidence-rack, .page-home-overlift-deck .home-truth-theater[data-theater-stage="4"] .home-governance-rack { border-color: rgba(242, 213, 157, 0.42); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.018), 0 0 25px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-truth-theater[data-theater-stage="3"] .home-tv-candidate-field, .page-home-overlift-deck .home-truth-theater[data-theater-stage="4"] .home-tv-why-not, .page-home-overlift-deck .home-truth-theater[data-theater-stage="6"] .home-tv-answer { filter: saturate(1.2); } .page-home-overlift-deck .home-truth-theater[data-theater-state="unsupported"] .home-truth-tv { border-color: rgba(var(--theater-red), 0.36); } .page-home-overlift-deck .home-truth-theater[data-theater-state="loading"] .home-tv-live-status i, .page-home-overlift-deck .home-truth-theater[data-theater-state="searching"] .home-tv-live-status i { background: rgb(var(--theater-amber)); box-shadow: 0 0 12px rgba(var(--theater-amber), 0.58); animation: home-truth-pulse 1.4s ease-in-out infinite; } .page-home-overlift-deck .home-truth-theater[data-theater-state="supported"] .home-tv-live-status i, .page-home-overlift-deck .home-truth-theater[data-theater-state="verified"] .home-tv-live-status i { background: rgb(var(--theater-green)); } @keyframes home-truth-pulse { 0%, 100% { opacity: 0.55; transform: scale(0.82); } 50% { opacity: 1; transform: scale(1.18); } } @media (max-width: 1360px), (max-height: 860px) { .page-home-overlift-deck .home-fullscreen-app { padding: 10px; } .page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { min-height: 50px; padding-bottom: 7px; } .page-home-overlift-deck .home-truth-theater { grid-template-rows: auto auto auto minmax(205px, 1fr) auto auto auto; gap: 6px; } .page-home-overlift-deck .home-theater-status-strip > span:nth-child(4) { display: none; } .page-home-overlift-deck .home-theater-status-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-home-overlift-deck .home-theater-query-dock { padding: 7px 8px; } .page-home-overlift-deck .home-theater-query-dock label small, .page-home-overlift-deck .home-theater-query-dock > small { display: none; } .page-home-overlift-deck .home-theater-query-dock input, .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { min-height: 35px; } .page-home-overlift-deck .home-theater-prompt-rail button:nth-child(n + 6) { display: none; } .page-home-overlift-deck .home-theater-stage { grid-template-columns: minmax(130px, 0.19fr) minmax(0, 1fr) minmax(130px, 0.19fr); } .page-home-overlift-deck .home-theater-rack > header { padding: 7px; } .page-home-overlift-deck .home-theater-rack ol { gap: 4px; padding: 5px; } .page-home-overlift-deck .home-theater-rack li { padding: 5px 6px; } .page-home-overlift-deck .home-rack-foot { padding: 6px 7px; } .page-home-overlift-deck .home-tv-header { padding: 6px 8px; } .page-home-overlift-deck .home-tv-content { gap: 5px; padding: 6px 13px 4px; } .page-home-overlift-deck .home-tv-question { font-size: clamp(0.83rem, 1.05vw, 1.08rem); } .page-home-overlift-deck .home-tv-narration, .page-home-overlift-deck .home-tv-answer p { font-size: 0.52rem; } .page-home-overlift-deck .home-tv-answer { padding: 5px 7px; } .page-home-overlift-deck .home-tv-candidate-field > span, .page-home-overlift-deck .home-tv-candidate-field > button { min-height: 38px; padding: 5px 6px; } .page-home-overlift-deck .home-tv-math { padding: 5px 7px; } .page-home-overlift-deck .home-tv-footer { margin: 3px 8px 6px; padding: 4px 7px; } .page-home-overlift-deck .home-theater-timeline button { min-height: 33px; padding: 4px 5px; } .page-home-overlift-deck .home-theater-controls { padding: 4px 6px; } .page-home-overlift-deck .home-theater-controls button { min-height: 25px; padding: 5px 7px; } .page-home-overlift-deck .home-theater-discovery { display: none; } } @media (max-width: 1120px) { .page-home-overlift-deck .home-deck-topbar { gap: 8px; } .page-home-overlift-deck .home-theater-mode-tabs button { padding-inline: 9px; } .page-home-overlift-deck .home-theater-query-dock { grid-template-columns: minmax(0, 1fr); gap: 5px; } .page-home-overlift-deck .home-theater-query-dock label { display: none; } .page-home-overlift-deck .home-theater-query-dock > small { grid-column: 1; } .page-home-overlift-deck .home-theater-stage { grid-template-columns: minmax(112px, 0.16fr) minmax(0, 1fr) minmax(112px, 0.16fr); } .page-home-overlift-deck .home-tv-decomposition { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-tv-candidate-field { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-tv-visual-key { display: none; } .page-home-overlift-deck .home-tv-math { grid-template-columns: minmax(0, 0.34fr) minmax(0, 1fr); grid-template-areas: "header formula" "header calculation" "meter meter"; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math { grid-template-columns: minmax(0, 0.28fr) minmax(0, 1fr); grid-template-areas: "header formula" "header calculation" "matrix matrix" "meter meter"; } .page-home-overlift-deck .home-theater-timeline button small { display: none; } .page-home-overlift-deck .home-theater-controls > small { display: none; } .page-home-overlift-deck .home-theater-controls { grid-template-columns: auto minmax(0, 1fr); } } @media (max-width: 900px) { .page-home-overlift-deck .home-fullscreen-app:not([data-theater-mode="engineering"]) .home-app-screen-tabs { display: none !important; } .page-home-overlift-deck .home-theater-mode-tabs { order: 2; margin-inline: auto; } .page-home-overlift-deck .home-deck-topbar-actions { order: 3; } .page-home-overlift-deck .home-truth-theater { grid-template-rows: auto auto auto minmax(260px, 1fr) auto auto auto; } .page-home-overlift-deck .home-theater-status-strip > span:nth-child(3), .page-home-overlift-deck .home-theater-status-strip > span:nth-child(4) { display: none; } .page-home-overlift-deck .home-theater-status-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-theater-stage { grid-template-columns: minmax(0, 1fr); overflow: auto; scroll-snap-type: y proximity; scrollbar-width: thin; } .page-home-overlift-deck .home-truth-tv { min-height: 360px; order: 1; scroll-snap-align: start; } .page-home-overlift-deck .home-evidence-rack, .page-home-overlift-deck .home-governance-rack { min-height: 108px; order: 2; grid-template-columns: 130px minmax(0, 1fr) 120px; grid-template-rows: minmax(0, 1fr); scroll-snap-align: start; } .page-home-overlift-deck .home-governance-rack { order: 3; } .page-home-overlift-deck .home-theater-rack > header { border-right: 1px solid rgba(164, 173, 183, 0.11); border-bottom: 0; } .page-home-overlift-deck .home-theater-rack ol { grid-template-columns: repeat(3, minmax(130px, 1fr)); grid-auto-flow: column; overflow-x: auto; } .page-home-overlift-deck .home-rack-foot { align-content: center; border-top: 0; border-left: 1px solid rgba(164, 173, 183, 0.11); } .page-home-overlift-deck .home-theater-timeline { display: flex; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; } .page-home-overlift-deck .home-theater-timeline::-webkit-scrollbar { display: none; } .page-home-overlift-deck .home-theater-timeline::before { display: none; } .page-home-overlift-deck .home-theater-timeline button { flex: 0 0 122px; scroll-snap-align: start; } } @media (max-width: 767px) { .page-home-overlift-deck .home-fullscreen-app { width: 85vw; height: 85dvh; padding: 7px; } .page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 5px; min-height: 44px; } .page-home-overlift-deck .home-deck-brand { min-width: 0; } .page-home-overlift-deck .home-deck-brand > div { display: none; } .page-home-overlift-deck .home-deck-mark { width: 32px; height: 32px; } .page-home-overlift-deck .home-theater-mode-tabs { width: 100%; padding: 3px; } .page-home-overlift-deck .home-theater-mode-tabs button { flex: 1 1 0; min-height: 30px; padding: 5px 6px; font-size: 0.51rem; } .page-home-overlift-deck .home-deck-topbar-actions button { min-height: 31px; padding: 5px 7px; } .page-home-overlift-deck .home-deck-topbar-actions button[data-open-proof], .page-home-overlift-deck .home-deck-topbar-actions button[data-deck-reset] { display: none; } .page-home-overlift-deck .home-truth-theater, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { grid-template-rows: auto auto minmax(0, 1fr) auto auto; gap: 5px; } .page-home-overlift-deck .home-theater-status-strip { display: none; } .page-home-overlift-deck .home-theater-query-dock { padding: 6px; border-radius: 11px; } .page-home-overlift-deck .home-theater-query-dock > div { grid-template-columns: minmax(0, 1fr) auto; gap: 5px; } .page-home-overlift-deck .home-theater-query-dock input { min-height: 34px; padding: 7px 9px; font-size: 0.64rem; } .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { min-height: 34px; padding: 6px 8px; font-size: 0.5rem; } .page-home-overlift-deck .home-theater-surprise { display: none; } .page-home-overlift-deck .home-theater-prompt-rail { min-height: 23px; } .page-home-overlift-deck .home-theater-prompt-rail button { min-height: 23px; padding: 4px 7px; font-size: 0.45rem; } .page-home-overlift-deck .home-theater-stage { grid-template-columns: minmax(0, 1fr); min-height: 0; gap: 5px; overflow: hidden; } .page-home-overlift-deck .home-evidence-rack, .page-home-overlift-deck .home-governance-rack { display: none; } .page-home-overlift-deck .home-truth-tv { min-height: 0; height: 100%; border-radius: 15px; } .page-home-overlift-deck .home-tv-header { margin: 5px 5px 0; padding: 6px; } .page-home-overlift-deck .home-tv-header [data-truth-scene-title] { max-width: 35ch; font-size: 0.67rem; } .page-home-overlift-deck .home-tv-live-status { min-width: 84px; } .page-home-overlift-deck .home-tv-live-status small { max-width: 84px; } .page-home-overlift-deck .home-tv-content { align-content: start; padding: 7px 9px 5px; } .page-home-overlift-deck .home-tv-question { max-width: 100%; font-size: 0.84rem; } .page-home-overlift-deck .home-tv-narration { font-size: 0.49rem; line-height: 1.38; } .page-home-overlift-deck .home-tv-decomposition { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-tv-answer { max-width: 100%; } .page-home-overlift-deck .home-tv-candidate-field { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-tv-math, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "header header" "formula formula" "calculation calculation" "matrix matrix" "meter meter"; gap: 4px; margin: 0 5px; padding: 6px 7px; } .page-home-overlift-deck .home-tv-math > header { flex-direction: row; align-items: center; } .page-home-overlift-deck .home-tv-math > header > div:first-child strong { display: none; } .page-home-overlift-deck .home-tv-formula { font-size: 0.66rem; } .page-home-overlift-deck .home-tv-calculation { max-height: 42px; overflow: auto; font-size: 0.45rem; } .page-home-overlift-deck .home-tv-matrix { max-height: 65px; } .page-home-overlift-deck .home-tv-visual-key { display: none; } .page-home-overlift-deck .home-tv-footer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 3px 5px 5px; font-size: 0.39rem; } .page-home-overlift-deck .home-tv-footer span:last-child { grid-column: 1 / 3; } .page-home-overlift-deck .home-theater-timeline button { flex-basis: 104px; min-height: 31px; } .page-home-overlift-deck .home-theater-controls { display: flex; gap: 5px; overflow-x: auto; padding: 4px; scrollbar-width: none; } .page-home-overlift-deck .home-theater-transport, .page-home-overlift-deck .home-theater-authority-controls { flex: 0 0 auto; } .page-home-overlift-deck .home-theater-controls button { min-height: 27px; padding: 5px 7px; font-size: 0.47rem; } .page-home-overlift-deck .home-theater-followups, .page-home-overlift-deck .home-theater-discovery { display: none; } } @media (max-height: 700px) and (min-width: 768px) { .page-home-overlift-deck .home-truth-theater { grid-template-rows: auto auto auto minmax(180px, 1fr) auto auto; } .page-home-overlift-deck .home-theater-prompt-rail, .page-home-overlift-deck .home-theater-followups, .page-home-overlift-deck .home-theater-discovery { display: none; } .page-home-overlift-deck .home-theater-status-strip > span:nth-child(n + 3) { display: none; } .page-home-overlift-deck .home-theater-status-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-tv-narration, .page-home-overlift-deck .home-tv-answer { display: none; } .page-home-overlift-deck .home-tv-content { align-content: start; } .page-home-overlift-deck .home-tv-math { padding-block: 4px; } .page-home-overlift-deck .home-tv-footer { display: none; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-truth-theater *, .page-home-overlift-deck .home-theater-mode-tabs * { scroll-behavior: auto !important; animation: none !important; transition-duration: 0.001ms !important; } .page-home-overlift-deck .home-tv-scanlines { display: none; } } .page-home-overlift-deck .home-tv-candidate-field [data-candidate-state="blocked"] { border-color: rgba(var(--theater-red), 0.24); filter: saturate(0.56); opacity: 0.58; } .page-home-overlift-deck .home-tv-candidate-field [data-candidate-state="blocked"] i { background: rgba(var(--theater-red), 0.78); box-shadow: 0 0 14px rgba(var(--theater-red), 0.32); } .page-home-overlift-deck .home-tv-candidate-field [data-candidate-state="approval"] { border-color: rgba(var(--theater-amber), 0.28); background: radial-gradient(circle at 12px 50%, rgba(var(--theater-amber), calc(0.04 + var(--candidate-weight, 0.4) * 0.11)), transparent 40%), rgba(0, 6, 11, 0.55); } .page-home-overlift-deck .home-tv-candidate-field [data-candidate-state="approval"] i { background: rgba(var(--theater-amber), 0.82); box-shadow: 0 0 14px rgba(var(--theater-amber), 0.3); } .page-home-overlift-deck .home-theater-rack li[data-gate-state="pass"], .page-home-overlift-deck .home-theater-rack li[data-gate-state="verified"] { border-color: rgba(var(--theater-green), 0.21); background: rgba(var(--theater-green), 0.03); } .page-home-overlift-deck .home-theater-rack li[data-gate-state="pass"] > i, .page-home-overlift-deck .home-theater-rack li[data-gate-state="verified"] > i { background: rgb(var(--theater-green)); box-shadow: 0 0 10px rgba(var(--theater-green), 0.5); } .page-home-overlift-deck .home-theater-rack li[data-gate-state="fallback"] { border-color: rgba(var(--theater-amber), 0.28); background: linear-gradient(90deg, rgba(var(--theater-red), 0.035), rgba(var(--theater-amber), 0.04)); } .page-home-overlift-deck .home-theater-rack li[data-gate-state="fallback"] > i { background: rgb(var(--theater-amber)); box-shadow: 0 0 11px rgba(var(--theater-amber), 0.5); } .page-home-overlift-deck .home-tv-why-not [data-why-not-state] { display: grid; grid-template-columns: minmax(84px, 0.28fr) minmax(0, 1fr); gap: 6px; align-items: baseline; width: 100%; padding: 4px 6px; border: 1px solid rgba(164, 173, 183, 0.08); border-radius: 6px; background: rgba(255, 255, 255, 0.018); } .page-home-overlift-deck .home-tv-why-not [data-why-not-state] strong, .page-home-overlift-deck .home-tv-why-not [data-why-not-state] small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-tv-why-not [data-why-not-state] strong { color: rgba(220, 228, 233, 0.77); font-size: 0.43rem; } .page-home-overlift-deck .home-tv-why-not [data-why-not-state] small { color: rgba(169, 185, 197, 0.55); font-size: 0.41rem; } .page-home-overlift-deck .home-tv-why-not [data-why-not-state="removed"] { border-color: rgba(var(--theater-red), 0.12); } .page-home-overlift-deck .home-tv-why-not [data-why-not-state="survives"] { border-color: rgba(var(--theater-green), 0.14); } .page-home-overlift-deck .home-theater-challenge { border-color: rgba(var(--theater-violet), 0.32) !important; background: linear-gradient(180deg, rgba(var(--theater-violet), 0.11), rgba(var(--theater-blue), 0.035)), rgba(255, 255, 255, 0.018) !important; color: rgba(222, 207, 243, 0.86) !important; } .page-home-overlift-deck .home-theater-challenge:not(:disabled) { box-shadow: 0 0 18px rgba(var(--theater-violet), 0.075); } .page-home-overlift-deck .home-truth-theater:not([data-theater-stage="0"]) .home-tv-question, .page-home-overlift-deck .home-truth-theater:not([data-theater-stage="0"]):not([data-theater-stage="2"]) .home-tv-decomposition, .page-home-overlift-deck .home-truth-theater:not([data-theater-stage="5"]):not([data-theater-stage="6"]) .home-tv-answer, .page-home-overlift-deck .home-truth-theater:not([data-theater-stage="3"]):not([data-theater-stage="4"]) .home-tv-candidate-field { display: none; } .page-home-overlift-deck .home-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; } @media (max-width: 767px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"], .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { grid-template-rows: auto auto minmax(0, 1fr) auto auto; } .page-home-overlift-deck .home-theater-stage { overflow: hidden; } .page-home-overlift-deck .home-truth-theater:not([data-theater-mode="engineering"]) .home-evidence-rack, .page-home-overlift-deck .home-truth-theater:not([data-theater-mode="engineering"]) .home-governance-rack { display: none; } .page-home-overlift-deck .home-truth-tv { order: 1; width: 100%; height: 100%; min-height: 0; grid-template-rows: auto minmax(0, 1fr) auto auto; } .page-home-overlift-deck .home-tv-header { min-height: 38px; align-items: center; } .page-home-overlift-deck .home-tv-header [data-truth-scene-title], .page-home-overlift-deck .home-tv-live-status small { display: none; } .page-home-overlift-deck .home-tv-content { min-height: 0; padding-block: 5px; } .page-home-overlift-deck .home-tv-narration { max-width: 100%; } .page-home-overlift-deck .home-tv-math, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math { max-height: 116px; overflow: hidden; } .page-home-overlift-deck .home-tv-footer { min-height: 24px; } } @media (max-width: 767px) { .page-home-overlift-deck .home-theater-controls { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; overflow: visible; } .page-home-overlift-deck .home-theater-transport { justify-content: center; } .page-home-overlift-deck .home-theater-authority-controls { width: 100%; flex-wrap: wrap; justify-content: center; overflow: visible; } .page-home-overlift-deck .home-theater-controls > small { display: none; } } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { --quantum-math-rail: clamp(280px, 36%, 430px); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-theater-stage { grid-template-columns: minmax(0, 1fr); overflow: hidden; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-evidence-rack, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-governance-rack { display: none; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv { grid-template-columns: minmax(0, 1fr) var(--quantum-math-rail); grid-template-rows: auto minmax(0, 1fr) auto; grid-template-areas: "header math" "content math" "footer footer"; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-header { grid-area: header; min-width: 0; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-content { grid-area: content; min-width: 0; min-height: 0; padding-right: 12px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-footer { grid-area: footer; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math { grid-area: math; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto minmax(0, 1fr) auto auto; grid-template-areas: "header" "formula" "calculation" "matrix" "key" "meter"; align-content: stretch; gap: 7px; min-width: 0; min-height: 0; height: auto; margin: 8px 8px 5px 4px; padding: 10px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(var(--theater-blue), 0.28) transparent; border-color: rgba(var(--theater-violet), 0.3); border-radius: 12px; background: radial-gradient(circle at 78% -14%, rgba(var(--theater-violet), 0.14), transparent 42%), radial-gradient(circle at 10% 118%, rgba(var(--theater-blue), 0.1), transparent 44%), linear-gradient(150deg, rgba(4, 12, 21, 0.91), rgba(1, 5, 11, 0.93)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.018), inset 0 0 24px rgba(var(--theater-blue), 0.025), -12px 0 30px rgba(0, 0, 0, 0.18); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math > header { align-items: stretch; justify-content: flex-start; gap: 7px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math-actions { justify-content: space-between; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { min-width: 0; overflow-x: auto; font-size: clamp(0.7rem, 0.86vw, 0.9rem); white-space: normal; overflow-wrap: anywhere; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { min-width: 0; max-height: 84px; overflow: auto; font-size: 0.5rem; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-matrix:not([hidden]) { grid-area: matrix; grid-column: auto; min-height: 0; max-height: 112px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-visual-key { grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: end; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-visual-key span { min-width: 0; overflow: hidden; text-overflow: ellipsis; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-field, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-native, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-foreground, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-glass, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-scanlines { inset: 0 var(--quantum-math-rail) 0 0; width: auto; height: auto; } @media (max-width: 960px) and (min-width: 768px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { --quantum-math-rail: clamp(260px, 38%, 300px); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-header { gap: 7px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-header [data-truth-scene-title] { max-width: 35ch; font-size: 0.7rem; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-live-status { min-width: 76px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-live-status small { display: none; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math { gap: 5px; margin: 6px 6px 4px 3px; padding: 7px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math > header strong { font-size: 0.47rem; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: 0.66rem; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { max-height: 58px; font-size: 0.44rem; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-matrix:not([hidden]) { max-height: 76px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-visual-key { display: none; } } @media (max-width: 900px) and (min-width: 768px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-theater-stage { overflow: hidden; scroll-snap-type: none; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv { order: 1; min-height: 0; height: 100%; scroll-snap-align: none; } } @media (max-height: 700px) and (min-width: 768px) { .page-home-overlift-deck .home-truth-theater, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { grid-template-rows: auto auto minmax(180px, 1fr) auto auto; } } @media (max-width: 767px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { --quantum-mobile-math-height: clamp(106px, 31%, 132px); --quantum-mobile-footer-height: 40px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) var(--quantum-mobile-math-height) auto; grid-template-areas: "header" "content" "math" "footer"; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-field, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-native, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-foreground, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-glass, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-scanlines { inset: 0 0 calc(var(--quantum-mobile-math-height) + var(--quantum-mobile-footer-height)) 0; width: auto; height: auto; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto auto minmax(0, 1fr) auto; grid-template-areas: "header header" "formula formula" "calculation calculation" "matrix matrix" "meter meter"; gap: 3px 5px; width: auto; height: var(--quantum-mobile-math-height); max-height: none; min-height: 0; margin: 0 5px; padding: 6px 7px; overflow: auto; border-radius: 10px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math > header { flex-direction: row; align-items: center; gap: 5px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math > header > div:first-child { min-width: 0; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math > header > div:first-child span { display: none; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math > header > div:first-child strong { display: -webkit-box; margin: 0; overflow: hidden; font-size: 0.44rem; line-height: 1.2; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math-actions { flex: 0 0 auto; justify-content: flex-end; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math-actions button { width: 22px; height: 22px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: 0.59rem; line-height: 1.15; white-space: nowrap; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { max-height: 32px; overflow: auto; font-size: 0.41rem; line-height: 1.2; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-matrix:not([hidden]) { max-height: 46px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-visual-key { display: none; } } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-field, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-native, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-foreground, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-glass, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-scanlines { inset: 0 auto 0 0; width: calc(100% - var(--quantum-math-rail)); height: 100%; } @media (max-width: 767px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-field, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-native, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-foreground, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-glass, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-scanlines { inset: 0 0 auto 0; width: 100%; height: calc(100% - var(--quantum-mobile-math-height) - var(--quantum-mobile-footer-height)); } } @media (max-width: 767px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math { height: 100%; align-self: stretch; } } .page-home-overlift-deck .home-tv-awakening { position: absolute !important; inset: 49px 8px 30px; z-index: 9 !important; display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 8px; min-width: 0; min-height: 0; padding: 10px 14px 12px; overflow: hidden; pointer-events: none; visibility: hidden; opacity: 0; transform: scale(0.985); transition: opacity 260ms ease, transform 340ms ease, visibility 0s linear 340ms; } .page-home-overlift-deck .home-truth-theater[data-launch-state="awakening"] .home-tv-awakening { visibility: visible; opacity: 1; transform: scale(1); transition-delay: 0s; } .page-home-overlift-deck .home-truth-theater[data-launch-state="awakening"] .home-tv-content, .page-home-overlift-deck .home-truth-theater[data-launch-state="awakening"] .home-tv-math, .page-home-overlift-deck .home-truth-theater[data-launch-state="awakening"] .home-tv-footer { visibility: hidden; opacity: 0; filter: none; pointer-events: none; transform: scale(0.992); } .page-home-overlift-deck .home-awakening-map { position: relative; min-width: 0; min-height: 148px; overflow: hidden; border: 1px solid rgba(var(--theater-blue), 0.13); border-radius: 16px; background: radial-gradient(circle at 50% 50%, rgba(var(--theater-blue), 0.11), transparent 23%), radial-gradient(circle at 50% 50%, transparent 0 25%, rgba(var(--theater-blue), 0.12) 25.3% 25.7%, transparent 26% 39%, rgba(var(--theater-green), 0.1) 39.3% 39.7%, transparent 40%), linear-gradient(90deg, transparent 0 49.85%, rgba(var(--theater-blue), 0.09) 50%, transparent 50.15%), linear-gradient(0deg, transparent 0 49.85%, rgba(var(--theater-blue), 0.07) 50%, transparent 50.15%), rgba(0, 5, 10, 0.34); box-shadow: inset 0 0 34px rgba(0, 0, 0, 0.28); } .page-home-overlift-deck .home-awakening-map::before, .page-home-overlift-deck .home-awakening-map::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: min(68%, 540px); height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--theater-blue), 0.42), rgba(var(--theater-green), 0.42), transparent); transform-origin: center; animation: home-awakening-sweep 2.6s linear infinite; } .page-home-overlift-deck .home-awakening-map::after { animation-delay: -1.3s; transform: translate(-50%, -50%) rotate(120deg); } .page-home-overlift-deck .home-awakening-core, .page-home-overlift-deck .home-awakening-node { position: absolute; display: grid; min-width: 0; border: 1px solid rgba(var(--theater-blue), 0.2); background: rgba(1, 8, 14, 0.82); box-shadow: 0 0 22px rgba(var(--theater-blue), 0.08), inset 0 0 16px rgba(var(--theater-blue), 0.025); } .page-home-overlift-deck .home-awakening-core { left: 50%; top: 50%; place-items: center; width: clamp(105px, 17%, 145px); aspect-ratio: 1.18; padding: 10px; border-color: rgba(var(--theater-green), 0.44); border-radius: 50%; transform: translate(-50%, -50%); text-align: center; box-shadow: 0 0 0 8px rgba(var(--theater-green), 0.025), 0 0 38px rgba(var(--theater-green), 0.18), inset 0 0 24px rgba(var(--theater-green), 0.07); animation: home-awakening-core 1.9s ease-in-out infinite; } .page-home-overlift-deck .home-awakening-core > span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(var(--theater-amber), 0.55); border-radius: 10px; color: rgba(248, 220, 165, 0.95); font: 900 0.68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; } .page-home-overlift-deck .home-awakening-core strong, .page-home-overlift-deck .home-awakening-node strong, .page-home-overlift-deck .home-awakening-core small, .page-home-overlift-deck .home-awakening-node small { display: block; } .page-home-overlift-deck .home-awakening-core strong { color: rgba(238, 247, 243, 0.94); font-size: 0.61rem; } .page-home-overlift-deck .home-awakening-core small { color: rgba(164, 196, 186, 0.68); font-size: 0.43rem; line-height: 1.25; } .page-home-overlift-deck .home-awakening-node { grid-template-columns: 8px minmax(0, 1fr); grid-template-rows: auto auto; gap: 1px 7px; width: clamp(132px, 23%, 190px); padding: 8px 10px; border-radius: 11px; } .page-home-overlift-deck .home-awakening-node i { grid-row: 1 / 3; align-self: center; width: 7px; height: 7px; border-radius: 50%; background: rgb(var(--theater-blue)); box-shadow: 0 0 11px rgba(var(--theater-blue), 0.72); } .page-home-overlift-deck .home-awakening-node strong { color: rgba(241, 232, 238, 0.9); font-size: 0.53rem; } .page-home-overlift-deck .home-awakening-node small { overflow: hidden; color: rgba(164, 184, 198, 0.62); font-size: 0.43rem; line-height: 1.22; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-awakening-vault { left: 4%; top: 12%; } .page-home-overlift-deck .home-awakening-world { right: 4%; top: 12%; } .page-home-overlift-deck .home-awakening-evidence { left: 7%; bottom: 10%; } .page-home-overlift-deck .home-awakening-proof { right: 7%; bottom: 10%; } .page-home-overlift-deck .home-awakening-evidence i { background: rgb(var(--theater-amber)); box-shadow: 0 0 11px rgba(var(--theater-amber), 0.72); } .page-home-overlift-deck .home-awakening-proof i { background: rgb(var(--theater-green)); box-shadow: 0 0 11px rgba(var(--theater-green), 0.72); } .page-home-overlift-deck .home-awakening-copy { display: grid; justify-items: center; gap: 2px; text-align: center; } .page-home-overlift-deck .home-awakening-copy > span { color: rgba(var(--theater-green), 0.82); font-size: 0.46rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .home-awakening-copy > strong { max-width: 68ch; color: rgba(248, 245, 236, 0.96); font-size: clamp(0.72rem, 1.02vw, 0.96rem); line-height: 1.2; } .page-home-overlift-deck .home-awakening-copy > small { color: rgba(174, 190, 201, 0.62); font-size: 0.46rem; } @keyframes home-awakening-sweep { from { transform: translate(-50%, -50%) rotate(0deg); opacity: 0.25; } 50% { opacity: 0.78; } to { transform: translate(-50%, -50%) rotate(360deg); opacity: 0.25; } } @keyframes home-awakening-core { 0%, 100% { transform: translate(-50%, -50%) scale(0.98); } 50% { transform: translate(-50%, -50%) scale(1.025); } } @media (max-width: 767px) { .page-home-overlift-deck .home-tv-awakening { inset: 43px 5px 27px; padding: 6px 8px 8px; } .page-home-overlift-deck .home-awakening-map { min-height: 126px; } .page-home-overlift-deck .home-awakening-node { width: 42%; padding: 6px 7px; } .page-home-overlift-deck .home-awakening-node small { font-size: 0.38rem; } .page-home-overlift-deck .home-awakening-core { width: 92px; } .page-home-overlift-deck .home-awakening-vault { left: 2%; top: 6%; } .page-home-overlift-deck .home-awakening-world { right: 2%; top: 6%; } .page-home-overlift-deck .home-awakening-evidence { left: 2%; bottom: 6%; } .page-home-overlift-deck .home-awakening-proof { right: 2%; bottom: 6%; } .page-home-overlift-deck .home-awakening-copy > small { display: none; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-awakening-map::before, .page-home-overlift-deck .home-awakening-map::after, .page-home-overlift-deck .home-awakening-core { animation: none !important; } } .page-home-overlift-deck .home-app-overlay { --overlift-viewport-gutter: clamp(8px, 1.15vmin, 18px); box-sizing: border-box; padding: max(var(--overlift-viewport-gutter), env(safe-area-inset-top)) max(var(--overlift-viewport-gutter), env(safe-area-inset-right)) max(var(--overlift-viewport-gutter), env(safe-area-inset-bottom)) max(var(--overlift-viewport-gutter), env(safe-area-inset-left)) !important; background: radial-gradient(circle at 50% 12%, rgba(210, 88, 169, 0.075), transparent 34%), radial-gradient(circle at 50% 100%, rgba(216, 173, 104, 0.055), transparent 38%), #010407; } .page-home-overlift-deck .home-app-backdrop { width: 100%; height: 100%; min-width: 0; min-height: 0; } .page-home-overlift-deck .home-fullscreen-app, .page-home-overlift-deck .home-fullscreen-app[role="dialog"] { width: 100% !important; height: 100% !important; min-width: 0; min-height: 0 !important; border: 1px solid rgba(242, 213, 157, 0.64) !important; border-radius: clamp(18px, 1.6vw, 28px) !important; background: radial-gradient(circle at 12% -5%, rgba(216, 173, 104, 0.09), transparent 28%), radial-gradient(circle at 92% 6%, rgba(207, 73, 162, 0.095), transparent 32%), linear-gradient(145deg, rgba(7, 13, 19, 0.99), rgba(1, 5, 9, 0.995)) !important; box-shadow: inset 0 1px 0 rgba(255, 249, 238, 0.18), inset 0 0 0 1px rgba(124, 136, 148, 0.42), inset 0 0 58px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(83, 53, 19, 0.7), 0 0 24px rgba(216, 173, 104, 0.16), 0 0 58px rgba(210, 86, 169, 0.085), 0 24px 80px rgba(0, 0, 0, 0.58) !important; } .page-home-overlift-deck .home-fullscreen-app::before { inset: 5px !important; border: 1px solid rgba(164, 173, 183, 0.28) !important; border-radius: clamp(14px, 1.35vw, 23px) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025), inset 0 0 28px rgba(205, 67, 159, 0.025), 0 0 20px rgba(216, 173, 104, 0.045) !important; } .page-home-overlift-deck .home-fullscreen-app::after { border-radius: clamp(18px, 1.6vw, 28px) !important; background: linear-gradient(90deg, transparent, rgba(255, 226, 170, 0.34), transparent) top / 46% 1px no-repeat, linear-gradient(90deg, transparent, rgba(228, 119, 192, 0.21), transparent) bottom / 62% 1px no-repeat, linear-gradient(180deg, transparent, rgba(242, 213, 157, 0.18), transparent) left / 1px 52% no-repeat, linear-gradient(180deg, transparent, rgba(228, 119, 192, 0.14), transparent) right / 1px 44% no-repeat !important; opacity: 1 !important; } .page-home-overlift-deck .home-fullscreen-app:focus, .page-home-overlift-deck .home-fullscreen-app:focus-visible { outline: none !important; } .page-home-overlift-deck .home-truth-theater, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"], .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { grid-template-rows: auto auto auto minmax(0, 1fr) auto !important; gap: clamp(4px, 0.55vh, 8px); overflow: hidden; } .page-home-overlift-deck .home-theater-stage { min-width: 0; min-height: 0; } .page-home-overlift-deck .home-theater-bottom-dock { position: relative; z-index: 8; display: grid; grid-template-areas: "timeline" "controls" "explore"; gap: 5px; min-width: 0; min-height: 0; padding: 5px; border: 1px solid rgba(216, 173, 104, 0.26); border-radius: 14px; background: radial-gradient(circle at 18% 0%, rgba(216, 173, 104, 0.06), transparent 32%), radial-gradient(circle at 82% 100%, rgba(210, 87, 169, 0.055), transparent 34%), linear-gradient(155deg, rgba(5, 11, 17, 0.94), rgba(1, 6, 10, 0.96)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.025), 0 0 22px rgba(216, 173, 104, 0.055), 0 10px 28px rgba(0, 0, 0, 0.22); } .page-home-overlift-deck .home-theater-timeline { grid-area: timeline; } .page-home-overlift-deck .home-theater-controls { grid-area: controls; } .page-home-overlift-deck .home-theater-exploration-dock { grid-area: explore; } .page-home-overlift-deck .home-theater-exploration-dock { display: grid; grid-template-columns: minmax(260px, 0.9fr) minmax(420px, 1.1fr); gap: 6px; min-width: 0; min-height: 0; padding: 4px 6px; border: 1px solid rgba(164, 173, 183, 0.13); border-radius: 10px; background: rgba(2, 8, 13, 0.72); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.012), 0 0 14px rgba(206, 70, 161, 0.025); } .page-home-overlift-deck .home-theater-followups, .page-home-overlift-deck .home-theater-discovery { display: flex !important; min-height: 22px; } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span { padding-left: 2px; text-shadow: 0 0 12px rgba(216, 173, 104, 0.17); } .page-home-overlift-deck .home-theater-status-strip > span, .page-home-overlift-deck .home-theater-query-dock, .page-home-overlift-deck .home-theater-rack, .page-home-overlift-deck .home-truth-tv, .page-home-overlift-deck .home-theater-timeline button, .page-home-overlift-deck .home-theater-controls, .page-home-overlift-deck .home-tv-math, .page-home-overlift-deck .home-theater-exploration-dock { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), inset 0 0 0 1px rgba(112, 124, 136, 0.08), 0 0 14px rgba(216, 173, 104, 0.028); } .page-home-overlift-deck .home-theater-query-dock button, .page-home-overlift-deck .home-theater-controls button, .page-home-overlift-deck .home-theater-followups button, .page-home-overlift-deck .home-theater-prompt-rail button, .page-home-overlift-deck .home-theater-timeline button, .page-home-overlift-deck .home-tv-math-actions button, .page-home-overlift-deck .home-theater-mode-tabs button, .page-home-overlift-deck .home-deck-topbar-actions button { border-color: rgba(216, 173, 104, 0.24); background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.008)), rgba(3, 9, 14, 0.72); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), inset 0 0 0 1px rgba(110, 121, 132, 0.08), 0 0 12px rgba(216, 173, 104, 0.035); } .page-home-overlift-deck .home-theater-query-dock button:hover:not(:disabled), .page-home-overlift-deck .home-theater-controls button:hover:not(:disabled), .page-home-overlift-deck .home-theater-followups button:hover:not(:disabled), .page-home-overlift-deck .home-theater-prompt-rail button:hover:not(:disabled), .page-home-overlift-deck .home-theater-timeline button:hover:not(:disabled), .page-home-overlift-deck .home-tv-math-actions button:hover:not(:disabled), .page-home-overlift-deck .home-theater-mode-tabs button:hover:not(:disabled), .page-home-overlift-deck .home-deck-topbar-actions button:hover:not(:disabled), .page-home-overlift-deck .home-fullscreen-app button:focus-visible { border-color: rgba(242, 213, 157, 0.68); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075), inset 0 0 0 1px rgba(216, 173, 104, 0.11), 0 0 12px rgba(216, 173, 104, 0.16), 0 0 28px rgba(212, 88, 171, 0.07); } .page-home-overlift-deck .home-theater-run-exact:not(:disabled), .page-home-overlift-deck .home-theater-query-submit:not(:disabled), .page-home-overlift-deck .home-theater-play:not(:disabled) { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(242, 213, 157, 0.13), 0 0 13px rgba(216, 173, 104, 0.19), 0 0 30px rgba(216, 173, 104, 0.07) !important; } .page-home-overlift-deck .home-theater-discovery i.is-discovered { box-shadow: inset 0 0 0 1px rgba(var(--theater-green), 0.08), 0 0 10px rgba(var(--theater-green), 0.12); } @media (max-height: 760px) and (min-width: 768px) { .page-home-overlift-deck .home-app-overlay { --overlift-viewport-gutter: clamp(7px, 1vmin, 12px); } .page-home-overlift-deck .home-fullscreen-app, .page-home-overlift-deck .home-fullscreen-app[role="dialog"] { padding: 7px !important; } .page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { min-height: 43px; padding: 0 3px 5px; } .page-home-overlift-deck .home-deck-mark { width: 36px; height: 36px; border-radius: 11px; } .page-home-overlift-deck .home-deck-brand strong { font-size: 0.92rem; } .page-home-overlift-deck .home-theater-mode-tabs button, .page-home-overlift-deck .home-deck-topbar-actions button { min-height: 30px; padding: 5px 8px; } .page-home-overlift-deck .home-theater-status-strip { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 4px; } .page-home-overlift-deck .home-theater-status-strip > span, .page-home-overlift-deck .home-theater-status-strip > span:nth-child(n) { display: grid !important; min-height: 27px; padding: 4px 7px; } .page-home-overlift-deck .home-theater-status-strip strong { font-size: 0.51rem; } .page-home-overlift-deck .home-theater-status-strip small { font-size: 0.42rem; } .page-home-overlift-deck .home-theater-query-dock { min-height: 36px; padding: 5px 7px; } .page-home-overlift-deck .home-theater-query-dock input, .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { min-height: 31px; } .page-home-overlift-deck .home-theater-prompt-rail { display: flex !important; min-height: 21px; } .page-home-overlift-deck .home-theater-prompt-rail button, .page-home-overlift-deck .home-theater-prompt-rail button:nth-child(n) { display: block !important; min-height: 21px; padding: 3px 7px; font-size: 0.43rem; } .page-home-overlift-deck .home-theater-stage { min-height: 118px; } .page-home-overlift-deck .home-tv-header { min-height: 32px; margin-top: 4px; padding: 4px 7px; } .page-home-overlift-deck .home-tv-content { padding-block: 4px; } .page-home-overlift-deck .home-tv-math { padding-block: 4px; } .page-home-overlift-deck .home-tv-footer { display: flex !important; margin-block: 2px 4px; padding-block: 3px; } .page-home-overlift-deck .home-theater-bottom-dock { grid-template-columns: minmax(0, 1.34fr) minmax(330px, 0.66fr); grid-template-areas: "timeline timeline" "controls explore"; gap: 4px; padding: 4px; } .page-home-overlift-deck .home-theater-timeline button { min-height: 29px; padding: 3px 5px; } .page-home-overlift-deck .home-theater-controls { min-width: 0; padding: 3px 5px; } .page-home-overlift-deck .home-theater-controls button { min-height: 23px; padding: 4px 6px; font-size: 0.45rem; } .page-home-overlift-deck .home-theater-exploration-dock { grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 3px 5px; } .page-home-overlift-deck .home-theater-followups, .page-home-overlift-deck .home-theater-discovery { display: flex !important; min-height: 19px; } .page-home-overlift-deck .home-theater-followups button { min-height: 19px; padding: 3px 6px; font-size: 0.42rem; } .page-home-overlift-deck .home-theater-discovery i { padding: 3px 6px; font-size: 0.39rem; } } @media (max-height: 620px) and (min-width: 768px) { .page-home-overlift-deck .home-app-overlay { --overlift-viewport-gutter: 6px; } .page-home-overlift-deck .home-fullscreen-app, .page-home-overlift-deck .home-fullscreen-app[role="dialog"] { padding: 6px !important; border-radius: 18px !important; } .page-home-overlift-deck .home-fullscreen-app::before { border-radius: 14px !important; } .page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { min-height: 39px; padding-bottom: 4px; } .page-home-overlift-deck .home-deck-brand .eyebrow, .page-home-overlift-deck .home-deck-online, .page-home-overlift-deck .home-tv-live-status small, .page-home-overlift-deck .home-theater-controls > small { display: none; } .page-home-overlift-deck .home-deck-mark { width: 32px; height: 32px; } .page-home-overlift-deck .home-theater-status-strip > span { min-height: 24px; padding-block: 3px; } .page-home-overlift-deck .home-theater-query-dock { min-height: 32px; padding-block: 3px; } .page-home-overlift-deck .home-theater-query-dock input, .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { min-height: 28px; } .page-home-overlift-deck .home-theater-stage { min-height: 102px; } .page-home-overlift-deck .home-tv-narration { display: none; } .page-home-overlift-deck .home-tv-content { gap: 3px; } .page-home-overlift-deck .home-tv-question { font-size: 0.78rem; } .page-home-overlift-deck .home-tv-decomposition > span { padding-block: 4px; } .page-home-overlift-deck .home-tv-math > header strong, .page-home-overlift-deck .home-tv-visual-key { display: none; } .page-home-overlift-deck .home-tv-calculation { max-height: 29px; overflow: auto; } .page-home-overlift-deck .home-tv-footer { font-size: 0.38rem; } .page-home-overlift-deck .home-theater-timeline button small { display: none; } .page-home-overlift-deck .home-theater-timeline button { min-height: 25px; } .page-home-overlift-deck .home-theater-bottom-dock { grid-template-columns: minmax(0, 1.38fr) minmax(300px, 0.62fr); } } @media (max-width: 1120px) { .page-home-overlift-deck .home-theater-status-strip { display: flex !important; overflow-x: auto; scrollbar-width: none; } .page-home-overlift-deck .home-theater-status-strip::-webkit-scrollbar { display: none; } .page-home-overlift-deck .home-theater-status-strip > span, .page-home-overlift-deck .home-theater-status-strip > span:nth-child(n) { display: grid !important; flex: 1 0 150px; } .page-home-overlift-deck .home-theater-prompt-rail, .page-home-overlift-deck .home-theater-prompt-rail button, .page-home-overlift-deck .home-theater-prompt-rail button:nth-child(n) { display: flex !important; } .page-home-overlift-deck .home-theater-prompt-rail button { align-items: center; } .page-home-overlift-deck .home-theater-exploration-dock { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 767px) { .page-home-overlift-deck .home-app-overlay { --overlift-viewport-gutter: clamp(6px, 2.2vw, 9px); } .page-home-overlift-deck .home-fullscreen-app, .page-home-overlift-deck .home-fullscreen-app[role="dialog"] { padding: 6px !important; border-radius: 20px !important; } .page-home-overlift-deck .home-fullscreen-app::before { inset: 4px !important; border-radius: 16px !important; } .page-home-overlift-deck .home-fullscreen-app::after { border-radius: 20px !important; } .page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "brand actions" "modes modes"; gap: 4px 6px; min-height: 0; padding: 0 2px 5px; } .page-home-overlift-deck .home-deck-brand { grid-area: brand; } .page-home-overlift-deck .home-theater-mode-tabs { grid-area: modes; order: initial; width: 100%; } .page-home-overlift-deck .home-deck-topbar-actions { grid-area: actions; order: initial; justify-content: flex-end; gap: 4px; } .page-home-overlift-deck .home-deck-topbar-actions button[data-open-proof], .page-home-overlift-deck .home-deck-topbar-actions button[data-deck-reset] { display: inline-flex !important; } .page-home-overlift-deck .home-proof-button-long { display: none !important; } .page-home-overlift-deck .home-proof-button-short { display: inline !important; } .page-home-overlift-deck .home-deck-topbar-actions button { min-height: 28px; padding: 4px 6px; font-size: 0.48rem; } .page-home-overlift-deck .home-theater-mode-tabs button { min-height: 27px; padding: 4px 5px; font-size: 0.47rem; } .page-home-overlift-deck .home-truth-theater, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"], .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { grid-template-rows: auto auto auto minmax(0, 1fr) auto !important; gap: 4px; } .page-home-overlift-deck .home-theater-status-strip { display: flex !important; min-height: 26px; } .page-home-overlift-deck .home-theater-status-strip > span, .page-home-overlift-deck .home-theater-status-strip > span:nth-child(n) { display: grid !important; flex-basis: 132px; min-height: 26px; padding: 4px 6px; } .page-home-overlift-deck .home-theater-status-strip small { display: none; } .page-home-overlift-deck .home-theater-query-dock > div { grid-template-columns: minmax(0, 1fr) auto auto; } .page-home-overlift-deck .home-theater-surprise { display: inline-flex !important; align-items: center; } .page-home-overlift-deck .home-theater-prompt-rail { display: flex !important; min-height: 21px; } .page-home-overlift-deck .home-theater-prompt-rail button, .page-home-overlift-deck .home-theater-prompt-rail button:nth-child(n) { display: flex !important; min-height: 21px; } .page-home-overlift-deck .home-theater-bottom-dock { grid-template-areas: "timeline" "controls" "explore"; gap: 3px; padding: 3px; border-radius: 11px; } .page-home-overlift-deck .home-theater-controls { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; overflow: visible; padding: 3px; } .page-home-overlift-deck .home-theater-transport, .page-home-overlift-deck .home-theater-authority-controls { justify-content: center; overflow-x: auto; } .page-home-overlift-deck .home-theater-controls button { min-height: 23px; padding: 4px 6px; font-size: 0.43rem; } .page-home-overlift-deck .home-theater-exploration-dock { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 3px 4px; } .page-home-overlift-deck .home-theater-followups, .page-home-overlift-deck .home-theater-discovery { display: flex !important; min-height: 19px; } .page-home-overlift-deck .home-theater-followups button { min-height: 19px; padding: 3px 6px; font-size: 0.4rem; } .page-home-overlift-deck .home-theater-discovery i { padding: 3px 5px; font-size: 0.37rem; } .page-home-overlift-deck .home-theater-discovery > small { font-size: 0.37rem; } } @media (max-width: 767px) and (max-height: 720px) { .page-home-overlift-deck .home-app-overlay { --overlift-viewport-gutter: 5px; } .page-home-overlift-deck .home-deck-topbar-actions button, .page-home-overlift-deck .home-theater-mode-tabs button { min-height: 24px; } .page-home-overlift-deck .home-theater-status-strip { min-height: 23px; } .page-home-overlift-deck .home-theater-query-dock input, .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { min-height: 29px; } .page-home-overlift-deck .home-theater-stage { min-height: 132px; } .page-home-overlift-deck .home-tv-header { min-height: 28px; } .page-home-overlift-deck .home-tv-footer { min-height: 19px; padding-block: 2px; } .page-home-overlift-deck .home-theater-timeline button { min-height: 25px; } .page-home-overlift-deck .home-theater-controls button { min-height: 21px; } } @media (max-height: 520px) { .page-home-overlift-deck .home-app-overlay { --overlift-viewport-gutter: 5px; } .page-home-overlift-deck .home-fullscreen-app, .page-home-overlift-deck .home-fullscreen-app[role="dialog"] { padding: 5px !important; border-radius: 16px !important; } .page-home-overlift-deck .home-fullscreen-app::before { inset: 3px !important; border-radius: 12px !important; } .page-home-overlift-deck .home-fullscreen-app::after { border-radius: 16px !important; } .page-home-overlift-deck .home-truth-theater, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"], .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { grid-template-rows: auto auto auto minmax(0, 1fr) auto !important; gap: 3px; } .page-home-overlift-deck .home-theater-stage { min-height: 0 !important; overflow: hidden; } .page-home-overlift-deck .home-theater-bottom-dock { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "timeline" "controls" !important; gap: 3px; padding: 3px; } .page-home-overlift-deck .home-theater-exploration-dock { display: none !important; } .page-home-overlift-deck .home-theater-timeline button { min-height: 24px !important; padding: 3px 4px !important; } .page-home-overlift-deck .home-theater-timeline button small { display: none !important; } .page-home-overlift-deck .home-theater-controls { min-height: 0; padding: 3px 4px; } .page-home-overlift-deck .home-theater-controls button { min-height: 21px !important; padding: 3px 5px !important; } .page-home-overlift-deck .home-theater-controls > small { display: none !important; } .page-home-overlift-deck .home-tv-header { min-height: 27px !important; margin-top: 2px !important; padding: 3px 6px !important; } .page-home-overlift-deck .home-tv-header strong { font-size: 0.7rem !important; } .page-home-overlift-deck .home-tv-narration, .page-home-overlift-deck .home-tv-footer, .page-home-overlift-deck .home-awakening-copy > small { display: none !important; } .page-home-overlift-deck .home-tv-content, .page-home-overlift-deck .home-tv-math { min-height: 0; } } @media (max-width: 767px) and (max-height: 520px) { .page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "brand modes actions"; align-items: center; gap: 4px; padding-bottom: 3px; } .page-home-overlift-deck .home-deck-brand { min-width: 0; } .page-home-overlift-deck .home-deck-brand > div:not(.home-deck-mark), .page-home-overlift-deck .home-deck-online { display: none !important; } .page-home-overlift-deck .home-deck-mark { width: 31px; height: 31px; border-radius: 10px; } .page-home-overlift-deck .home-theater-mode-tabs { width: auto; min-width: 0; } .page-home-overlift-deck .home-theater-mode-tabs button { min-height: 24px; padding: 3px 5px; font-size: 0.42rem; } .page-home-overlift-deck .home-deck-topbar-actions { gap: 3px; } .page-home-overlift-deck .home-deck-topbar-actions button { min-height: 24px; padding: 3px 5px; font-size: 0.42rem; } .page-home-overlift-deck .home-theater-status-strip > span, .page-home-overlift-deck .home-theater-status-strip > span:nth-child(n) { flex-basis: 116px; min-height: 22px; padding: 3px 5px; } .page-home-overlift-deck .home-theater-query-dock { min-height: 30px; padding: 3px 5px; } .page-home-overlift-deck .home-theater-query-dock input, .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { min-height: 26px; } .page-home-overlift-deck .home-theater-prompt-rail { display: none !important; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: 0.43rem; } .page-home-overlift-deck .home-theater-transport, .page-home-overlift-deck .home-theater-authority-controls { scrollbar-width: none; } .page-home-overlift-deck .home-theater-transport::-webkit-scrollbar, .page-home-overlift-deck .home-theater-authority-controls::-webkit-scrollbar { display: none; } } .page-home-overlift-deck .home-theater-authority-controls > button, .page-home-overlift-deck .home-theater-authority-controls > .home-theater-approval, .page-home-overlift-deck .home-theater-approval > button { flex: 0 0 auto; } @media (max-height: 760px) and (min-width: 768px) { .page-home-overlift-deck .home-theater-timeline { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)) !important; overflow: hidden !important; scroll-snap-type: none !important; } .page-home-overlift-deck .home-theater-timeline button { flex: initial !important; min-width: 0 !important; } } @media (max-width: 359px) and (max-height: 620px) { .page-home-overlift-deck .home-tv-awakening { inset: 38px 4px 20px; grid-template-rows: minmax(72px, 1fr) auto; gap: 3px; padding: 4px 5px 5px; } .page-home-overlift-deck .home-awakening-map { min-height: 72px; border-radius: 11px; } .page-home-overlift-deck .home-awakening-node { grid-template-columns: 6px minmax(0, 1fr); width: 43%; gap: 0 4px; padding: 4px 5px; border-radius: 8px; } .page-home-overlift-deck .home-awakening-node i { width: 5px; height: 5px; } .page-home-overlift-deck .home-awakening-node strong { font-size: 0.42rem; } .page-home-overlift-deck .home-awakening-node small, .page-home-overlift-deck .home-awakening-core small { display: none; } .page-home-overlift-deck .home-awakening-core { width: 68px; padding: 5px; } .page-home-overlift-deck .home-awakening-core > span { width: 22px; height: 22px; border-radius: 7px; font-size: 0.5rem; } .page-home-overlift-deck .home-awakening-core strong { font-size: 0.46rem; } .page-home-overlift-deck .home-awakening-copy { gap: 0; } .page-home-overlift-deck .home-awakening-copy > span { font-size: 0.34rem; } .page-home-overlift-deck .home-awakening-copy > strong { max-width: 39ch; font-size: 0.54rem; line-height: 1.08; } } @media (max-width: 400px) and (max-height: 520px) { .page-home-overlift-deck .home-theater-bottom-dock { min-height: 118px; } .page-home-overlift-deck .home-theater-controls { grid-auto-rows: max-content; align-content: start; min-height: 76px; overflow: hidden; } .page-home-overlift-deck .home-theater-transport, .page-home-overlift-deck .home-theater-authority-controls { min-height: 21px; } } @media (min-width: 768px) and (max-width: 900px) { .page-home-overlift-deck .home-theater-stage { grid-template-columns: minmax(96px, 0.16fr) minmax(0, 1fr) minmax(96px, 0.16fr) !important; grid-template-rows: minmax(0, 1fr) !important; gap: 5px; overflow: hidden !important; scroll-snap-type: none !important; } .page-home-overlift-deck .home-truth-tv { order: 2 !important; min-height: 0 !important; height: 100%; scroll-snap-align: none !important; } .page-home-overlift-deck .home-evidence-rack, .page-home-overlift-deck .home-governance-rack { display: grid !important; min-height: 0 !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto minmax(0, 1fr) auto !important; scroll-snap-align: none !important; } .page-home-overlift-deck .home-evidence-rack { order: 1 !important; } .page-home-overlift-deck .home-governance-rack { order: 3 !important; } .page-home-overlift-deck .home-theater-rack > header { min-width: 0; padding: 5px 6px; border-right: 0 !important; border-bottom: 1px solid rgba(164, 173, 183, 0.11) !important; } .page-home-overlift-deck .home-theater-rack > header small, .page-home-overlift-deck .home-rack-foot span, .page-home-overlift-deck .home-rack-foot strong, .page-home-overlift-deck .home-rack-foot small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-theater-rack ol { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-auto-flow: row !important; gap: 3px; min-height: 0; padding: 4px; overflow-x: hidden !important; overflow-y: auto !important; scrollbar-width: thin; } .page-home-overlift-deck .home-theater-rack li { min-width: 0; padding: 4px 5px; } .page-home-overlift-deck .home-theater-rack li strong, .page-home-overlift-deck .home-theater-rack li small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-rack-foot { min-width: 0; padding: 5px 6px; border-top: 1px solid rgba(164, 173, 183, 0.11) !important; border-left: 0 !important; } } @media (max-width: 370px) and (max-height: 520px) { .page-home-overlift-deck .home-theater-bottom-dock { min-height: 0; } .page-home-overlift-deck .home-theater-controls { display: flex; align-items: center; min-height: 29px; overflow-x: auto; overflow-y: hidden; padding: 3px 4px; scrollbar-width: none; } .page-home-overlift-deck .home-theater-controls::-webkit-scrollbar { display: none; } .page-home-overlift-deck .home-theater-transport, .page-home-overlift-deck .home-theater-authority-controls { flex: 0 0 auto; flex-wrap: nowrap !important; min-height: 21px; height: 21px; } } .page-home-overlift-deck .home-theater-authority-controls { justify-content: safe center; } @media (max-width: 359px) and (max-height: 620px) { .page-home-overlift-deck .home-truth-tv { grid-template-rows: auto minmax(0, 1fr) 56px 22px; } .page-home-overlift-deck .home-tv-header { min-height: 27px; margin: 4px 4px 0; padding: 4px 5px; } .page-home-overlift-deck .home-tv-header [data-truth-scene-title], .page-home-overlift-deck .home-tv-live-status small { display: none; } .page-home-overlift-deck .home-tv-live-status { min-width: 72px; } .page-home-overlift-deck .home-tv-content { align-content: start; padding: 4px 8px 3px; overflow: auto; } .page-home-overlift-deck .home-tv-question { max-width: 100%; overflow: hidden; font-size: 0.68rem; line-height: 1.12; text-overflow: ellipsis; } .page-home-overlift-deck .home-tv-narration, .page-home-overlift-deck .home-tv-decomposition { display: none; } .page-home-overlift-deck .home-tv-math, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math { align-self: stretch; height: 56px; max-height: 56px; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "header header" "formula formula"; gap: 1px; margin: 0 4px; padding: 3px 5px; overflow: hidden; } .page-home-overlift-deck .home-tv-math > header { min-height: 18px; } .page-home-overlift-deck .home-tv-calculation, .page-home-overlift-deck .home-tv-matrix, .page-home-overlift-deck .home-tv-probability-meter, .page-home-overlift-deck .home-tv-visual-key { display: none !important; } .page-home-overlift-deck .home-tv-formula { overflow: hidden; font-size: 0.57rem; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-tv-footer { display: flex; min-height: 18px; margin: 1px 4px 3px; padding: 2px 4px; } .page-home-overlift-deck .home-tv-footer span:nth-child(n + 2) { display: none; } } @media (max-height: 520px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-truth-tv { grid-template-rows: auto minmax(0, 1fr) !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-math, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-footer { display: none !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-content { align-content: center; padding-block: 4px; } } @media (max-width: 767px) and (max-height: 520px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { --quantum-mobile-math-height: clamp(82px, 37%, 100px); --quantum-mobile-footer-height: 0px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-theater-stage, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv { min-height: 0 !important; height: 100% !important; overflow: hidden !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv { grid-template-rows: auto minmax(0, 1fr) var(--quantum-mobile-math-height) !important; grid-template-areas: "header" "content" "math" !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-footer { display: none !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-content { align-content: center; padding: 3px 8px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-question, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-narration, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-decomposition, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-answer, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-why-not { display: none !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math { min-height: 0 !important; height: var(--quantum-mobile-math-height) !important; margin: 0 4px 3px; padding: 4px 6px; overflow: auto; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math > header strong { -webkit-line-clamp: 1; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { max-height: 24px; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-field, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-native, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv-foreground, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-glass, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-scanlines { height: calc(100% - var(--quantum-mobile-math-height)) !important; } } @media (max-height: 520px) { .page-home-overlift-deck .home-theater-bottom-dock { align-self: end; align-content: start; grid-auto-rows: max-content; height: max-content; } .page-home-overlift-deck .home-theater-timeline { align-self: start; height: 30px; min-height: 30px; } .page-home-overlift-deck .home-theater-controls { align-self: start; height: max-content; min-height: 0; } } @media (max-width: 400px) and (max-height: 520px) { .page-home-overlift-deck .home-theater-bottom-dock { min-height: 0; grid-template-rows: max-content max-content !important; } .page-home-overlift-deck .home-theater-controls { min-height: 0; grid-auto-rows: max-content; align-content: start; } } @media (max-height: 520px) { .page-home-overlift-deck .home-theater-bottom-dock { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: max-content max-content max-content !important; grid-template-areas: "timeline" "controls" "explore" !important; align-content: start; min-height: 0 !important; } .page-home-overlift-deck .home-theater-timeline { align-items: stretch; min-height: 26px; height: 26px; } .page-home-overlift-deck .home-theater-timeline button { grid-template-columns: 18px minmax(0, 1fr); grid-template-rows: 1fr; gap: 0 4px; min-height: 24px !important; height: 24px; } .page-home-overlift-deck .home-theater-timeline button > span { grid-row: 1; width: 18px; height: 18px; } .page-home-overlift-deck .home-theater-timeline button strong { align-self: center; } .page-home-overlift-deck .home-theater-controls { align-content: start; min-height: 0 !important; height: auto; } .page-home-overlift-deck .home-theater-exploration-dock { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3px; min-height: 22px; max-height: 24px; padding: 2px 3px; overflow: hidden; } .page-home-overlift-deck .home-theater-followups, .page-home-overlift-deck .home-theater-discovery { display: flex !important; min-height: 18px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } .page-home-overlift-deck .home-theater-followups::-webkit-scrollbar, .page-home-overlift-deck .home-theater-discovery::-webkit-scrollbar { display: none; } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span, .page-home-overlift-deck .home-theater-discovery > small { display: none; } .page-home-overlift-deck .home-theater-followups button, .page-home-overlift-deck .home-theater-discovery i { flex: 0 0 auto; min-height: 17px; padding: 2px 4px; font-size: 0.34rem; line-height: 1; } } .page-home-overlift-deck .home-truth-theater, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"], .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { grid-template-areas: "status" "query" "prompts" "stage" "bottom" !important; grid-template-rows: max-content max-content max-content minmax(0, 1fr) max-content !important; align-content: stretch; } .page-home-overlift-deck .home-theater-status-strip { grid-area: status; } .page-home-overlift-deck .home-theater-query-dock { grid-area: query; } .page-home-overlift-deck .home-theater-prompt-rail { grid-area: prompts; } .page-home-overlift-deck .home-theater-stage { grid-area: stage; } .page-home-overlift-deck .home-theater-bottom-dock { grid-area: bottom; } @media (min-width: 768px) and (max-width: 820px) { .page-home-overlift-deck .home-theater-controls { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto !important; gap: 2px; } .page-home-overlift-deck .home-theater-controls > small { display: none !important; } .page-home-overlift-deck .home-theater-transport, .page-home-overlift-deck .home-theater-authority-controls { justify-content: center; overflow-x: visible; } } @media (max-width: 370px) and (max-height: 520px) { .page-home-overlift-deck .home-theater-controls { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto !important; align-content: center; gap: 2px; min-height: 0; height: auto; overflow: hidden; padding: 3px 4px; } .page-home-overlift-deck .home-theater-transport, .page-home-overlift-deck .home-theater-authority-controls { width: 100%; min-height: 19px; height: auto; justify-content: center; overflow: visible; flex-wrap: wrap !important; gap: 2px 3px; } .page-home-overlift-deck .home-theater-controls button { min-height: 19px !important; padding: 2px 4px !important; font-size: 0.36rem !important; } } @media (min-width: 360px) and (max-width: 767px) { .page-home-overlift-deck .home-awakening-map { min-height: 0; height: 100%; } } @media (max-height: 520px) { .page-home-overlift-deck .home-tv-awakening { inset: 38px 4px 20px; grid-template-rows: minmax(56px, 1fr) auto; gap: 4px; padding: 4px 6px 6px; } .page-home-overlift-deck .home-awakening-map { min-height: 0; height: 100%; border-radius: 11px; } .page-home-overlift-deck .home-awakening-node { grid-template-columns: 6px minmax(0, 1fr); grid-template-rows: auto; gap: 0 4px; padding: 4px 5px; border-radius: 8px; } .page-home-overlift-deck .home-awakening-node i { grid-row: 1; width: 5px; height: 5px; } .page-home-overlift-deck .home-awakening-node strong { overflow: hidden; font-size: 0.42rem; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-awakening-node small, .page-home-overlift-deck .home-awakening-core small { display: none; } .page-home-overlift-deck .home-awakening-core { width: 64px; padding: 4px; } .page-home-overlift-deck .home-awakening-core > span { width: 20px; height: 20px; border-radius: 7px; font-size: 0.46rem; } .page-home-overlift-deck .home-awakening-core strong { font-size: 0.43rem; } .page-home-overlift-deck .home-awakening-copy { gap: 0; } .page-home-overlift-deck .home-awakening-copy > span { font-size: 0.34rem; } .page-home-overlift-deck .home-awakening-copy > strong { max-width: 54ch; font-size: 0.56rem; line-height: 1.08; } .page-home-overlift-deck .home-awakening-copy > small { display: none; } } @media (max-width: 767px) { .page-home-overlift-deck .home-theater-timeline { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)) !important; overflow: hidden !important; scroll-snap-type: none !important; } .page-home-overlift-deck .home-theater-timeline button { display: grid !important; grid-template-columns: 18px minmax(0, 1fr) !important; grid-template-rows: 1fr !important; gap: 0 3px; min-width: 0 !important; padding-inline: 3px !important; } .page-home-overlift-deck .home-theater-timeline button > span { grid-row: 1 !important; width: 18px; height: 18px; } .page-home-overlift-deck .home-theater-timeline button strong { align-self: center; min-width: 0; overflow: hidden; font-size: 0.38rem; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-theater-timeline button small { display: none !important; } } @media (max-width: 479px) { .page-home-overlift-deck .home-theater-timeline button { place-items: center; grid-template-columns: minmax(0, 1fr) !important; padding-inline: 1px !important; } .page-home-overlift-deck .home-theater-timeline button > span { grid-column: 1; } .page-home-overlift-deck .home-theater-timeline button strong { display: none; } } @media (max-width: 479px) { .page-home-overlift-deck .home-theater-status-strip { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; overflow: hidden !important; } .page-home-overlift-deck .home-theater-status-strip > span, .page-home-overlift-deck .home-theater-status-strip > span:nth-child(n) { display: grid !important; grid-template-columns: 7px minmax(0, 1fr); min-width: 0; padding-inline: 4px; } .page-home-overlift-deck .home-theater-status-strip strong { min-width: 0; overflow: hidden; font-size: 0.43rem; text-overflow: ellipsis; white-space: nowrap; } } @media (min-width: 768px) and (max-width: 900px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-theater-stage { grid-template-columns: minmax(0, 1fr) !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-evidence-rack, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-governance-rack { display: none !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-truth-tv { order: initial !important; width: 100%; } } .page-home-overlift-deck .home-app-inline, .page-home-overlift-deck section.home-app-inline { position: relative !important; inset: auto !important; z-index: 2 !important; display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .page-home-overlift-deck .home-app-inline .home-app-backdrop { display: block; width: min(1320px, calc(100% - 2rem)); max-width: 1320px; height: auto; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; } .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { width: 100% !important; height: min(85dvh, 900px) !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: 900px !important; margin: 0 !important; padding: clamp(8px, 1vw, 14px) !important; border: 1px solid rgba(242, 213, 157, 0.7) !important; border-radius: clamp(22px, 2vw, 32px) !important; background: radial-gradient(circle at 9% -4%, rgba(216, 173, 104, 0.105), transparent 29%), radial-gradient(circle at 94% 4%, rgba(207, 75, 163, 0.105), transparent 33%), linear-gradient(145deg, rgba(7, 13, 19, 0.995), rgba(1, 5, 9, 0.998)) !important; box-shadow: inset 0 1px 0 rgba(255, 249, 238, 0.2), inset 0 0 0 1px rgba(124, 136, 148, 0.42), inset 0 0 60px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(83, 53, 19, 0.72), 0 0 28px rgba(216, 173, 104, 0.17), 0 0 72px rgba(210, 86, 169, 0.07), 0 24px 76px rgba(0, 0, 0, 0.5) !important; } .page-home-overlift-deck .home-app-inline .home-fullscreen-app::before { inset: 6px !important; border: 1px solid rgba(171, 183, 195, 0.3) !important; border-radius: clamp(17px, 1.65vw, 26px) !important; } .page-home-overlift-deck .home-app-inline .home-fullscreen-app::after { border-radius: inherit !important; background: linear-gradient(108deg, transparent 0 39%, rgba(255, 244, 221, 0.08) 45%, rgba(255, 224, 163, 0.78) 49.5%, rgba(255, 250, 238, 0.15) 52%, transparent 59% 100%) top / 245% 2px no-repeat, linear-gradient(90deg, transparent, rgba(242, 213, 157, 0.18), transparent) bottom / 70% 1px no-repeat, radial-gradient(circle at 4% 16%, rgba(216, 173, 104, 0.07), transparent 22%), radial-gradient(circle at 96% 84%, rgba(211, 88, 170, 0.07), transparent 24%) !important; animation: home-overlift-brass-glint 22s ease-in-out infinite; } .page-home-overlift-deck .home-app-inline .home-app-close { min-width: 58px; } @media (max-width: 720px) { .page-home-overlift-deck .home-app-inline .home-app-backdrop { width: min(100% - 1rem, 1320px); } .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { height: min(85dvh, 760px) !important; padding: 7px !important; border-radius: 21px !important; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-app-inline .home-fullscreen-app::after { animation: none !important; } } .page-home-overlift-deck .home-theater-status-strip small, .page-home-overlift-deck .home-theater-query-dock small, .page-home-overlift-deck .home-theater-rack small, .page-home-overlift-deck .home-theater-scene-copy, .page-home-overlift-deck .home-theater-candidate-card small, .page-home-overlift-deck .home-theater-stage-map small, .page-home-overlift-deck .home-theater-action-note, .page-home-overlift-deck .home-quantum-panel p, .page-home-overlift-deck .home-quantum-panel small { font-size: clamp(0.72rem, 0.72vw, 0.82rem) !important; line-height: 1.48 !important; } .page-home-overlift-deck .home-active-branch-banner { position: relative; z-index: 4; display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid rgba(223, 176, 105, 0.48); border-radius: 15px; background: radial-gradient(circle at 0 50%, rgba(224, 176, 100, 0.1), transparent 40%), linear-gradient(110deg, rgba(30, 24, 15, 0.94), rgba(6, 14, 21, 0.96)); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 0 22px rgba(221, 166, 82, 0.08); } .page-home-overlift-deck .home-active-branch-banner[hidden] { display: none !important; } .page-home-overlift-deck .home-active-branch-banner span, .page-home-overlift-deck .home-active-branch-banner strong, .page-home-overlift-deck .home-active-branch-banner small { display: block; } .page-home-overlift-deck .home-active-branch-banner span { color: rgba(232, 190, 116, 0.88); font-size: 0.64rem; letter-spacing: .14em; text-transform: uppercase; } .page-home-overlift-deck .home-active-branch-banner strong { color: #fff4df; font-size: 0.92rem; } .page-home-overlift-deck .home-active-branch-banner small { color: rgba(205,216,226,.75); font-size: .72rem; } .page-home-overlift-deck .home-active-branch-banner code { color: rgba(126, 235, 217, .88); font-size: .7rem; } .page-home-overlift-deck .home-active-branch-banner button, .page-home-overlift-deck .home-proof-trace-summary button, .page-home-overlift-deck .home-data-studio-panel button { min-height: 36px; border: 1px solid rgba(218, 173, 104, .34); border-radius: 12px; background: linear-gradient(145deg, rgba(216,173,104,.1), rgba(255,255,255,.025)); color: rgba(249, 239, 221, .94); font-weight: 760; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 24px rgba(0,0,0,.2); } .page-home-overlift-deck .home-active-branch-banner button:hover, .page-home-overlift-deck .home-data-studio-panel button:hover { border-color: rgba(244, 205, 139, .62); box-shadow: 0 0 18px rgba(216,173,104,.12); } .page-home-overlift-deck .home-proof-trace-summary { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(330px, .9fr) auto; align-items: center; gap: 16px; padding: 16px; border: 1px solid rgba(210, 86, 169, .28); border-radius: 20px; background: linear-gradient(140deg, rgba(7,18,27,.94), rgba(3,9,14,.97)); } .page-home-overlift-deck .home-proof-trace-summary span { color: rgba(222, 108, 184, .88); font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; } .page-home-overlift-deck .home-proof-trace-summary h2 { margin: 3px 0 4px; color: #f4efe5; font-size: clamp(1rem, 1.3vw, 1.28rem); } .page-home-overlift-deck .home-proof-trace-summary p { margin: 0; color: rgba(191,204,215,.74); font-size: .78rem; line-height: 1.5; } .page-home-overlift-deck .home-proof-trace-summary dl { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:7px; margin:0; } .page-home-overlift-deck .home-proof-trace-summary dl > div { padding:8px; border:1px solid rgba(255,255,255,.08); border-radius:11px; background:rgba(255,255,255,.02); } .page-home-overlift-deck .home-proof-trace-summary dt { color:rgba(172,188,200,.62); font-size:.59rem; text-transform:uppercase; letter-spacing:.08em; } .page-home-overlift-deck .home-proof-trace-summary dd { margin:3px 0 0; color:#eaf8f6; font-size:.76rem; } .page-home-overlift-deck .home-data-studio-modal { --studio-line: rgba(218, 173, 104, .33); } .page-home-overlift-deck .home-data-studio-panel { display: flex; flex-direction: column; width: min(1440px, calc(100vw - 28px)); height: min(900px, calc(100dvh - 28px)); min-height: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(235, 196, 127, .58); border-radius: 28px; background: radial-gradient(circle at 10% 0, rgba(216,173,104,.08), transparent 30%), radial-gradient(circle at 92% 5%, rgba(185, 48, 139, .1), transparent 32%), linear-gradient(150deg, rgba(11,18,25,.995), rgba(2,7,11,.995)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 2px rgba(135,152,166,.08), 0 30px 110px rgba(0,0,0,.62), 0 0 32px rgba(216,173,104,.08); } .page-home-overlift-deck .home-data-studio-panel::before { content:""; position:absolute; inset:5px; border:1px solid rgba(123,145,161,.2); border-radius:23px; pointer-events:none; } .page-home-overlift-deck .home-data-studio-heading { position: relative; z-index:1; display:flex; justify-content:space-between; gap:20px; padding:8px 54px 14px 8px; border-bottom:1px solid rgba(255,255,255,.08); } .page-home-overlift-deck .home-data-studio-heading h2 { margin:4px 0 6px; color:#f7f0e4; font-family:"Newsreader",serif; font-size:clamp(1.65rem,2.2vw,2.45rem); } .page-home-overlift-deck .home-data-studio-heading p { max-width:820px; margin:0; color:rgba(199,211,221,.78); font-size:clamp(.9rem,1vw,1.02rem); line-height:1.55; } .page-home-overlift-deck .home-data-studio-world-badge { flex:0 0 auto; align-self:center; min-width:250px; padding:10px 12px; border:1px solid rgba(87,214,197,.25); border-radius:14px; background:rgba(7,24,28,.58); } .page-home-overlift-deck .home-data-studio-world-badge span, .page-home-overlift-deck .home-data-studio-world-badge code { display:block; } .page-home-overlift-deck .home-data-studio-world-badge span { color:#8ee5d7; font-size:.78rem; font-weight:800; } .page-home-overlift-deck .home-data-studio-world-badge code { margin-top:4px; color:rgba(233, 197, 221, .7); font-size:.66rem; } .page-home-overlift-deck .home-data-studio-tabs { position:relative; z-index:1; display:flex; gap:8px; padding:12px 6px; } .page-home-overlift-deck .home-data-studio-tabs button { padding:8px 14px; } .page-home-overlift-deck .home-data-studio-tabs button.is-active { border-color:rgba(216, 109, 180, .58); background:linear-gradient(145deg,rgba(154, 52, 120, .18),rgba(216,173,104,.08)); box-shadow:0 0 20px rgba(195, 52, 147, .1); } .page-home-overlift-deck .home-data-studio-view { position:relative; z-index:1; flex:1 1 auto; min-height:0; overflow:hidden; } .page-home-overlift-deck .home-data-studio-view[hidden] { display:none !important; } .page-home-overlift-deck .home-data-studio-data-grid { display:grid; grid-template-columns:220px minmax(300px,1fr) minmax(340px,.86fr); gap:10px; height:100%; min-height:0; } .page-home-overlift-deck .home-data-studio-datasets, .page-home-overlift-deck .home-data-studio-browser, .page-home-overlift-deck .home-data-studio-inspector, .page-home-overlift-deck .home-scenario-composer-grid > article, .page-home-overlift-deck .home-trace-stage-rail, .page-home-overlift-deck .home-trace-events, .page-home-overlift-deck .home-trace-metrics { min-height:0; border:1px solid rgba(125,151,169,.18); border-radius:17px; background:linear-gradient(150deg,rgba(255,255,255,.025),rgba(0,0,0,.08)); box-shadow:inset 0 1px 0 rgba(255,255,255,.03); } .page-home-overlift-deck .home-data-studio-datasets, .page-home-overlift-deck .home-data-studio-browser, .page-home-overlift-deck .home-data-studio-inspector { display:flex; flex-direction:column; padding:12px; } .page-home-overlift-deck .home-data-studio-datasets header, .page-home-overlift-deck .home-data-studio-browser > header, .page-home-overlift-deck .home-data-studio-inspector > header, .page-home-overlift-deck .home-scenario-composer-grid article > header, .page-home-overlift-deck .home-trace-events > header, .page-home-overlift-deck .home-trace-metrics > header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; } .page-home-overlift-deck .home-data-studio-datasets header span, .page-home-overlift-deck .home-data-studio-browser header span, .page-home-overlift-deck .home-data-studio-inspector header span, .page-home-overlift-deck .home-scenario-composer-grid header span, .page-home-overlift-deck .home-trace-events header span, .page-home-overlift-deck .home-trace-metrics header span { display:block; color:rgba(213, 93, 173, .78); font-size:.59rem; letter-spacing:.12em; text-transform:uppercase; } .page-home-overlift-deck .home-data-studio-datasets header strong, .page-home-overlift-deck .home-data-studio-browser header strong, .page-home-overlift-deck .home-data-studio-inspector header strong, .page-home-overlift-deck .home-scenario-composer-grid header strong, .page-home-overlift-deck .home-trace-events header strong, .page-home-overlift-deck .home-trace-metrics header strong { display:block; color:#efe9df; font-size:.88rem; } .page-home-overlift-deck [data-data-studio-dataset-buttons] { display:grid; gap:6px; min-height:0; overflow:auto; padding-right:3px; } .page-home-overlift-deck [data-data-studio-dataset-buttons] button { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 10px; text-align:left; } .page-home-overlift-deck [data-data-studio-dataset-buttons] button.is-active { border-color:rgba(215, 106, 179, .55); color:#b8fff2; background:rgba(137, 47, 107, .13); } .page-home-overlift-deck [data-data-studio-dataset-buttons] b { color:rgba(231,191,118,.84); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.68rem; } .page-home-overlift-deck .home-data-studio-search input, .page-home-overlift-deck .home-data-studio-editor input, .page-home-overlift-deck .home-data-studio-editor select, .page-home-overlift-deck .home-scenario-question-card textarea { width:100%; min-height:38px; border:1px solid rgba(111,159,178,.24); border-radius:11px; background:rgba(1,8,13,.72); color:#f2eee7; padding:9px 10px; font:inherit; } .page-home-overlift-deck .home-data-studio-record-list { display:grid; gap:6px; min-height:0; overflow:auto; margin-top:9px; padding-right:3px; } .page-home-overlift-deck .home-data-studio-record-list button { display:block; width:100%; padding:9px 10px; text-align:left; } .page-home-overlift-deck .home-data-studio-record-list button strong, .page-home-overlift-deck .home-data-studio-record-list button small { display:block; } .page-home-overlift-deck .home-data-studio-record-list button strong { font-size:.78rem; } .page-home-overlift-deck .home-data-studio-record-list button small { margin-top:3px; color:rgba(184,199,210,.68); font-size:.66rem; line-height:1.35; } .page-home-overlift-deck .home-data-studio-record-list button.is-active { border-color:rgba(226,181,109,.55); background:rgba(216,173,104,.08); } .page-home-overlift-deck .home-data-studio-record-summary { flex:0 1 auto; max-height:42%; overflow:auto; } .page-home-overlift-deck .home-data-studio-record-summary dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; margin:0 0 10px; } .page-home-overlift-deck .home-data-studio-record-summary dl > div { padding:6px 7px; border:1px solid rgba(255,255,255,.06); border-radius:9px; background:rgba(255,255,255,.015); min-width:0; } .page-home-overlift-deck .home-data-studio-record-summary dt { color:rgba(151,177,193,.64); font-size:.56rem; text-transform:uppercase; } .page-home-overlift-deck .home-data-studio-record-summary dd { margin:2px 0 0; color:rgba(231,237,240,.86); font-size:.68rem; overflow-wrap:anywhere; } .page-home-overlift-deck .home-data-studio-editor { display:flex; flex-direction:column; min-height:0; margin-top:auto; } .page-home-overlift-deck [data-data-studio-edit-fields] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; max-height:230px; overflow:auto; padding-right:3px; } .page-home-overlift-deck [data-data-studio-edit-fields] label span { display:block; margin-bottom:4px; color:rgba(198,210,219,.73); font-size:.64rem; } .page-home-overlift-deck .home-data-studio-check { display:flex; align-items:center; gap:8px; min-height:38px; padding:7px; border:1px solid rgba(111,159,178,.2); border-radius:11px; } .page-home-overlift-deck .home-data-studio-check input { width:auto; min-height:auto; } .page-home-overlift-deck .home-data-studio-editor > button { margin-top:9px; } .page-home-overlift-deck .home-scenario-composer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; height:100%; min-height:0; overflow:auto; padding-right:3px; } .page-home-overlift-deck .home-scenario-composer-grid > article { padding:13px; } .page-home-overlift-deck .home-scenario-active-card dl, .page-home-overlift-deck .home-trace-metrics dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:0 0 10px; } .page-home-overlift-deck .home-scenario-active-card dl > div, .page-home-overlift-deck .home-trace-metrics dl > div { padding:8px; border:1px solid rgba(255,255,255,.07); border-radius:10px; } .page-home-overlift-deck .home-scenario-active-card dt, .page-home-overlift-deck .home-trace-metrics dt { color:rgba(157,181,197,.64); font-size:.56rem; text-transform:uppercase; } .page-home-overlift-deck .home-scenario-active-card dd, .page-home-overlift-deck .home-trace-metrics dd { margin:3px 0 0; color:#f1ece4; font-size:.72rem; overflow-wrap:anywhere; } .page-home-overlift-deck .home-scenario-actions { display:flex; flex-wrap:wrap; gap:7px; } .page-home-overlift-deck .home-scenario-question-card textarea { resize:vertical; min-height:100px; } .page-home-overlift-deck .home-scenario-question-card label span { display:block; margin-bottom:5px; color:rgba(197,210,220,.72); font-size:.68rem; } .page-home-overlift-deck .home-scenario-question-card > button { width:100%; margin-top:9px; } .page-home-overlift-deck .home-scenario-question-card > small { display:block; margin-top:7px; color:rgba(170,188,202,.62); font-size:.66rem; line-height:1.4; } .page-home-overlift-deck .home-scenario-saved-list, .page-home-overlift-deck [data-scenario-patch-list] { display:grid; gap:7px; max-height:250px; overflow:auto; margin:0; padding:0; list-style:none; } .page-home-overlift-deck .home-scenario-saved-list article, .page-home-overlift-deck [data-scenario-patch-list] li { display:flex; align-items:center; gap:8px; padding:8px; border:1px solid rgba(255,255,255,.07); border-radius:10px; background:rgba(255,255,255,.016); } .page-home-overlift-deck .home-scenario-saved-list article > div, .page-home-overlift-deck [data-scenario-patch-list] li > div { flex:1; min-width:0; } .page-home-overlift-deck .home-scenario-saved-list strong, .page-home-overlift-deck .home-scenario-saved-list small, .page-home-overlift-deck [data-scenario-patch-list] strong, .page-home-overlift-deck [data-scenario-patch-list] small { display:block; } .page-home-overlift-deck .home-scenario-saved-list small, .page-home-overlift-deck [data-scenario-patch-list] small { margin-top:3px; color:rgba(170,190,203,.65); font-size:.65rem; line-height:1.35; overflow-wrap:anywhere; } .page-home-overlift-deck .home-trace-spine-grid { display:grid; grid-template-columns:180px minmax(0,1fr) 280px; gap:10px; height:100%; min-height:0; } .page-home-overlift-deck .home-trace-stage-rail { display:grid; align-content:start; gap:6px; padding:10px; overflow:auto; } .page-home-overlift-deck .home-trace-stage-rail button { display:flex; justify-content:space-between; padding:8px; } .page-home-overlift-deck .home-trace-stage-rail button.is-active { border-color:rgba(211, 91, 171, .5); color:#bafff2; } .page-home-overlift-deck .home-trace-events, .page-home-overlift-deck .home-trace-metrics { display:flex; flex-direction:column; padding:12px; } .page-home-overlift-deck [data-trace-event-list] { display:grid; gap:6px; min-height:0; overflow:auto; margin:0; padding:0 3px 0 0; list-style:none; } .page-home-overlift-deck [data-trace-event-list] li { display:grid; grid-template-columns:38px minmax(0,1fr); gap:8px; padding:8px; border:1px solid rgba(255,255,255,.07); border-radius:10px; background:rgba(255,255,255,.016); } .page-home-overlift-deck [data-trace-event-list] li > span { color:rgba(226,184,111,.85); font:700 .66rem ui-monospace,SFMono-Regular,Menlo,monospace; } .page-home-overlift-deck [data-trace-event-list] strong, .page-home-overlift-deck [data-trace-event-list] small { display:block; } .page-home-overlift-deck [data-trace-event-list] strong { color:#edf3f3; font-size:.74rem; } .page-home-overlift-deck [data-trace-event-list] small { margin-top:3px; color:rgba(162,188,201,.66); font-size:.64rem; } .page-home-overlift-deck .home-trace-metrics dl { grid-template-columns:repeat(2,minmax(0,1fr)); } .page-home-overlift-deck .home-trace-metrics p { margin:auto 0 0; color:rgba(178,194,205,.68); font-size:.69rem; line-height:1.5; } .page-home-overlift-deck .home-data-studio-footer { position:relative; z-index:1; display:flex; justify-content:space-between; gap:12px; padding:10px 7px 0; color:rgba(174,192,204,.68); font-size:.68rem; } .page-home-overlift-deck .home-data-studio-footer strong { color:rgba(229,190,120,.78); } @media (max-width: 1050px) { .page-home-overlift-deck .home-data-studio-data-grid { grid-template-columns:190px minmax(260px,1fr) minmax(300px,.9fr); } .page-home-overlift-deck .home-trace-spine-grid { grid-template-columns:150px minmax(0,1fr) 230px; } .page-home-overlift-deck .home-proof-trace-summary { grid-template-columns:1fr; } } @media (max-width: 780px) { .page-home-overlift-deck .home-active-branch-banner { grid-template-columns:minmax(0,1fr) auto; } .page-home-overlift-deck .home-active-branch-banner code { grid-column:1 / -1; } .page-home-overlift-deck .home-data-studio-panel { padding:14px; border-radius:21px; } .page-home-overlift-deck .home-data-studio-heading { display:block; padding-right:48px; } .page-home-overlift-deck .home-data-studio-world-badge { min-width:0; margin-top:10px; } .page-home-overlift-deck .home-data-studio-tabs { overflow-x:auto; } .page-home-overlift-deck .home-data-studio-tabs button { flex:0 0 auto; } .page-home-overlift-deck .home-data-studio-data-grid { display:flex; flex-direction:column; overflow:auto; } .page-home-overlift-deck .home-data-studio-datasets, .page-home-overlift-deck .home-data-studio-browser, .page-home-overlift-deck .home-data-studio-inspector { flex:0 0 auto; max-height:none; } .page-home-overlift-deck [data-data-studio-dataset-buttons] { display:flex; overflow-x:auto; } .page-home-overlift-deck [data-data-studio-dataset-buttons] button { flex:0 0 auto; } .page-home-overlift-deck .home-data-studio-record-list { max-height:260px; } .page-home-overlift-deck .home-scenario-composer-grid { grid-template-columns:1fr; } .page-home-overlift-deck .home-trace-spine-grid { display:flex; flex-direction:column; overflow:auto; } .page-home-overlift-deck .home-trace-stage-rail { display:flex; flex:0 0 auto; overflow-x:auto; } .page-home-overlift-deck .home-trace-stage-rail button { flex:0 0 auto; min-width:110px; } .page-home-overlift-deck .home-trace-events { flex:0 0 360px; } .page-home-overlift-deck .home-trace-metrics { flex:0 0 auto; } } @media (max-width: 480px) { .page-home-overlift-deck .home-data-studio-panel { width:calc(100vw - 12px); height:calc(100dvh - 12px); max-width:none; max-height:none; padding:11px; } .page-home-overlift-deck .home-data-studio-heading h2 { font-size:1.45rem; } .page-home-overlift-deck .home-data-studio-heading p { font-size:.84rem; } .page-home-overlift-deck [data-data-studio-edit-fields], .page-home-overlift-deck .home-data-studio-record-summary dl, .page-home-overlift-deck .home-scenario-active-card dl, .page-home-overlift-deck .home-trace-metrics dl { grid-template-columns:1fr; } .page-home-overlift-deck .home-data-studio-footer { display:block; } .page-home-overlift-deck .home-data-studio-footer strong { display:block; margin-top:4px; } } @media (max-width: 780px) { .page-home-overlift-deck .home-data-studio-panel { gap: 0; } .page-home-overlift-deck .home-data-studio-tabs { flex: 0 0 auto; margin: 0 -2px; padding: 10px 2px; scrollbar-width: thin; } .page-home-overlift-deck .home-data-studio-view { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 0 2px 8px 0; } .page-home-overlift-deck .home-data-studio-data-grid, .page-home-overlift-deck .home-scenario-composer-grid, .page-home-overlift-deck .home-trace-spine-grid { display: block; height: auto; min-height: 100%; overflow: visible; padding: 0 2px 12px 0; } .page-home-overlift-deck .home-data-studio-datasets, .page-home-overlift-deck .home-data-studio-browser, .page-home-overlift-deck .home-data-studio-inspector, .page-home-overlift-deck .home-scenario-composer-grid > article, .page-home-overlift-deck .home-trace-stage-rail, .page-home-overlift-deck .home-trace-events, .page-home-overlift-deck .home-trace-metrics { position: relative; width: 100%; min-width: 0; height: auto; min-height: 0; margin: 0 0 10px; overflow: visible; } .page-home-overlift-deck .home-scenario-composer-grid > article:last-child, .page-home-overlift-deck .home-trace-spine-grid > :last-child { margin-bottom: 0; } .page-home-overlift-deck .home-scenario-active-card header, .page-home-overlift-deck .home-scenario-question-card header, .page-home-overlift-deck .home-scenario-saved-card header, .page-home-overlift-deck .home-scenario-patch-card header { align-items: flex-start; flex-wrap: wrap; } .page-home-overlift-deck .home-scenario-active-card header code, .page-home-overlift-deck .home-scenario-world-id, .page-home-overlift-deck [data-scenario-branch-id] { display: block; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; } .page-home-overlift-deck .home-scenario-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .page-home-overlift-deck .home-scenario-actions button, .page-home-overlift-deck .home-scenario-question-card > button { position: static; width: 100%; min-width: 0; white-space: normal; } .page-home-overlift-deck .home-scenario-question-card textarea { min-height: 118px; resize: vertical; } .page-home-overlift-deck .home-scenario-saved-list, .page-home-overlift-deck [data-scenario-patch-list] { max-height: none; overflow: visible; } .page-home-overlift-deck .home-scenario-saved-list article { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; } .page-home-overlift-deck .home-trace-stage-rail { display: flex; overflow-x: auto; padding-bottom: 9px; } .page-home-overlift-deck .home-trace-events { min-height: 360px; } .page-home-overlift-deck [data-trace-event-list] { max-height: 440px; } .page-home-overlift-deck .home-data-studio-footer { flex: 0 0 auto; padding-bottom: 2px; } } @media (max-width: 480px) { .page-home-overlift-deck .home-data-studio-heading { padding: 8px 42px 12px 5px; } .page-home-overlift-deck .home-data-studio-tabs button { min-height: 42px; padding: 8px 13px; font-size: .83rem; } .page-home-overlift-deck .home-scenario-composer-grid > article, .page-home-overlift-deck .home-trace-events, .page-home-overlift-deck .home-trace-metrics { padding: 12px; } .page-home-overlift-deck .home-scenario-actions { grid-template-columns: 1fr; } .page-home-overlift-deck .home-scenario-active-card dd, .page-home-overlift-deck .home-trace-metrics dd, .page-home-overlift-deck .home-scenario-question-card label span, .page-home-overlift-deck .home-scenario-question-card > small, .page-home-overlift-deck .home-scenario-saved-list small, .page-home-overlift-deck [data-scenario-patch-list] small { font-size: .75rem; line-height: 1.48; } } .page-home-overlift-deck .home-theater-bottom-dock { gap: 7px; padding: 7px; } .page-home-overlift-deck .home-theater-timeline { gap: 7px; } .page-home-overlift-deck .home-theater-timeline button { min-height: 50px; padding: 9px 10px; border-radius: 11px; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: 0.72rem; line-height: 1.15; } .page-home-overlift-deck .home-theater-timeline button small { margin-top: 3px; font-size: 0.62rem; line-height: 1.2; } .page-home-overlift-deck .home-theater-timeline button > span { width: 27px; height: 27px; font-size: 0.62rem; } .page-home-overlift-deck .home-theater-controls { gap: 10px; padding: 9px 10px; border-radius: 13px; } .page-home-overlift-deck .home-theater-transport, .page-home-overlift-deck .home-theater-authority-controls, .page-home-overlift-deck .home-theater-approval { gap: 7px; } .page-home-overlift-deck .home-theater-controls button { min-height: 42px; padding: 11px 15px; border-radius: 10px; font-size: 0.72rem; line-height: 1.12; } .page-home-overlift-deck .home-theater-controls > small { max-width: 250px; font-size: 0.62rem; line-height: 1.35; } .page-home-overlift-deck .home-theater-exploration-dock { gap: 9px; padding: 7px 9px; border-radius: 12px; } .page-home-overlift-deck .home-theater-followups, .page-home-overlift-deck .home-theater-discovery { gap: 7px; min-height: 34px; } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span { font-size: 0.62rem; line-height: 1.2; } .page-home-overlift-deck .home-theater-followups button { min-height: 34px; padding: 9px 13px; font-size: 0.66rem; line-height: 1.1; } .page-home-overlift-deck .home-theater-discovery > div { gap: 6px; } .page-home-overlift-deck .home-theater-discovery i { padding: 8px 11px; font-size: 0.61rem; line-height: 1.1; } .page-home-overlift-deck .home-theater-discovery > small { font-size: 0.61rem; line-height: 1.2; } .page-home-overlift-deck .home-tv-math { gap: 7px 12px; padding: 11px 13px 9px; } .page-home-overlift-deck .home-tv-math > header { gap: 8px; } .page-home-overlift-deck .home-tv-math > header span { font-size: 0.62rem; line-height: 1.25; } .page-home-overlift-deck .home-tv-math > header strong { font-size: 0.72rem; line-height: 1.4; } .page-home-overlift-deck .home-tv-math-actions { gap: 8px; } .page-home-overlift-deck .home-tv-math-actions button { width: 34px; height: 34px; border-radius: 9px; font-size: 1rem; } .page-home-overlift-deck .home-tv-math-actions small { font-size: 0.61rem; line-height: 1.25; } .page-home-overlift-deck .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: clamp(0.9rem, 0.95vw, 1.08rem); line-height: 1.35; } .page-home-overlift-deck .home-tv-calculation, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { max-height: 118px; font-size: 0.68rem; line-height: 1.52; } .page-home-overlift-deck .home-tv-matrix > span, .page-home-overlift-deck .home-tv-matrix > i { min-height: 24px; padding: 4px; font-size: 0.52rem; } .page-home-overlift-deck .home-tv-visual-key { gap: 6px 10px; } .page-home-overlift-deck .home-tv-visual-key span { font-size: 0.61rem; line-height: 1.25; } .page-home-overlift-deck .home-tv-visual-key i { width: 7px; height: 7px; } .page-home-overlift-deck .home-tv-footer { margin: 7px 9px 9px; padding: 7px 9px; font-size: 0.61rem; line-height: 1.35; } @media (min-width: 768px) and (max-height: 720px) { .page-home-overlift-deck .home-theater-bottom-dock { gap: 5px; padding: 5px; } .page-home-overlift-deck .home-theater-timeline { gap: 5px; } .page-home-overlift-deck .home-theater-timeline button { min-height: 40px; padding: 7px 8px; } .page-home-overlift-deck .home-theater-timeline button > span { width: 23px; height: 23px; font-size: 0.54rem; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: 0.64rem; } .page-home-overlift-deck .home-theater-timeline button small { font-size: 0.52rem; } .page-home-overlift-deck .home-theater-controls { gap: 7px; padding: 6px 8px; } .page-home-overlift-deck .home-theater-controls button { min-height: 35px; padding: 8px 11px; font-size: 0.63rem; } .page-home-overlift-deck .home-theater-controls > small, .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span, .page-home-overlift-deck .home-theater-discovery > small { font-size: 0.54rem; } .page-home-overlift-deck .home-theater-exploration-dock { padding: 5px 7px; } .page-home-overlift-deck .home-theater-followups, .page-home-overlift-deck .home-theater-discovery { min-height: 29px; } .page-home-overlift-deck .home-theater-followups button { min-height: 29px; padding: 7px 10px; font-size: 0.58rem; } .page-home-overlift-deck .home-theater-discovery i { padding: 6px 9px; font-size: 0.55rem; } .page-home-overlift-deck .home-tv-math > header span, .page-home-overlift-deck .home-tv-math-actions small, .page-home-overlift-deck .home-tv-visual-key span, .page-home-overlift-deck .home-tv-footer { font-size: 0.54rem; } .page-home-overlift-deck .home-tv-math > header strong, .page-home-overlift-deck .home-tv-calculation, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: 0.6rem; } .page-home-overlift-deck .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: 0.8rem; } } @media (max-width: 767px) { .page-home-overlift-deck .home-theater-bottom-dock { gap: 5px; padding: 5px; } .page-home-overlift-deck .home-theater-timeline button { min-height: 36px !important; padding: 6px 4px !important; } .page-home-overlift-deck .home-theater-timeline button > span { width: 23px; height: 23px; font-size: 0.54rem; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: 0.58rem; } .page-home-overlift-deck .home-theater-controls { gap: 5px; padding: 6px; } .page-home-overlift-deck .home-theater-transport, .page-home-overlift-deck .home-theater-authority-controls, .page-home-overlift-deck .home-theater-approval { gap: 5px; } .page-home-overlift-deck .home-theater-controls button { min-height: 34px; padding: 8px 10px; font-size: 0.6rem; } .page-home-overlift-deck .home-theater-controls > small { font-size: 0.54rem; } .page-home-overlift-deck .home-theater-exploration-dock { padding: 5px 6px; } .page-home-overlift-deck .home-theater-followups, .page-home-overlift-deck .home-theater-discovery { min-height: 29px; } .page-home-overlift-deck .home-theater-followups button { min-height: 29px; padding: 7px 10px; font-size: 0.56rem; } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span, .page-home-overlift-deck .home-theater-discovery > small, .page-home-overlift-deck .home-theater-discovery i { font-size: 0.53rem; } .page-home-overlift-deck .home-theater-discovery i { padding: 6px 8px; } .page-home-overlift-deck .home-tv-math { padding: 8px 9px; } .page-home-overlift-deck .home-tv-math > header span, .page-home-overlift-deck .home-tv-math-actions small, .page-home-overlift-deck .home-tv-visual-key span, .page-home-overlift-deck .home-tv-footer { font-size: 0.54rem; } .page-home-overlift-deck .home-tv-math > header strong, .page-home-overlift-deck .home-tv-calculation, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: 0.59rem; } .page-home-overlift-deck .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: 0.78rem; } } @media (max-height: 520px) { .page-home-overlift-deck .home-theater-controls button { min-height: 25px !important; padding: 5px 7px !important; font-size: 0.5rem !important; } .page-home-overlift-deck .home-theater-followups button, .page-home-overlift-deck .home-theater-discovery i { min-height: 22px !important; padding: 4px 7px !important; font-size: 0.46rem !important; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: 0.48rem; } } .page-home-overlift-deck .home-theater-discovery { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 7px; overflow: hidden; } .page-home-overlift-deck .home-theater-discovery > div { min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } .page-home-overlift-deck .home-theater-discovery > div::-webkit-scrollbar { display: none; } .page-home-overlift-deck .home-theater-discovery > small { margin-left: 0; padding: 7px 3px 7px 9px; border-left: 1px solid rgba(164, 173, 183, 0.12); background: rgba(2, 8, 13, 0.94); } @media (min-width: 768px) and (max-height: 720px) { .page-home-overlift-deck .home-theater-bottom-dock { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: max-content max-content max-content !important; grid-template-areas: "timeline" "controls" "explore" !important; } .page-home-overlift-deck .home-theater-exploration-dock { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important; } .page-home-overlift-deck .home-theater-controls { width: 100%; } .page-home-overlift-deck .home-theater-authority-controls { justify-content: center; overflow-x: visible; flex-wrap: wrap; } } @media (max-width: 1120px) { .page-home-overlift-deck .home-theater-discovery > small { display: none; } } .page-home-overlift-deck .home-trace-semantic-plan { display: grid; gap: 8px; margin: 0 0 12px; padding: 10px; border: 1px solid rgba(212, 93, 172, .22); border-radius: 13px; background: radial-gradient(circle at 100% 0, rgba(212, 94, 173, .08), transparent 40%), linear-gradient(145deg, rgba(7, 23, 30, .82), rgba(5, 10, 17, .88)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 0 22px rgba(203, 60, 155, .045); } .page-home-overlift-deck .home-trace-semantic-plan > header { display: flex; align-items: end; justify-content: space-between; gap: 8px; margin: 0; } .page-home-overlift-deck .home-trace-semantic-plan > header span { color: rgba(218, 114, 183, .84); font-size: .61rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; } .page-home-overlift-deck .home-trace-semantic-plan > header strong { color: rgba(244, 238, 226, .94); font-size: .78rem; } .page-home-overlift-deck .home-trace-semantic-plan dl { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; } .page-home-overlift-deck .home-trace-semantic-plan dl > div { min-width: 0; padding: 7px; background: rgba(255, 255, 255, .012); } .page-home-overlift-deck .home-trace-semantic-plan[data-plan-state="clarification-required"] { border-color: rgba(225, 176, 91, .42); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 0 24px rgba(225, 176, 91, .06); } .page-home-overlift-deck .home-trace-semantic-plan[data-plan-state="refused"] { border-color: rgba(214, 105, 86, .36); } .page-home-overlift-deck .home-trace-plan-list, .page-home-overlift-deck .home-trace-plan-hash { min-width: 0; padding-top: 7px; border-top: 1px solid rgba(255, 255, 255, .055); } .page-home-overlift-deck .home-trace-plan-list > span, .page-home-overlift-deck .home-trace-plan-hash > span { display: block; color: rgba(156, 181, 196, .68); font-size: .56rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .page-home-overlift-deck .home-trace-plan-list p { margin: 4px 0 0; color: rgba(223, 236, 237, .82); font-size: .67rem; line-height: 1.45; overflow-wrap: anywhere; } .page-home-overlift-deck .home-trace-plan-hash code { display: block; margin-top: 4px; overflow: hidden; color: rgba(129, 222, 213, .78); font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 1050px) { .page-home-overlift-deck .home-trace-spine-grid { grid-template-columns: 150px minmax(0, 1fr) minmax(250px, 300px); } } @media (max-width: 780px) { .page-home-overlift-deck .home-trace-semantic-plan dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 480px) { .page-home-overlift-deck .home-trace-semantic-plan dl { grid-template-columns: 1fr; } .page-home-overlift-deck .home-trace-semantic-plan > header { align-items: flex-start; flex-direction: column; } } @media (max-width: 1024px) { .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { height: max(760px, 85dvh) !important; min-height: 760px !important; max-height: 900px !important; } .page-home-overlift-deck .home-theater-timeline { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)) !important; overflow: hidden !important; scroll-snap-type: none !important; } .page-home-overlift-deck .home-theater-timeline button { flex: initial !important; min-width: 0 !important; } .page-home-overlift-deck .home-theater-timeline button strong { min-width: 0; overflow: hidden; font-size: 0.52rem; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-theater-authority-controls { flex-wrap: wrap; overflow-x: visible; } } @media (max-width: 720px) { .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { height: max(760px, 85dvh) !important; min-height: 760px !important; max-height: none !important; } } @media (max-width: 479px) { .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { padding: 7px !important; } .page-home-overlift-deck .home-truth-theater, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"], .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] { grid-template-areas: "status" "query" "prompts" "stage" "bottom" !important; grid-template-rows: max-content max-content max-content minmax(190px, 1fr) max-content !important; gap: 5px !important; } .page-home-overlift-deck .home-theater-status-strip { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 5px !important; min-height: 0 !important; overflow: visible !important; } .page-home-overlift-deck .home-theater-status-strip > span, .page-home-overlift-deck .home-theater-status-strip > span:nth-child(n) { display: grid !important; grid-template-columns: 7px minmax(0, 1fr) !important; min-width: 0 !important; min-height: 38px !important; padding: 6px 8px !important; overflow: hidden !important; } .page-home-overlift-deck .home-theater-status-strip > span > .overlift-term-link { display: block !important; min-width: 0; overflow: hidden; font-size: 0.68rem !important; line-height: 1.12 !important; text-overflow: ellipsis; white-space: nowrap !important; } .page-home-overlift-deck .home-theater-status-strip small { display: none !important; } .page-home-overlift-deck .home-theater-query-dock { grid-template-columns: minmax(0, 1fr) !important; gap: 5px !important; padding: 6px !important; } .page-home-overlift-deck .home-theater-query-dock > div { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-areas: "input input" "run surprise" !important; gap: 5px !important; } .page-home-overlift-deck .home-theater-query-dock input { grid-area: input; min-height: 34px !important; padding: 7px 9px !important; font-size: 0.64rem !important; } .page-home-overlift-deck .home-theater-query-submit { grid-area: run; } .page-home-overlift-deck .home-theater-surprise { grid-area: surprise; display: inline-flex !important; } .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { align-items: center; justify-content: center; width: 100%; min-width: 0; min-height: 32px !important; padding: 6px 8px !important; font-size: 0.54rem !important; } .page-home-overlift-deck .home-theater-query-dock > small { display: none !important; } .page-home-overlift-deck .home-theater-prompt-rail { display: flex !important; min-height: 26px !important; padding: 0 24px 2px 1px !important; overflow-x: auto !important; scroll-padding-inline: 1px 24px; scroll-snap-type: x proximity; box-shadow: inset -18px 0 15px -16px rgba(242, 213, 157, 0.45); } .page-home-overlift-deck .home-theater-prompt-rail button, .page-home-overlift-deck .home-theater-prompt-rail button:nth-child(n) { display: inline-flex !important; align-items: center; min-height: 25px !important; padding: 5px 8px !important; font-size: 0.47rem !important; scroll-snap-align: start; } .page-home-overlift-deck .home-theater-stage { min-height: 190px !important; overflow: hidden !important; } .page-home-overlift-deck .home-truth-tv { min-height: 190px !important; } .page-home-overlift-deck .home-tv-header { min-height: 39px !important; margin: 5px 5px 0 !important; padding: 5px 7px !important; } .page-home-overlift-deck .home-tv-header [data-truth-scene-title] { max-width: 31ch !important; font-size: 0.64rem !important; line-height: 1.15 !important; } .page-home-overlift-deck .home-tv-live-status { min-width: 74px !important; } .page-home-overlift-deck .home-tv-live-status small { display: none !important; } .page-home-overlift-deck .home-tv-content { align-content: start !important; min-height: 0; padding: 6px 9px 4px !important; overflow-y: auto !important; } .page-home-overlift-deck .home-tv-question { max-width: 100% !important; font-size: 0.76rem !important; line-height: 1.16 !important; } .page-home-overlift-deck .home-tv-narration { font-size: 0.48rem !important; line-height: 1.34 !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"][data-theater-stage="0"] .home-tv-decomposition, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"][data-theater-stage="0"] .home-tv-answer, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"][data-theater-stage="0"] .home-tv-candidate-field, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"][data-theater-stage="0"] .home-tv-why-not { display: none !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-math { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "header" "formula" "meter" !important; gap: 3px !important; margin: 0 5px !important; padding: 5px 7px 4px !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-math > header { flex-direction: row !important; align-items: center !important; gap: 6px !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-math > header > div:first-child strong, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-calculation, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-matrix, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-visual-key { display: none !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-formula-row { gap: 7px; min-width: 0; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-formula { min-width: 0; overflow: hidden; font-size: 0.62rem !important; text-overflow: ellipsis; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-formula-row > .overlift-term-link { font-size: 0.52rem !important; } .page-home-overlift-deck .home-tv-footer { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 5px !important; min-height: 24px !important; margin: 3px 5px 5px !important; padding: 4px 7px !important; font-size: 0.48rem !important; } .page-home-overlift-deck .home-tv-footer span:last-child { display: none !important; } .page-home-overlift-deck .home-theater-timeline { min-height: 42px; } .page-home-overlift-deck .home-theater-timeline button { display: grid !important; place-items: center !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: 18px minmax(12px, auto) !important; gap: 2px !important; min-height: 40px !important; padding: 3px 1px !important; } .page-home-overlift-deck .home-theater-timeline button > span { grid-column: 1 !important; grid-row: 1 !important; width: 18px !important; height: 18px !important; font-size: 0.45rem !important; } .page-home-overlift-deck .home-theater-timeline button strong { display: block !important; grid-column: 1; grid-row: 2; max-width: 100%; overflow: hidden; font-size: 0.34rem !important; line-height: 1.03 !important; text-align: center; text-overflow: clip; white-space: normal !important; overflow-wrap: anywhere; } .page-home-overlift-deck .home-theater-timeline button small { display: none !important; } .page-home-overlift-deck .home-theater-controls { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 4px !important; overflow: visible !important; padding: 4px !important; } .page-home-overlift-deck .home-theater-transport { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 4px !important; width: 100%; overflow: visible !important; } .page-home-overlift-deck .home-theater-authority-controls { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 4px !important; width: 100%; overflow: visible !important; } .page-home-overlift-deck .home-theater-controls button { width: 100%; min-width: 0; min-height: 27px !important; padding: 5px 5px !important; overflow: hidden; font-size: 0.44rem !important; line-height: 1.08 !important; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-theater-run-exact, .page-home-overlift-deck .home-theater-challenge { grid-column: span 3; } .page-home-overlift-deck .home-theater-approval { grid-column: 1 / -1; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; } .page-home-overlift-deck .home-theater-approval[hidden] { display: none !important; } .page-home-overlift-deck [data-truth-rewind], .page-home-overlift-deck [data-truth-replay], .page-home-overlift-deck [data-truth-receipt] { grid-column: span 2; } .page-home-overlift-deck .home-theater-controls > small { display: none !important; } .page-home-overlift-deck .home-theater-exploration-dock { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 4px !important; padding: 4px 5px !important; } .page-home-overlift-deck .home-theater-followups, .page-home-overlift-deck .home-theater-discovery { display: flex !important; min-height: 28px !important; padding-right: 22px !important; overflow-x: auto !important; scroll-padding-right: 22px; scroll-snap-type: x proximity; box-shadow: inset -18px 0 15px -16px rgba(242, 213, 157, 0.38); } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span { font-size: 0.48rem !important; } .page-home-overlift-deck .home-theater-followups button, .page-home-overlift-deck .home-theater-discovery i { min-height: 25px !important; padding: 5px 8px !important; font-size: 0.46rem !important; scroll-snap-align: start; } .page-home-overlift-deck .home-theater-discovery > div { overflow-x: visible !important; } } @media (max-width: 379px) { .page-home-overlift-deck .home-theater-status-strip > span > .overlift-term-link { font-size: 0.61rem !important; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: 0.31rem !important; } } @media (min-width: 768px) and (max-width: 1120px) { .page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; grid-template-areas: "brand actions" "modes modes" !important; gap: 6px 10px !important; min-height: 0 !important; padding-bottom: 7px !important; } .page-home-overlift-deck .home-deck-brand { grid-area: brand; } .page-home-overlift-deck .home-theater-mode-tabs { grid-area: modes; justify-self: stretch; width: 100% !important; max-width: none !important; margin: 0 !important; } .page-home-overlift-deck .home-deck-topbar-actions { grid-area: actions; justify-self: end; justify-content: flex-end; min-width: 0; } } @media (min-height: 721px) { .page-home-overlift-deck .home-theater-exploration-dock { grid-template-columns: minmax(0, 1fr) !important; } } @media (max-width: 479px) { .page-home-overlift-deck .home-theater-followups { flex-wrap: wrap !important; gap: 4px !important; padding: 0 !important; overflow: visible !important; box-shadow: none !important; } .page-home-overlift-deck .home-theater-followups > span { flex: 0 0 100% !important; padding-left: 2px; } .page-home-overlift-deck .home-theater-followups button { flex: 1 1 0 !important; min-width: 0; min-height: 34px !important; padding: 5px 5px !important; font-size: 0.41rem !important; line-height: 1.15 !important; text-align: center; white-space: normal !important; } .page-home-overlift-deck .home-theater-discovery { padding-right: 18px !important; -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 18px), transparent 100%); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 18px), transparent 100%); } } .page-home-overlift-deck [data-truth-math][hidden] { display: none !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-truth-tv { grid-template-rows: auto minmax(0, 1fr) auto !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-math { display: none !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-content { align-content: center; padding-block: clamp(10px, 2.2vh, 24px); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math:not([hidden]) { display: grid; } @media (max-width: 479px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-content { align-content: start !important; padding-block: 8px !important; } } .page-home-overlift-deck .home-quality-lab { display: flex; flex-direction: column; gap: 12px; height: 100%; min-height: 0; overflow: auto; padding: 1px 4px 10px 1px; scrollbar-gutter: stable; } .page-home-overlift-deck .home-quality-lab-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, auto); align-items: center; gap: 18px; padding: 15px 17px; border: 1px solid rgba(212, 93, 172, .25); border-radius: 18px; background: radial-gradient(circle at 86% 0, rgba(200, 53, 151, .1), transparent 34%), linear-gradient(145deg, rgba(7, 23, 31, .88), rgba(4, 10, 15, .94)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 44px rgba(0,0,0,.2); } .page-home-overlift-deck .home-quality-lab-heading > div:first-child > span, .page-home-overlift-deck .home-quality-summary-grid article > span, .page-home-overlift-deck .home-quality-lab-grid article > header span, .page-home-overlift-deck .home-quality-authority-state span { color: rgba(216, 102, 178, .82); font-size: .59rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; } .page-home-overlift-deck .home-quality-lab-heading h3 { margin: 4px 0 5px; color: #f7efe1; font-family: "Newsreader", serif; font-size: clamp(1.35rem, 2vw, 2rem); } .page-home-overlift-deck .home-quality-lab-heading p { max-width: 830px; margin: 0; color: rgba(193, 208, 218, .76); font-size: .82rem; line-height: 1.5; } .page-home-overlift-deck .home-quality-lab-seal { position: relative; min-width: 245px; padding: 11px 12px 11px 40px; border: 1px solid rgba(226, 182, 108, .28); border-radius: 14px; background: rgba(7, 12, 18, .68); } .page-home-overlift-deck .home-quality-lab-seal i { position: absolute; left: 14px; top: 14px; width: 12px; height: 12px; border-radius: 50%; background: #79e1ca; box-shadow: 0 0 0 4px rgba(121, 225, 202, .08), 0 0 18px rgba(121, 225, 202, .46); } .page-home-overlift-deck .home-quality-lab[data-quality-state="loading"] .home-quality-lab-seal i { background: #d8ad68; animation: homeQualityPulse 1.8s ease-in-out infinite; } .page-home-overlift-deck .home-quality-lab[data-quality-state="error"] .home-quality-lab-seal i, .page-home-overlift-deck .home-quality-lab[data-quality-state="unverified"] .home-quality-lab-seal i { background: #ef7f8d; box-shadow: 0 0 18px rgba(239,127,141,.42); } .page-home-overlift-deck .home-quality-lab-seal span, .page-home-overlift-deck .home-quality-lab-seal code { display: block; } .page-home-overlift-deck .home-quality-lab-seal span { color: rgba(229, 238, 237, .86); font-size: .74rem; font-weight: 800; } .page-home-overlift-deck .home-quality-lab-seal code { margin-top: 4px; color: rgba(225, 188, 119, .78); font-size: .62rem; overflow-wrap: anywhere; } @keyframes homeQualityPulse { 50% { opacity: .48; transform: scale(.86); } } .page-home-overlift-deck .home-quality-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; } .page-home-overlift-deck .home-quality-summary-grid article, .page-home-overlift-deck .home-quality-lab-grid > article { min-width: 0; border: 1px solid rgba(125, 151, 169, .18); border-radius: 16px; background: linear-gradient(150deg, rgba(255,255,255,.027), rgba(0,0,0,.09)); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); } .page-home-overlift-deck .home-quality-summary-grid article { padding: 12px 13px; } .page-home-overlift-deck .home-quality-summary-grid strong, .page-home-overlift-deck .home-quality-summary-grid small { display: block; } .page-home-overlift-deck .home-quality-summary-grid article > strong { margin-top: 4px; color: #f5ead9; font: 720 clamp(1.28rem, 2vw, 1.85rem) "Newsreader", serif; } .page-home-overlift-deck .home-quality-summary-grid small { margin-top: 2px; color: rgba(181, 198, 208, .68); font-size: .65rem; line-height: 1.4; } .page-home-overlift-deck .home-quality-summary-grid small b { color: rgba(127, 228, 213, .84); } .page-home-overlift-deck .home-quality-lab-grid { display: grid; grid-template-columns: minmax(300px, .95fr) minmax(320px, 1fr) minmax(320px, 1.05fr); gap: 10px; min-height: 0; } .page-home-overlift-deck .home-quality-lab-grid > article { display: flex; flex-direction: column; padding: 13px; } .page-home-overlift-deck .home-quality-lab-grid article > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 11px; } .page-home-overlift-deck .home-quality-lab-grid article > header strong { display: block; margin-top: 3px; color: #eee8dd; font-size: .88rem; } .page-home-overlift-deck .home-quality-lab-grid article > header small { color: rgba(225, 182, 107, .74); font-size: .62rem; text-align: right; } .page-home-overlift-deck .home-quality-split-list { display: grid; gap: 7px; } .page-home-overlift-deck .home-quality-split-list article { display: grid; grid-template-columns: minmax(120px, 1.2fr) minmax(80px, .7fr) 86px; align-items: center; gap: 9px; padding: 8px 9px; border: 1px solid rgba(255,255,255,.06); border-radius: 11px; background: rgba(255,255,255,.014); } .page-home-overlift-deck .home-quality-split-list strong, .page-home-overlift-deck .home-quality-split-list small { display: block; } .page-home-overlift-deck .home-quality-split-list strong { color: rgba(234, 239, 238, .9); font-size: .7rem; } .page-home-overlift-deck .home-quality-split-list small { margin-top: 2px; color: rgba(164, 186, 198, .62); font-size: .58rem; } .page-home-overlift-deck .home-quality-split-list article > span { height: 6px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.055); } .page-home-overlift-deck .home-quality-split-list article > span i { display: block; width: var(--quality-split, 10%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, rgba(204, 61, 156, .72), rgba(222,178,105,.78)); box-shadow: 0 0 12px rgba(207, 73, 162, .18); } .page-home-overlift-deck .home-quality-split-list code { color: rgba(215, 183, 127, .66); font-size: .56rem; text-align: right; } .page-home-overlift-deck .home-quality-splits-card > footer { display: grid; grid-template-columns: auto 1fr; gap: 5px 10px; margin-top: auto; padding-top: 11px; color: rgba(170, 190, 202, .64); font-size: .61rem; } .page-home-overlift-deck .home-quality-splits-card > footer strong { color: rgba(124, 224, 210, .8); text-align: right; } .page-home-overlift-deck .home-quality-metadata-cloud { display: flex; flex-wrap: wrap; gap: 7px; } .page-home-overlift-deck .home-quality-metadata-cloud > span, .page-home-overlift-deck .home-quality-metadata-cloud > button { min-height: 32px; padding: 6px 9px; border: 1px solid rgba(212, 91, 172, .18); border-radius: 999px; background: rgba(9, 25, 31, .62); color: rgba(211, 224, 227, .78); font-size: .62rem; font-weight: 750; } .page-home-overlift-deck .home-quality-metadata-cloud > button { cursor: help; } .page-home-overlift-deck .home-quality-record-counts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: auto 0 0; padding-top: 12px; } .page-home-overlift-deck .home-quality-record-counts > div { padding: 8px; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; background: rgba(255,255,255,.015); } .page-home-overlift-deck .home-quality-record-counts dt { color: rgba(159, 183, 197, .61); font-size: .57rem; text-transform: uppercase; } .page-home-overlift-deck .home-quality-record-counts dd { margin: 3px 0 0; color: rgba(237, 229, 213, .91); font: 720 .86rem ui-monospace, SFMono-Regular, Menlo, monospace; } .page-home-overlift-deck .home-quality-authority-card ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-quality-authority-card li { position: relative; padding: 7px 8px 7px 22px; border: 1px solid rgba(255,255,255,.055); border-radius: 10px; background: rgba(255,255,255,.013); color: rgba(191, 207, 216, .72); font-size: .64rem; line-height: 1.43; } .page-home-overlift-deck .home-quality-authority-card li::before { content: "✓"; position: absolute; left: 8px; top: 7px; color: rgba(114, 224, 208, .8); font-weight: 900; } .page-home-overlift-deck .home-quality-authority-state { display: grid; gap: 6px; margin-top: auto; padding-top: 11px; } .page-home-overlift-deck .home-quality-authority-state > div { display: grid; grid-template-columns: 105px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px 8px; border: 1px solid rgba(255,255,255,.06); border-radius: 9px; background: rgba(0,0,0,.12); } .page-home-overlift-deck .home-quality-authority-state strong { color: rgba(231, 235, 230, .88); font-size: .66rem; } .page-home-overlift-deck .home-quality-authority-state code { color: rgba(222, 181, 110, .72); font-size: .56rem; overflow-wrap: anywhere; } .page-home-overlift-deck .home-quality-lab-boundary { margin: 0; padding: 9px 12px; border: 1px solid rgba(224, 180, 108, .2); border-radius: 12px; background: rgba(92, 61, 23, .08); color: rgba(214, 197, 167, .72); font-size: .66rem; line-height: 1.45; } @media (max-width: 1120px) { .page-home-overlift-deck .home-quality-lab-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-quality-authority-card { grid-column: 1 / -1; } .page-home-overlift-deck .home-quality-authority-state { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-home-overlift-deck .home-quality-authority-state > div { display: block; } .page-home-overlift-deck .home-quality-authority-state strong, .page-home-overlift-deck .home-quality-authority-state code { display: block; margin-top: 3px; } } @media (max-width: 780px) { .page-home-overlift-deck .home-quality-lab { height: auto; overflow: visible; padding-right: 2px; } .page-home-overlift-deck .home-quality-lab-heading { grid-template-columns: 1fr; } .page-home-overlift-deck .home-quality-lab-seal { min-width: 0; } .page-home-overlift-deck .home-quality-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-quality-lab-grid { display: block; } .page-home-overlift-deck .home-quality-lab-grid > article { margin-bottom: 10px; } .page-home-overlift-deck .home-quality-authority-state { grid-template-columns: 1fr; } } @media (max-width: 480px) { .page-home-overlift-deck .home-quality-lab-heading { padding: 13px; } .page-home-overlift-deck .home-quality-summary-grid { grid-template-columns: 1fr; } .page-home-overlift-deck .home-quality-summary-grid article { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 10px; } .page-home-overlift-deck .home-quality-summary-grid article > strong { grid-column: 2; grid-row: 1 / span 2; } .page-home-overlift-deck .home-quality-summary-grid article > small { grid-column: 1; } .page-home-overlift-deck .home-quality-split-list article { grid-template-columns: minmax(0, 1fr) 68px; } .page-home-overlift-deck .home-quality-split-list article > span { grid-column: 1 / -1; grid-row: 2; } .page-home-overlift-deck .home-quality-record-counts { grid-template-columns: 1fr; } .page-home-overlift-deck .home-quality-authority-state > div { padding: 9px; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-quality-lab-seal i { animation: none !important; } } @media (max-width: 480px) { .page-home-overlift-deck .home-data-studio-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; overflow: visible; } .page-home-overlift-deck .home-data-studio-tabs button { width: 100%; min-width: 0; padding: 8px 7px; font-size: .75rem; white-space: normal; } } @media (max-width: 520px) { .page-home-overlift-deck .home-data-studio-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; overflow: visible; padding-inline: 0; } .page-home-overlift-deck .home-data-studio-tabs button { width: 100%; min-width: 0; min-height: 42px; padding: 8px 9px; white-space: normal; text-align: center; } } .page-home-overlift-deck .home-truth-theater { --ol-type-micro: clamp(0.60rem, 0.54vw, 0.68rem); --ol-type-small: clamp(0.66rem, 0.60vw, 0.76rem); --ol-type-body: clamp(0.72rem, 0.66vw, 0.84rem); --ol-type-label: clamp(0.76rem, 0.70vw, 0.88rem); } .page-home-overlift-deck .home-theater-mode-tabs button, .page-home-overlift-deck .home-deck-topbar-actions button { min-height: 40px; font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-theater-status-strip strong, .page-home-overlift-deck .home-theater-status-strip > span > .overlift-term-link { font-size: var(--ol-type-label) !important; } .page-home-overlift-deck .home-theater-status-strip small { font-size: var(--ol-type-small) !important; line-height: 1.32; } .page-home-overlift-deck .home-theater-query-dock label span { font-size: var(--ol-type-label) !important; } .page-home-overlift-deck .home-theater-query-dock label small, .page-home-overlift-deck .home-theater-query-dock > small { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-theater-query-dock input { min-height: 44px; font-size: var(--ol-type-body) !important; } .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { min-height: 42px; font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-theater-prompt-rail button, .page-home-overlift-deck .home-theater-prompt-rail button:nth-child(n) { min-height: 36px; font-size: var(--ol-type-micro) !important; line-height: 1.3; } .page-home-overlift-deck .home-theater-rack > header span { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-theater-rack > header strong { font-size: var(--ol-type-label) !important; } .page-home-overlift-deck .home-theater-rack > header > small { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-theater-rack li strong { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-theater-rack li small { font-size: var(--ol-type-micro) !important; line-height: 1.34; } .page-home-overlift-deck .home-rack-foot span, .page-home-overlift-deck .home-rack-foot small { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-rack-foot strong { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-tv-header [data-truth-scene-kicker] { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-tv-header [data-truth-scene-title], .page-home-overlift-deck .home-tv-header strong { font-size: clamp(0.84rem, 0.78vw, 1rem) !important; } .page-home-overlift-deck .home-tv-live-status span { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-tv-live-status small { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-tv-question { font-size: clamp(0.84rem, 0.78vw, 1rem) !important; } .page-home-overlift-deck .home-tv-narration, .page-home-overlift-deck .home-tv-answer p { font-size: var(--ol-type-body) !important; line-height: 1.52; } .page-home-overlift-deck .home-tv-decomposition small, .page-home-overlift-deck .home-tv-answer > span { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-tv-decomposition strong { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-tv-candidate-field strong { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-tv-candidate-field small { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-tv-why-not > span, .page-home-overlift-deck .home-tv-why-not > div > span, .page-home-overlift-deck .home-tv-why-not > div > div, .page-home-overlift-deck .home-tv-why-not [data-why-not-state] small { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-tv-why-not [data-why-not-state] strong { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-tv-math > header span, .page-home-overlift-deck .home-tv-math-actions small { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-tv-math > header strong, .page-home-overlift-deck .home-tv-math > header > div:first-child strong { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: clamp(0.78rem, 0.72vw, 0.92rem) !important; } .page-home-overlift-deck .home-tv-calculation, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ol-type-small) !important; line-height: 1.42; } .page-home-overlift-deck .home-tv-matrix > span, .page-home-overlift-deck .home-tv-matrix > i, .page-home-overlift-deck .home-tv-visual-key span, .page-home-overlift-deck .home-tv-footer { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-theater-timeline button { min-height: 46px; } .page-home-overlift-deck .home-theater-timeline button > span, .page-home-overlift-deck .home-theater-timeline button small { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-theater-controls button { min-height: 38px; font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-theater-controls > small, .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span, .page-home-overlift-deck .home-theater-discovery > small { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-theater-followups button { min-height: 34px; font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-awakening-core > span, .page-home-overlift-deck .home-awakening-copy > span, .page-home-overlift-deck .home-awakening-copy > small { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-awakening-core strong, .page-home-overlift-deck .home-awakening-node strong { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-awakening-core small, .page-home-overlift-deck .home-awakening-node small { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-awakening-copy > strong { font-size: clamp(0.78rem, 0.72vw, 0.92rem) !important; } .page-home-overlift-deck .home-active-branch-banner span, .page-home-overlift-deck .home-proof-trace-summary span, .page-home-overlift-deck .home-data-studio-datasets header span, .page-home-overlift-deck .home-data-studio-browser header span, .page-home-overlift-deck .home-data-studio-record-detail header span, .page-home-overlift-deck .home-scenario-question-card label span, .page-home-overlift-deck .home-trace-semantic-plan > header span { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-active-branch-banner small, .page-home-overlift-deck .home-active-branch-banner code, .page-home-overlift-deck .home-proof-trace-summary dt, .page-home-overlift-deck .home-data-studio-world-badge code, .page-home-overlift-deck .home-data-studio-record-list button small, .page-home-overlift-deck .home-data-studio-record-summary dt, .page-home-overlift-deck [data-data-studio-edit-fields] label span, .page-home-overlift-deck .home-scenario-active-card dt, .page-home-overlift-deck .home-trace-metrics dt, .page-home-overlift-deck .home-scenario-question-card > small, .page-home-overlift-deck .home-scenario-saved-list small, .page-home-overlift-deck [data-scenario-patch-list] small, .page-home-overlift-deck [data-trace-event-list] small, .page-home-overlift-deck .home-trace-plan-list > span, .page-home-overlift-deck .home-trace-plan-hash > span, .page-home-overlift-deck .home-trace-plan-hash code, .page-home-overlift-deck .home-data-studio-footer { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck [data-data-studio-dataset-buttons] b, .page-home-overlift-deck .home-data-studio-record-summary dd, .page-home-overlift-deck .home-scenario-active-card dd, .page-home-overlift-deck .home-trace-metrics dd, .page-home-overlift-deck [data-trace-event-list] strong, .page-home-overlift-deck .home-trace-plan-list p, .page-home-overlift-deck .home-trace-metrics p { font-size: var(--ol-type-small) !important; } .page-home-overlift-deck .home-quality-lab-heading > div:first-child > span, .page-home-overlift-deck .home-quality-summary-grid article > span, .page-home-overlift-deck .home-quality-lab-grid article > header small, .page-home-overlift-deck .home-quality-split-list small, .page-home-overlift-deck .home-quality-split-list code, .page-home-overlift-deck .home-quality-splits-card > footer, .page-home-overlift-deck .home-quality-record-counts dt, .page-home-overlift-deck .home-quality-authority-state code { font-size: var(--ol-type-micro) !important; } .page-home-overlift-deck .home-quality-lab-seal span, .page-home-overlift-deck .home-quality-lab-seal code, .page-home-overlift-deck .home-quality-summary-grid small, .page-home-overlift-deck .home-quality-split-list strong, .page-home-overlift-deck .home-quality-metadata-cloud > span, .page-home-overlift-deck .home-quality-metadata-cloud > button, .page-home-overlift-deck .home-quality-authority-card li, .page-home-overlift-deck .home-quality-authority-state strong, .page-home-overlift-deck .home-quality-lab-boundary { font-size: var(--ol-type-small) !important; line-height: 1.45; } @media (max-width: 620px) { .page-home-overlift-deck .home-truth-theater { --ol-type-micro: 0.58rem; --ol-type-small: 0.64rem; --ol-type-body: 0.70rem; --ol-type-label: 0.74rem; } .page-home-overlift-deck .home-theater-timeline button { min-width: 56px; } } /*!sf-css-source:css/public/features/glossary-bridge.css*/ :root { --ogl-ink: #050a0f; --ogl-panel: rgba(3, 9, 14, 0.985); --ogl-panel-soft: rgba(8, 14, 21, 0.94); --ogl-line: rgba(151, 169, 185, 0.18); --ogl-line-strong: rgba(228, 195, 132, 0.52); --ogl-brass: #d8ad68; --ogl-brass-bright: #f0d59d; --ogl-ivory: #f2eee3; --ogl-copy: rgba(220, 226, 232, 0.76); --ogl-muted: rgba(172, 184, 194, 0.62); --ogl-success: 98, 214, 151; --ogl-magenta: 226, 79, 201; --ogl-blue: 226, 79, 177; --ogl-gold: 241, 203, 126; } .overlift-term-link { appearance: none; display: inline; margin: 0; padding: 0 0.08em 0.03em; border: 0; border-bottom: 1px dotted rgba(226, 190, 126, 0.62); border-radius: 0; background: transparent; color: inherit; font: inherit; font-weight: 760; letter-spacing: inherit; line-height: inherit; text-align: inherit; text-decoration: none; text-transform: inherit; cursor: help; box-shadow: none; transition: color 150ms ease, border-color 150ms ease, text-shadow 150ms ease, background-color 150ms ease; } .overlift-term-link:hover, .overlift-term-link:focus-visible { border-bottom-color: rgba(249, 218, 157, 0.98); background: rgba(216, 173, 104, 0.07); color: #f3dcae; text-shadow: 0 0 12px rgba(216, 173, 104, 0.28); outline: none; } .overlift-term-link:focus-visible { box-shadow: 0 0 0 2px rgba(7, 13, 19, 0.96), 0 0 0 4px rgba(216, 173, 104, 0.48); } .home-theater-status-strip .overlift-term-link, .home-awakening-node .overlift-term-link, .home-awakening-core .overlift-term-link, .home-governance-rack .overlift-term-link { display: inline-block; color: inherit; font-weight: 800; } .home-proof-language dt .overlift-term-link, .home-receipt-summary dt .overlift-term-link, .home-trace-semantic-plan .overlift-term-link { color: inherit; font-weight: inherit; } .home-tv-formula-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .home-tv-formula-row > .home-tv-formula { flex: 1 1 auto; min-width: 0; } .home-tv-formula-row > .overlift-term-link { flex: 0 0 auto; font-size: 0.64rem; white-space: nowrap; } .is-overlift-glossary-target { animation: overlift-glossary-target-pulse 1.15s ease-in-out 2; border-bottom-color: rgba(255, 228, 174, 1) !important; color: #ffe7b7 !important; text-shadow: 0 0 18px rgba(216, 173, 104, 0.58) !important; } html.is-overlift-glossary-open, body.is-overlift-glossary-open { overflow: hidden !important; overscroll-behavior: none !important; } .overlift-glossary-modal[hidden] { display: none !important; } .overlift-glossary-modal { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; padding: 8px; background: radial-gradient(circle at 13% 9%, rgba(105, 32, 116, 0.13), transparent 30%), radial-gradient(circle at 88% 8%, rgba(149, 55, 118, 0.08), transparent 29%), rgba(0, 3, 7, 0.72); -webkit-backdrop-filter: blur(22px) saturate(0.72) brightness(0.54); backdrop-filter: blur(22px) saturate(0.72) brightness(0.54); color: var(--ogl-copy); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; isolation: isolate; } .overlift-glossary-modal::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(116deg, transparent 0 44%, rgba(242, 213, 157, 0.035) 48%, transparent 53%) 0 0 / 260% 100% no-repeat, radial-gradient(circle at 50% 110%, rgba(111, 40, 131, 0.08), transparent 42%); animation: overlift-glossary-backdrop-glint 24s ease-in-out infinite; } .overlift-glossary-panel { --overlift-glossary-width: min(1080px, calc(100vw - 16px)); position: relative; z-index: 1; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; width: min(var(--overlift-glossary-width), calc(100vw - 16px)); height: 80dvh; min-width: 280px; min-height: min(560px, 80dvh); max-height: 80dvh; overflow: hidden; border: 1px solid rgba(246, 232, 205, 0.9); border-radius: clamp(20px, 2vw, 30px); background: radial-gradient(circle at 8% -12%, rgba(216, 173, 104, 0.10), transparent 28%), radial-gradient(circle at 94% 0%, rgba(205, 68, 159, 0.08), transparent 30%), linear-gradient(145deg, rgba(7, 13, 19, 0.998), rgba(1, 5, 9, 0.999)); box-shadow: inset 0 1px 0 rgba(255, 250, 241, 0.24), inset 0 0 0 1px rgba(111, 126, 140, 0.40), inset 0 0 74px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(72, 45, 17, 0.8), 0 0 28px rgba(216, 173, 104, 0.18), 0 0 80px rgba(137, 35, 154, 0.09), 0 28px 90px rgba(0, 0, 0, 0.72); outline: none; } .overlift-glossary-panel::before { content: ""; position: absolute; inset: 6px; z-index: -1; pointer-events: none; border: 1px solid rgba(155, 171, 185, 0.28); border-radius: calc(clamp(20px, 2vw, 30px) - 6px); } .overlift-glossary-panel::after { content: ""; position: absolute; inset: 0; z-index: 5; pointer-events: none; border-radius: inherit; background: linear-gradient(106deg, transparent 0 38%, rgba(255, 244, 221, 0.04) 44%, rgba(255, 224, 163, 0.72) 49.5%, rgba(255, 250, 238, 0.10) 52%, transparent 59% 100%) top / 260% 2px no-repeat, linear-gradient(90deg, transparent, rgba(242, 213, 157, 0.15), transparent) bottom / 68% 1px no-repeat; animation: overlift-glossary-panel-glint 22s ease-in-out infinite; } .overlift-glossary-header, .overlift-glossary-controls, .overlift-glossary-workspace, .overlift-glossary-footer { position: relative; z-index: 6; min-width: 0; } .overlift-glossary-header { display: grid; grid-template-columns: minmax(0, 1fr) auto 58px; align-items: start; gap: clamp(14px, 2vw, 30px); padding: clamp(22px, 2.4vw, 34px) clamp(24px, 3vw, 42px) clamp(18px, 2vw, 26px); border-bottom: 1px solid rgba(216, 173, 104, 0.24); background: linear-gradient(180deg, rgba(7, 13, 19, 0.82), rgba(3, 8, 13, 0.62)); } .overlift-glossary-heading > span, .overlift-glossary-controls label > span, .overlift-glossary-categories header span, .overlift-glossary-browser header span, .overlift-glossary-detail header > div > span, .overlift-glossary-detail h4 { display: block; color: rgba(225, 196, 141, 0.92); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.16em; line-height: 1.25; text-transform: uppercase; } .overlift-glossary-heading > span { margin-bottom: 7px; color: var(--ogl-brass-bright); font-size: clamp(0.82rem, 1.15vw, 1rem); letter-spacing: 0.17em; } .overlift-glossary-heading h2 { margin: 0; color: var(--ogl-ivory); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.55rem, 2.25vw, 2.22rem); font-weight: 680; letter-spacing: -0.018em; line-height: 1.02; text-wrap: balance; } .overlift-glossary-heading p { max-width: 720px; margin: 10px 0 0; color: rgba(209, 218, 225, 0.72); font-size: clamp(0.82rem, 0.98vw, 0.94rem); line-height: 1.52; } .overlift-glossary-release { align-self: start; display: grid; justify-items: end; gap: 4px; padding-top: 7px; text-align: right; } .overlift-glossary-release code { max-width: 260px; overflow: hidden; color: rgba(163, 181, 194, 0.62); font: 0.65rem/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: 0.08em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .overlift-glossary-release strong { color: var(--ogl-brass-bright); font-size: 0.8rem; line-height: 1.35; } .overlift-glossary-close { position: relative; display: grid; place-items: center; width: 58px; height: 58px; padding: 0; border: 1px solid rgba(245, 210, 141, 0.72); border-radius: 999px; background: radial-gradient(circle at 35% 28%, rgba(255, 241, 213, 0.12), transparent 35%), linear-gradient(145deg, rgba(99, 54, 79, 0.45), rgba(20, 20, 18, 0.92)); color: #fff5d8; font: 300 2rem/1 Georgia, serif; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07), inset 0 0 24px rgba(216, 173, 104, 0.11), 0 0 18px rgba(216, 173, 104, 0.27), 0 0 44px rgba(179, 49, 154, 0.16); cursor: pointer; transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease; } .overlift-glossary-close::before { content: ""; position: absolute; inset: -8px; border: 1px solid rgba(216, 173, 104, 0.08); border-radius: inherit; animation: overlift-glossary-close-pulse 3.8s ease-in-out infinite; } .overlift-glossary-close:hover, .overlift-glossary-close:focus-visible { transform: scale(1.045); border-color: rgba(255, 230, 178, 0.98); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), inset 0 0 28px rgba(216, 173, 104, 0.17), 0 0 22px rgba(216, 173, 104, 0.42), 0 0 52px rgba(220, 71, 188, 0.22); outline: none; } .overlift-glossary-controls { display: grid; grid-template-columns: minmax(250px, 1fr) auto 120px minmax(170px, 0.48fr); align-items: end; gap: 10px; padding: 14px clamp(24px, 3vw, 42px) 13px; border-bottom: 1px solid rgba(118, 137, 153, 0.16); background: rgba(1, 6, 10, 0.68); } .overlift-glossary-controls label { display: grid; gap: 7px; } .overlift-glossary-controls input, .overlift-glossary-controls select, .overlift-glossary-controls button, .overlift-glossary-footer button, .overlift-glossary-category-list button, .overlift-glossary-alpha button, .overlift-glossary-terms button, .overlift-glossary-related button { color: rgba(230, 235, 239, 0.88); font: inherit; } .overlift-glossary-controls input, .overlift-glossary-controls select { height: 42px; border: 1px solid rgba(216, 173, 104, 0.30); border-radius: 12px; background: rgba(2, 8, 13, 0.88); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025); outline: none; } .overlift-glossary-controls input { width: 100%; padding: 0 14px; } .overlift-glossary-controls input::placeholder { color: rgba(164, 175, 185, 0.54); } .overlift-glossary-controls select { width: 100%; padding: 0 12px; } .overlift-glossary-controls input:focus, .overlift-glossary-controls select:focus { border-color: rgba(242, 213, 157, 0.72); box-shadow: 0 0 0 2px rgba(216, 173, 104, 0.10), 0 0 22px rgba(209, 80, 166, 0.08); } .overlift-glossary-clear { height: 42px; padding: 0 14px; border: 1px solid rgba(126, 143, 157, 0.18); border-radius: 12px; background: rgba(6, 12, 17, 0.72); color: rgba(207, 215, 222, 0.72) !important; font-size: 0.7rem !important; font-weight: 800 !important; letter-spacing: 0.09em; text-transform: uppercase; cursor: pointer; } .overlift-glossary-clear:disabled { opacity: 0.42; cursor: default; } .overlift-glossary-controls > p { align-self: center; margin: 17px 0 0; color: rgba(194, 205, 214, 0.68); font-size: 0.72rem; line-height: 1.45; text-align: right; } .overlift-glossary-workspace { display: grid; grid-template-columns: minmax(190px, 0.6fr) minmax(330px, 1.2fr) minmax(350px, 1fr); min-height: 0; overflow: hidden; background: rgba(0, 5, 9, 0.44); } .overlift-glossary-categories, .overlift-glossary-browser, .overlift-glossary-detail { min-width: 0; min-height: 0; } .overlift-glossary-categories { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; border-right: 1px solid rgba(117, 137, 153, 0.15); background: rgba(2, 8, 13, 0.60); } .overlift-glossary-categories > header, .overlift-glossary-browser > header { display: flex; align-items: end; justify-content: space-between; gap: 10px; padding: 14px 16px 10px; } .overlift-glossary-categories header strong, .overlift-glossary-browser header strong { display: block; margin-top: 2px; color: rgba(238, 240, 242, 0.90); font-size: 0.86rem; } .overlift-glossary-browser header small { color: rgba(166, 180, 191, 0.62); font-size: 0.67rem; text-align: right; } .overlift-glossary-category-list { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 6px 10px 12px; scrollbar-color: rgba(216, 173, 104, 0.28) transparent; scrollbar-width: thin; } .overlift-glossary-category-list button { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; width: 100%; min-height: 40px; margin: 0 0 4px; padding: 8px 10px; border: 1px solid transparent; border-radius: 11px; background: transparent; color: rgba(196, 207, 215, 0.72); font-size: 0.72rem; line-height: 1.25; text-align: left; cursor: pointer; } .overlift-glossary-category-list button small { color: rgba(153, 170, 182, 0.55); font: 0.61rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; } .overlift-glossary-category-list button:hover, .overlift-glossary-category-list button:focus-visible, .overlift-glossary-category-list button.is-active { border-color: rgba(216, 173, 104, 0.36); background: linear-gradient(90deg, rgba(216, 173, 104, 0.11), rgba(216, 173, 104, 0.025)); color: var(--ogl-ivory); outline: none; } .overlift-glossary-category-list button.is-active { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 0 15px rgba(216, 173, 104, 0.05); } .overlift-glossary-legend { display: grid; gap: 5px; padding: 11px 14px 14px; border-top: 1px solid rgba(115, 135, 151, 0.14); color: rgba(160, 176, 188, 0.56); font-size: 0.61rem; line-height: 1.3; } .overlift-glossary-legend span { position: relative; padding-left: 13px; } .overlift-glossary-legend span::before { content: ""; position: absolute; top: 0.35em; left: 0; width: 7px; height: 7px; border-radius: 999px; box-shadow: 0 0 9px currentColor; } .overlift-glossary-legend [data-kind="current"]::before { color: rgb(var(--ogl-success)); background: rgb(var(--ogl-success)); } .overlift-glossary-legend [data-kind="planned"]::before { color: rgb(var(--ogl-magenta)); background: rgb(var(--ogl-magenta)); } .overlift-glossary-legend [data-kind="industry"]::before { color: rgb(var(--ogl-blue)); background: rgb(var(--ogl-blue)); } .overlift-glossary-legend [data-kind="exploratory"]::before { color: rgb(var(--ogl-gold)); background: rgb(var(--ogl-gold)); } .overlift-glossary-browser { display: grid; grid-template-rows: auto auto minmax(0, 1fr); border-right: 1px solid rgba(117, 137, 153, 0.15); background: rgba(2, 7, 12, 0.34); } .overlift-glossary-alpha { display: flex; gap: 3px; min-width: 0; overflow-x: auto; padding: 7px 10px 8px; border-top: 1px solid rgba(117, 137, 153, 0.10); border-bottom: 1px solid rgba(117, 137, 153, 0.10); scrollbar-width: none; } .overlift-glossary-alpha::-webkit-scrollbar { display: none; } .overlift-glossary-alpha button { flex: 0 0 auto; min-width: 30px; height: 30px; padding: 0 7px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: rgba(190, 205, 216, 0.72); font-size: 0.62rem; font-weight: 800; cursor: pointer; } .overlift-glossary-alpha button:hover, .overlift-glossary-alpha button:focus-visible, .overlift-glossary-alpha button.is-active { border-color: rgba(216, 173, 104, 0.45); background: rgba(216, 173, 104, 0.10); color: var(--ogl-ivory); outline: none; } .overlift-glossary-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 7px; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 10px; scrollbar-color: rgba(216, 173, 104, 0.28) transparent; scrollbar-width: thin; } .overlift-glossary-terms button { position: relative; min-width: 0; min-height: 60px; padding: 10px 30px 9px 11px; overflow: hidden; border: 1px solid rgba(122, 143, 159, 0.17); border-radius: 12px; background: radial-gradient(circle at 92% 17%, rgba(59, 187, 163, 0.07), transparent 22%), linear-gradient(145deg, rgba(7, 15, 21, 0.92), rgba(3, 9, 14, 0.91)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018); text-align: left; cursor: pointer; } .overlift-glossary-terms button::after { content: ""; position: absolute; top: 12px; right: 11px; width: 7px; height: 7px; border-radius: 999px; background: rgba(95, 113, 125, 0.65); box-shadow: 0 0 10px rgba(95, 113, 125, 0.25); } .overlift-glossary-terms button[data-maturity="current"]::after { background: rgb(var(--ogl-success)); box-shadow: 0 0 10px rgba(var(--ogl-success), 0.62); } .overlift-glossary-terms button[data-maturity="planned"]::after { background: rgb(var(--ogl-magenta)); box-shadow: 0 0 10px rgba(var(--ogl-magenta), 0.58); } .overlift-glossary-terms button[data-maturity="industry"]::after { background: rgb(var(--ogl-blue)); box-shadow: 0 0 10px rgba(var(--ogl-blue), 0.56); } .overlift-glossary-terms button[data-maturity="exploratory"]::after { background: rgb(var(--ogl-gold)); box-shadow: 0 0 10px rgba(var(--ogl-gold), 0.58); } .overlift-glossary-terms button strong { display: block; overflow: hidden; color: rgba(239, 241, 242, 0.90); font-size: 0.79rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; } .overlift-glossary-terms button small { display: -webkit-box; margin-top: 4px; overflow: hidden; color: rgba(166, 181, 192, 0.60); font-size: 0.62rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .overlift-glossary-terms button:hover, .overlift-glossary-terms button:focus-visible, .overlift-glossary-terms button.is-selected { border-color: rgba(216, 173, 104, 0.54); background: radial-gradient(circle at 92% 17%, rgba(69, 211, 184, 0.10), transparent 25%), linear-gradient(145deg, rgba(25, 25, 23, 0.96), rgba(5, 12, 17, 0.95)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 0 17px rgba(216, 173, 104, 0.07); outline: none; } .overlift-glossary-empty { align-self: start; margin: 14px; padding: 18px; border: 1px dashed rgba(216, 173, 104, 0.26); border-radius: 14px; color: rgba(198, 209, 218, 0.72); font-size: 0.8rem; } .overlift-glossary-detail { overflow: auto; overscroll-behavior: contain; padding: 18px 22px 26px; background: radial-gradient(circle at 100% 10%, rgba(95, 39, 116, 0.08), transparent 32%), rgba(3, 7, 13, 0.58); scrollbar-color: rgba(216, 173, 104, 0.28) transparent; scrollbar-width: thin; } .overlift-glossary-detail > header { display: flex; align-items: start; justify-content: space-between; gap: 14px; padding-bottom: 12px; border-bottom: 1px solid rgba(216, 173, 104, 0.18); } .overlift-glossary-detail h3 { margin: 4px 0 0; color: var(--ogl-ivory); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.35rem, 1.8vw, 1.75rem); font-weight: 680; line-height: 1.08; } .overlift-glossary-maturity { flex: 0 0 auto; padding: 5px 9px; border: 1px solid rgba(var(--ogl-blue), 0.66); border-radius: 999px; color: rgb(var(--ogl-blue)); font-size: 0.57rem; font-weight: 900; letter-spacing: 0.10em; line-height: 1; text-transform: uppercase; } .overlift-glossary-maturity[data-kind="current"] { border-color: rgba(var(--ogl-success), 0.72); color: rgb(var(--ogl-success)); } .overlift-glossary-maturity[data-kind="planned"] { border-color: rgba(var(--ogl-magenta), 0.72); color: rgb(var(--ogl-magenta)); } .overlift-glossary-maturity[data-kind="industry"] { border-color: rgba(var(--ogl-blue), 0.72); color: rgb(var(--ogl-blue)); } .overlift-glossary-maturity[data-kind="exploratory"] { border-color: rgba(var(--ogl-gold), 0.72); color: rgb(var(--ogl-gold)); } .overlift-glossary-alias-row, .overlift-glossary-chip-row, .overlift-glossary-related { display: flex; flex-wrap: wrap; gap: 6px; } .overlift-glossary-alias-row { min-height: 12px; margin-top: 11px; } .overlift-glossary-alias-row span, .overlift-glossary-chip-row span, .overlift-glossary-related button { padding: 5px 8px; border: 1px solid rgba(125, 144, 159, 0.18); border-radius: 999px; background: rgba(7, 14, 20, 0.64); color: rgba(182, 196, 206, 0.72); font-size: 0.61rem; line-height: 1.1; } .overlift-glossary-related button { cursor: pointer; } .overlift-glossary-related button:hover, .overlift-glossary-related button:focus-visible { border-color: rgba(216, 173, 104, 0.50); color: var(--ogl-brass-bright); outline: none; } .overlift-glossary-detail-meta { display: flex; justify-content: space-between; gap: 12px; margin: 9px 0 0; color: rgba(143, 160, 173, 0.56); } .overlift-glossary-detail-meta small, .overlift-glossary-detail-meta code { font-size: 0.58rem; line-height: 1.35; } .overlift-glossary-detail-meta code { max-width: 52%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overlift-glossary-detail > section { margin-top: 15px; } .overlift-glossary-detail h4 { margin: 0 0 5px; color: rgba(225, 196, 141, 0.88); font-size: 0.61rem; letter-spacing: 0.12em; } .overlift-glossary-detail p { margin: 0; color: rgba(206, 214, 221, 0.75); font-size: 0.72rem; line-height: 1.55; } .overlift-glossary-formula, .overlift-glossary-measurement { padding: 12px; border: 1px solid rgba(204, 61, 156, 0.24); border-radius: 13px; background: rgba(5, 14, 22, 0.72); } .overlift-glossary-formula code { display: block; overflow-wrap: anywhere; color: rgba(229, 236, 240, 0.86); font: 0.68rem/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; } .overlift-glossary-measurement dl { display: grid; gap: 7px; margin: 0; } .overlift-glossary-measurement dl > div { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 8px; } .overlift-glossary-measurement dt { color: rgba(164, 183, 197, 0.64); font-size: 0.61rem; font-weight: 750; } .overlift-glossary-measurement dd { margin: 0; color: rgba(218, 226, 231, 0.80); font-size: 0.65rem; line-height: 1.42; } .overlift-glossary-detail-meta { align-items: center; } .overlift-glossary-detail-meta > div { display: grid; min-width: 0; gap: 3px; } .overlift-glossary-copy-link { flex: 0 0 auto; min-height: 31px; padding: 6px 10px; border: 1px solid rgba(216, 173, 104, 0.28); border-radius: 999px; background: rgba(216, 173, 104, 0.07); color: rgba(241, 217, 170, 0.82); font-size: 0.61rem; font-weight: 800; letter-spacing: 0.04em; cursor: pointer; } .overlift-glossary-copy-link:hover, .overlift-glossary-copy-link:focus-visible { border-color: rgba(244, 215, 158, 0.68); background: rgba(216, 173, 104, 0.13); color: var(--ogl-ivory); outline: none; } .overlift-glossary-evidence > div { display: grid; gap: 8px; } .overlift-glossary-evidence-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 10px; padding: 11px; border: 1px solid rgba(122, 143, 159, 0.19); border-radius: 12px; background: rgba(4, 11, 17, 0.68); } .overlift-glossary-evidence-card[data-kind="pass"] { border-color: rgba(var(--ogl-success), 0.25); } .overlift-glossary-evidence-card[data-kind="fail"] { border-color: rgba(var(--ogl-magenta), 0.25); } .overlift-glossary-evidence-card > span { grid-row: 1 / span 3; align-self: start; min-width: 38px; padding: 4px 6px; border: 1px solid currentColor; border-radius: 999px; color: rgb(var(--ogl-blue)); font-size: 0.52rem; font-weight: 900; letter-spacing: 0.08em; text-align: center; text-transform: uppercase; } .overlift-glossary-evidence-card[data-kind="pass"] > span { color: rgb(var(--ogl-success)); } .overlift-glossary-evidence-card[data-kind="fail"] > span { color: rgb(var(--ogl-magenta)); } .overlift-glossary-evidence-card strong { color: rgba(238, 232, 220, 0.92); font-size: 0.68rem; line-height: 1.3; } .overlift-glossary-evidence-card p, .overlift-glossary-evidence-card small { grid-column: 2; } .overlift-glossary-evidence-card small { color: rgba(157, 177, 190, 0.64); font-size: 0.58rem; line-height: 1.4; } .overlift-glossary-system-links > div { display: grid; gap: 7px; margin-top: 8px; } .overlift-glossary-system-link { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px; width: 100%; padding: 9px 10px; border: 1px solid rgba(226, 79, 177, 0.23); border-radius: 11px; background: rgba(6, 14, 22, 0.72); color: rgba(223, 232, 238, 0.86); text-align: left; cursor: pointer; } .overlift-glossary-system-link::after { content: "Queue → X"; grid-column: 2; grid-row: 1 / span 2; align-self: center; color: rgba(240, 208, 148, 0.76); font-size: 0.55rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } .overlift-glossary-system-link strong { font-size: 0.66rem; } .overlift-glossary-system-link small { color: rgba(160, 180, 194, 0.65); font-size: 0.58rem; line-height: 1.35; } .overlift-glossary-system-link:hover, .overlift-glossary-system-link:focus-visible, .overlift-glossary-system-link.is-queued { border-color: rgba(241, 203, 126, 0.52); background: rgba(216, 173, 104, 0.09); outline: none; } .overlift-glossary-system-link.is-queued::after { content: "Queued · use X"; color: rgb(var(--ogl-success)); } .overlift-glossary-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 58px; padding: 9px clamp(20px, 2.4vw, 32px); border-top: 1px solid rgba(216, 173, 104, 0.24); background: rgba(1, 6, 10, 0.94); box-shadow: 0 -12px 28px rgba(0, 0, 0, 0.22); } .overlift-glossary-pagination, .overlift-glossary-pagination > span { display: flex; align-items: center; gap: 5px; } .overlift-glossary-footer button { min-width: 38px; height: 34px; padding: 0 9px; border: 1px solid rgba(216, 173, 104, 0.20); border-radius: 9px; background: rgba(4, 11, 16, 0.82); color: rgba(196, 207, 216, 0.76); font-size: 0.61rem; cursor: pointer; } .overlift-glossary-footer button:hover:not(:disabled), .overlift-glossary-footer button:focus-visible, .overlift-glossary-footer button.is-active { border-color: rgba(242, 213, 157, 0.58); background: rgba(216, 173, 104, 0.11); color: var(--ogl-ivory); outline: none; } .overlift-glossary-footer button:disabled { opacity: 0.34; cursor: default; } .overlift-glossary-page-ellipsis { padding: 0 3px; color: rgba(158, 174, 186, 0.48); font-size: 0.65rem; } .overlift-glossary-footer > strong { color: rgba(232, 205, 151, 0.88); font-size: 0.68rem; line-height: 1.3; text-align: right; white-space: nowrap; } @keyframes overlift-glossary-target-pulse { 0%, 100% { background-color: transparent; transform: translateZ(0) scale(1); } 50% { background-color: rgba(216, 173, 104, 0.14); transform: translateZ(0) scale(1.025); } } @keyframes overlift-glossary-backdrop-glint { 0%, 28% { background-position: 120% 0, 0 0; opacity: 0.72; } 58% { background-position: -80% 0, 0 0; opacity: 1; } 100% { background-position: -80% 0, 0 0; opacity: 0.72; } } @keyframes overlift-glossary-panel-glint { 0%, 30% { background-position: 130% 0, center bottom; } 62%, 100% { background-position: -90% 0, center bottom; } } @keyframes overlift-glossary-close-pulse { 0%, 100% { opacity: 0.25; transform: scale(0.94); } 50% { opacity: 0.7; transform: scale(1.07); } } @media (max-width: 1100px) { .overlift-glossary-header { grid-template-columns: minmax(0, 1fr) 58px; } .overlift-glossary-release { grid-column: 1; grid-row: 2; justify-items: start; padding-top: 0; text-align: left; } .overlift-glossary-close { grid-column: 2; grid-row: 1 / span 2; } .overlift-glossary-workspace { grid-template-columns: minmax(190px, 0.54fr) minmax(0, 1.46fr); grid-template-rows: minmax(220px, 0.92fr) minmax(220px, 1.08fr); } .overlift-glossary-browser { border-right: 0; } .overlift-glossary-detail { grid-column: 1 / -1; border-top: 1px solid rgba(117, 137, 153, 0.15); } } @media (max-width: 820px) { .overlift-glossary-controls { grid-template-columns: minmax(0, 1fr) auto 112px; } .overlift-glossary-controls > p { grid-column: 1 / -1; margin: 0; text-align: left; } .overlift-glossary-terms { grid-template-columns: 1fr; } .overlift-glossary-footer button[data-glossary-first], .overlift-glossary-footer button[data-glossary-last] { display: none; } } @media (max-width: 680px) { .home-tv-formula-row { align-items: flex-start; flex-direction: column; } .overlift-glossary-detail-meta { align-items: flex-start; flex-direction: column; } .overlift-glossary-copy-link { align-self: flex-start; } .overlift-glossary-system-link { grid-template-columns: minmax(0, 1fr); } .overlift-glossary-system-link::after { grid-column: 1; grid-row: auto; } .overlift-glossary-modal { padding: 6px; } .overlift-glossary-panel { min-height: 80dvh; border-radius: 22px; } .overlift-glossary-header { grid-template-columns: minmax(0, 1fr) 46px; gap: 8px; padding: 13px 13px 10px; } .overlift-glossary-heading > span { max-width: 230px; margin-bottom: 4px; font-size: 0.68rem; letter-spacing: 0.14em; } .overlift-glossary-heading h2 { font-size: clamp(1.03rem, 5.35vw, 1.28rem); line-height: 1.01; } .overlift-glossary-heading h2 br { display: none; } .overlift-glossary-heading p { display: none; } .overlift-glossary-release { min-width: 0; gap: 2px; } .overlift-glossary-release code { display: none; } .overlift-glossary-release strong { font-size: 0.62rem; text-align: left; } .overlift-glossary-close { width: 44px; height: 44px; font-size: 1.55rem; } .overlift-glossary-controls { grid-template-columns: minmax(0, 1fr) 68px 82px; gap: 7px; padding: 9px 11px 9px; } .overlift-glossary-controls label > span { font-size: 0.57rem; letter-spacing: 0.10em; } .overlift-glossary-controls input, .overlift-glossary-controls select, .overlift-glossary-clear { height: 38px; } .overlift-glossary-clear { padding-inline: 7px; font-size: 0.58rem !important; } .overlift-glossary-page-size { grid-column: auto; width: auto; } .overlift-glossary-controls > p { display: none; } .overlift-glossary-workspace { display: block; overflow: auto; overscroll-behavior: contain; } .overlift-glossary-categories { display: block; border-right: 0; border-bottom: 1px solid rgba(117, 137, 153, 0.15); } .overlift-glossary-categories > header, .overlift-glossary-legend { display: none; } .overlift-glossary-category-list { display: flex; gap: 6px; overflow-x: auto; padding: 8px 10px; scrollbar-width: none; } .overlift-glossary-category-list::-webkit-scrollbar { display: none; } .overlift-glossary-category-list button { flex: 0 0 auto; width: auto; min-height: 34px; margin: 0; white-space: nowrap; } .overlift-glossary-browser { display: block; border-right: 0; } .overlift-glossary-browser > header { padding: 11px 13px 8px; } .overlift-glossary-browser header small { display: none; } .overlift-glossary-alpha { padding-inline: 9px; } .overlift-glossary-terms { display: grid; max-height: 290px; padding: 9px; } .overlift-glossary-detail { min-height: 330px; max-height: none; padding: 17px 14px 28px; border-top: 1px solid rgba(117, 137, 153, 0.15); } .overlift-glossary-detail-meta { display: grid; } .overlift-glossary-detail-meta code { max-width: 100%; } .overlift-glossary-footer { align-items: stretch; flex-direction: column; gap: 6px; min-height: 70px; padding: 7px 10px 8px; } .overlift-glossary-pagination { justify-content: flex-start; } .overlift-glossary-footer button { min-width: 34px; height: 32px; padding: 0 7px; } .overlift-glossary-footer > strong { text-align: left; white-space: normal; } } @media (max-height: 720px) and (min-width: 681px) { .overlift-glossary-header { padding-block: 16px 13px; } .overlift-glossary-heading p { display: none; } .overlift-glossary-controls { padding-block: 10px; } .overlift-glossary-footer { min-height: 50px; } } @media (prefers-reduced-motion: reduce) { .overlift-glossary-modal::before, .overlift-glossary-panel::after, .overlift-glossary-close::before { animation: none !important; } .overlift-glossary-close { transition: none; } } .overlift-glossary-modal { --glossary-type-micro: clamp(0.62rem, 0.56vw, 0.70rem); --glossary-type-small: clamp(0.68rem, 0.62vw, 0.78rem); --glossary-type-body: clamp(0.76rem, 0.70vw, 0.88rem); --glossary-type-label: clamp(0.80rem, 0.74vw, 0.92rem); } .overlift-glossary-heading > span, .overlift-glossary-controls label > span, .overlift-glossary-categories header span, .overlift-glossary-browser header span { font-size: var(--glossary-type-small); } .overlift-glossary-release strong { font-size: var(--glossary-type-small); } .overlift-glossary-controls input, .overlift-glossary-controls select { min-height: 42px; font-size: var(--glossary-type-body); } .overlift-glossary-clear { min-height: 42px; font-size: var(--glossary-type-small) !important; } .overlift-glossary-controls > p, .overlift-glossary-browser header small, .overlift-glossary-legend { font-size: var(--glossary-type-small); line-height: 1.42; } .overlift-glossary-category-list button { min-height: 39px; font-size: var(--glossary-type-body); } .overlift-glossary-alpha button { min-width: 31px; min-height: 31px; font-size: var(--glossary-type-small); } .overlift-glossary-terms button { min-height: 62px; } .overlift-glossary-terms button small { font-size: var(--glossary-type-small); line-height: 1.35; } .overlift-glossary-maturity { font-size: var(--glossary-type-micro); } .overlift-glossary-alias-row span, .overlift-glossary-chip-row span, .overlift-glossary-related button { font-size: var(--glossary-type-small); } .overlift-glossary-detail-meta small, .overlift-glossary-detail-meta code { font-size: var(--glossary-type-small); } .overlift-glossary-detail h4 { font-size: var(--glossary-type-label); } .overlift-glossary-detail p { font-size: var(--glossary-type-body); line-height: 1.58; } .overlift-glossary-measurement dt { font-size: var(--glossary-type-small); } .overlift-glossary-measurement dd { font-size: var(--glossary-type-body); } .overlift-glossary-copy-link { min-height: 38px; font-size: var(--glossary-type-small); } .overlift-glossary-evidence-card > span { font-size: var(--glossary-type-micro); } .overlift-glossary-evidence-card strong { font-size: var(--glossary-type-body); } .overlift-glossary-evidence-card small { font-size: var(--glossary-type-small); line-height: 1.42; } .overlift-glossary-system-link::after { font-size: var(--glossary-type-micro); } .overlift-glossary-system-link strong { font-size: var(--glossary-type-body); } .overlift-glossary-system-link small { font-size: var(--glossary-type-small); line-height: 1.4; } .overlift-glossary-footer button { min-width: 38px; height: 36px; font-size: var(--glossary-type-small); } .overlift-glossary-page-ellipsis, .overlift-glossary-footer > strong { font-size: var(--glossary-type-small); } .home-tv-formula-row > .overlift-term-link { font-size: var(--glossary-type-small); } @media (max-width: 680px) { .overlift-glossary-modal { --glossary-type-micro: 0.60rem; --glossary-type-small: 0.66rem; --glossary-type-body: 0.74rem; --glossary-type-label: 0.78rem; } .overlift-glossary-category-list button { min-height: 38px; } .overlift-glossary-terms { max-height: 330px; } } /*!sf-css-source:css/public/features/pathfinder.css*/ .page-home-overlift-deck { --pf-bg: #01050a; --pf-panel: rgba(4, 12, 21, 0.91); --pf-panel-soft: rgba(5, 16, 27, 0.76); --pf-line: rgba(186, 98, 213, 0.24); --pf-line-strong: rgba(232, 119, 194, 0.44); --pf-text: #faf9fa; --pf-muted: rgba(218, 184, 229, 0.72); --pf-dim: rgba(125, 153, 181, 0.62); --pf-magenta: #f15ac6; --pf-rose: #f16fc2; --pf-blue: #d466f5; --pf-violet: #cf6eff; --pf-gold: #f3bd61; --pf-green: #77ef9b; --pf-red: #ff6b67; --pf-amber: #ffbd58; } .page-home-overlift-deck .home-app-inline .home-app-backdrop { width: min(1800px, calc(100% - 0.5rem)) !important; max-width: 1800px !important; } .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { height: min(96dvh, 1080px) !important; max-height: 1080px !important; padding: 10px !important; border: 1px solid rgba(195, 118, 219, 0.38) !important; border-radius: 22px !important; background: radial-gradient(circle at 28% 26%, rgba(143, 57, 169, 0.08), transparent 34%), radial-gradient(circle at 74% 84%, rgba(110, 54, 168, 0.06), transparent 34%), linear-gradient(145deg, rgba(2, 8, 14, 0.997), rgba(0, 3, 7, 0.999)) !important; box-shadow: inset 0 1px 0 rgba(244, 228, 239, 0.10), inset 0 0 0 1px rgba(111, 48, 130, 0.28), 0 0 42px rgba(234, 64, 177, 0.11), 0 40px 110px rgba(0, 0, 0, 0.72) !important; } .page-home-overlift-deck .home-app-inline .home-fullscreen-app::before { inset: 4px !important; border-color: rgba(190, 106, 216, 0.16) !important; border-radius: 18px !important; } .page-home-overlift-deck .home-app-inline .home-fullscreen-app::after { border-radius: inherit !important; background: linear-gradient(90deg, transparent, rgba(244, 82, 190, 0.22), transparent) top / 68% 1px no-repeat, linear-gradient(90deg, transparent, rgba(194, 105, 255, 0.12), transparent) bottom / 52% 1px no-repeat, radial-gradient(circle at 8% 0%, rgba(243, 71, 186, 0.055), transparent 25%), radial-gradient(circle at 92% 100%, rgba(195, 79, 255, 0.04), transparent 24%) !important; animation: none !important; } .page-home-overlift-deck .home-deck-field { display: none !important; } .page-home-overlift-deck .pathfinder-guided-experience, .page-home-overlift-deck .pathfinder-cockpit, .page-home-overlift-deck .pathfinder-globe-stage, .page-home-overlift-deck .pathfinder-panel { contain: layout paint style; } .page-home-overlift-deck .pathfinder-primary-actions button.is-active { border-color: rgba(244, 79, 189, 0.72); background: linear-gradient(180deg, rgba(147, 41, 112, 0.70), rgba(5, 44, 73, 0.90)); color: #fff; box-shadow: 0 0 22px rgba(242, 54, 179, 0.20), inset 0 1px 0 rgba(255,255,255,0.12); } .page-home-overlift-deck .pathfinder-route-row.is-hidden-on-globe { opacity: 0.52; } .page-home-overlift-deck .pathfinder-route-row.is-hidden-on-globe > button:last-child { color: rgba(208, 164, 222, 0.54); } .page-home-overlift-deck .pathfinder-topbar { position: relative; z-index: 20; display: grid !important; grid-template-columns: minmax(400px, 1.08fr) minmax(600px, 1.22fr) auto; align-items: center; gap: 12px; min-height: 72px; padding: 8px 10px !important; border: 1px solid rgba(180, 84, 209, 0.18); border-radius: 15px; background: linear-gradient(180deg, rgba(5, 13, 22, 0.93), rgba(2, 8, 14, 0.82)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 12px 34px rgba(0, 0, 0, 0.22); } .page-home-overlift-deck .pathfinder-brand { display: flex; min-width: 0; align-items: center; gap: 12px; } .page-home-overlift-deck .pathfinder-brand-orbit { position: relative; display: grid; flex: 0 0 48px; width: 48px; height: 48px; place-items: center; filter: drop-shadow(0 0 12px rgba(243, 70, 185, 0.34)); } .page-home-overlift-deck .pathfinder-brand-orbit::before, .page-home-overlift-deck .pathfinder-brand-orbit i { position: absolute; width: 31px; height: 31px; border: 2px solid rgba(243, 61, 182, 0.90); border-radius: 50%; content: ""; } .page-home-overlift-deck .pathfinder-brand-orbit::before { transform: rotate(12deg) scaleX(1.18); } .page-home-overlift-deck .pathfinder-brand-orbit i:nth-child(1) { transform: rotate(58deg) scaleX(1.18); } .page-home-overlift-deck .pathfinder-brand-orbit i:nth-child(2) { transform: rotate(112deg) scaleX(1.18); } .page-home-overlift-deck .pathfinder-brand-orbit i:nth-child(3) { width: 7px; height: 7px; border: 0; background: var(--pf-magenta); box-shadow: 0 0 12px var(--pf-magenta); } .page-home-overlift-deck .pathfinder-brand-copy { display: flex; min-width: 0; align-items: center; gap: 18px; } .page-home-overlift-deck .pathfinder-brand-copy > strong { flex: 0 0 auto; color: var(--pf-text); font-size: clamp(1.7rem, 2.25vw, 2.45rem); font-weight: 720; letter-spacing: -0.045em; } .page-home-overlift-deck .pathfinder-brand-copy > div { display: grid; min-width: 0; gap: 3px; } .page-home-overlift-deck .pathfinder-brand-copy span { overflow: hidden; color: var(--pf-text); font-size: clamp(0.86rem, 1.1vw, 1.18rem); font-weight: 720; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-brand-copy small { display: -webkit-box; overflow: hidden; color: var(--pf-muted); font-size: clamp(0.64rem, 0.66vw, 0.78rem); line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .page-home-overlift-deck .pathfinder-primary-nav.home-theater-mode-tabs { display: flex !important; justify-content: flex-end; gap: 3px; padding: 4px; overflow-x: auto; border-radius: 12px; scrollbar-width: none; } .page-home-overlift-deck .pathfinder-primary-nav::-webkit-scrollbar { display: none; } .page-home-overlift-deck .pathfinder-primary-nav button { display: inline-flex; min-height: 38px; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 8px; color: rgba(232, 223, 234, 0.82); font-size: clamp(0.61rem, 0.62vw, 0.72rem); font-weight: 690; letter-spacing: 0; text-transform: none; } .page-home-overlift-deck .pathfinder-primary-nav button span { color: rgba(237, 118, 197, 0.82); font-size: 0.92rem; } .page-home-overlift-deck .pathfinder-primary-nav button:hover, .page-home-overlift-deck .pathfinder-primary-nav button.is-active { border-color: rgba(228, 102, 186, 0.38); background: rgba(20, 48, 70, 0.48); color: white; box-shadow: 0 0 16px rgba(225, 61, 170, 0.08); } .page-home-overlift-deck .pathfinder-compat-tabs { display: none !important; } .page-home-overlift-deck .pathfinder-topbar-tools { display: flex; align-items: center; justify-content: flex-end; gap: 6px; } .page-home-overlift-deck .pathfinder-system-online { display: inline-flex; align-items: center; gap: 6px; color: rgba(232, 191, 218, 0.75); font-size: 0.62rem; white-space: nowrap; } .page-home-overlift-deck .pathfinder-system-online i { width: 7px; height: 7px; border-radius: 50%; background: var(--pf-green); box-shadow: 0 0 10px rgba(119, 239, 155, 0.72); } .page-home-overlift-deck .pathfinder-topbar-tools button { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(187, 100, 214, 0.22); border-radius: 8px; background: rgba(3, 11, 18, 0.72); color: rgba(233, 223, 236, 0.78); font-size: 1rem; } .page-home-overlift-deck .pathfinder-topbar-tools button:hover, .page-home-overlift-deck .pathfinder-topbar-tools button:focus-visible { border-color: rgba(244, 79, 189, 0.52); color: white; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"] { grid-template-rows: auto minmax(0, 1fr) !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"] .home-truth-theater { display: block !important; overflow: hidden; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"] .home-truth-theater::before { display: none; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"] .home-truth-theater > :not(.pathfinder-guided-experience) { display: none !important; } .page-home-overlift-deck .pathfinder-guided-experience { position: relative; display: grid; height: 100%; min-height: 0; grid-template-rows: auto auto minmax(0, 1fr) auto; gap: 9px; overflow: hidden; } .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="guided"]) .pathfinder-guided-experience { display: none; } .page-home-overlift-deck .pathfinder-trust-strip { display: grid; grid-template-columns: 1.25fr 0.82fr 0.78fr 1.08fr 0.62fr; min-width: 0; overflow: hidden; border: 1px solid rgba(176, 74, 207, 0.20); border-radius: 12px; background: rgba(3, 10, 17, 0.77); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025); } .page-home-overlift-deck .pathfinder-trust-strip article { display: grid; min-width: 0; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 8px; border-right: 1px solid rgba(184, 92, 212, 0.14); padding: 7px 10px; } .page-home-overlift-deck .pathfinder-trust-strip article:last-child { border-right: 0; } .page-home-overlift-deck .pathfinder-trust-strip article > span { font-size: 1rem; text-align: center; } .page-home-overlift-deck .pathfinder-trust-strip article div { display: grid; min-width: 0; gap: 1px; } .page-home-overlift-deck .pathfinder-trust-strip strong { color: var(--pf-text); font-size: 0.64rem; font-weight: 720; } .page-home-overlift-deck .pathfinder-trust-strip small { overflow: hidden; color: var(--pf-muted); font-size: 0.56rem; line-height: 1.25; text-overflow: ellipsis; } .page-home-overlift-deck .pathfinder-trust-strip [data-kind="implemented"] > span, .page-home-overlift-deck .pathfinder-trust-strip [data-kind="implemented"] strong { color: var(--pf-green); } .page-home-overlift-deck .pathfinder-trust-strip [data-kind="demonstrated"] > span, .page-home-overlift-deck .pathfinder-trust-strip [data-kind="demonstrated"] strong { color: var(--pf-magenta); } .page-home-overlift-deck .pathfinder-trust-strip [data-kind="research"] > span, .page-home-overlift-deck .pathfinder-trust-strip [data-kind="research"] strong { color: var(--pf-violet); } .page-home-overlift-deck .pathfinder-trust-strip [data-kind="boundary"] > span, .page-home-overlift-deck .pathfinder-trust-strip [data-kind="boundary"] strong { color: var(--pf-amber); } .page-home-overlift-deck .pathfinder-primary-actions { display: flex; justify-content: center; gap: 12px; padding: 1px 0 2px; } .page-home-overlift-deck .pathfinder-primary-actions button { display: inline-flex; min-width: 250px; min-height: 48px; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(223, 108, 185, 0.58); border-radius: 10px; background: linear-gradient(180deg, rgba(12, 25, 38, 0.92), rgba(3, 11, 18, 0.96)); color: var(--pf-text); font-size: 0.92rem; font-weight: 700; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 8px 20px rgba(0, 0, 0, 0.22); transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease, background 150ms ease; } .page-home-overlift-deck .pathfinder-primary-actions button:hover, .page-home-overlift-deck .pathfinder-primary-actions button:focus-visible { transform: translateY(-1px); border-color: rgba(244, 79, 189, 0.85); } .page-home-overlift-deck .pathfinder-primary-actions .pathfinder-action-primary { border-color: rgba(244, 84, 191, 0.96); background: linear-gradient(180deg, rgba(214, 37, 155, 0.98), rgba(117, 26, 145, 0.98)); box-shadow: inset 0 1px 0 rgba(243, 239, 242, 0.28), 0 0 24px rgba(242, 45, 176, 0.34), 0 9px 24px rgba(0, 0, 0, 0.34); } .page-home-overlift-deck .pathfinder-cockpit { display: grid; min-width: 0; min-height: 0; grid-template-columns: minmax(300px, 0.86fr) minmax(520px, 1.52fr) minmax(360px, 1.04fr); gap: 9px; } .page-home-overlift-deck .pathfinder-panel { min-width: 0; min-height: 0; overflow: hidden; border: 1px solid rgba(181, 86, 210, 0.28); border-radius: 11px; background: linear-gradient(150deg, rgba(5, 15, 25, 0.94), rgba(2, 9, 16, 0.94)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), 0 14px 36px rgba(0, 0, 0, 0.24); } .page-home-overlift-deck .pathfinder-panel-heading, .page-home-overlift-deck .pathfinder-card-title { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 9px; border-bottom: 1px solid rgba(180, 84, 209, 0.18); padding: 7px 10px; } .page-home-overlift-deck .pathfinder-panel-heading > div, .page-home-overlift-deck .pathfinder-card-title > div { display: flex; min-width: 0; align-items: center; gap: 7px; } .page-home-overlift-deck .pathfinder-panel-heading span, .page-home-overlift-deck .pathfinder-card-title strong { color: var(--pf-text); font-size: 0.76rem; font-weight: 720; } .page-home-overlift-deck .pathfinder-panel-heading small, .page-home-overlift-deck .pathfinder-card-title small { color: var(--pf-dim); font-size: 0.56rem; } .page-home-overlift-deck .pathfinder-card-title > div > span { color: var(--pf-magenta); font-size: 0.88rem; } .page-home-overlift-deck .pathfinder-panel-heading button, .page-home-overlift-deck .pathfinder-card-title button { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid rgba(222, 89, 178, 0.26); border-radius: 7px; background: rgba(2, 10, 17, 0.78); color: var(--pf-magenta); font-size: 0.75rem; } .page-home-overlift-deck .pathfinder-guided-panel { display: grid; grid-template-rows: auto auto auto minmax(0, 1fr) auto auto auto; } .page-home-overlift-deck .pathfinder-context-card { margin: 9px 10px 5px; border: 1px solid rgba(214, 68, 165, 0.30); border-radius: 8px; background: linear-gradient(145deg, rgba(13, 47, 72, 0.66), rgba(5, 22, 36, 0.70)); padding: 9px 10px; color: rgba(235, 215, 228, 0.86); font-size: clamp(0.61rem, 0.63vw, 0.73rem); line-height: 1.48; } .page-home-overlift-deck .pathfinder-scenario-copy { padding: 7px 12px 4px; } .page-home-overlift-deck .pathfinder-scenario-copy > span { color: var(--pf-magenta); font-size: 0.67rem; font-weight: 720; } .page-home-overlift-deck .pathfinder-scenario-copy h2 { margin: 6px 0 0; color: var(--pf-text); font-size: clamp(1.15rem, 1.38vw, 1.58rem); font-weight: 590; letter-spacing: -0.035em; line-height: 1.25; } .page-home-overlift-deck .pathfinder-guided-steps { display: grid; align-content: center; gap: 2px; margin: 2px 10px; padding: 4px 0; overflow: hidden auto; list-style: none; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-guided-steps li { position: relative; display: grid; min-height: 36px; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 8px; border-radius: 8px; padding: 4px 6px; opacity: 0.58; transition: opacity 180ms ease, background 180ms ease, transform 180ms ease; } .page-home-overlift-deck .pathfinder-guided-steps li::after { position: absolute; top: 30px; bottom: -6px; left: 19px; width: 1px; background: linear-gradient(rgba(225, 100, 183, 0.34), rgba(225, 100, 183, 0.06)); content: ""; } .page-home-overlift-deck .pathfinder-guided-steps li:last-child::after { display: none; } .page-home-overlift-deck .pathfinder-guided-steps li.is-active, .page-home-overlift-deck .pathfinder-guided-steps li.is-complete { opacity: 1; } .page-home-overlift-deck .pathfinder-guided-steps li.is-active { background: rgba(76, 28, 60, 0.34); transform: translateX(2px); } .page-home-overlift-deck .pathfinder-guided-steps li > span { position: relative; z-index: 2; display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid rgba(234, 76, 181, 0.58); border-radius: 50%; background: rgba(5, 25, 38, 0.96); color: var(--pf-magenta); font-size: 0.62rem; font-weight: 800; box-shadow: 0 0 10px rgba(243, 72, 186, 0.14); } .page-home-overlift-deck .pathfinder-guided-steps li:nth-child(3) > span { border-color: rgba(207, 110, 255, 0.62); color: var(--pf-violet); } .page-home-overlift-deck .pathfinder-guided-steps li:nth-child(4) > span { border-color: rgba(255, 189, 88, 0.64); color: var(--pf-amber); } .page-home-overlift-deck .pathfinder-guided-steps li:nth-child(5) > span { border-color: rgba(243, 189, 97, 0.72); color: var(--pf-gold); } .page-home-overlift-deck .pathfinder-guided-steps li:nth-child(6) > span { border-color: rgba(119, 239, 155, 0.66); color: var(--pf-green); } .page-home-overlift-deck .pathfinder-guided-steps li:nth-child(7) > span { border-color: rgba(62, 234, 193, 0.70); color: var(--pf-rose); } .page-home-overlift-deck .pathfinder-guided-steps li div { display: grid; grid-template-columns: 0.72fr 1.28fr; align-items: center; gap: 7px; } .page-home-overlift-deck .pathfinder-guided-steps strong { color: rgba(248, 246, 248, 0.95); font-size: 0.69rem; } .page-home-overlift-deck .pathfinder-guided-steps small { color: var(--pf-muted); font-size: 0.57rem; } .page-home-overlift-deck .pathfinder-transport { display: grid; grid-template-columns: repeat(4, 27px) minmax(70px, 1fr) auto; align-items: center; gap: 6px; margin: 3px 10px 0; border-top: 1px solid rgba(180, 84, 209, 0.15); padding: 8px 0 3px; } .page-home-overlift-deck .pathfinder-transport button { display: grid; width: 27px; height: 27px; place-items: center; border: 0; border-radius: 7px; background: transparent; color: rgba(233, 223, 236, 0.76); font-size: 0.83rem; } .page-home-overlift-deck .pathfinder-transport button:hover, .page-home-overlift-deck .pathfinder-transport button:focus-visible { background: rgba(100, 37, 79, 0.44); color: white; } .page-home-overlift-deck .pathfinder-transport .pathfinder-play { color: var(--pf-magenta); } .page-home-overlift-deck .pathfinder-progress { height: 3px; overflow: hidden; border-radius: 999px; background: rgba(141, 61, 166, 0.28); } .page-home-overlift-deck .pathfinder-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--pf-blue), var(--pf-magenta)); box-shadow: 0 0 10px rgba(244, 79, 189, 0.48); transition: width 260ms ease; } .page-home-overlift-deck .pathfinder-transport time { color: var(--pf-dim); font-size: 0.55rem; font-variant-numeric: tabular-nums; } .page-home-overlift-deck .pathfinder-proof-status { margin: 4px 10px; color: rgba(220, 160, 200, 0.72); font-size: 0.57rem; line-height: 1.35; } .page-home-overlift-deck .pathfinder-guided-panel footer { display: flex; align-items: center; gap: 8px; border-top: 1px solid rgba(180, 84, 209, 0.14); padding: 8px 12px; color: rgba(209, 165, 222, 0.72); font-size: 0.58rem; } .page-home-overlift-deck .pathfinder-guided-panel footer span { color: var(--pf-magenta); } .page-home-overlift-deck .pathfinder-globe-column { min-width: 0; min-height: 0; } .page-home-overlift-deck .pathfinder-globe-stage { --globe-control-line: rgba(186, 98, 213, 0.34); --globe-control-bg: rgba(3, 13, 22, 0.74); position: relative; isolation: isolate; width: 100%; height: 100%; min-height: 420px; overflow: hidden; border: 1px solid rgba(187, 99, 213, 0.35); border-radius: 13px; background: radial-gradient(circle at 48% 50%, rgba(61, 24, 72, 0.22), transparent 48%), linear-gradient(180deg, #01050a, #000205); box-shadow: inset 0 1px 0 rgba(246, 244, 245, 0.04), 0 0 34px rgba(220, 47, 162, 0.08); cursor: grab; } .page-home-overlift-deck .pathfinder-globe-stage:focus-visible { outline: 2px solid rgba(244, 79, 189, 0.68); outline-offset: 2px; } .page-home-overlift-deck .pathfinder-globe-stage.is-dragging { cursor: grabbing; } .page-home-overlift-deck .pathfinder-globe-stage::before { position: absolute; z-index: 8; inset: 0; background: radial-gradient(circle at 50% 50%, transparent 38%, rgba(0, 3, 7, 0.20) 72%, rgba(0, 2, 5, 0.76) 100%), linear-gradient(90deg, rgba(2, 8, 13, 0.16), transparent 24% 76%, rgba(2, 8, 13, 0.22)); content: ""; pointer-events: none; } .page-home-overlift-deck .pathfinder-globe-stage::after { position: absolute; z-index: 30; inset: 0; border: 1px solid rgba(227, 118, 191, 0.08); border-radius: inherit; content: ""; pointer-events: none; } .page-home-overlift-deck .pathfinder-globe-stage .globe-space-canvas, .page-home-overlift-deck .pathfinder-globe-stage .globe-world-layer, .page-home-overlift-deck .pathfinder-globe-stage .globe-canvas, .page-home-overlift-deck .pathfinder-globe-stage .globe-label-layer { position: absolute; inset: 0; width: 100%; height: 100%; } .page-home-overlift-deck .pathfinder-globe-stage .globe-space-canvas { z-index: 0; display: block; background: #000207; } .page-home-overlift-deck .pathfinder-globe-stage .globe-world-layer { z-index: 3; transform: scale(0.985); transform-origin: center; } .page-home-overlift-deck .pathfinder-globe-stage .globe-canvas { z-index: 2; display: block; opacity: 0; transition: opacity 80ms linear; } .page-home-overlift-deck .pathfinder-globe-stage.is-ready .globe-canvas { opacity: 1; } .page-home-overlift-deck .pathfinder-globe-stage .globe-canvas[hidden], .page-home-overlift-deck .pathfinder-globe-stage .globe-canvas[data-active="false"] { display: none !important; visibility: hidden !important; } .page-home-overlift-deck .pathfinder-globe-stage .globe-label-layer { z-index: 10; pointer-events: none; } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label { position: absolute; z-index: 11; display: grid; min-width: 78px; grid-template-columns: 10px minmax(0, 1fr); column-gap: 5px; border: 0; background: transparent; padding: 4px 5px; color: white; text-align: left; text-shadow: 0 1px 4px #000, 0 0 11px rgba(0, 0, 0, 0.94); opacity: 1; pointer-events: auto; cursor: pointer; will-change: transform, opacity; } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label.is-hidden { opacity: 0; pointer-events: none; } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-pip { grid-row: 1 / span 2; align-self: center; width: 8px; height: 8px; border: 2px solid rgba(239, 170, 216, 0.96); border-radius: 50%; background: var(--pf-blue); box-shadow: 0 0 0 4px rgba(198, 53, 242, 0.14), 0 0 15px rgba(243, 67, 184, 0.86); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label[data-hub="AMS"] .globe-hub-pip { border-color: #ffc1ba; background: var(--pf-red); box-shadow: 0 0 0 5px rgba(255, 107, 103, 0.14), 0 0 18px rgba(255, 83, 80, 0.88); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label[data-hub="RTM"] .globe-hub-pip { border-color: #c6ffed; background: var(--pf-rose); box-shadow: 0 0 0 5px rgba(62, 234, 193, 0.14), 0 0 18px rgba(62, 234, 193, 0.92); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label[data-hub="BRU"] .globe-hub-pip { border-color: #ffe0a6; background: var(--pf-amber); box-shadow: 0 0 0 4px rgba(255, 189, 88, 0.14), 0 0 16px rgba(255, 189, 88, 0.86); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label[data-hub="UTR"] .globe-hub-pip { border-color: #f2dfec; background: var(--pf-blue); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label strong { overflow: hidden; color: white; font-size: 0.64rem; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label small { overflow: hidden; color: rgba(223, 192, 232, 0.74); font-size: 0.47rem; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-globe-callout.globe-shipment-callout { position: absolute; z-index: 14; top: 0; left: 0; display: flex; min-width: 162px; flex-direction: column; gap: 2px; border: 1px solid rgba(62, 234, 193, 0.50); border-radius: 9px; background: rgba(3, 13, 22, 0.89); padding: 7px 9px; color: white; opacity: 1; pointer-events: none; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.44), 0 0 20px rgba(62, 234, 193, 0.13); backdrop-filter: blur(12px); } .page-home-overlift-deck .pathfinder-globe-callout .globe-callout-kicker { color: var(--pf-rose); font-size: 0.46rem; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-globe-callout strong { font-size: 0.75rem; } .page-home-overlift-deck .pathfinder-globe-callout small { color: var(--pf-muted); font-size: 0.49rem; } .page-home-overlift-deck .pathfinder-globe-callout.is-hidden { opacity: 0; } .page-home-overlift-deck .pathfinder-globe-fallback { position: absolute; z-index: 2; inset: 0; display: block; overflow: hidden; background: transparent; padding: 0; color: white; pointer-events: auto; } .page-home-overlift-deck .pathfinder-globe-fallback[hidden] { display: none; } .page-home-overlift-deck .pathfinder-static-globe-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; cursor: grab; touch-action: none; } .page-home-overlift-deck .pathfinder-static-globe-canvas:active { cursor: grabbing; } .page-home-overlift-deck .pathfinder-static-fallback-note { position: absolute; right: 14px; bottom: 12px; display: grid; max-width: min(330px, calc(100% - 28px)); gap: 2px; border: 1px solid rgba(213, 95, 174, 0.22); border-radius: 8px; background: rgba(2, 9, 16, 0.72); padding: 7px 9px; color: white; text-align: right; backdrop-filter: blur(10px); pointer-events: none; } .page-home-overlift-deck .pathfinder-static-fallback-note strong { color: rgba(241, 230, 245, 0.92); font-size: 0.55rem; } .page-home-overlift-deck .pathfinder-static-fallback-note span { color: var(--pf-dim); font-size: 0.46rem; line-height: 1.3; } .page-home-overlift-deck .pathfinder-globe-engine-card { position: absolute; z-index: 22; top: 12px; left: 12px; display: grid; max-width: 235px; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 7px; border: 1px solid rgba(209, 84, 167, 0.19); border-radius: 9px; background: rgba(2, 10, 18, 0.68); padding: 7px 9px; color: white; pointer-events: none; backdrop-filter: blur(12px); } .page-home-overlift-deck .pathfinder-runtime-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--pf-amber); box-shadow: 0 0 10px rgba(255, 189, 88, 0.62); } .page-home-overlift-deck .pathfinder-globe-stage.is-ready .pathfinder-runtime-dot { background: var(--pf-green); box-shadow: 0 0 10px rgba(119, 239, 155, 0.62); } .page-home-overlift-deck .pathfinder-globe-engine-card div { display: grid; min-width: 0; gap: 1px; } .page-home-overlift-deck .pathfinder-globe-engine-card strong { overflow: hidden; color: rgba(245, 243, 246, 0.93); font-size: 0.53rem; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-globe-engine-card small { overflow: hidden; color: var(--pf-dim); font-size: 0.44rem; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-globe-engine-card code { color: var(--pf-rose); font-size: 0.46rem; } .page-home-overlift-deck .pathfinder-renderer-badge { position: absolute; z-index: 22; top: 12px; right: 153px; border: 1px solid rgba(244, 79, 189, 0.28); border-radius: 999px; background: rgba(3, 13, 22, 0.72); padding: 5px 8px; color: rgba(231, 191, 218, 0.76); font-size: 0.43rem; font-weight: 740; letter-spacing: 0.04em; text-transform: uppercase; pointer-events: none; backdrop-filter: blur(10px); } .page-home-overlift-deck .pathfinder-renderer-badge[data-state="ready"] { color: var(--pf-rose); border-color: rgba(62, 234, 193, 0.40); } .page-home-overlift-deck .pathfinder-renderer-badge[data-state="fallback"] { color: var(--pf-amber); border-color: rgba(255, 189, 88, 0.36); } .page-home-overlift-deck .pathfinder-adaptive-detail { position: absolute; z-index: 22; top: 50px; right: 12px; display: flex; align-items: stretch; gap: 4px; border: 1px solid rgba(244, 79, 189, 0.18); border-radius: 8px; background: rgba(2, 10, 18, 0.68); padding: 4px; color: white; pointer-events: none; backdrop-filter: blur(10px); } .page-home-overlift-deck .pathfinder-adaptive-detail > span { display: grid; min-width: 88px; gap: 1px; border-radius: 5px; background: rgba(9, 34, 50, 0.42); padding: 4px 6px; } .page-home-overlift-deck .pathfinder-adaptive-detail strong, .page-home-overlift-deck .pathfinder-adaptive-detail b { color: var(--pf-magenta); font-size: 0.46rem; font-weight: 760; } .page-home-overlift-deck .pathfinder-adaptive-detail small { color: var(--pf-dim); font-size: 0.38rem; line-height: 1.25; } .page-home-overlift-deck .pathfinder-globe-stage[data-detail-level="2"] .pathfinder-adaptive-detail { border-color: rgba(62, 234, 193, 0.32); box-shadow: 0 0 16px rgba(62, 234, 193, 0.08); } .page-home-overlift-deck .pathfinder-globe-stage[data-detail-level="2"] .pathfinder-adaptive-detail strong { color: var(--pf-rose); } .page-home-overlift-deck .pathfinder-detail-term { appearance: none; display: block; width: 100%; border: 0; background: transparent; padding: 0; color: inherit; font: inherit; line-height: inherit; text-align: inherit; text-decoration: none; cursor: help; pointer-events: auto; position: relative; z-index: 1; } .page-home-overlift-deck .pathfinder-detail-term:hover, .page-home-overlift-deck .pathfinder-detail-term:focus-visible { color: rgba(245, 230, 240, 0.96); text-shadow: 0 0 9px rgba(244, 79, 189, 0.45); outline: none; } .page-home-overlift-deck .pathfinder-detail-term:focus-visible { box-shadow: 0 0 0 1px rgba(244, 79, 189, 0.72); border-radius: 3px; } .page-home-overlift-deck .pathfinder-globe-controls.globe-controls { position: absolute; z-index: 24; top: 12px; right: 12px; display: grid; width: auto; grid-template-columns: repeat(3, 30px); gap: 4px; pointer-events: auto; } .page-home-overlift-deck .pathfinder-globe-controls button { display: grid; min-width: 30px; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(178, 79, 208, 0.32); border-radius: 7px; background: rgba(2, 10, 18, 0.72); padding: 0; color: rgba(243, 230, 239, 0.82); font-size: 0.9rem; box-shadow: none; backdrop-filter: blur(10px); } .page-home-overlift-deck .pathfinder-globe-controls button:hover, .page-home-overlift-deck .pathfinder-globe-controls button:focus-visible, .page-home-overlift-deck .pathfinder-globe-controls button.is-active { border-color: rgba(244, 79, 189, 0.65); background: rgba(73, 24, 57, 0.72); color: white; } .page-home-overlift-deck .pathfinder-globe-telemetry { position: absolute; z-index: 21; right: 12px; bottom: 60px; display: grid; grid-template-columns: repeat(2, auto); gap: 3px; pointer-events: none; } .page-home-overlift-deck .pathfinder-globe-telemetry span { display: grid; min-width: 62px; border: 1px solid rgba(177, 76, 207, 0.13); border-radius: 6px; background: rgba(2, 10, 17, 0.58); padding: 4px 6px; text-align: right; backdrop-filter: blur(8px); } .page-home-overlift-deck .pathfinder-globe-telemetry b { color: rgba(241, 229, 237, 0.85); font-size: 0.45rem; font-weight: 690; } .page-home-overlift-deck .pathfinder-globe-telemetry small { color: var(--pf-dim); font-size: 0.38rem; } .page-home-overlift-deck .pathfinder-route-legend { position: absolute; z-index: 22; bottom: 12px; left: 12px; display: grid; gap: 4px; border: 1px solid rgba(183, 91, 211, 0.20); border-radius: 8px; background: rgba(2, 10, 17, 0.72); padding: 7px 9px; color: rgba(228, 213, 223, 0.78); font-size: 0.49rem; pointer-events: none; backdrop-filter: blur(12px); } .page-home-overlift-deck .pathfinder-route-legend span { display: flex; align-items: center; gap: 7px; } .page-home-overlift-deck .pathfinder-route-legend i { width: 24px; height: 2px; border-radius: 999px; background: var(--pf-rose); box-shadow: 0 0 7px rgba(62, 234, 193, 0.65); } .page-home-overlift-deck .pathfinder-route-legend [data-route-style="unavailable"] i { background: repeating-linear-gradient(90deg, var(--pf-red) 0 6px, transparent 6px 10px); box-shadow: none; } .page-home-overlift-deck .pathfinder-route-legend [data-route-style="sla-fail"] i { background: repeating-linear-gradient(90deg, var(--pf-amber) 0 6px, transparent 6px 10px); box-shadow: none; } .page-home-overlift-deck .pathfinder-route-legend [data-route-style="approval"] i { background: repeating-linear-gradient(90deg, var(--pf-blue) 0 3px, transparent 3px 7px); box-shadow: none; } .page-home-overlift-deck .pathfinder-globe-credit { position: absolute; z-index: 21; right: 12px; bottom: 12px; max-width: 250px; color: rgba(126, 158, 183, 0.52); font-size: 0.39rem; text-align: right; pointer-events: none; } .page-home-overlift-deck .pathfinder-decision-stack { display: grid; min-width: 0; min-height: 0; grid-template-rows: auto minmax(108px, 1fr) auto auto; gap: 7px; overflow: hidden; } .page-home-overlift-deck .pathfinder-route-table { display: grid; } .page-home-overlift-deck .pathfinder-route-head, .page-home-overlift-deck .pathfinder-route-row { display: grid; grid-template-columns: minmax(88px, 1.05fr) 0.62fr 0.66fr minmax(112px, 1.25fr) 28px; align-items: center; gap: 5px; min-height: 31px; border-bottom: 1px solid rgba(176, 74, 207, 0.12); padding: 3px 8px; } .page-home-overlift-deck .pathfinder-route-head { min-height: 25px; color: var(--pf-dim); font-size: 0.46rem; font-weight: 700; } .page-home-overlift-deck .pathfinder-route-row:last-child { border-bottom: 0; } .page-home-overlift-deck .pathfinder-route-row.is-selected { background: linear-gradient(90deg, rgba(33, 181, 151, 0.10), transparent 82%); } .page-home-overlift-deck .pathfinder-route-row > button:first-child { min-width: 0; overflow: hidden; border: 0; background: transparent; padding: 2px 0; color: rgba(241, 234, 243, 0.92); font-size: 0.59rem; font-weight: 720; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-route-row > span { color: rgba(224, 212, 228, 0.78); font-size: 0.52rem; font-variant-numeric: tabular-nums; } .page-home-overlift-deck .pathfinder-route-row > strong { justify-self: start; border-radius: 999px; background: rgba(181, 86, 210, 0.13); padding: 3px 6px; color: rgba(222, 210, 226, 0.82); font-size: 0.45rem; font-weight: 700; white-space: nowrap; } .page-home-overlift-deck .pathfinder-route-row > button:last-child { display: grid; width: 24px; height: 24px; place-items: center; border: 0; border-radius: 6px; background: transparent; color: rgba(219, 158, 199, 0.62); font-size: 0.7rem; } .page-home-overlift-deck .pathfinder-route-row > button:last-child[aria-pressed="true"] { color: var(--pf-magenta); } .page-home-overlift-deck .pathfinder-route-row[data-route-state="unavailable"] > button:first-child, .page-home-overlift-deck .pathfinder-route-row[data-route-state="unavailable"] > strong { color: var(--pf-red); } .page-home-overlift-deck .pathfinder-route-row[data-route-state="selected"] > button:first-child, .page-home-overlift-deck .pathfinder-route-row[data-route-state="selected"] > strong { color: var(--pf-rose); } .page-home-overlift-deck .pathfinder-route-row[data-route-state="sla-fail"] > button:first-child, .page-home-overlift-deck .pathfinder-route-row[data-route-state="sla-fail"] > strong { color: var(--pf-amber); } .page-home-overlift-deck .pathfinder-route-row[data-route-state="approval"] > button:first-child, .page-home-overlift-deck .pathfinder-route-row[data-route-state="approval"] > strong { color: var(--pf-blue); } .page-home-overlift-deck .pathfinder-evidence-panel { display: grid; grid-template-rows: auto minmax(0, 1fr); } .page-home-overlift-deck .pathfinder-evidence-columns { display: grid; min-height: 0; grid-template-columns: 1fr 1fr; } .page-home-overlift-deck .pathfinder-evidence-columns > div { min-width: 0; padding: 7px 9px; } .page-home-overlift-deck .pathfinder-evidence-columns > div + div { border-left: 1px solid rgba(177, 76, 207, 0.13); } .page-home-overlift-deck .pathfinder-evidence-columns h3 { display: flex; align-items: center; gap: 4px; margin: 0 0 5px; color: var(--pf-green); font-size: 0.56rem; } .page-home-overlift-deck .pathfinder-evidence-columns > div:last-child h3 { color: var(--pf-red); } .page-home-overlift-deck .pathfinder-evidence-columns h3 b { display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; background: rgba(119, 239, 155, 0.11); font-size: 0.48rem; } .page-home-overlift-deck .pathfinder-evidence-columns ul { display: grid; gap: 4px; margin: 0; padding: 0; overflow: hidden auto; list-style: none; } .page-home-overlift-deck .pathfinder-evidence-columns li { position: relative; min-width: 0; padding-left: 15px; color: rgba(228, 213, 223, 0.81); font-size: 0.50rem; line-height: 1.25; } .page-home-overlift-deck .pathfinder-evidence-columns li::before { position: absolute; top: 0; left: 0; color: var(--pf-green); content: "✓"; } .page-home-overlift-deck .pathfinder-evidence-columns > div:last-child li::before { color: var(--pf-red); content: "⊘"; } .page-home-overlift-deck .pathfinder-evidence-columns li { display: flex; justify-content: space-between; gap: 5px; } .page-home-overlift-deck .pathfinder-evidence-columns li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-evidence-columns li em { color: rgba(239, 131, 123, 0.73); font-size: 0.43rem; font-style: normal; } .page-home-overlift-deck .pathfinder-authority-panel { border-color: rgba(236, 177, 77, 0.34); background: linear-gradient(150deg, rgba(25, 19, 8, 0.90), rgba(5, 10, 16, 0.95)); } .page-home-overlift-deck .pathfinder-authority-panel .pathfinder-card-title { border-bottom-color: rgba(239, 179, 75, 0.19); } .page-home-overlift-deck .pathfinder-authority-panel .pathfinder-card-title > div > span, .page-home-overlift-deck .pathfinder-authority-avatar { color: var(--pf-gold); } .page-home-overlift-deck .pathfinder-authority-avatar { font-size: 1.1rem; } .page-home-overlift-deck .pathfinder-authority-panel dl { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; margin: 0; padding: 7px 10px 3px; } .page-home-overlift-deck .pathfinder-authority-panel dl div { display: flex; justify-content: space-between; gap: 8px; } .page-home-overlift-deck .pathfinder-authority-panel dt { color: rgba(227, 198, 142, 0.72); font-size: 0.48rem; } .page-home-overlift-deck .pathfinder-authority-panel dd { margin: 0; color: rgba(242, 241, 232, 0.91); font-size: 0.51rem; font-weight: 700; text-align: right; } .page-home-overlift-deck .pathfinder-authority-panel [data-pathfinder-authority-result] { color: var(--pf-amber); } .page-home-overlift-deck .pathfinder-authority-panel p { margin: 4px 9px 7px; border: 1px solid rgba(235, 176, 79, 0.30); border-radius: 6px; padding: 5px 7px; color: rgba(247, 207, 130, 0.86); font-size: 0.49rem; text-align: center; } .page-home-overlift-deck .pathfinder-receipt-panel dl { display: grid; margin: 0; padding: 4px 9px 7px; } .page-home-overlift-deck .pathfinder-receipt-panel dl div { display: grid; min-height: 20px; grid-template-columns: 0.75fr 1.4fr 7px; align-items: center; gap: 6px; border-bottom: 1px solid rgba(176, 74, 207, 0.10); } .page-home-overlift-deck .pathfinder-receipt-panel dl div:last-child { border-bottom: 0; } .page-home-overlift-deck .pathfinder-receipt-panel dt { color: var(--pf-dim); font-size: 0.45rem; } .page-home-overlift-deck .pathfinder-receipt-panel dd { min-width: 0; overflow: hidden; margin: 0; color: rgba(235, 226, 238, 0.85); font-size: 0.48rem; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-receipt-panel code { color: rgba(234, 198, 222, 0.82); font-size: 0.46rem; } .page-home-overlift-deck .pathfinder-receipt-panel i { width: 6px; height: 6px; border-radius: 50%; background: var(--pf-amber); box-shadow: 0 0 8px rgba(255, 189, 88, 0.48); } .page-home-overlift-deck .pathfinder-receipt-panel i[data-state="ready"], .page-home-overlift-deck .pathfinder-receipt-panel i[data-state="pass"] { background: var(--pf-green); box-shadow: 0 0 8px rgba(119, 239, 155, 0.48); } .page-home-overlift-deck .pathfinder-receipt-panel i[data-state="error"] { background: var(--pf-red); } .page-home-overlift-deck .pathfinder-stage-dock { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(155px, 0.26fr); align-items: center; gap: 12px; min-height: 54px; border: 1px solid rgba(178, 78, 208, 0.20); border-radius: 11px; background: rgba(3, 10, 17, 0.82); padding: 6px 10px; } .page-home-overlift-deck .pathfinder-stage-flow { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 5px; } .page-home-overlift-deck .pathfinder-stage-flow > span { display: inline-flex; min-width: 0; align-items: center; gap: 5px; color: rgba(216, 179, 227, 0.62); opacity: 0.55; } .page-home-overlift-deck .pathfinder-stage-flow > span.is-active, .page-home-overlift-deck .pathfinder-stage-flow > span.is-complete { color: var(--pf-text); opacity: 1; } .page-home-overlift-deck .pathfinder-stage-flow i { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid rgba(244, 79, 189, 0.42); border-radius: 50%; background: rgba(8, 35, 52, 0.76); color: var(--pf-magenta); font-size: 0.60rem; font-style: normal; } .page-home-overlift-deck .pathfinder-stage-flow span:nth-of-type(3) i { border-color: rgba(207, 110, 255, 0.44); color: var(--pf-violet); } .page-home-overlift-deck .pathfinder-stage-flow span:nth-of-type(4) i, .page-home-overlift-deck .pathfinder-stage-flow span:nth-of-type(5) i { border-color: rgba(243, 189, 97, 0.48); color: var(--pf-gold); } .page-home-overlift-deck .pathfinder-stage-flow span:nth-of-type(6) i { border-color: rgba(119, 239, 155, 0.46); color: var(--pf-green); } .page-home-overlift-deck .pathfinder-stage-flow span:nth-of-type(7) i { border-color: rgba(62, 234, 193, 0.48); color: var(--pf-rose); } .page-home-overlift-deck .pathfinder-stage-flow b { overflow: hidden; font-size: 0.54rem; font-weight: 690; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-stage-flow em { color: rgba(153, 183, 205, 0.44); font-size: 0.7rem; font-style: normal; } .page-home-overlift-deck .pathfinder-research-chip { display: flex; align-items: center; gap: 7px; border: 1px solid rgba(207, 110, 255, 0.38); border-radius: 8px; background: rgba(89, 37, 116, 0.18); padding: 6px 9px; } .page-home-overlift-deck .pathfinder-research-chip > span { color: var(--pf-violet); } .page-home-overlift-deck .pathfinder-research-chip div { display: grid; } .page-home-overlift-deck .pathfinder-research-chip strong { color: #e6b7ff; font-size: 0.56rem; } .page-home-overlift-deck .pathfinder-research-chip small { color: rgba(211, 168, 235, 0.68); font-size: 0.46rem; } .page-home-overlift-deck .pathfinder-stage-dock > p { margin: 0; color: var(--pf-dim); font-size: 0.49rem; line-height: 1.3; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="operate"] .pathfinder-guided-experience { display: none; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="engineering"] .pathfinder-guided-experience { display: none; } @media (max-width: 1460px) { .page-home-overlift-deck .pathfinder-topbar { grid-template-columns: minmax(365px, 1fr) minmax(500px, 1.18fr) auto; } .page-home-overlift-deck .pathfinder-brand-copy { gap: 12px; } .page-home-overlift-deck .pathfinder-primary-nav button { padding-inline: 8px; } .page-home-overlift-deck .pathfinder-cockpit { grid-template-columns: minmax(282px, 0.84fr) minmax(450px, 1.45fr) minmax(335px, 1.02fr); } .page-home-overlift-deck .pathfinder-primary-actions button { min-width: 225px; } } @media (max-width: 1240px) { .page-home-overlift-deck .pathfinder-topbar { grid-template-columns: minmax(320px, 0.95fr) minmax(470px, 1.25fr) auto; } .page-home-overlift-deck .pathfinder-brand-copy > div small { display: none; } .page-home-overlift-deck .pathfinder-trust-strip { grid-template-columns: repeat(5, minmax(150px, 1fr)); overflow-x: auto; } .page-home-overlift-deck .pathfinder-cockpit { grid-template-columns: minmax(270px, 0.78fr) minmax(430px, 1.25fr) minmax(320px, 0.98fr); } .page-home-overlift-deck .pathfinder-route-head, .page-home-overlift-deck .pathfinder-route-row { grid-template-columns: minmax(80px, 1fr) 0.60fr 0.62fr minmax(92px, 1.05fr) 26px; } .page-home-overlift-deck .pathfinder-stage-flow b { display: none; } } @media (max-width: 1080px) { .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { height: min(94dvh, 1040px) !important; } .page-home-overlift-deck .pathfinder-topbar { grid-template-columns: minmax(280px, 1fr) minmax(0, 1.45fr) auto; min-height: 62px; } .page-home-overlift-deck .pathfinder-brand-orbit { flex-basis: 40px; width: 40px; height: 40px; } .page-home-overlift-deck .pathfinder-brand-copy > strong { font-size: 1.65rem; } .page-home-overlift-deck .pathfinder-brand-copy > div { display: none; } .page-home-overlift-deck .pathfinder-primary-nav button { min-height: 34px; } .page-home-overlift-deck .pathfinder-system-online { display: none; } .page-home-overlift-deck .pathfinder-guided-experience { overflow: hidden auto; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-cockpit { grid-template-columns: minmax(270px, 0.76fr) minmax(470px, 1.24fr); grid-template-rows: minmax(480px, 1fr) auto; } .page-home-overlift-deck .pathfinder-decision-stack { grid-column: 1 / -1; grid-template-columns: 1.15fr 1fr; grid-template-rows: auto auto; } .page-home-overlift-deck .pathfinder-route-panel { grid-column: 1; } .page-home-overlift-deck .pathfinder-evidence-panel { grid-column: 2; } .page-home-overlift-deck .pathfinder-authority-panel { grid-column: 1; } .page-home-overlift-deck .pathfinder-receipt-panel { grid-column: 2; } .page-home-overlift-deck .pathfinder-stage-dock { grid-template-columns: minmax(0, 1fr) auto; } .page-home-overlift-deck .pathfinder-stage-dock > p { display: none; } } @media (max-width: 800px) { .page-home-overlift-deck .home-app-inline .home-app-backdrop { width: calc(100% - 0.5rem) !important; } .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { height: min(94dvh, 1120px) !important; padding: 7px !important; border-radius: 16px !important; } .page-home-overlift-deck .pathfinder-topbar { grid-template-columns: auto minmax(0, 1fr) auto; gap: 7px; min-height: 54px; padding: 5px 6px !important; } .page-home-overlift-deck .pathfinder-brand-orbit { flex-basis: 34px; width: 34px; height: 34px; } .page-home-overlift-deck .pathfinder-brand-orbit::before, .page-home-overlift-deck .pathfinder-brand-orbit i { width: 24px; height: 24px; } .page-home-overlift-deck .pathfinder-brand-copy > strong { font-size: 1.3rem; } .page-home-overlift-deck .pathfinder-primary-nav { justify-content: flex-start !important; } .page-home-overlift-deck .pathfinder-primary-nav button { min-height: 31px; padding: 5px 7px; font-size: 0.56rem; } .page-home-overlift-deck .pathfinder-primary-nav button span { display: none; } .page-home-overlift-deck .pathfinder-topbar-tools button:first-of-type { display: none; } .page-home-overlift-deck .pathfinder-trust-strip { grid-template-columns: repeat(5, minmax(170px, 1fr)); } .page-home-overlift-deck .pathfinder-primary-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; } .page-home-overlift-deck .pathfinder-primary-actions button { min-width: 0; min-height: 40px; font-size: 0.73rem; } .page-home-overlift-deck .pathfinder-primary-actions .pathfinder-action-primary { grid-column: 1 / -1; } .page-home-overlift-deck .pathfinder-cockpit { grid-template-columns: 1fr; grid-template-rows: auto 470px auto; } .page-home-overlift-deck .pathfinder-guided-panel { max-height: none; } .page-home-overlift-deck .pathfinder-guided-steps { max-height: 250px; } .page-home-overlift-deck .pathfinder-globe-column { min-height: 470px; } .page-home-overlift-deck .pathfinder-decision-stack { grid-column: 1; grid-template-columns: 1fr; grid-template-rows: repeat(4, auto); } .page-home-overlift-deck .pathfinder-route-panel, .page-home-overlift-deck .pathfinder-evidence-panel, .page-home-overlift-deck .pathfinder-authority-panel, .page-home-overlift-deck .pathfinder-receipt-panel { grid-column: 1; } .page-home-overlift-deck .pathfinder-stage-dock { grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-research-chip { display: none; } .page-home-overlift-deck .pathfinder-stage-flow em { display: none; } } @media (max-width: 520px) { .page-home-overlift-deck .pathfinder-topbar { grid-template-columns: auto minmax(0, 1fr) auto; } .page-home-overlift-deck .pathfinder-brand-copy > strong { font-size: 1.08rem; } .page-home-overlift-deck .pathfinder-primary-nav button:nth-child(n+4) { display: none; } .page-home-overlift-deck .pathfinder-cockpit { grid-template-rows: auto 430px auto; } .page-home-overlift-deck .pathfinder-globe-column { min-height: 430px; } .page-home-overlift-deck .pathfinder-globe-engine-card { max-width: 175px; } .page-home-overlift-deck .pathfinder-renderer-badge { display: none; } .page-home-overlift-deck .pathfinder-adaptive-detail { top: 48px; right: 8px; } .page-home-overlift-deck .pathfinder-adaptive-detail > span { min-width: 72px; padding-inline: 5px; } .page-home-overlift-deck .pathfinder-adaptive-detail > span:last-child small { display: none; } .page-home-overlift-deck .pathfinder-globe-controls { grid-template-columns: repeat(2, 29px); } .page-home-overlift-deck .pathfinder-globe-controls #pathfinderGlobeReset { display: none; } .page-home-overlift-deck .pathfinder-globe-telemetry span:nth-child(n+3) { display: none; } .page-home-overlift-deck .pathfinder-globe-credit { display: none; } .page-home-overlift-deck .pathfinder-route-legend { grid-template-columns: repeat(2, auto); } .page-home-overlift-deck .pathfinder-guided-steps li div { grid-template-columns: 0.82fr 1.18fr; } .page-home-overlift-deck .pathfinder-route-head { display: none; } .page-home-overlift-deck .pathfinder-route-row { grid-template-columns: minmax(84px, 1fr) 0.62fr 0.68fr 26px; } .page-home-overlift-deck .pathfinder-route-row > strong { grid-column: 1 / 4; grid-row: 2; margin-bottom: 3px; } .page-home-overlift-deck .pathfinder-route-row > button:last-child { grid-column: 4; grid-row: 1 / 3; } .page-home-overlift-deck .pathfinder-authority-panel dl { grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-stage-flow { overflow-x: auto; justify-content: flex-start; scrollbar-width: none; } .page-home-overlift-deck .pathfinder-stage-flow > span { flex: 0 0 auto; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .pathfinder-guided-experience *, .page-home-overlift-deck .pathfinder-globe-stage * { animation: none !important; transition-duration: 0.01ms !important; } } .page-home-overlift-deck .pathfinder-globe-stage.is-static-fallback .globe-world-layer, .page-home-overlift-deck .pathfinder-globe-stage.is-static-fallback .globe-label-layer { pointer-events: none; } .page-home-overlift-deck .pathfinder-regional-clipmap { position: absolute; z-index: 22; top: 164px; right: 12px; display: flex; align-items: stretch; gap: 4px; max-width: min(390px, calc(100% - 24px)); border: 1px solid rgba(126, 92, 255, 0.22); border-radius: 8px; background: rgba(4, 9, 20, 0.72); padding: 4px; color: white; pointer-events: none; backdrop-filter: blur(10px); } .page-home-overlift-deck .pathfinder-regional-clipmap > span { display: grid; min-width: 118px; gap: 1px; border-radius: 5px; background: rgba(25, 18, 54, 0.34); padding: 4px 6px; } .page-home-overlift-deck .pathfinder-regional-clipmap strong, .page-home-overlift-deck .pathfinder-regional-clipmap b { color: #b7a6ff; font-size: 0.44rem; font-weight: 760; } .page-home-overlift-deck .pathfinder-regional-clipmap small { color: var(--pf-dim); font-size: 0.37rem; line-height: 1.25; } .page-home-overlift-deck .pathfinder-globe-stage[data-regional-clipmap-active="true"] .pathfinder-regional-clipmap { border-color: rgba(244, 79, 189, 0.42); box-shadow: 0 0 18px rgba(244, 79, 189, 0.10), inset 0 0 18px rgba(126, 92, 255, 0.04); } .page-home-overlift-deck .pathfinder-globe-stage[data-regional-clipmap-active="true"] .pathfinder-regional-clipmap strong { color: var(--pf-magenta); } .page-home-overlift-deck .pathfinder-globe-stage[data-regional-clipmap-state="parent-fallback"] .pathfinder-regional-clipmap, .page-home-overlift-deck .pathfinder-globe-stage[data-regional-clipmap-state="degraded-parent-fallback"] .pathfinder-regional-clipmap { border-color: rgba(255, 189, 88, 0.36); } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-regional-clipmap { top: 158px; right: 8px; max-width: calc(100% - 16px); } .page-home-overlift-deck .pathfinder-regional-clipmap > span { min-width: 92px; padding-inline: 5px; } .page-home-overlift-deck .pathfinder-regional-clipmap > span:last-child button { max-width: 128px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .page-home-overlift-deck .pathfinder-guided-experience { --pf-type-micro: clamp(0.60rem, 0.54vw, 0.68rem); --pf-type-small: clamp(0.66rem, 0.60vw, 0.76rem); --pf-type-body: clamp(0.72rem, 0.66vw, 0.84rem); --pf-type-label: clamp(0.76rem, 0.70vw, 0.88rem); } .page-home-overlift-deck .pathfinder-brand-copy small { font-size: clamp(0.72rem, 0.68vw, 0.84rem); } .page-home-overlift-deck .pathfinder-primary-nav button { min-height: 42px; font-size: clamp(0.70rem, 0.65vw, 0.80rem); } .page-home-overlift-deck .pathfinder-system-online { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-trust-strip article { min-height: 58px; padding-block: 9px; } .page-home-overlift-deck .pathfinder-trust-strip strong { font-size: var(--pf-type-label); } .page-home-overlift-deck .pathfinder-trust-strip small { font-size: var(--pf-type-small); line-height: 1.34; } .page-home-overlift-deck .pathfinder-panel-heading, .page-home-overlift-deck .pathfinder-card-title { min-height: 40px; padding-block: 9px; } .page-home-overlift-deck .pathfinder-panel-heading span, .page-home-overlift-deck .pathfinder-card-title strong { font-size: clamp(0.82rem, 0.72vw, 0.94rem); } .page-home-overlift-deck .pathfinder-panel-heading small, .page-home-overlift-deck .pathfinder-card-title small { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-panel-heading button, .page-home-overlift-deck .pathfinder-card-title button { width: 28px; height: 28px; font-size: 0.80rem; } .page-home-overlift-deck .pathfinder-context-card { font-size: var(--pf-type-body); line-height: 1.52; } .page-home-overlift-deck .pathfinder-scenario-copy > span { font-size: var(--pf-type-label); } .page-home-overlift-deck .pathfinder-guided-steps li { min-height: 43px; } .page-home-overlift-deck .pathfinder-guided-steps li > span { width: 27px; height: 27px; font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-guided-steps strong { font-size: var(--pf-type-label); } .page-home-overlift-deck .pathfinder-guided-steps small { font-size: var(--pf-type-small); line-height: 1.3; } .page-home-overlift-deck .pathfinder-transport time, .page-home-overlift-deck .pathfinder-proof-status, .page-home-overlift-deck .pathfinder-guided-panel footer { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-proof-status { line-height: 1.38; } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label { min-width: 94px; } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label strong { font-size: clamp(0.76rem, 0.66vw, 0.88rem); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label small { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-globe-callout .globe-callout-kicker { font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-globe-callout strong { font-size: clamp(0.78rem, 0.70vw, 0.92rem); } .page-home-overlift-deck .pathfinder-globe-callout small { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-static-fallback-note strong { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-static-fallback-note span { font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-globe-engine-card { max-width: 290px; padding: 8px 10px; } .page-home-overlift-deck .pathfinder-globe-engine-card strong { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-globe-engine-card small, .page-home-overlift-deck .pathfinder-globe-engine-card code { font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-renderer-badge { font-size: var(--pf-type-micro); padding: 6px 9px; } .page-home-overlift-deck .pathfinder-adaptive-detail strong, .page-home-overlift-deck .pathfinder-adaptive-detail b, .page-home-overlift-deck .pathfinder-regional-clipmap strong, .page-home-overlift-deck .pathfinder-regional-clipmap b { font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-adaptive-detail small, .page-home-overlift-deck .pathfinder-regional-clipmap small { font-size: clamp(0.52rem, 0.47vw, 0.60rem); line-height: 1.32; } .page-home-overlift-deck .pathfinder-globe-telemetry b { font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-globe-telemetry small { font-size: clamp(0.52rem, 0.47vw, 0.60rem); } .page-home-overlift-deck .pathfinder-route-legend { font-size: clamp(0.60rem, 0.54vw, 0.68rem); line-height: 1.34; } .page-home-overlift-deck .pathfinder-globe-credit { font-size: clamp(0.50rem, 0.44vw, 0.58rem); line-height: 1.3; } .page-home-overlift-deck .pathfinder-decision-stack { overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-route-head { min-height: 27px; font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-route-row { min-height: 38px; } .page-home-overlift-deck .pathfinder-route-row > button:first-child { font-size: var(--pf-type-body); } .page-home-overlift-deck .pathfinder-route-row > span { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-route-row > strong { font-size: var(--pf-type-micro); padding: 4px 7px; } .page-home-overlift-deck .pathfinder-evidence-columns h3 { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-evidence-columns h3 b { font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-evidence-columns li { font-size: clamp(0.60rem, 0.54vw, 0.70rem); line-height: 1.38; } .page-home-overlift-deck .pathfinder-evidence-columns li em { font-size: clamp(0.54rem, 0.48vw, 0.62rem); } .page-home-overlift-deck .pathfinder-authority-panel dt { font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-authority-panel dd { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-authority-panel p { font-size: var(--pf-type-small); line-height: 1.35; } .page-home-overlift-deck .pathfinder-receipt-panel dl div { min-height: 25px; } .page-home-overlift-deck .pathfinder-receipt-panel dt { font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-receipt-panel dd { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-receipt-panel code { font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-stage-dock { min-height: 64px; } .page-home-overlift-deck .pathfinder-stage-flow i { width: 30px; height: 30px; font-size: 0.70rem; } .page-home-overlift-deck .pathfinder-stage-flow b { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-stage-flow em { font-size: 0.78rem; } .page-home-overlift-deck .pathfinder-research-chip strong { font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-research-chip small, .page-home-overlift-deck .pathfinder-stage-dock > p { font-size: var(--pf-type-micro); } @media (max-width: 1080px) { .page-home-overlift-deck .pathfinder-guided-experience { overflow: hidden auto; overscroll-behavior: contain; } .page-home-overlift-deck .pathfinder-decision-stack { overflow: visible; } .page-home-overlift-deck .pathfinder-trust-strip strong { font-size: clamp(0.70rem, 1.12vw, 0.78rem); } .page-home-overlift-deck .pathfinder-trust-strip small { font-size: clamp(0.62rem, 1vw, 0.70rem); } } @media (max-width: 520px) { .page-home-overlift-deck .pathfinder-primary-nav button { min-height: 40px; font-size: 0.70rem; } .page-home-overlift-deck .pathfinder-primary-actions button { min-height: 46px; font-size: 0.80rem; } .page-home-overlift-deck .pathfinder-globe-engine-card { max-width: 210px; } .page-home-overlift-deck .pathfinder-adaptive-detail strong, .page-home-overlift-deck .pathfinder-regional-clipmap strong { font-size: 0.56rem; } .page-home-overlift-deck .pathfinder-adaptive-detail small, .page-home-overlift-deck .pathfinder-regional-clipmap small { font-size: 0.50rem; } .page-home-overlift-deck .pathfinder-route-legend { font-size: 0.58rem; } } .page-home-overlift-deck .pathfinder-route-panel { min-height: 218px; } .page-home-overlift-deck .pathfinder-evidence-panel { min-height: 172px; } @media (max-width: 1080px) { .page-home-overlift-deck .pathfinder-route-panel, .page-home-overlift-deck .pathfinder-evidence-panel { min-height: auto; } } @media (max-width: 1080px) { .page-home-overlift-deck .pathfinder-guided-experience { grid-template-rows: auto auto auto auto; align-content: start; overflow: hidden auto; } .page-home-overlift-deck .pathfinder-cockpit { height: auto; min-height: 0; grid-template-rows: 560px auto; align-self: start; overflow: visible; } .page-home-overlift-deck .pathfinder-decision-stack { height: auto; min-height: 0; overflow: visible; } } @media (max-width: 800px) { .page-home-overlift-deck .pathfinder-cockpit { grid-template-rows: auto 500px auto; } .page-home-overlift-deck .pathfinder-guided-panel { min-height: 610px; } .page-home-overlift-deck .pathfinder-globe-column { min-height: 500px; } } @media (max-width: 520px) { .page-home-overlift-deck .pathfinder-cockpit { grid-template-rows: auto 455px auto; } .page-home-overlift-deck .pathfinder-guided-panel { min-height: 625px; } .page-home-overlift-deck .pathfinder-globe-column { min-height: 455px; } } .page-home-overlift-deck .pathfinder-globe-preview { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; opacity: 1; filter: saturate(0.96) contrast(1.04) brightness(0.88); transition: opacity 80ms linear; pointer-events: none; user-select: none; } .page-home-overlift-deck .pathfinder-globe-stage.is-ready .pathfinder-globe-preview { opacity: 0; filter: saturate(0.96) contrast(1.04) brightness(0.88); } .page-home-overlift-deck .pathfinder-renderer-badge[data-state="preview"] { color: rgba(230, 205, 222, 0.82); border-color: rgba(222, 123, 189, 0.28); } .page-home-overlift-deck [data-overlift-bootstrap-state="loading-core"] .pathfinder-action-primary, .page-home-overlift-deck [data-overlift-bootstrap-state="loading-globe"] .pathfinder-action-primary { cursor: progress; box-shadow: 0 0 0 1px rgba(244, 79, 189, 0.34), 0 0 34px rgba(244, 79, 189, 0.30); } .page-home-overlift-deck [data-overlift-bootstrap-state="loading-core"] .pathfinder-action-primary::after, .page-home-overlift-deck [data-overlift-bootstrap-state="loading-globe"] .pathfinder-action-primary::after { display: inline-block; width: 0.75em; height: 0.75em; margin-left: 0.55em; border: 2px solid rgba(255, 255, 255, 0.34); border-top-color: #fff; border-radius: 50%; content: ""; animation: pathfinder-bootstrap-spin 800ms linear infinite; } @keyframes pathfinder-bootstrap-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .pathfinder-globe-preview { transition: none; } .page-home-overlift-deck [data-overlift-bootstrap-state="loading-core"] .pathfinder-action-primary::after, .page-home-overlift-deck [data-overlift-bootstrap-state="loading-globe"] .pathfinder-action-primary::after { animation: none; } } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="operate"] .pathfinder-guided-experience { display: grid !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="operate"] .home-truth-theater > :not(.pathfinder-guided-experience), .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"] .home-truth-theater > :not(.pathfinder-guided-experience) { display: none !important; } .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-primary-nav button:not([data-open-overlift-glossary]), .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-compat-tabs, .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-system-online, .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) [data-deck-reset] { display: none !important; } .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-primary-nav { justify-self: end; grid-column: 2; } .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-topbar { grid-template-columns: minmax(0, 1fr) auto auto; } .page-home-overlift-deck .pathfinder-brand-copy > div > span { font-weight: 560; letter-spacing: -.01em; } .page-home-overlift-deck .pathfinder-brand-copy > div > small { opacity: .68; } .page-home-overlift-deck .pathfinder-guided-experience { grid-template-rows: auto auto minmax(0, 1fr); gap: 12px; min-height: 0; padding: 0 12px 12px; overflow: hidden; } .page-home-overlift-deck .pathfinder-trust-strip { min-height: 58px; border-color: rgba(174, 70, 206, .19); background: linear-gradient(180deg, rgba(3, 13, 23, .88), rgba(2, 9, 17, .72)); box-shadow: inset 0 1px rgba(255,255,255,.025); } .page-home-overlift-deck .pathfinder-trust-strip article { min-height: 56px; padding: 8px 14px; } .page-home-overlift-deck .pathfinder-primary-actions { justify-content: center; gap: 16px; min-height: 54px; } .page-home-overlift-deck .pathfinder-primary-actions button { min-width: 260px; min-height: 50px; border-radius: 9px; font-weight: 720; } .page-home-overlift-deck .pathfinder-cockpit.pathfinder-globe-first { display: grid; grid-template-columns: minmax(292px, .72fr) minmax(610px, 1.82fr) minmax(300px, .76fr); grid-template-rows: minmax(0, 1fr); gap: 12px; min-height: 0; overflow: hidden; } .page-home-overlift-deck .pathfinder-globe-first > .pathfinder-panel { border: 1px solid rgba(184, 91, 212, .28); border-radius: 11px; background: linear-gradient(180deg, rgba(5, 15, 25, .94), rgba(1, 8, 15, .88)), radial-gradient(circle at 50% 0%, rgba(209, 53, 157, .06), transparent 55%); box-shadow: inset 0 1px rgba(255,255,255,.025), 0 16px 40px rgba(0,0,0,.18); } .page-home-overlift-deck .pathfinder-guided-panel { display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: 18px 18px 14px; overflow: hidden auto; } .page-home-overlift-deck .pathfinder-scenario-eyebrow, .page-home-overlift-deck .pathfinder-stage-label, .page-home-overlift-deck .pathfinder-stage-subhead { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .page-home-overlift-deck .pathfinder-scenario-eyebrow > span, .page-home-overlift-deck .pathfinder-stage-label > span { color: #d890ef; font-size: .74rem; font-weight: 760; letter-spacing: .11em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-scenario-eyebrow button, .page-home-overlift-deck .pathfinder-stage-context > header button { width: 29px; height: 29px; border: 1px solid rgba(234, 78, 182, .42); border-radius: 50%; color: var(--pf-magenta); background: rgba(5, 18, 29, .74); } .page-home-overlift-deck .pathfinder-scenario-copy { display: grid; gap: 10px; margin-top: 16px; } .page-home-overlift-deck .pathfinder-scenario-copy > span { color: var(--pf-magenta); font-weight: 700; } .page-home-overlift-deck .pathfinder-scenario-copy h2 { margin: 0; color: #f9f8fa; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.55rem, 1.55vw, 2.12rem); font-weight: 580; line-height: 1.16; letter-spacing: -.025em; } .page-home-overlift-deck .pathfinder-scenario-copy p { margin: 0; color: rgba(224, 212, 227, .82); font-size: .92rem; line-height: 1.62; } .page-home-overlift-deck .pathfinder-scenario-copy > small { color: rgba(218, 184, 229, .70); font-size: .80rem; line-height: 1.45; } .page-home-overlift-deck .pathfinder-grab-callout { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 10px; width: 100%; margin: 22px 0 18px; border: 0; border-top: 1px solid rgba(172, 66, 205, .18); border-bottom: 1px solid rgba(172, 66, 205, .18); padding: 16px 0; color: #f1b7de; text-align: left; background: transparent; } .page-home-overlift-deck .pathfinder-grab-callout:hover, .page-home-overlift-deck .pathfinder-grab-callout:focus-visible { color: white; } .page-home-overlift-deck .pathfinder-grab-callout > span { color: var(--pf-magenta); font-size: 1.55rem; } .page-home-overlift-deck .pathfinder-grab-callout strong { font-size: .94rem; line-height: 1.4; } .page-home-overlift-deck .pathfinder-stage-label { margin-top: 18px; padding-top: 4px; flex: 0 0 auto; } .page-home-overlift-deck .pathfinder-stage-label strong { color: rgba(238, 230, 240, .78); font-size: .75rem; } .page-home-overlift-deck .pathfinder-guided-steps { display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 0; margin: 12px 0 14px; padding: 0; list-style: none; min-height: 46px; flex: 0 0 auto; } .page-home-overlift-deck .pathfinder-guided-steps li { position: relative; display: grid; justify-items: center; gap: 6px; min-width: 0; padding: 0; background: transparent !important; } .page-home-overlift-deck .pathfinder-guided-steps li::after { content: ""; position: absolute; z-index: 0; top: 14px; left: calc(50% + 14px); width: calc(100% - 28px); height: 1px; background: rgba(174, 70, 206, .30); } .page-home-overlift-deck .pathfinder-guided-steps li:last-child::after { display:none; } .page-home-overlift-deck .pathfinder-guided-steps li > span { position: relative; z-index: 1; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(229, 76, 178, .54); border-radius: 50%; color: #efaed9; font-size: .72rem; background: #03111d; } .page-home-overlift-deck .pathfinder-guided-steps li.is-active > span { color: white; border-color: #f33db6; background: #54143f; box-shadow: 0 0 16px rgba(242, 48, 177, .32); } .page-home-overlift-deck .pathfinder-guided-steps li.is-complete > span { border-color: rgba(75,225,178,.7); color: #8effce; } .page-home-overlift-deck .pathfinder-guided-steps li div { display:none; min-width:0; } .page-home-overlift-deck .pathfinder-guided-steps li strong { display:none; } .page-home-overlift-deck .pathfinder-guided-steps li small { display:none; overflow:hidden; color: rgba(208, 164, 222, .62); font-size: .57rem; text-align:center; text-overflow:ellipsis; white-space:nowrap; } .page-home-overlift-deck .pathfinder-global-boundary { margin: 0 0 8px; border: 1px solid rgba(171, 108, 218, .20); border-radius: 8px; padding: 10px; color: rgba(208, 188, 226, .78); font-size: .76rem; line-height: 1.45; background: rgba(40, 18, 58, .15); } .page-home-overlift-deck .pathfinder-proof-status { margin: 0; color: rgba(225, 174, 208, .74); font-size: .74rem; line-height: 1.45; } .page-home-overlift-deck .pathfinder-guided-panel footer { margin-top: 10px; padding: 10px 0 0; } .page-home-overlift-deck .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-globe-stage { min-height: 0; height: 100%; } .page-home-overlift-deck .pathfinder-globe-stage { cursor: grab; border-color: rgba(178, 71, 211, .27); border-radius: 12px; background: #000207; overflow: hidden; touch-action: none; } .page-home-overlift-deck .pathfinder-globe-stage:active, .page-home-overlift-deck .pathfinder-globe-stage.is-dragging, .page-home-overlift-deck .pathfinder-globe-stage.is-preview-dragging { cursor: grabbing; } .page-home-overlift-deck .pathfinder-globe-stage.is-preview-dragging .pathfinder-globe-preview { transform: translate3d(var(--preview-drag-x,0px), var(--preview-drag-y,0px),0) rotate(var(--preview-drag-rotate,0deg)) scale(1.018); transition: none; } .page-home-overlift-deck .pathfinder-globe-preview { object-fit: cover; transform-origin: 50% 52%; transition: opacity 80ms linear; } .page-home-overlift-deck .pathfinder-drag-hint { position:absolute; z-index:24; left:50%; bottom:18px; display:flex; align-items:center; gap:9px; transform:translateX(-50%); border:1px solid rgba(187, 99, 214, .36); border-radius:999px; padding:10px 20px; color:rgba(233, 224, 236, .70); background:rgba(1,8,14,.72); backdrop-filter:blur(12px); pointer-events:none; } .page-home-overlift-deck .pathfinder-drag-hint > span { color:#f1e6f5; font-size:1.2rem; } .page-home-overlift-deck .pathfinder-drag-hint strong { font-size:.84rem; font-weight:560; } .page-home-overlift-deck .pathfinder-globe-controls { top: 14px; right: 14px; } .page-home-overlift-deck .pathfinder-engineering-overlays { display:none; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="engineering"] .pathfinder-engineering-overlays { display:contents; } .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-globe-credit { opacity:.46; font-size:.65rem; } .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-static-fallback-note { display:none !important; } .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-globe-callout { opacity:0 !important; pointer-events:none; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-proof-stage="3"] .pathfinder-globe-callout, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-proof-stage="4"] .pathfinder-globe-callout { opacity:1 !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-proof-stage="0"] .globe-hub-label:not(.is-origin):not(.is-destination):not(.is-unavailable) { opacity:0 !important; } .page-home-overlift-deck .pathfinder-stage-context { display:flex; flex-direction:column; min-width:0; min-height:0; padding:18px; overflow:hidden auto; } .page-home-overlift-deck .pathfinder-stage-context > header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:18px; } .page-home-overlift-deck .pathfinder-stage-context > header div { display:grid; gap:6px; } .page-home-overlift-deck .pathfinder-stage-context > header span { color:var(--pf-magenta); font-size:.72rem; font-weight:760; letter-spacing:.1em; text-transform:uppercase; } .page-home-overlift-deck .pathfinder-stage-context > header strong { color:#f8f7f8; font-size:1.35rem; line-height:1.2; } .page-home-overlift-deck .pathfinder-stage-panel { display:grid; gap:13px; min-height:0; } .page-home-overlift-deck .pathfinder-stage-panel[hidden] { display:none !important; } .page-home-overlift-deck .pathfinder-stage-panel h3 { margin:0; color:#f7f5f8; font-size:1.15rem; } .page-home-overlift-deck .pathfinder-stage-panel > p { margin:0; color:rgba(222, 191, 231, .76); line-height:1.55; } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button { display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:12px; width:100%; min-height:82px; border:0; border-top:1px solid rgba(171, 64, 204, .14); padding:13px 0; color:inherit; text-align:left; background:transparent; } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button:first-of-type { border-top:0; } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button:hover span strong, .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button:focus-visible span strong { color:white; } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button > i { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; color:#f55ec3; font-style:normal; background:rgba(154, 44, 117, .16); } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button:nth-of-type(2) > i { color:#71efad; background:rgba(32,143,81,.14); } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button:nth-of-type(3) > i { color:#d79bff; background:rgba(131,65,177,.14); } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button:nth-of-type(4) > i { color:#ffd16c; background:rgba(172,114,25,.14); } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button span { display:grid; gap:5px; } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button strong { color:#f6f3f5; font-size:.90rem; line-height:1.3; } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button small { color:rgba(227, 179, 211, .68); font-size:.76rem; line-height:1.42; } .page-home-overlift-deck .pathfinder-stage-subhead h3 { margin:0; } .page-home-overlift-deck .pathfinder-stage-subhead button, .page-home-overlift-deck .pathfinder-execution-panel button { border:1px solid rgba(228, 73, 176, .40); border-radius:7px; padding:8px 10px; color:#f1b6dd; background:rgba(3,20,32,.68); } .page-home-overlift-deck .pathfinder-route-table { min-width:0; border:1px solid rgba(203, 61, 156, .17); border-radius:8px; overflow:hidden; } .page-home-overlift-deck .pathfinder-route-head, .page-home-overlift-deck .pathfinder-route-row { grid-template-columns:minmax(105px,1.15fr) 72px 86px minmax(106px,1fr) 38px; } .page-home-overlift-deck [data-pathfinder-route-table-body] { display:grid; } .page-home-overlift-deck .pathfinder-selected-route-summary { display:grid; gap:7px; border:1px solid rgba(61,227,188,.23); border-radius:8px; padding:12px; background:rgba(9,71,59,.10); } .page-home-overlift-deck .pathfinder-selected-route-summary > strong { color:#8effd9; } .page-home-overlift-deck .pathfinder-selected-route-summary > span { display:flex; gap:14px; color:#f5f3f4; } .page-home-overlift-deck .pathfinder-selected-route-summary > small { color:rgba(188,222,211,.72); } .page-home-overlift-deck .pathfinder-route-legend { position:static; display:flex; flex-wrap:wrap; gap:8px 13px; border:0; padding:0; background:transparent; } .page-home-overlift-deck .pathfinder-evidence-columns { grid-template-columns:1fr; gap:12px; } .page-home-overlift-deck .pathfinder-evidence-columns > div { border:1px solid rgba(203, 57, 154, .15); border-radius:8px; padding:10px; } .page-home-overlift-deck .pathfinder-evidence-columns h4 { margin:0 0 8px; } .page-home-overlift-deck .pathfinder-meaning-panel dl, .page-home-overlift-deck .pathfinder-authority-panel dl, .page-home-overlift-deck .pathfinder-receipt-panel dl { display:grid; gap:8px; margin:0; } .page-home-overlift-deck .pathfinder-meaning-panel dl > div, .page-home-overlift-deck .pathfinder-authority-panel dl > div, .page-home-overlift-deck .pathfinder-receipt-panel dl > div { display:grid; grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr) auto; gap:10px; align-items:center; border-bottom:1px solid rgba(201, 54, 152, .12); padding:8px 0; } .page-home-overlift-deck .pathfinder-transport[hidden] { display:none !important; } .page-home-overlift-deck .pathfinder-stage-dock[hidden] { display:none !important; } @media (max-width: 1320px) { .page-home-overlift-deck .pathfinder-cockpit.pathfinder-globe-first { grid-template-columns:minmax(250px,.72fr) minmax(470px,1.55fr) minmax(275px,.78fr); } .page-home-overlift-deck .pathfinder-primary-actions button { min-width:220px; } .page-home-overlift-deck .pathfinder-route-head, .page-home-overlift-deck .pathfinder-route-row { grid-template-columns:minmax(92px,1fr) 62px 74px minmax(96px,1fr) 34px; } } @media (max-width: 1040px) { .page-home-overlift-deck .pathfinder-guided-experience { overflow:hidden auto; } .page-home-overlift-deck .pathfinder-cockpit.pathfinder-globe-first { grid-template-columns:minmax(250px,.72fr) minmax(0,1.35fr); grid-template-rows:minmax(540px,65vh) auto; overflow:visible; } .page-home-overlift-deck .pathfinder-stage-context { grid-column:1 / -1; min-height:360px; } .page-home-overlift-deck .pathfinder-primary-actions button { min-width:0; flex:1 1 200px; } } @media (max-width: 720px) { .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-topbar { grid-template-columns:minmax(0,1fr) auto; } .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-primary-nav { grid-column:2; } .page-home-overlift-deck .pathfinder-brand-copy > div > small { display:none; } .page-home-overlift-deck .pathfinder-guided-experience { gap:9px; padding:0 7px 9px; } .page-home-overlift-deck .pathfinder-trust-strip { grid-template-columns:repeat(5,minmax(170px,1fr)); overflow-x:auto; } .page-home-overlift-deck .pathfinder-primary-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; } .page-home-overlift-deck .pathfinder-primary-actions .pathfinder-action-primary { grid-column:1 / -1; } .page-home-overlift-deck .pathfinder-primary-actions button { min-height:46px; } .page-home-overlift-deck .pathfinder-cockpit.pathfinder-globe-first { display:flex; flex-direction:column; gap:9px; overflow:visible; } .page-home-overlift-deck .pathfinder-globe-column { order:1; min-height:490px; } .page-home-overlift-deck .pathfinder-guided-panel { order:2; min-height:0; padding:15px; } .page-home-overlift-deck .pathfinder-stage-context { order:3; min-height:390px; padding:15px; } .page-home-overlift-deck .pathfinder-scenario-copy h2 { font-size:1.65rem; } .page-home-overlift-deck .pathfinder-guided-steps li small { display:none; } .page-home-overlift-deck .pathfinder-globe-controls { top:10px; right:10px; } .page-home-overlift-deck .pathfinder-drag-hint { bottom:12px; max-width:calc(100% - 24px); padding:9px 14px; white-space:nowrap; } .page-home-overlift-deck .pathfinder-route-head, .page-home-overlift-deck .pathfinder-route-row { grid-template-columns:minmax(96px,1.2fr) 64px 74px 32px; } .page-home-overlift-deck .pathfinder-route-head span:nth-child(4), .page-home-overlift-deck .pathfinder-route-row strong { display:none; } .page-home-overlift-deck .pathfinder-route-head span:nth-child(5) { grid-column:4; } } .page-home-overlift-deck .pathfinder-stage-context .pathfinder-route-head, .page-home-overlift-deck .pathfinder-stage-context .pathfinder-route-row { grid-template-columns: minmax(118px, 1.25fr) 55px 70px 32px; } .page-home-overlift-deck .pathfinder-stage-context .pathfinder-route-row > button:first-child { display: grid; gap: 3px; overflow: visible; text-overflow: clip; white-space: normal; } .page-home-overlift-deck .pathfinder-stage-context .pathfinder-route-row > button:first-child > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-stage-context .pathfinder-route-row > button:first-child > small { color: rgba(208, 164, 221, .70); font-size: .70rem; font-weight: 560; line-height: 1.22; } .page-home-overlift-deck .pathfinder-stage-context .pathfinder-route-row[data-route-state="unavailable"] > button:first-child > small { color: var(--pf-red); } .page-home-overlift-deck .pathfinder-stage-context .pathfinder-route-row[data-route-state="selected"] > button:first-child > small { color: var(--pf-rose); } .page-home-overlift-deck .pathfinder-stage-context .pathfinder-route-row[data-route-state="sla-fail"] > button:first-child > small { color: var(--pf-amber); } .page-home-overlift-deck .pathfinder-stage-context .pathfinder-route-row[data-route-state="approval"] > button:first-child > small { color: var(--pf-blue); } .page-home-overlift-deck .pathfinder-guided-experience { grid-template-rows: auto auto auto minmax(0, 1fr) auto; } .page-home-overlift-deck .pathfinder-query-launcher { position: relative; z-index: 28; display: grid; min-width: 0; gap: 6px; border: 1px solid rgba(217, 84, 173, 0.28); border-radius: 12px; padding: 8px 10px 7px; background: radial-gradient(circle at 28% 0%, rgba(207, 42, 152, 0.11), transparent 42%), linear-gradient(150deg, rgba(5, 18, 29, 0.96), rgba(2, 9, 16, 0.96)); box-shadow: inset 0 1px 0 rgba(255,255,255,0.035), 0 10px 28px rgba(0,0,0,.24); } .page-home-overlift-deck .pathfinder-query-form { display: grid; min-width: 0; grid-template-columns: minmax(238px, .72fr) minmax(390px, 1.72fr); grid-template-areas: "heading entry" "help help"; align-items: center; gap: 5px 12px; margin: 0; } .page-home-overlift-deck .pathfinder-query-heading { grid-area: heading; display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; } .page-home-overlift-deck .pathfinder-query-heading > label { display: grid; min-width: 0; gap: 1px; } .page-home-overlift-deck .pathfinder-query-heading > label strong { color: #f8f6f7; font-size: 1rem; font-weight: 760; letter-spacing: -.015em; } .page-home-overlift-deck .pathfinder-query-heading > label small, .page-home-overlift-deck .pathfinder-query-form > p { color: rgba(213, 173, 225, .70); font-size: .70rem; line-height: 1.35; } .page-home-overlift-deck .pathfinder-query-heading-actions { display: flex; align-items: center; gap: 7px; } .page-home-overlift-deck .pathfinder-query-scope { display: grid; gap: 1px; } .page-home-overlift-deck .pathfinder-query-scope > span { color: rgba(203, 155, 218, .64); font-size: .58rem; font-weight: 720; letter-spacing: .07em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-query-scope select, .page-home-overlift-deck .pathfinder-question-coach-toggle { min-height: 32px; border: 1px solid rgba(211, 87, 170, .28); border-radius: 7px; padding: 5px 28px 5px 9px; background: rgba(2, 11, 19, .86); color: #f1ddea; font-size: .69rem; font-weight: 670; } .page-home-overlift-deck .pathfinder-question-coach-toggle { align-self: end; padding-right: 9px; color: #e889c8; cursor: pointer; } .page-home-overlift-deck .pathfinder-question-coach-toggle[aria-expanded="true"] { border-color: rgba(231, 132, 198, .76); background: rgba(80, 21, 60, .54); box-shadow: 0 0 18px rgba(229, 53, 170, .16); } .page-home-overlift-deck .pathfinder-query-entry { grid-area: entry; display: grid; min-width: 0; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; border: 1px solid rgba(226, 87, 180, .42); border-radius: 9px; background: rgba(0, 7, 13, .90); box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 0 0 1px rgba(0,0,0,.28); overflow: hidden; } .page-home-overlift-deck .pathfinder-query-entry:focus-within { border-color: rgba(245, 97, 196, .94); box-shadow: 0 0 0 2px rgba(236, 72, 181, .12), 0 0 22px rgba(219, 41, 160, .15); } .page-home-overlift-deck .pathfinder-query-entry > span { display: grid; height: 100%; place-items: center; color: #f55cc2; font-size: .92rem; } .page-home-overlift-deck .pathfinder-query-entry input { width: 100%; min-width: 0; min-height: 42px; border: 0; outline: 0; padding: 8px 10px 8px 0; background: transparent; color: #f8f5f7; font-size: .88rem; } .page-home-overlift-deck .pathfinder-query-entry input::placeholder { color: rgba(216, 149, 194, .54); } .page-home-overlift-deck .pathfinder-query-entry button { min-height: 42px; border: 0; border-left: 1px solid rgba(229, 100, 186, .28); padding: 0 18px; background: linear-gradient(180deg, rgba(180, 44, 135, .96), rgba(125, 24, 91, .98)); color: white; font-size: .76rem; font-weight: 780; cursor: pointer; } .page-home-overlift-deck .pathfinder-query-entry button:hover, .page-home-overlift-deck .pathfinder-query-entry button:focus-visible { background: linear-gradient(180deg, rgba(226, 42, 165, .98), rgba(151, 29, 110, .98)); } .page-home-overlift-deck .pathfinder-query-form > p { grid-area: help; margin: 0; text-align: center; } .page-home-overlift-deck .pathfinder-query-starters { display: flex; min-width: 0; align-items: center; justify-content: center; gap: 6px; overflow-x: auto; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-query-starters > span { flex: 0 0 auto; color: rgba(225, 174, 208, .66); font-size: .65rem; font-weight: 710; letter-spacing: .04em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-query-starters button { flex: 0 0 auto; min-height: 29px; border: 1px solid rgba(206, 72, 161, .22); border-radius: 999px; padding: 5px 10px; background: rgba(5, 22, 35, .72); color: rgba(233, 216, 227, .84); font-size: .66rem; font-weight: 620; white-space: nowrap; cursor: pointer; } .page-home-overlift-deck .pathfinder-query-starters button:hover, .page-home-overlift-deck .pathfinder-query-starters button:focus-visible { border-color: rgba(244, 87, 192, .70); color: white; background: rgba(84, 24, 64, .58); } .page-home-overlift-deck .pathfinder-question-coach { position: absolute; z-index: 80; top: calc(100% + 7px); right: 0; left: 0; display: grid; gap: 10px; border: 1px solid rgba(231, 103, 188, .42); border-radius: 12px; padding: 12px; background: radial-gradient(circle at 70% -20%, rgba(194, 74, 255, .13), transparent 40%), linear-gradient(155deg, rgba(4, 17, 28, .985), rgba(1, 7, 13, .995)); box-shadow: 0 26px 70px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.04); } .page-home-overlift-deck .pathfinder-question-coach[hidden] { display: none !important; } .page-home-overlift-deck .pathfinder-question-coach > header { display: flex; align-items: start; justify-content: space-between; gap: 16px; } .page-home-overlift-deck .pathfinder-question-coach > header > div { display: grid; gap: 2px; } .page-home-overlift-deck .pathfinder-question-coach > header span { color: #e781c5; font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-question-coach > header strong { color: #f9f7f8; font-size: 1.03rem; } .page-home-overlift-deck .pathfinder-question-coach > header small { color: rgba(226, 175, 209, .69); font-size: .70rem; line-height: 1.4; } .page-home-overlift-deck .pathfinder-question-coach > header > button, .page-home-overlift-deck .pathfinder-query-response > header > button { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(216, 101, 178, .28); border-radius: 8px; background: rgba(2, 10, 17, .84); color: #f0dcea; font-size: 1rem; cursor: pointer; } .page-home-overlift-deck .pathfinder-question-coach-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .page-home-overlift-deck .pathfinder-question-coach-grid > button { display: grid; min-width: 0; min-height: 74px; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 9px; border: 1px solid rgba(204, 65, 158, .22); border-radius: 9px; padding: 9px; background: linear-gradient(145deg, rgba(7, 27, 42, .82), rgba(2, 12, 20, .88)); color: inherit; text-align: left; cursor: pointer; } .page-home-overlift-deck .pathfinder-question-coach-grid > button:hover, .page-home-overlift-deck .pathfinder-question-coach-grid > button:focus-visible { border-color: rgba(245, 98, 196, .67); background: linear-gradient(145deg, rgba(11, 54, 77, .90), rgba(4, 20, 32, .94)); transform: translateY(-1px); } .page-home-overlift-deck .pathfinder-question-coach-grid i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #f66ec9; background: rgba(144, 39, 109, .18); font-style: normal; } .page-home-overlift-deck .pathfinder-question-coach-grid button:nth-child(2) i { color: #77efac; background: rgba(34, 139, 83, .16); } .page-home-overlift-deck .pathfinder-question-coach-grid button:nth-child(3) i { color: #ffd06c; background: rgba(172, 115, 25, .16); } .page-home-overlift-deck .pathfinder-question-coach-grid button:nth-child(4) i { color: #e98ac9; background: rgba(144, 39, 109, .18); } .page-home-overlift-deck .pathfinder-question-coach-grid button:nth-child(5) i { color: #d79bff; background: rgba(131, 65, 177, .16); } .page-home-overlift-deck .pathfinder-question-coach-grid button:nth-child(6) i { color: #59eccb; background: rgba(29, 143, 116, .16); } .page-home-overlift-deck .pathfinder-question-coach-grid span { display: grid; min-width: 0; gap: 3px; } .page-home-overlift-deck .pathfinder-question-coach-grid strong { color: #f6f3f5; font-size: .77rem; } .page-home-overlift-deck .pathfinder-question-coach-grid small { color: rgba(224, 172, 207, .70); font-size: .66rem; line-height: 1.34; } .page-home-overlift-deck .pathfinder-question-coach > footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px; border-top: 1px solid rgba(205, 69, 160, .16); padding-top: 9px; color: rgba(227, 179, 211, .70); font-size: .68rem; } .page-home-overlift-deck .pathfinder-question-coach > footer strong { color: #f6e8f1; font-weight: 680; } .page-home-overlift-deck .pathfinder-question-coach > footer span { color: #f459c0; } .page-home-overlift-deck .pathfinder-query-response { display: grid; gap: 8px; border: 1px solid rgba(71, 218, 184, .36); border-radius: 10px; padding: 10px 11px; background: linear-gradient(145deg, rgba(5, 49, 43, .78), rgba(2, 17, 24, .92)); box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 12px 32px rgba(0,0,0,.28); } .page-home-overlift-deck .pathfinder-query-response[hidden] { display: none !important; } .page-home-overlift-deck .pathfinder-query-response > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .page-home-overlift-deck .pathfinder-query-response > header > div { display: grid; gap: 1px; } .page-home-overlift-deck .pathfinder-query-response > header span { color: #66e6c5; font-size: .61rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-query-response > header strong { color: #f0fbf8; font-size: .86rem; } .page-home-overlift-deck .pathfinder-query-response-body { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.9fr); gap: 14px; align-items: start; } .page-home-overlift-deck .pathfinder-query-response-body > p { margin: 0; color: rgba(218, 239, 236, .90); font-size: .78rem; line-height: 1.5; } .page-home-overlift-deck .pathfinder-query-response-body dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 9px; margin: 0; } .page-home-overlift-deck .pathfinder-query-response-body dl > div { display: grid; min-width: 0; grid-template-columns: auto minmax(0,1fr); gap: 5px; } .page-home-overlift-deck .pathfinder-query-response-body dt { color: rgba(147, 187, 179, .69); font-size: .61rem; } .page-home-overlift-deck .pathfinder-query-response-body dd { min-width: 0; margin: 0; color: #dff8f2; font-size: .63rem; overflow-wrap: anywhere; } .page-home-overlift-deck .pathfinder-query-response-body code { color: #75e5cb; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; } .page-home-overlift-deck .pathfinder-query-response > footer { display: flex; justify-content: flex-end; gap: 7px; } .page-home-overlift-deck .pathfinder-query-response > footer button { min-height: 31px; border: 1px solid rgba(208, 77, 164, .30); border-radius: 7px; padding: 5px 10px; background: rgba(3, 26, 36, .72); color: #ecd2e3; font-size: .67rem; font-weight: 680; cursor: pointer; } .page-home-overlift-deck .pathfinder-query-status { min-height: 16px; color: rgba(220, 162, 201, .63); font-size: .62rem; line-height: 1.3; text-align: center; } .page-home-overlift-deck .pathfinder-query-launcher[data-query-state="loading"] .pathfinder-query-entry button { opacity: .68; cursor: progress; } .page-home-overlift-deck .pathfinder-query-launcher[data-query-state="error"] { border-color: rgba(255, 103, 99, .46); } .page-home-overlift-deck .pathfinder-query-launcher[data-query-state="answered"] { border-color: rgba(70, 219, 185, .40); } @media (max-width: 1220px) { .page-home-overlift-deck .pathfinder-query-form { grid-template-columns: minmax(220px,.62fr) minmax(350px,1.38fr); } .page-home-overlift-deck .pathfinder-query-heading-actions { align-items: stretch; } .page-home-overlift-deck .pathfinder-query-scope > span { display: none; } .page-home-overlift-deck .pathfinder-query-scope select { min-height: 32px; } } @media (max-width: 900px) { .page-home-overlift-deck .pathfinder-query-form { grid-template-columns: 1fr; grid-template-areas: "heading" "entry" "help"; } .page-home-overlift-deck .pathfinder-query-heading { align-items: end; } .page-home-overlift-deck .pathfinder-question-coach-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .page-home-overlift-deck .pathfinder-query-response-body { grid-template-columns: 1fr; } } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-query-launcher { margin: 0; padding: 9px; } .page-home-overlift-deck .pathfinder-query-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; } .page-home-overlift-deck .pathfinder-query-heading-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr auto; } .page-home-overlift-deck .pathfinder-query-scope select { width: 100%; } .page-home-overlift-deck .pathfinder-query-entry { grid-template-columns: 30px minmax(0,1fr); } .page-home-overlift-deck .pathfinder-query-entry button { grid-column: 1 / -1; min-height: 40px; border-top: 1px solid rgba(229, 100, 186, .28); border-left: 0; } .page-home-overlift-deck .pathfinder-query-form > p { text-align: left; } .page-home-overlift-deck .pathfinder-query-starters { justify-content: flex-start; padding-bottom: 2px; } .page-home-overlift-deck .pathfinder-question-coach { position: fixed; top: max(12px, env(safe-area-inset-top)); right: 10px; bottom: max(12px, env(safe-area-inset-bottom)); left: 10px; overflow: hidden auto; } .page-home-overlift-deck .pathfinder-question-coach-grid { grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-question-coach > footer { justify-content: flex-start; } .page-home-overlift-deck .pathfinder-query-response > footer { display: grid; grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-query-response > footer button { min-height: 40px; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .pathfinder-question-coach-grid > button { transition: none; } .page-home-overlift-deck .pathfinder-question-coach-grid > button:hover, .page-home-overlift-deck .pathfinder-question-coach-grid > button:focus-visible { transform: none; } } .page-home-overlift-deck .pathfinder-question-coach-toggle > span { display: inline-block; margin-right: 4px; color: #ffd06c; font-size: .61rem; font-weight: 820; letter-spacing: .02em; } .page-home-overlift-deck .pathfinder-question-coach-toggle[aria-expanded="false"] { box-shadow: 0 0 0 1px rgba(255, 208, 108, .05), 0 0 16px rgba(236, 67, 180, .08); } @media (min-width: 721px) { .page-home-overlift-deck .pathfinder-question-coach { position: fixed; top: clamp(132px, 19vh, 205px); right: auto; bottom: auto; left: 50%; width: min(960px, calc(100vw - 36px)); max-height: min(68vh, 650px); overflow: hidden auto; transform: translateX(-50%); } } .page-home-overlift-deck .pathfinder-query-response[data-query-state="clarify"] { border-color: rgba(255, 189, 88, .42); background: linear-gradient(145deg, rgba(51, 35, 8, .78), rgba(4, 17, 24, .94)); } .page-home-overlift-deck .pathfinder-query-response[data-query-state="clarify"] > header span { color: #ffd06c; } .page-home-overlift-deck .pathfinder-query-launcher { gap: 5px; padding: 8px 10px 6px; } .page-home-overlift-deck .pathfinder-query-form { grid-template-columns: 1fr; grid-template-areas: "heading" "workbench" "help"; gap: 5px; } .page-home-overlift-deck .pathfinder-query-heading { grid-area: heading; align-items: center; } .page-home-overlift-deck .pathfinder-query-heading > label { grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 8px; } .page-home-overlift-deck .pathfinder-query-heading > label small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-question-coach-toggle { min-width: 190px; min-height: 34px; align-self: center; padding: 5px 10px; white-space: nowrap; } .page-home-overlift-deck .pathfinder-query-workbench { grid-area: workbench; display: grid; min-width: 0; grid-template-columns: minmax(160px, 190px) minmax(0, 1fr); align-items: end; gap: 8px; } .page-home-overlift-deck .pathfinder-query-workbench .pathfinder-query-scope, .page-home-overlift-deck .pathfinder-query-workbench .pathfinder-query-entry { grid-area: auto; } .page-home-overlift-deck .pathfinder-query-workbench .pathfinder-query-scope select { width: 100%; min-height: 42px; } .page-home-overlift-deck .pathfinder-query-form > p { grid-area: help; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-query-starters { min-height: 32px; } @media (max-width: 900px) { .page-home-overlift-deck .pathfinder-query-heading > label { grid-template-columns: 1fr; gap: 1px; } .page-home-overlift-deck .pathfinder-query-heading > label small { white-space: normal; } .page-home-overlift-deck .pathfinder-question-coach-toggle { min-width: 174px; } .page-home-overlift-deck .pathfinder-query-workbench { grid-template-columns: minmax(150px, 180px) minmax(0, 1fr); } } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-query-heading { display: grid; grid-template-columns: minmax(0,1fr); gap: 6px; } .page-home-overlift-deck .pathfinder-question-coach-toggle { width: 100%; min-width: 0; } .page-home-overlift-deck .pathfinder-query-workbench { grid-template-columns: 1fr; align-items: stretch; } .page-home-overlift-deck .pathfinder-query-form > p { white-space: normal; } } .page-home-overlift-deck .pathfinder-query-launcher[data-query-state="ready"] .pathfinder-query-status { display: none; } @media (max-width: 1080px) { .page-home-overlift-deck .pathfinder-guided-experience { grid-template-rows: auto auto auto auto auto; } } .page-home-overlift-deck .pathfinder-incident-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; } .page-home-overlift-deck .pathfinder-incident-actions button { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: 7px; padding: 7px 11px; border: 1px solid rgba(244, 82, 190, .28); border-radius: 11px; background: linear-gradient(145deg, rgba(8, 34, 49, .86), rgba(3, 13, 22, .94)); color: #f6e8f1; font: inherit; font-size: 14px; font-weight: 760; letter-spacing: .01em; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .page-home-overlift-deck .pathfinder-incident-actions button:hover, .page-home-overlift-deck .pathfinder-incident-actions button:focus-visible { border-color: rgba(244, 90, 193, .72); box-shadow: 0 0 22px rgba(241, 38, 173, .16); transform: translateY(-1px); } .page-home-overlift-deck .pathfinder-incident-actions [data-incident-surprise] { border-color: rgba(235, 109, 255, .34); color: #f4d8ff; } .page-home-overlift-deck .pathfinder-incident-actions [data-incident-reset] { border-color: rgba(255, 190, 80, .34); color: #ffe1a4; } .page-home-overlift-deck .pathfinder-incident-receipt { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 9px 0 0; } .page-home-overlift-deck .pathfinder-incident-receipt[hidden] { display: none; } .page-home-overlift-deck .pathfinder-incident-receipt > div { min-width: 0; padding: 7px 8px; border: 1px solid rgba(169, 105, 255, .22); border-radius: 9px; background: rgba(10, 12, 31, .66); } .page-home-overlift-deck .pathfinder-incident-receipt dt { margin: 0 0 2px; color: #b89bf7; font-size: 12px; font-weight: 780; text-transform: uppercase; letter-spacing: .08em; } .page-home-overlift-deck .pathfinder-incident-receipt dd { min-width: 0; margin: 0; overflow: hidden; color: #f5f3f4; font-size: 13px; font-weight: 690; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-route-empty { display: grid; gap: 5px; padding: 14px; border: 1px dashed rgba(244, 86, 191, .28); border-radius: 12px; background: rgba(3, 15, 25, .72); } .page-home-overlift-deck .pathfinder-route-empty strong { color: #f6e8f1; font-size: 14px; } .page-home-overlift-deck .pathfinder-route-empty small { color: #8caabd; font-size: 13px; line-height: 1.45; } .overlift-incident-library { position: fixed; z-index: 10040; inset: 0; display: grid; place-items: center; padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); } .overlift-incident-library[hidden] { display: none; } .overlift-incident-library-backdrop { position: absolute; inset: 0; background: rgba(0, 4, 10, .72); -webkit-backdrop-filter: blur(18px) saturate(.74); backdrop-filter: blur(18px) saturate(.74); } .overlift-incident-library-panel { position: relative; display: grid; width: min(94vw, 1500px); height: min(88dvh, 900px); min-height: 620px; grid-template-rows: auto auto minmax(0, 1fr) auto; overflow: hidden; border: 1px solid rgba(245, 98, 196, .34); border-radius: 22px; background: radial-gradient(circle at 40% -10%, rgba(159, 41, 194, .18), transparent 35%), radial-gradient(circle at 95% 15%, rgba(180, 68, 255, .12), transparent 30%), linear-gradient(155deg, rgba(5, 17, 28, .985), rgba(1, 7, 14, .992)); box-shadow: 0 36px 120px rgba(0, 0, 0, .78), 0 0 55px rgba(241, 37, 173, .10), inset 0 1px rgba(255,255,255,.045); color: #f6f3f5; } .overlift-incident-library-panel::before { content: ""; position: absolute; pointer-events: none; inset: 0; border-radius: inherit; background-image: radial-gradient(circle at 10% 20%, rgba(255,255,255,.22) 0 1px, transparent 1.3px), radial-gradient(circle at 78% 16%, rgba(234, 143, 204, .18) 0 1px, transparent 1.4px); background-size: 160px 160px, 230px 230px; opacity: .24; } .overlift-incident-library-header, .overlift-incident-library-footer, .overlift-incident-featured, .overlift-incident-library-workspace { position: relative; z-index: 1; } .overlift-incident-library-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 18px 22px 15px; border-bottom: 1px solid rgba(226, 90, 181, .18); } .overlift-incident-library-header > div { max-width: 900px; } .overlift-incident-library-header span, .overlift-incident-section-heading span, .overlift-incident-results > header span, .overlift-incident-detail > header span { color: #f66dc8; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .overlift-incident-library-header h2, .overlift-incident-section-heading h3, .overlift-incident-results h3 { margin: 2px 0 0; color: #fff; font-family: inherit; font-weight: 780; } .overlift-incident-library-header h2 { font-size: clamp(25px, 2.5vw, 37px); } .overlift-incident-library-header p { max-width: 900px; margin: 6px 0 0; color: #a8c4d5; font-size: 14px; line-height: 1.5; } .overlift-incident-library-header [data-incident-library-close] { flex: 0 0 auto; width: 44px; height: 44px; border: 1px solid rgba(245, 98, 196, .38); border-radius: 50%; background: radial-gradient(circle, rgba(243, 68, 185, .18), rgba(4, 15, 25, .94)); box-shadow: 0 0 24px rgba(242, 52, 179, .13); color: #f5f3f4; font-size: 28px; line-height: 1; cursor: pointer; } .overlift-incident-featured { padding: 12px 22px 13px; border-bottom: 1px solid rgba(226, 90, 181, .14); background: rgba(3, 14, 24, .48); } .overlift-incident-section-heading, .overlift-incident-results > header { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 9px; } .overlift-incident-section-heading h3, .overlift-incident-results h3 { font-size: 18px; } .overlift-incident-section-heading button, .overlift-incident-library-footer-actions button, .overlift-incident-filter-actions button, .overlift-incident-empty button { min-height: 38px; padding: 7px 12px; border: 1px solid rgba(171, 100, 255, .35); border-radius: 10px; background: rgba(21, 11, 42, .76); color: #eedcff; font: inherit; font-size: 13px; font-weight: 760; cursor: pointer; } .overlift-incident-featured-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .overlift-incident-featured-card { display: grid; min-width: 0; gap: 3px; padding: 11px 13px; border: 1px solid rgba(245, 99, 196, .22); border-radius: 13px; background: linear-gradient(145deg, rgba(7, 31, 45, .82), rgba(4, 11, 22, .91)); color: #f6f3f5; text-align: left; cursor: pointer; } .overlift-incident-featured-card:hover, .overlift-incident-featured-card:focus-visible { border-color: rgba(245, 96, 195, .72); box-shadow: 0 0 24px rgba(242, 47, 177, .12); } .overlift-incident-featured-card > span { color: #f071c6; font-size: 12px; font-weight: 760; text-transform: uppercase; letter-spacing: .06em; } .overlift-incident-featured-card > strong { color: #fff; font-size: 15px; } .overlift-incident-featured-card > small { color: #9db8c8; font-size: 13px; line-height: 1.38; } .overlift-incident-featured-card > em { color: #d9b7ff; font-size: 12px; font-style: normal; } .overlift-incident-library-workspace { display: grid; min-height: 0; grid-template-columns: minmax(230px, 270px) minmax(440px, 1fr) minmax(300px, 350px); } .overlift-incident-filters, .overlift-incident-results, .overlift-incident-detail { min-width: 0; min-height: 0; overflow: auto; scrollbar-color: rgba(225, 79, 176, .55) rgba(3, 12, 20, .5); } .overlift-incident-filters { padding: 14px; border-right: 1px solid rgba(216, 89, 174, .14); background: rgba(2, 10, 18, .57); } .overlift-incident-search, .overlift-incident-filter-grid label, .overlift-incident-results > header label { display: grid; gap: 4px; color: #dea4cb; font-size: 12px; font-weight: 720; } .overlift-incident-search input, .overlift-incident-filter-grid select, .overlift-incident-results > header select { width: 100%; min-height: 40px; padding: 7px 9px; border: 1px solid rgba(212, 83, 169, .24); border-radius: 9px; background: rgba(2, 12, 21, .92); color: #f4f2f3; font: inherit; font-size: 13px; } .overlift-incident-filter-grid { display: grid; gap: 8px; margin-top: 10px; } .overlift-incident-filter-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 11px; } .overlift-incident-filter-actions span { color: #7fa6b8; font-size: 12px; text-align: right; } .overlift-incident-filter-actions span[data-state="error"] { color: #ff938c; } .overlift-incident-filter-actions span[data-state="copied"] { color: #82f2aa; } .overlift-incident-library-boundary { margin-top: 13px; padding: 11px; border: 1px solid rgba(255, 188, 77, .22); border-radius: 11px; background: rgba(43, 27, 4, .34); } .overlift-incident-library-boundary strong { color: #ffd37a; font-size: 13px; } .overlift-incident-library-boundary p { margin: 5px 0 0; color: #b7a984; font-size: 12px; line-height: 1.45; } .overlift-incident-results { padding: 14px; border-right: 1px solid rgba(216, 89, 174, .14); } .overlift-incident-results > header label { grid-template-columns: auto auto; align-items: center; } .overlift-incident-results > header select { min-width: 78px; } .overlift-incident-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .overlift-incident-card { display: grid; min-width: 0; min-height: 158px; grid-template-rows: auto auto auto 1fr auto; gap: 4px; padding: 11px; border: 1px solid rgba(213, 81, 169, .20); border-radius: 12px; background: linear-gradient(145deg, rgba(4, 20, 30, .86), rgba(2, 9, 17, .94)); color: #f5f3f4; text-align: left; cursor: pointer; } .overlift-incident-card:hover, .overlift-incident-card:focus-visible, .overlift-incident-card.is-selected { border-color: rgba(244, 76, 188, .70); box-shadow: 0 0 25px rgba(242, 43, 175, .11), inset 0 0 25px rgba(172, 49, 131, .05); } .overlift-incident-card.is-selected { background: linear-gradient(145deg, rgba(4, 42, 56, .90), rgba(4, 13, 27, .96)); } .overlift-incident-card-kind { color: #ea93cd; font-size: 11.5px; font-weight: 790; text-transform: uppercase; letter-spacing: .07em; } .overlift-incident-card-kind[data-kind="challenge"] { color: #d6a8ff; } .overlift-incident-card > strong { color: #fff; font-size: 14px; line-height: 1.28; } .overlift-incident-card > small { color: #89afc1; font-size: 12px; } .overlift-incident-card > p { margin: 3px 0 0; color: #a8bdc9; font-size: 12.5px; line-height: 1.4; } .overlift-incident-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .overlift-incident-card code { color: #e77fc4; font-size: 11.5px; } .overlift-incident-card em { color: #ad95c4; font-size: 11px; font-style: normal; } .overlift-incident-empty { display: grid; place-items: center; gap: 9px; min-height: 180px; text-align: center; } .overlift-incident-empty[hidden] { display: none; } .overlift-incident-empty strong { color: #f6e8f1; font-size: 15px; } .overlift-incident-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 12px; } .overlift-incident-pagination button { width: 34px; height: 34px; border: 1px solid rgba(216, 82, 171, .25); border-radius: 9px; background: rgba(4, 18, 29, .88); color: #f6e8f1; font: inherit; cursor: pointer; } .overlift-incident-pagination button:disabled { opacity: .35; cursor: default; } .overlift-incident-pagination span { min-width: 150px; color: #91b5c7; font-size: 12px; text-align: center; } .overlift-incident-detail { padding: 14px; background: rgba(2, 9, 18, .58); } .overlift-incident-detail-empty { display: grid; min-height: 100%; place-content: center; gap: 8px; color: #7898aa; text-align: center; } .overlift-incident-detail-empty span { color: #e780c5; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; } .overlift-incident-detail-empty strong { max-width: 290px; font-size: 14px; line-height: 1.5; } .overlift-incident-detail > header { display: grid; gap: 3px; } .overlift-incident-detail > header strong { color: #fff; font-size: 18px; line-height: 1.28; } .overlift-incident-detail > header small { color: #8dacbd; font-size: 12px; } .overlift-incident-detail-status { display: grid; gap: 3px; margin-top: 10px; } .overlift-incident-detail-status b { color: #e889c8; font-size: 13px; } .overlift-incident-detail-status em { color: #c2a5db; font-size: 11.5px; font-style: normal; } .overlift-incident-detail > p { color: #b2c8d4; font-size: 13px; line-height: 1.5; } .overlift-incident-detail dl { display: grid; gap: 6px; margin: 10px 0; } .overlift-incident-detail dl > div { display: grid; grid-template-columns: minmax(96px, .7fr) minmax(0, 1.3fr); gap: 8px; padding: 7px 0; border-bottom: 1px solid rgba(213, 88, 171, .11); } .overlift-incident-detail dt { color: #789caf; font-size: 11.5px; } .overlift-incident-detail dd { min-width: 0; margin: 0; color: #eee1ea; font-size: 12px; overflow-wrap: anywhere; } .overlift-incident-detail section { margin-top: 10px; } .overlift-incident-detail section > span { display: block; margin-bottom: 5px; color: #f66cc8; font-size: 11.5px; font-weight: 780; text-transform: uppercase; letter-spacing: .07em; } .overlift-incident-detail ul { display: grid; gap: 3px; margin: 0; padding-left: 18px; color: #aec5d0; font-size: 12px; } .overlift-incident-question-ideas { display: grid; gap: 6px; } .overlift-incident-question-ideas button { padding: 8px 9px; border: 1px solid rgba(220, 81, 174, .20); border-radius: 9px; background: rgba(5, 22, 34, .80); color: #f6e8f1; font: inherit; font-size: 12px; line-height: 1.38; text-align: left; cursor: pointer; } .overlift-incident-library-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 22px; border-top: 1px solid rgba(220, 91, 177, .18); background: rgba(2, 9, 16, .84); } .overlift-incident-library-footer > div:first-child { display: grid; min-width: 0; grid-template-columns: auto minmax(0, auto); gap: 2px 9px; } .overlift-incident-library-footer span { color: #e77fc4; font-size: 11.5px; font-weight: 790; text-transform: uppercase; letter-spacing: .07em; } .overlift-incident-library-footer code { color: #f1e6f5; font-size: 12px; } .overlift-incident-library-footer small { grid-column: 1 / -1; color: #7f9ead; font-size: 11.5px; } .overlift-incident-library-footer-actions { display: flex; flex: 0 0 auto; gap: 8px; } .overlift-incident-library-footer-actions button.is-primary { border-color: rgba(243, 70, 185, .65); background: linear-gradient(145deg, #ad207e, #8c1e67); box-shadow: 0 0 23px rgba(241, 36, 173, .18); color: #fff; } .overlift-incident-library-footer-actions button:disabled { opacity: .42; cursor: default; box-shadow: none; } @media (max-width: 1180px) { .overlift-incident-library-panel { width: min(96vw, 1100px); height: min(92dvh, 940px); } .overlift-incident-library-workspace { grid-template-columns: minmax(220px, 250px) minmax(0, 1fr); } .overlift-incident-detail { grid-column: 1 / -1; min-height: 260px; border-top: 1px solid rgba(216, 89, 174, .14); } .overlift-incident-library-workspace { overflow: auto; } .overlift-incident-filters, .overlift-incident-results, .overlift-incident-detail { overflow: visible; } } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-incident-actions button { flex: 1 1 calc(50% - 4px); } .page-home-overlift-deck .pathfinder-incident-receipt { grid-template-columns: 1fr; } .overlift-incident-library { padding: 6px; } .overlift-incident-library-panel { display: block; width: calc(100vw - 12px); height: calc(100dvh - 12px); min-height: 0; overflow-x: hidden; overflow-y: auto; border-radius: 16px; } .overlift-incident-library-header { padding: 14px; } .overlift-incident-library-header p { font-size: 13px; } .overlift-incident-featured { padding: 11px 14px; } .overlift-incident-section-heading { align-items: stretch; flex-direction: column; } .overlift-incident-featured-grid { grid-template-columns: 1fr; } .overlift-incident-library-workspace { display: block; overflow: visible; } .overlift-incident-filters, .overlift-incident-results, .overlift-incident-detail { padding: 13px 14px; border: 0; border-bottom: 1px solid rgba(216, 89, 174, .14); } .overlift-incident-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .overlift-incident-result-grid { grid-template-columns: 1fr; } .overlift-incident-card { min-height: 0; } .overlift-incident-library-footer { align-items: stretch; flex-direction: column; padding: 12px 14px; } .overlift-incident-library-footer-actions { display: grid; grid-template-columns: 1fr; } } @media (max-width: 460px) { .overlift-incident-filter-grid { grid-template-columns: 1fr; } .overlift-incident-filter-actions { align-items: stretch; flex-direction: column; } .overlift-incident-filter-actions span { text-align: left; } .overlift-incident-pagination { gap: 5px; } .overlift-incident-pagination span { min-width: 120px; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .pathfinder-incident-actions button, .overlift-incident-featured-card, .overlift-incident-card { transition: none; } .overlift-incident-library-backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; } } .page-home-overlift-deck .pathfinder-candidate-header { align-items: flex-start; gap: 10px; } .page-home-overlift-deck .pathfinder-candidate-header > div:first-child { min-width: 0; } .page-home-overlift-deck .pathfinder-candidate-header > div:first-child > span { display: block; margin-bottom: 2px; color: rgba(234, 145, 204, .72); font-size: var(--pf-type-micro); font-weight: 760; letter-spacing: .08em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-candidate-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; } .page-home-overlift-deck .pathfinder-candidate-actions button, .page-home-overlift-deck .pathfinder-candidate-pagination button { min-height: 32px; border: 1px solid rgba(219, 87, 175, .32); border-radius: 8px; background: rgba(7, 28, 45, .82); color: #f6e8f1; font-size: var(--pf-type-small); font-weight: 760; } .page-home-overlift-deck [data-candidate-path-generate] { background: linear-gradient(180deg, rgba(207, 23, 146, .96), rgba(136, 26, 99, .94)); box-shadow: 0 0 20px rgba(242, 43, 175, .18); } .page-home-overlift-deck [data-candidate-path-generate][data-state="loading"] { cursor: progress; opacity: .78; } .page-home-overlift-deck .pathfinder-candidate-intro { display: grid; gap: 5px; border: 1px solid rgba(205, 67, 159, .18); border-radius: 9px; background: linear-gradient(145deg, rgba(10, 31, 51, .72), rgba(4, 16, 29, .78)); padding: 10px 11px; } .page-home-overlift-deck .pathfinder-candidate-intro strong { color: #f4f2f3; font-size: var(--pf-type-body); } .page-home-overlift-deck .pathfinder-candidate-intro p { margin: 0; color: rgba(227, 211, 222, .76); font-size: var(--pf-type-small); line-height: 1.45; } .page-home-overlift-deck .pathfinder-candidate-intro small { color: rgba(220, 162, 201, .64); font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-candidate-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; } .page-home-overlift-deck .pathfinder-candidate-stats > span { display: grid; min-width: 0; border: 1px solid rgba(205, 68, 159, .17); border-radius: 8px; background: rgba(5, 20, 33, .76); padding: 7px 6px; text-align: center; } .page-home-overlift-deck .pathfinder-candidate-stats b { color: #f6f3f5; font-size: var(--pf-type-body); font-variant-numeric: tabular-nums; } .page-home-overlift-deck .pathfinder-candidate-stats small { color: rgba(216, 149, 194, .67); font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-candidate-toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } .page-home-overlift-deck .pathfinder-candidate-toolbar label { display: grid; gap: 3px; min-width: 0; } .page-home-overlift-deck .pathfinder-candidate-toolbar label > span { color: rgba(220, 160, 200, .72); font-size: var(--pf-type-micro); font-weight: 700; } .page-home-overlift-deck .pathfinder-candidate-toolbar select { min-width: 0; min-height: 34px; border: 1px solid rgba(203, 60, 155, .25); border-radius: 7px; background: #071827; padding: 0 8px; color: #f4f0f3; font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-candidate-families { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-candidate-families button { flex: 0 0 auto; min-height: 30px; border: 1px solid rgba(216, 106, 179, .20); border-radius: 999px; background: rgba(7, 25, 41, .84); padding: 4px 9px; color: rgba(236, 220, 231, .82); font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-candidate-families button.is-active { border-color: rgba(74, 230, 192, .56); background: rgba(19, 107, 91, .22); color: #8effd9; } .page-home-overlift-deck .pathfinder-route-head, .page-home-overlift-deck .pathfinder-route-row { grid-template-columns: minmax(138px, 1.35fr) 64px 78px minmax(90px, .9fr) 36px 42px; } .page-home-overlift-deck .pathfinder-route-head { font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-route-row > .pathfinder-route-status { justify-self: start; align-self: center; border-radius: 999px; background: rgba(181, 86, 210, .13); padding: 4px 7px; color: rgba(234, 221, 230, .82); font-size: var(--pf-type-micro); font-weight: 720; line-height: 1.15; } .page-home-overlift-deck .pathfinder-route-row > .pathfinder-route-pin, .page-home-overlift-deck .pathfinder-route-row > .pathfinder-route-globe { display: grid; width: 30px; height: 30px; place-items: center; align-self: center; border: 1px solid transparent; border-radius: 7px; background: transparent; color: rgba(218, 156, 197, .72); font-size: var(--pf-type-small); } .page-home-overlift-deck .pathfinder-route-row > .pathfinder-route-pin[aria-pressed="true"] { border-color: rgba(173, 101, 255, .42); background: rgba(115, 53, 173, .20); color: #d8a7ff; } .page-home-overlift-deck .pathfinder-route-row > .pathfinder-route-globe[aria-pressed="true"] { color: var(--pf-magenta); } .page-home-overlift-deck .pathfinder-route-row[data-route-state="eligible"] .pathfinder-route-status, .page-home-overlift-deck .pathfinder-route-row[data-route-state="selected"] .pathfinder-route-status { color: var(--pf-rose); } .page-home-overlift-deck .pathfinder-route-row[data-route-state="approval-required"] .pathfinder-route-status, .page-home-overlift-deck .pathfinder-route-row[data-route-state="approval"] .pathfinder-route-status { color: var(--pf-blue); } .page-home-overlift-deck .pathfinder-route-row[data-route-state="sla-fail"] .pathfinder-route-status { color: var(--pf-amber); } .page-home-overlift-deck .pathfinder-route-row[data-route-state="infeasible"] .pathfinder-route-status, .page-home-overlift-deck .pathfinder-route-row[data-route-state="evidence-or-policy-blocked"] .pathfinder-route-status, .page-home-overlift-deck .pathfinder-route-row[data-route-state="unavailable"] .pathfinder-route-status { color: var(--pf-red); } .page-home-overlift-deck .pathfinder-candidate-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; } .page-home-overlift-deck .pathfinder-candidate-pagination button { width: 34px; padding: 0; } .page-home-overlift-deck .pathfinder-candidate-pagination button:disabled { opacity: .38; } .page-home-overlift-deck .pathfinder-candidate-pagination span { color: rgba(232, 191, 218, .78); font-size: var(--pf-type-small); font-variant-numeric: tabular-nums; } .page-home-overlift-deck .pathfinder-candidate-detail { border: 1px solid rgba(204, 64, 157, .18); border-radius: 9px; background: rgba(5, 18, 30, .72); padding: 8px 10px; } .page-home-overlift-deck .pathfinder-candidate-detail summary { cursor: pointer; color: #f6e8f1; font-size: var(--pf-type-small); font-weight: 760; } .page-home-overlift-deck .pathfinder-candidate-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 9px; } .page-home-overlift-deck .pathfinder-candidate-detail-grid div { display: grid; gap: 2px; min-width: 0; } .page-home-overlift-deck .pathfinder-candidate-detail-grid span { color: rgba(222, 129, 191, .65); font-size: var(--pf-type-micro); } .page-home-overlift-deck .pathfinder-candidate-detail-grid strong { overflow-wrap: anywhere; color: #f4f1f3; font-size: var(--pf-type-small); } .page-home-overlift-deck [data-candidate-detail-reasons] { display: grid; gap: 5px; margin: 9px 0 0; padding: 0; list-style: none; } .page-home-overlift-deck [data-candidate-detail-reasons] li { border-left: 2px solid rgba(207, 76, 163, .34); padding-left: 7px; color: rgba(228, 213, 223, .76); font-size: var(--pf-type-small); line-height: 1.38; } .page-home-overlift-deck [data-candidate-detail-reasons] li[data-state="fail"] { border-color: var(--pf-red); } .page-home-overlift-deck [data-candidate-detail-reasons] li[data-state="gate"] { border-color: var(--pf-blue); } .page-home-overlift-deck [data-candidate-detail-reasons] li[data-state="pass"] { border-color: var(--pf-rose); } .page-home-overlift-deck .pathfinder-candidate-boundary { margin: 0; color: rgba(226, 178, 210, .68); font-size: var(--pf-type-micro); line-height: 1.4; } @media (max-width: 1120px) { .page-home-overlift-deck .pathfinder-route-head, .page-home-overlift-deck .pathfinder-route-row { grid-template-columns: minmax(120px, 1.3fr) 58px 72px minmax(82px, .8fr) 34px 38px; } } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-candidate-header { display: grid; } .page-home-overlift-deck .pathfinder-candidate-actions { justify-content: stretch; } .page-home-overlift-deck .pathfinder-candidate-actions button { flex: 1 1 140px; } .page-home-overlift-deck .pathfinder-candidate-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-home-overlift-deck .pathfinder-candidate-toolbar { grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-route-head { display: none; } .page-home-overlift-deck .pathfinder-route-row { grid-template-columns: minmax(0, 1fr) 62px 74px 34px 34px; grid-template-rows: auto auto; gap: 4px 7px; padding-block: 8px; } .page-home-overlift-deck .pathfinder-route-row > button:first-child { grid-column: 1 / 4; } .page-home-overlift-deck .pathfinder-route-row > span:nth-of-type(1) { grid-column: 1; grid-row: 2; } .page-home-overlift-deck .pathfinder-route-row > span:nth-of-type(2) { grid-column: 2; grid-row: 2; } .page-home-overlift-deck .pathfinder-route-row > .pathfinder-route-status { grid-column: 3; grid-row: 2; } .page-home-overlift-deck .pathfinder-route-row > .pathfinder-route-pin { grid-column: 4; grid-row: 1 / 3; } .page-home-overlift-deck .pathfinder-route-row > .pathfinder-route-globe { grid-column: 5; grid-row: 1 / 3; } .page-home-overlift-deck .pathfinder-candidate-detail-grid { grid-template-columns: 1fr; } } @media (min-width: 1041px) { .page-home-overlift-deck .pathfinder-cockpit.pathfinder-globe-first { height: clamp(560px, 62dvh, 720px); max-height: 720px; align-items: stretch; } .page-home-overlift-deck .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-globe-stage, .page-home-overlift-deck .pathfinder-guided-panel, .page-home-overlift-deck .pathfinder-stage-context { height: 100%; max-height: 100%; } .page-home-overlift-deck .pathfinder-stage-context { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } .page-home-overlift-deck .pathfinder-route-panel { min-height: min-content; } } .page-home-overlift-deck .pathfinder-candidate-intro[hidden], .page-home-overlift-deck .pathfinder-candidate-stats[hidden], .page-home-overlift-deck .pathfinder-candidate-toolbar[hidden], .page-home-overlift-deck .pathfinder-candidate-families[hidden], .page-home-overlift-deck .pathfinder-candidate-pagination[hidden], .page-home-overlift-deck .pathfinder-candidate-detail[hidden], .page-home-overlift-deck .pathfinder-candidate-boundary[hidden] { display: none !important; } .page-home-overlift-deck .pathfinder-candidate-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-candidate-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .page-home-overlift-deck .pathfinder-solar-clock { position: absolute; z-index: 25; top: 14px; left: 14px; max-width: min(310px, calc(100% - 196px)); overflow: hidden; border: 1px solid rgba(62, 234, 193, 0.38); border-radius: 999px; background: rgba(2, 12, 20, 0.78); padding: 7px 11px; color: rgba(214, 250, 241, 0.96); font-size: clamp(0.75rem, 0.68vw, 0.82rem); font-weight: 760; letter-spacing: 0.045em; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; box-shadow: 0 0 18px rgba(62, 234, 193, 0.10); backdrop-filter: blur(12px); } .page-home-overlift-deck .pathfinder-solar-clock[data-mode="replay"] { border-color: rgba(255, 189, 88, 0.48); color: rgba(255, 225, 174, 0.98); box-shadow: 0 0 18px rgba(255, 189, 88, 0.10); } .page-home-overlift-deck .pathfinder-solar-clock:hover, .page-home-overlift-deck .pathfinder-solar-clock:focus-visible { border-color: rgba(231, 132, 198, 0.75); color: white; outline: none; } .page-home-overlift-deck .pathfinder-layer-menu { position: absolute; z-index: 25; top: 52px; left: 14px; color: rgba(243, 230, 239, 0.90); } .page-home-overlift-deck .pathfinder-layer-menu > summary { width: max-content; list-style: none; cursor: pointer; border: 1px solid rgba(178, 79, 208, 0.30); border-radius: 7px; background: rgba(2, 10, 18, 0.74); padding: 6px 10px; font-size: 0.75rem; font-weight: 730; letter-spacing: 0.035em; backdrop-filter: blur(10px); } .page-home-overlift-deck .pathfinder-layer-menu > summary::-webkit-details-marker { display: none; } .page-home-overlift-deck .pathfinder-layer-menu[open] > summary { border-color: rgba(244, 79, 189, 0.60); color: white; } .page-home-overlift-deck .pathfinder-layer-menu-panel { display: grid; width: min(270px, calc(100vw - 42px)); gap: 7px; margin-top: 6px; border: 1px solid rgba(244, 79, 189, 0.24); border-radius: 9px; background: rgba(2, 9, 16, 0.94); padding: 10px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34); backdrop-filter: blur(16px); } .page-home-overlift-deck .pathfinder-layer-menu-panel label { display: flex; align-items: center; gap: 8px; min-height: 25px; font-size: 0.75rem; cursor: pointer; } .page-home-overlift-deck .pathfinder-layer-menu-panel input { accent-color: var(--pf-rose); } .page-home-overlift-deck .pathfinder-layer-menu-panel .is-disabled { color: rgba(150, 170, 186, 0.56); cursor: not-allowed; } .page-home-overlift-deck .pathfinder-layer-menu-panel small { color: rgba(157, 186, 204, 0.67); font-size: 0.75rem; line-height: 1.45; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"] .pathfinder-layer-menu { display: none; } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-solar-clock { top: 10px; left: 10px; max-width: calc(100% - 122px); padding: 6px 9px; } .page-home-overlift-deck .pathfinder-layer-menu { top: 46px; left: 10px; } } .page-home-overlift-deck .pathfinder-space-canvas { transform: translate3d(0, 0, 0) scale(1.018); transform-origin: 50% 50%; will-change: auto; } .page-home-overlift-deck .pathfinder-world-layer { transform: none !important; will-change: auto; } .page-home-overlift-deck .pathfinder-globe-labels, .page-home-overlift-deck .pathfinder-globe-callout, .page-home-overlift-deck .pathfinder-engineering-overlays { opacity: 1; transition: none; } .page-home-overlift-deck .pathfinder-globe-stage .globe-canvas, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-globe-preview { will-change: opacity; } .page-home-overlift-deck .pathfinder-globe-stage.is-ready .pathfinder-globe-preview { visibility: hidden; } .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-globe-callout, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-static-fallback-note, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-globe-engine-card, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-renderer-badge, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-adaptive-detail, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-globe-controls button, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-globe-telemetry span, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-route-legend, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-regional-clipmap, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-drag-hint { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-globe-engine-card, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-adaptive-detail, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-regional-clipmap, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-route-legend { background: linear-gradient(145deg, rgba(3, 13, 22, 0.96), rgba(2, 8, 15, 0.90)); } .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-globe-controls button, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-renderer-badge, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-globe-telemetry span, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-drag-hint { background: rgba(2, 10, 18, 0.94); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label.is-inactive { display: none !important; } .page-home-overlift-deck .pathfinder-globe-stage { contain: layout paint style; isolation: isolate; } .page-home-overlift-deck .pathfinder-globe-stage .globe-canvas, .page-home-overlift-deck .pathfinder-globe-stage .pathfinder-space-canvas { backface-visibility: hidden; transform: translateZ(0); } .page-home-overlift-deck .pathfinder-globe-stage .globe-canvas { transition-duration: 120ms; } .page-home-overlift-deck .pathfinder-globe-preview { transition-duration: 160ms; } .page-home-overlift-deck .pathfinder-globe-labels { contain: layout paint style; } .page-home-overlift-deck .pathfinder-globe-callout, .page-home-overlift-deck .pathfinder-static-fallback-note, .page-home-overlift-deck .pathfinder-globe-engine-card, .page-home-overlift-deck .pathfinder-renderer-badge, .page-home-overlift-deck .pathfinder-adaptive-detail, .page-home-overlift-deck .pathfinder-globe-controls button, .page-home-overlift-deck .pathfinder-globe-telemetry span, .page-home-overlift-deck .pathfinder-route-legend, .page-home-overlift-deck .pathfinder-regional-clipmap, .page-home-overlift-deck .pathfinder-drag-hint, .page-home-overlift-deck .pathfinder-solar-clock, .page-home-overlift-deck .pathfinder-layer-menu > summary, .page-home-overlift-deck .pathfinder-layer-menu-panel { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .page-home-overlift-deck .pathfinder-globe-stage :is( .pathfinder-solar-clock, .pathfinder-layer-menu > summary, .pathfinder-layer-menu-panel, .pathfinder-globe-callout, .pathfinder-static-fallback-note, .pathfinder-globe-engine-card, .pathfinder-renderer-badge, .pathfinder-adaptive-detail, .pathfinder-globe-controls button, .pathfinder-globe-telemetry span, .pathfinder-route-legend, .pathfinder-regional-clipmap, .pathfinder-drag-hint ) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .page-home-overlift-deck .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .page-home-overlift-deck .pathfinder-hiring-nav { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: 6px; } .page-home-overlift-deck .pathfinder-hiring-nav button { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: 7px; border: 1px solid transparent; border-radius: 9px; padding: 0 13px; background: transparent; color: rgba(224, 212, 228, 0.76); font-size: 0.78rem; font-weight: 680; letter-spacing: 0.01em; transition: border-color 150ms ease, background 150ms ease, color 150ms ease, transform 150ms ease; } .page-home-overlift-deck .pathfinder-hiring-nav button:hover, .page-home-overlift-deck .pathfinder-hiring-nav button:focus-visible, .page-home-overlift-deck .pathfinder-hiring-nav button.is-active { border-color: rgba(224, 89, 179, 0.34); background: rgba(9, 31, 47, 0.66); color: #f9f8fa; } .page-home-overlift-deck .pathfinder-hiring-nav button:hover, .page-home-overlift-deck .pathfinder-hiring-nav button:focus-visible { transform: translateY(-1px); } .page-home-overlift-deck .pathfinder-hiring-nav .pathfinder-nav-proof { border-color: rgba(243, 73, 186, 0.76); background: linear-gradient(180deg, rgba(180, 48, 136, 0.95), rgba(109, 22, 80, 0.98)); color: #fff; box-shadow: inset 0 1px 0 rgba(247, 244, 246, 0.20), 0 0 18px rgba(242, 56, 180, 0.18); } .page-home-overlift-deck .pathfinder-primary-nav.pathfinder-technical-nav { display: none !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="operate"] .pathfinder-hiring-nav, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="engineering"] .pathfinder-hiring-nav { display: none; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="operate"] .pathfinder-primary-nav.pathfinder-technical-nav, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="engineering"] .pathfinder-primary-nav.pathfinder-technical-nav { display: flex !important; } .page-home-overlift-deck .pathfinder-topbar { grid-template-columns: minmax(330px, 1fr) minmax(0, auto) auto !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="overview"], .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="case-study"], .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="questions"] { height: auto !important; min-height: min(96dvh, 920px) !important; max-height: none !important; grid-template-rows: auto auto !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="overview"], .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="case-study"], .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="questions"] { overflow: visible !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="overview"] .home-truth-theater, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="case-study"] .home-truth-theater, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="questions"] .home-truth-theater { height: auto !important; min-height: 0 !important; overflow: visible !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"], .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"], .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] { height: auto; grid-template-rows: auto auto auto auto; gap: 15px; overflow: visible; padding: 4px 4px 12px; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-cockpit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-cockpit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-cockpit { display: grid; min-height: clamp(660px, 72dvh, 760px); grid-template-columns: minmax(355px, 0.82fr) minmax(600px, 1.35fr); grid-template-rows: auto; align-items: stretch; gap: 18px; overflow: visible; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-guided-panel, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-stage-context, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-guided-panel, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-stage-context, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-guided-panel, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-stage-context { display: none !important; } .page-home-overlift-deck .pathfinder-app-hero-copy { position: relative; z-index: 4; display: flex; min-width: 0; flex-direction: column; justify-content: center; gap: 15px; border: 1px solid rgba(211, 89, 170, 0.23); border-radius: 18px; padding: clamp(34px, 2.7vw, 42px); overflow: hidden; background: radial-gradient(circle at 8% 6%, rgba(227, 56, 170, 0.12), transparent 34%), radial-gradient(circle at 92% 92%, rgba(145, 73, 203, 0.08), transparent 34%), linear-gradient(145deg, rgba(5, 17, 28, 0.96), rgba(2, 9, 16, 0.98)); box-shadow: inset 0 1px 0 rgba(248, 246, 247, 0.045), 0 24px 72px rgba(0, 0, 0, 0.32); } .page-home-overlift-deck .pathfinder-app-hero-copy::after { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(244, 80, 189, 0.20), transparent) top / 66% 1px no-repeat, linear-gradient(180deg, transparent, rgba(136, 75, 202, 0.10), transparent) right / 1px 66% no-repeat; content: ""; } .page-home-overlift-deck .pathfinder-app-hero-eyebrow { display: flex; align-items: center; gap: 9px; color: #e77ec4; font-size: clamp(0.70rem, 0.7vw, 0.82rem); font-weight: 780; letter-spacing: 0.13em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-app-hero-eyebrow > span { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(244, 82, 190, 0.42); border-radius: 50%; background: rgba(116, 31, 88, 0.18); box-shadow: 0 0 16px rgba(243, 61, 182, 0.16); } .page-home-overlift-deck .pathfinder-app-hero-copy h2 { margin: 0; max-width: 760px; color: #f9f8f9; font-size: clamp(3rem, 3.8vw, 3.65rem); font-weight: 735; letter-spacing: -0.04em; line-height: 1.02; text-wrap: balance; } .page-home-overlift-deck .pathfinder-app-hero-copy h2 em { color: #f55ec3; font-style: normal; text-shadow: 0 0 26px rgba(243, 65, 184, 0.22); } .page-home-overlift-deck .pathfinder-app-hero-copy > p { max-width: 760px; margin: 0; color: rgba(224, 195, 233, 0.82); font-size: clamp(1rem, 1.18vw, 1.28rem); line-height: 1.62; text-wrap: pretty; } .page-home-overlift-deck .pathfinder-app-hero-principles { display: grid; gap: 4px; margin: 2px 0 0; padding: 0; list-style: none; } .page-home-overlift-deck .pathfinder-app-hero-principles li { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 11px; min-height: 50px; border-top: 1px solid rgba(180, 84, 210, 0.12); padding: 7px 0; } .page-home-overlift-deck .pathfinder-app-hero-principles li:first-child { border-top: 0; } .page-home-overlift-deck .pathfinder-app-hero-principles i { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(230, 87, 182, 0.28); border-radius: 9px; background: rgba(82, 23, 62, 0.20); color: #f66ec9; font-style: normal; } .page-home-overlift-deck .pathfinder-app-hero-principles span { display: grid; gap: 2px; } .page-home-overlift-deck .pathfinder-app-hero-principles strong { color: #f7f4f6; font-size: 0.92rem; } .page-home-overlift-deck .pathfinder-app-hero-principles small { color: rgba(224, 172, 207, 0.69); font-size: 0.76rem; line-height: 1.4; } .page-home-overlift-deck .pathfinder-app-hero-copy .pathfinder-primary-actions { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 8px; padding: 2px 0 0; } .page-home-overlift-deck .pathfinder-app-hero-copy .pathfinder-primary-actions button { min-width: 0; min-height: 48px; border-radius: 9px; padding-inline: 13px; font-size: clamp(0.72rem, 0.77vw, 0.86rem); } .page-home-overlift-deck .pathfinder-app-secondary-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-top: 1px solid rgba(205, 66, 159, 0.13); padding-top: 10px; } .page-home-overlift-deck .pathfinder-app-secondary-actions button { display: inline-flex; align-items: center; gap: 8px; border: 0; padding: 0; background: transparent; color: #ea8fcc; font-size: 0.82rem; font-weight: 720; } .page-home-overlift-deck .pathfinder-app-secondary-actions button:hover, .page-home-overlift-deck .pathfinder-app-secondary-actions button:focus-visible { color: #fff; } .page-home-overlift-deck .pathfinder-app-secondary-actions small { color: rgba(155, 183, 202, 0.55); font-size: 0.67rem; text-align: right; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-globe-column { min-height: 620px; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-globe-stage, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-globe-stage, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-globe-stage { min-height: 620px; border-radius: 18px; box-shadow: inset 0 1px 0 rgba(242, 238, 241, 0.06), 0 26px 80px rgba(0, 0, 0, 0.34), 0 0 38px rgba(224, 51, 166, 0.07); } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-engineering-overlays, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-engineering-overlays, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-engineering-overlays { display: none !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-globe-credit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-globe-credit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-globe-credit { opacity: 0.55; } .page-home-overlift-deck .pathfinder-app-support { display: grid; grid-template-columns: minmax(0, 1.36fr) minmax(330px, 0.78fr); gap: 15px; } .page-home-overlift-deck .pathfinder-method-card, .page-home-overlift-deck .pathfinder-builder-card, .page-home-overlift-deck .pathfinder-case-study, .page-home-overlift-deck .pathfinder-demo-proof { border: 1px solid rgba(176, 73, 207, 0.21); border-radius: 15px; background: linear-gradient(150deg, rgba(5, 16, 26, 0.94), rgba(2, 9, 16, 0.96)); box-shadow: inset 0 1px 0 rgba(249, 247, 248, 0.035), 0 18px 54px rgba(0, 0, 0, 0.24); } .page-home-overlift-deck .pathfinder-method-card, .page-home-overlift-deck .pathfinder-builder-card { padding: 18px 20px; } .page-home-overlift-deck .pathfinder-method-card > header, .page-home-overlift-deck .pathfinder-builder-card > header, .page-home-overlift-deck .pathfinder-demo-proof > header { display: grid; gap: 5px; margin-bottom: 16px; } .page-home-overlift-deck .pathfinder-method-card > header span, .page-home-overlift-deck .pathfinder-builder-card > header span, .page-home-overlift-deck .pathfinder-demo-proof > header span { color: #f569c6; font-size: 0.68rem; font-weight: 780; letter-spacing: 0.13em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-method-card > header strong, .page-home-overlift-deck .pathfinder-builder-card > header strong, .page-home-overlift-deck .pathfinder-demo-proof > header strong { color: #f7f5f6; font-size: clamp(1.05rem, 1.18vw, 1.34rem); line-height: 1.3; } .page-home-overlift-deck .pathfinder-method-card ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .pathfinder-method-card li { position: relative; display: grid; min-width: 0; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; border-left: 1px solid rgba(207, 76, 163, 0.17); padding: 3px 10px 3px 14px; } .page-home-overlift-deck .pathfinder-method-card li:first-child { border-left: 0; padding-left: 0; } .page-home-overlift-deck .pathfinder-method-card li > i { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid rgba(240, 86, 189, 0.37); border-radius: 50%; color: #e781c5; font-size: 0.70rem; font-style: normal; font-weight: 820; box-shadow: 0 0 14px rgba(243, 71, 186, 0.10); } .page-home-overlift-deck .pathfinder-method-card li:nth-child(3) > i { border-color: rgba(202, 113, 255, 0.40); color: #da9dff; } .page-home-overlift-deck .pathfinder-method-card li:nth-child(4) > i { border-color: rgba(86, 233, 187, 0.42); color: #7af0c9; } .page-home-overlift-deck .pathfinder-method-card li > div { display: grid; gap: 3px; } .page-home-overlift-deck .pathfinder-method-card li strong { color: #f6f3f5; font-size: 0.84rem; } .page-home-overlift-deck .pathfinder-method-card li small { color: rgba(221, 162, 201, 0.66); font-size: 0.70rem; line-height: 1.42; } .page-home-overlift-deck .pathfinder-builder-card:focus-visible { outline: 2px solid rgba(244, 86, 191, 0.76); outline-offset: 3px; } .page-home-overlift-deck .pathfinder-builder-card > p { margin: 0 0 13px; color: rgba(227, 179, 211, 0.73); font-size: 0.78rem; line-height: 1.55; } .page-home-overlift-deck .pathfinder-builder-card ul { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .pathfinder-builder-card li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 8px; } .page-home-overlift-deck .pathfinder-builder-card li > i { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 7px; background: rgba(121, 36, 93, 0.17); color: #f66ec9; font-style: normal; } .page-home-overlift-deck .pathfinder-builder-card li > span { display: grid; gap: 2px; } .page-home-overlift-deck .pathfinder-builder-card li strong { color: #f4f0f3; font-size: 0.74rem; } .page-home-overlift-deck .pathfinder-builder-card li small { color: rgba(161, 188, 206, 0.60); font-size: 0.65rem; line-height: 1.38; } .page-home-overlift-deck .pathfinder-case-study[hidden] { display: none !important; } .page-home-overlift-deck .pathfinder-case-study { padding: 19px 20px; } .page-home-overlift-deck .pathfinder-case-study > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; } .page-home-overlift-deck .pathfinder-case-study > header > div { display: grid; gap: 5px; } .page-home-overlift-deck .pathfinder-case-study > header span { color: #f66bc8; font-size: 0.69rem; font-weight: 780; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-case-study > header strong { color: #f8f6f7; font-size: clamp(1.2rem, 1.45vw, 1.65rem); line-height: 1.25; } .page-home-overlift-deck .pathfinder-case-study > header button { display: grid; flex: 0 0 32px; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(211, 90, 171, 0.28); border-radius: 8px; background: rgba(2, 10, 17, 0.75); color: #e6bdd8; } .page-home-overlift-deck .pathfinder-case-study-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .page-home-overlift-deck .pathfinder-case-study-grid article { display: grid; min-width: 0; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; border-left: 1px solid rgba(207, 74, 163, 0.17); padding: 4px 11px 4px 14px; } .page-home-overlift-deck .pathfinder-case-study-grid article:first-child { border-left: 0; padding-left: 0; } .page-home-overlift-deck .pathfinder-case-study-grid i { color: rgba(245, 102, 197, 0.72); font-size: 0.72rem; font-style: normal; font-weight: 780; } .page-home-overlift-deck .pathfinder-case-study-grid div { display: grid; gap: 5px; } .page-home-overlift-deck .pathfinder-case-study-grid strong { color: #f4f2f3; font-size: 0.84rem; } .page-home-overlift-deck .pathfinder-case-study-grid p { margin: 0; color: rgba(222, 164, 203, 0.68); font-size: 0.72rem; line-height: 1.5; } .page-home-overlift-deck .pathfinder-case-study > footer { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px solid rgba(204, 63, 157, 0.14); margin-top: 18px; padding-top: 14px; } .page-home-overlift-deck .pathfinder-case-study > footer button { min-height: 40px; border: 1px solid rgba(209, 82, 167, 0.33); border-radius: 8px; padding: 0 13px; background: rgba(5, 23, 36, 0.74); color: #eee3ea; font-size: 0.75rem; font-weight: 690; } .page-home-overlift-deck .pathfinder-case-study > footer .pathfinder-action-primary { border-color: rgba(243, 69, 185, 0.78); background: linear-gradient(180deg, rgba(179, 47, 135, 0.96), rgba(111, 22, 81, 0.98)); color: #fff; } .page-home-overlift-deck .pathfinder-demo-proof { display: grid; grid-template-columns: minmax(180px, 0.26fr) minmax(0, 1fr); align-items: stretch; gap: 15px; padding: 14px 15px; } .page-home-overlift-deck .pathfinder-demo-proof > header { align-content: center; margin: 0; padding: 3px 5px; } .page-home-overlift-deck .pathfinder-demo-proof .pathfinder-trust-strip { min-height: 72px; border-color: rgba(206, 70, 161, 0.17); background: rgba(2, 9, 15, 0.44); } .page-home-overlift-deck .pathfinder-demo-proof .pathfinder-trust-strip article { min-height: 70px; } .page-home-overlift-deck .pathfinder-demo-proof .pathfinder-trust-strip strong { font-size: 0.70rem; } .page-home-overlift-deck .pathfinder-demo-proof .pathfinder-trust-strip small { font-size: 0.61rem; line-height: 1.34; } .page-home-overlift-deck .pathfinder-guided-secondary { display: none; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-guided-secondary { display: block; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-app-support, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-demo-proof { display: none; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-app-hero-copy, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-app-support, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-case-study, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-demo-proof, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-guided-secondary { display: none !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] { grid-template-rows: minmax(0, 1fr) auto; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-cockpit { grid-template-columns: minmax(300px, 0.86fr) minmax(520px, 1.52fr) minmax(360px, 1.04fr); gap: 9px; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-guided-panel { display: grid !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-stage-context { display: flex !important; } @media (max-width: 1280px) { .page-home-overlift-deck .pathfinder-hiring-nav button { padding-inline: 10px; font-size: 0.72rem; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-cockpit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-cockpit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-cockpit { grid-template-columns: minmax(330px, 0.80fr) minmax(510px, 1.20fr); } .page-home-overlift-deck .pathfinder-app-hero-copy { padding: 31px; } .page-home-overlift-deck .pathfinder-app-hero-copy .pathfinder-primary-actions { grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-method-card ol, .page-home-overlift-deck .pathfinder-case-study-grid { grid-template-columns: 1fr 1fr; } .page-home-overlift-deck .pathfinder-method-card li:nth-child(3), .page-home-overlift-deck .pathfinder-case-study-grid article:nth-child(3) { border-left: 0; padding-left: 0; } } @media (max-width: 1040px) { .page-home-overlift-deck .pathfinder-topbar { grid-template-columns: minmax(260px, 1fr) auto !important; } .page-home-overlift-deck .pathfinder-hiring-nav { grid-column: 1 / -1; justify-content: flex-start; overflow-x: auto; padding-top: 4px; scrollbar-width: none; } .page-home-overlift-deck .pathfinder-hiring-nav::-webkit-scrollbar { display: none; } .page-home-overlift-deck .pathfinder-topbar-tools { grid-column: 2; grid-row: 1; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-cockpit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-cockpit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-cockpit { grid-template-columns: 1fr; grid-template-rows: auto minmax(560px, 64vh); } .page-home-overlift-deck .pathfinder-app-hero-copy { min-height: 0; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-globe-column { min-height: 560px; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-globe-stage, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-globe-stage, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-globe-stage { min-height: 560px; } .page-home-overlift-deck .pathfinder-app-support { grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-demo-proof { grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-cockpit { grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.35fr); grid-template-rows: minmax(540px, 65vh) auto; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-stage-context { grid-column: 1 / -1; min-height: 360px; } } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-hiring-nav button { flex: 0 0 auto; min-height: 36px; padding-inline: 8px; font-size: 0.66rem; } .page-home-overlift-deck .pathfinder-hiring-nav [data-pathfinder-about-sean] { display: none; } .page-home-overlift-deck .pathfinder-hiring-nav .pathfinder-nav-proof { order: -1; } .page-home-overlift-deck .pathfinder-app-hero-copy { gap: 16px; border-radius: 14px; padding: 24px 20px; } .page-home-overlift-deck .pathfinder-app-hero-copy h2 { font-size: clamp(2.25rem, 12vw, 3.7rem); } .page-home-overlift-deck .pathfinder-app-hero-copy > p { font-size: 0.96rem; } .page-home-overlift-deck .pathfinder-app-hero-copy .pathfinder-primary-actions { display: grid; grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-app-secondary-actions { align-items: flex-start; flex-direction: column; } .page-home-overlift-deck .pathfinder-app-secondary-actions small { text-align: left; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-cockpit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-cockpit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-cockpit { grid-template-rows: auto minmax(470px, 62vh); } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-globe-stage, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-globe-stage, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-globe-stage { min-height: 470px; } .page-home-overlift-deck .pathfinder-method-card, .page-home-overlift-deck .pathfinder-builder-card, .page-home-overlift-deck .pathfinder-case-study, .page-home-overlift-deck .pathfinder-demo-proof { border-radius: 12px; padding: 16px; } .page-home-overlift-deck .pathfinder-method-card ol, .page-home-overlift-deck .pathfinder-builder-card ul, .page-home-overlift-deck .pathfinder-case-study-grid { grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-method-card li, .page-home-overlift-deck .pathfinder-method-card li:first-child, .page-home-overlift-deck .pathfinder-case-study-grid article, .page-home-overlift-deck .pathfinder-case-study-grid article:first-child { border-left: 0; border-top: 1px solid rgba(207, 76, 163, 0.14); padding: 11px 0; } .page-home-overlift-deck .pathfinder-method-card li:first-child, .page-home-overlift-deck .pathfinder-case-study-grid article:first-child { border-top: 0; } .page-home-overlift-deck .pathfinder-demo-proof .pathfinder-trust-strip { grid-template-columns: repeat(5, minmax(170px, 1fr)); overflow-x: auto; } .page-home-overlift-deck .pathfinder-case-study > footer { display: grid; grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-case-study > footer button { width: 100%; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-cockpit { display: flex; flex-direction: column; } } .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"][data-pathfinder-view="guided"][data-pathfinder-experience="overview"], .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"][data-pathfinder-view="guided"][data-pathfinder-experience="case-study"], .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"][data-pathfinder-view="guided"][data-pathfinder-experience="questions"] { height: auto !important; min-height: min(96dvh, 920px) !important; max-height: none !important; grid-template-rows: auto auto !important; overflow: visible !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"] .pathfinder-app-hero-copy, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"] .pathfinder-app-support, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"] .pathfinder-case-study, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"] .pathfinder-demo-proof, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"] .pathfinder-guided-secondary { display: none !important; } .page-home-overlift-deck .pathfinder-globe-stage[data-auto-spin="starting"] .pathfinder-drag-hint, .page-home-overlift-deck .pathfinder-globe-stage[data-auto-spin="active"] .pathfinder-drag-hint { border-color: rgba(244, 76, 188, 0.38); background: linear-gradient(180deg, rgba(4, 20, 33, 0.92), rgba(2, 11, 20, 0.82)); box-shadow: 0 12px 28px rgba(0, 8, 18, 0.32), 0 0 24px rgba(242, 51, 178, 0.08); } .page-home-overlift-deck .pathfinder-drag-hint { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: 8px; row-gap: 1px; } .page-home-overlift-deck .pathfinder-drag-hint > span { grid-row: 1 / span 2; transform-origin: center; } .page-home-overlift-deck .pathfinder-globe-stage[data-auto-spin="active"] .pathfinder-drag-hint > span { animation: pathfinder-ux02-spin-cue 5s linear infinite; } .page-home-overlift-deck .pathfinder-drag-hint small { color: rgba(221, 164, 202, 0.68); font-size: 0.62rem; line-height: 1.15; letter-spacing: 0.015em; } .page-home-overlift-deck .pathfinder-globe-stage[data-auto-spin="paused"] .pathfinder-drag-hint > span { color: rgba(255, 205, 112, 0.9); } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-globe-controls, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-globe-controls, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-globe-controls { opacity: 0.58; transition: opacity 140ms ease; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-globe-stage:hover .pathfinder-globe-controls, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-globe-stage:focus-within .pathfinder-globe-controls, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-globe-stage:hover .pathfinder-globe-controls, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="case-study"] .pathfinder-globe-stage:focus-within .pathfinder-globe-controls, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-globe-stage:hover .pathfinder-globe-controls, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="questions"] .pathfinder-globe-stage:focus-within .pathfinder-globe-controls { opacity: 1; } .page-home-overlift-deck .pathfinder-globe-stage[data-hero-mode="true"] .globe-hub-label { max-width: 144px; } @keyframes pathfinder-ux02-spin-cue { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .pathfinder-globe-stage[data-auto-spin="active"] .pathfinder-drag-hint > span { animation: none; } } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-drag-hint small { display: none; } .page-home-overlift-deck .pathfinder-drag-hint { grid-template-columns: auto auto; } .page-home-overlift-deck .pathfinder-drag-hint > span { grid-row: auto; } } .page-home-overlift-deck .pathfinder-globe-stage[data-label-mode="hero"] .globe-hub-label.is-hero-suppressed { opacity: 0 !important; visibility: hidden; pointer-events: none !important; } .page-home-overlift-deck .pathfinder-globe-bootstrap-orb { position: absolute; z-index: 2; top: 50%; left: 58%; width: min(72%, 720px); aspect-ratio: 1; overflow: hidden; transform: translate3d(-50%, -50%, 0); border: 1px solid rgba(245, 97, 196, 0.62); border-radius: 50%; background: #020a14; box-shadow: inset -68px -18px 110px rgba(0, 0, 0, 0.88), inset 34px 4px 72px rgba(244, 82, 190, 0.10), 0 0 5px rgba(233, 141, 202, 0.90), 0 0 42px rgba(242, 53, 179, 0.34), 0 0 96px rgba(126, 41, 152, 0.22); opacity: 1; pointer-events: none; contain: strict; isolation: isolate; transition: opacity 150ms linear, visibility 150ms linear; } .page-home-overlift-deck .pathfinder-bootstrap-earth-map, .page-home-overlift-deck .pathfinder-bootstrap-earth-shade, .page-home-overlift-deck .pathfinder-bootstrap-earth-gloss, .page-home-overlift-deck .pathfinder-bootstrap-earth-atmosphere { position: absolute; inset: 0; display: block; border-radius: 50%; pointer-events: none; } .page-home-overlift-deck .pathfinder-bootstrap-earth-map { right: auto; width: 200%; border-radius: 0; background-position: 0 50%; background-repeat: repeat-x; background-size: 50% 100%; transform: translate3d(0, 0, 0); animation: pathfinder-ux02-bootstrap-earth-spin 360s linear infinite; will-change: transform; } .page-home-overlift-deck .pathfinder-bootstrap-earth-map.is-day { background-image: url('/assets/pathfinder-earth/earth-day-2048.webp'); filter: saturate(1.06) contrast(1.06) brightness(0.90); } .page-home-overlift-deck .pathfinder-bootstrap-earth-map.is-night { z-index: 1; background-image: url('/assets/pathfinder-earth/materials/earth-night-2048.webp'); opacity: 0.76; mix-blend-mode: screen; -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.72) 40%, transparent 56%, transparent 100%); mask-image: linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.72) 40%, transparent 56%, transparent 100%); } .page-home-overlift-deck .pathfinder-bootstrap-earth-shade { z-index: 2; background: radial-gradient(circle at 68% 34%, rgba(233, 139, 202, 0.12), transparent 24%), radial-gradient(circle at 66% 50%, transparent 0 36%, rgba(0, 4, 13, 0.10) 52%, rgba(0, 2, 9, 0.58) 79%, rgba(0, 0, 0, 0.96) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.74), transparent 39%, transparent 71%, rgba(0, 0, 0, 0.46)); } .page-home-overlift-deck .pathfinder-bootstrap-earth-gloss { z-index: 3; background: radial-gradient(ellipse at 72% 26%, rgba(242, 185, 223, 0.22), rgba(209, 90, 244, 0.05) 22%, transparent 44%); mix-blend-mode: screen; } .page-home-overlift-deck .pathfinder-bootstrap-earth-atmosphere { z-index: 4; box-shadow: inset 0 0 4px rgba(240, 218, 233, 0.88), inset 0 0 22px rgba(243, 59, 182, 0.20); } .page-home-overlift-deck .pathfinder-globe-stage.is-ready .pathfinder-globe-bootstrap-orb { visibility: hidden; opacity: 0; } .page-home-overlift-deck .pathfinder-globe-stage[data-auto-spin="paused"] .pathfinder-bootstrap-earth-map, .page-home-overlift-deck .pathfinder-globe-stage[data-auto-spin="reduced-motion"] .pathfinder-bootstrap-earth-map { animation-play-state: paused; } .page-home-overlift-deck .pathfinder-globe-stage[data-auto-spin="starting"] .pathfinder-globe-preview, .page-home-overlift-deck .pathfinder-globe-stage[data-auto-spin="active"]:not(.is-ready) .pathfinder-globe-preview { opacity: 0.42; } .page-home-overlift-deck .pathfinder-globe-storyline { position: absolute; z-index: 23; top: 16px; left: 50%; display: flex; max-width: calc(100% - 250px); align-items: center; gap: 8px; transform: translateX(-50%); border: 1px solid rgba(209, 80, 166, 0.26); border-radius: 999px; padding: 7px 12px; color: rgba(240, 228, 236, 0.88); background: rgba(2, 10, 18, 0.88); box-shadow: 0 8px 24px rgba(0, 5, 13, 0.30); pointer-events: none; } .page-home-overlift-deck .pathfinder-globe-storyline span { display: grid; gap: 1px; } .page-home-overlift-deck .pathfinder-globe-storyline small { color: rgba(220, 125, 188, 0.66); font-size: 0.54rem; font-weight: 750; letter-spacing: 0.11em; line-height: 1; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-globe-storyline strong { color: #efe4eb; font-size: 0.68rem; line-height: 1.1; white-space: nowrap; } .page-home-overlift-deck .pathfinder-globe-storyline > i { color: rgba(229, 102, 187, 0.54); font-style: normal; } .page-home-overlift-deck .pathfinder-globe-storyline .is-disruption strong { color: #ff9b9b; } .page-home-overlift-deck .pathfinder-guided-experience:not([data-pathfinder-experience="overview"]):not([data-pathfinder-experience="case-study"]) .pathfinder-globe-storyline { display: none; } @keyframes pathfinder-ux02-bootstrap-earth-spin { to { transform: translate3d(-50%, 0, 0); } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .pathfinder-bootstrap-earth-map { animation: none; } } @media (max-width: 900px) { .page-home-overlift-deck .pathfinder-globe-bootstrap-orb { left: 50%; width: min(84%, 650px); } .page-home-overlift-deck .pathfinder-globe-storyline { max-width: calc(100% - 160px); } } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-globe-bootstrap-orb { width: min(88%, 520px); } .page-home-overlift-deck .pathfinder-globe-storyline { top: 54px; max-width: calc(100% - 24px); gap: 5px; padding: 6px 9px; } .page-home-overlift-deck .pathfinder-globe-storyline small { display: none; } .page-home-overlift-deck .pathfinder-globe-storyline strong { font-size: 0.61rem; } } .page-home-overlift-deck .pathfinder-globe-stage.has-error .pathfinder-globe-bootstrap-orb { visibility: hidden; opacity: 0; } .page-home-overlift-deck .pathfinder-proof-story { --proof-progress: 0%; display: none; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid rgba(214, 90, 173, 0.27); border-radius: 16px; padding: 20px; background: radial-gradient(circle at 16% 0%, rgba(243, 66, 184, 0.12), transparent 34%), linear-gradient(155deg, rgba(4, 18, 30, 0.98), rgba(2, 9, 17, 0.96)); box-shadow: inset 0 1px 0 rgba(244, 229, 239, 0.05), 0 20px 56px rgba(0, 5, 13, 0.35); } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] { grid-template-rows: minmax(0, 1fr) !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-experience="proof"] .pathfinder-hiring-nav { display: none !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-experience="proof"] .pathfinder-topbar { grid-template-columns: minmax(0, 1fr) auto !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-cockpit { display: grid !important; grid-template-columns: minmax(380px, 0.82fr) minmax(610px, 1.68fr) !important; grid-template-rows: minmax(640px, 1fr) !important; gap: 12px !important; min-height: 0; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-proof-story { display: flex; flex-direction: column; gap: 13px; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-guided-panel, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-stage-context { display: none !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-stage { min-height: 640px; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-engineering-overlays, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-layer-menu, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-drag-hint, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-storyline { display: none !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-controls { opacity: 0.34; transition: opacity 140ms ease; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-stage:hover .pathfinder-globe-controls, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-stage:focus-within .pathfinder-globe-controls { opacity: 0.92; } .page-home-overlift-deck .pathfinder-proof-story::before { position: absolute; inset: 0 auto auto 0; width: var(--proof-progress); height: 2px; background: linear-gradient(90deg, #f349ba, #8d7dff 68%, #61efbd); box-shadow: 0 0 16px rgba(243, 66, 184, 0.45); content: ""; transition: width 120ms linear; } .page-home-overlift-deck .pathfinder-proof-story { position: relative; } .page-home-overlift-deck .pathfinder-proof-story-header { display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between; gap: 14px; } .page-home-overlift-deck .pathfinder-proof-story-header > div { display: grid; gap: 5px; } .page-home-overlift-deck .pathfinder-proof-story-header span { color: #f66bc8; font-size: 0.68rem; font-weight: 820; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-proof-story-header strong { max-width: 34ch; color: #f8f6f7; font-size: clamp(1rem, 1.3vw, 1.28rem); line-height: 1.3; } .page-home-overlift-deck .pathfinder-proof-story-header > button { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(211, 91, 171, 0.28); border-radius: 9px; background: rgba(1, 8, 14, 0.72); color: rgba(232, 192, 219, 0.8); font-size: 1rem; } .page-home-overlift-deck .pathfinder-proof-story-header > button:hover, .page-home-overlift-deck .pathfinder-proof-story-header > button:focus-visible { border-color: rgba(245, 102, 197, 0.66); color: white; } .page-home-overlift-deck .pathfinder-proof-chapters { display: grid; flex: 0 0 auto; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .pathfinder-proof-chapters li { display: grid; min-width: 0; grid-template-columns: 25px minmax(0, 1fr); align-items: center; gap: 7px; border: 1px solid rgba(205, 65, 158, 0.15); border-radius: 10px; padding: 8px; background: rgba(3, 15, 25, 0.58); opacity: 0.56; transition: opacity 150ms ease, border-color 150ms ease, background 150ms ease; } .page-home-overlift-deck .pathfinder-proof-chapters li > i { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid rgba(228, 94, 183, 0.36); border-radius: 50%; color: #e98bca; font-size: 0.66rem; font-style: normal; font-weight: 830; } .page-home-overlift-deck .pathfinder-proof-chapters li > span { display: grid; gap: 2px; min-width: 0; } .page-home-overlift-deck .pathfinder-proof-chapters strong { color: #f2eff1; font-size: 0.70rem; } .page-home-overlift-deck .pathfinder-proof-chapters small { overflow: hidden; color: rgba(150, 181, 202, 0.58); font-size: 0.56rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-proof-chapters li.is-active { border-color: rgba(244, 76, 188, 0.55); background: linear-gradient(145deg, rgba(81, 25, 62, 0.45), rgba(6, 28, 43, 0.72)); opacity: 1; box-shadow: inset 0 1px 0 rgba(242, 223, 236, 0.07), 0 0 18px rgba(224, 48, 165, 0.08); } .page-home-overlift-deck .pathfinder-proof-chapters li.is-complete { opacity: 0.86; } .page-home-overlift-deck .pathfinder-proof-chapters li.is-complete > i { border-color: rgba(79, 231, 182, 0.64); color: #7df0c8; } .page-home-overlift-deck .pathfinder-proof-narrative { display: flex; flex: 1 1 292px; min-height: 292px; flex-direction: column; justify-content: center; gap: 13px; border-top: 1px solid rgba(205, 69, 160, 0.14); border-bottom: 1px solid rgba(205, 69, 160, 0.14); padding: 18px 0; } .page-home-overlift-deck .pathfinder-proof-stage-kicker { color: #ea91cc; font-size: 0.67rem; font-weight: 820; letter-spacing: 0.105em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-proof-narrative h2 { margin: 0; color: #f8f7f8; font-size: clamp(1.75rem, 2.25vw, 2.65rem); line-height: 1.08; letter-spacing: -0.035em; text-wrap: balance; } .page-home-overlift-deck .pathfinder-proof-narrative > p:not(.pathfinder-proof-boundary) { max-width: 47ch; margin: 0; color: rgba(230, 187, 216, 0.76); font-size: 0.88rem; line-height: 1.62; } .page-home-overlift-deck .pathfinder-proof-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 2px 0 0; } .page-home-overlift-deck .pathfinder-proof-facts > div { display: grid; min-width: 0; gap: 4px; border: 1px solid rgba(206, 69, 160, 0.16); border-radius: 10px; padding: 10px; background: rgba(2, 12, 20, 0.65); } .page-home-overlift-deck .pathfinder-proof-facts dt { color: rgba(219, 121, 186, 0.66); font-size: 0.58rem; font-weight: 760; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-proof-facts dd { overflow: hidden; margin: 0; color: #f6f3f5; font-size: 0.77rem; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-proof-boundary { display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: center; gap: 9px; margin: 0; border-left: 2px solid rgba(191, 114, 255, 0.74); border-radius: 0 9px 9px 0; padding: 10px 12px; background: linear-gradient(90deg, rgba(111, 47, 155, 0.16), rgba(15, 23, 38, 0.28)); color: rgba(219, 207, 237, 0.86); font-size: 0.72rem; line-height: 1.42; } .page-home-overlift-deck .pathfinder-proof-boundary > span:first-child { color: #d89cff; } .page-home-overlift-deck .pathfinder-proof-boundary[data-tone="unavailable"], .page-home-overlift-deck .pathfinder-proof-boundary[data-tone="sla-fail"] { border-left-color: rgba(255, 113, 129, 0.78); background: linear-gradient(90deg, rgba(150, 45, 63, 0.18), rgba(24, 18, 29, 0.28)); } .page-home-overlift-deck .pathfinder-proof-boundary[data-tone="approval"] { border-left-color: rgba(255, 193, 88, 0.78); background: linear-gradient(90deg, rgba(148, 96, 28, 0.18), rgba(25, 22, 19, 0.28)); } .page-home-overlift-deck .pathfinder-proof-boundary[data-tone="execution"], .page-home-overlift-deck .pathfinder-proof-boundary[data-tone="proof"], .page-home-overlift-deck .pathfinder-proof-boundary[data-tone="complete"] { border-left-color: rgba(83, 230, 181, 0.76); background: linear-gradient(90deg, rgba(33, 132, 104, 0.17), rgba(14, 26, 27, 0.28)); } .page-home-overlift-deck .pathfinder-proof-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: center; gap: 8px; } .page-home-overlift-deck .pathfinder-proof-primary { display: inline-flex; min-height: 46px; flex: 1 1 210px; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(243, 73, 186, 0.84); border-radius: 10px; padding: 0 16px; background: linear-gradient(180deg, rgba(202, 33, 146, 0.98), rgba(112, 23, 82, 0.99)); color: white; box-shadow: inset 0 1px 0 rgba(248, 245, 247, 0.18), 0 0 24px rgba(242, 53, 179, 0.14); font-size: 0.78rem; font-weight: 780; } .page-home-overlift-deck .pathfinder-proof-primary:hover, .page-home-overlift-deck .pathfinder-proof-primary:focus-visible { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(248, 245, 247, 0.22), 0 0 30px rgba(242, 53, 179, 0.22); } .page-home-overlift-deck .pathfinder-proof-primary[data-action="receipt"] { border-color: rgba(88, 239, 186, 0.78); background: linear-gradient(180deg, rgba(20, 146, 112, 0.98), rgba(4, 82, 67, 0.99)); box-shadow: inset 0 1px 0 rgba(235, 255, 248, 0.18), 0 0 25px rgba(59, 226, 170, 0.15); } .page-home-overlift-deck .pathfinder-proof-quiet { min-height: 38px; border: 1px solid rgba(207, 73, 162, 0.24); border-radius: 9px; padding: 0 11px; background: rgba(3, 15, 25, 0.68); color: rgba(231, 189, 217, 0.76); font-size: 0.68rem; font-weight: 690; } .page-home-overlift-deck .pathfinder-proof-quiet:hover, .page-home-overlift-deck .pathfinder-proof-quiet:focus-visible { border-color: rgba(239, 82, 187, 0.55); color: white; } .page-home-overlift-deck .pathfinder-proof-quiet[hidden] { display: none !important; } .page-home-overlift-deck .pathfinder-proof-transport { display: grid; flex: 0 0 auto; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 9px; border: 0; padding: 0; background: transparent; } .page-home-overlift-deck .pathfinder-proof-transport[hidden] { display: none !important; } .page-home-overlift-deck .pathfinder-proof-transport > button:not([hidden]) { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid rgba(207, 73, 162, 0.24); border-radius: 8px; background: rgba(2, 12, 20, 0.72); color: #e1add0; } .page-home-overlift-deck .pathfinder-proof-transport .pathfinder-progress { height: 5px; overflow: hidden; border-radius: 999px; background: rgba(163, 60, 129, 0.20); } .page-home-overlift-deck .pathfinder-proof-transport .pathfinder-progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #f44dbc, #937cff 67%, #5ce8b8); box-shadow: 0 0 12px rgba(244, 80, 189, 0.35); } .page-home-overlift-deck .pathfinder-proof-transport time { color: rgba(221, 164, 202, 0.72); font-size: 0.64rem; font-variant-numeric: tabular-nums; } .page-home-overlift-deck .pathfinder-proof-shortcuts, .page-home-overlift-deck .pathfinder-proof-disclosure { flex: 0 0 auto; margin: 0; color: rgba(137, 169, 189, 0.58); font-size: 0.59rem; line-height: 1.35; } .page-home-overlift-deck .pathfinder-proof-shortcuts { text-align: center; } .page-home-overlift-deck .pathfinder-proof-shortcuts kbd { border: 1px solid rgba(208, 76, 164, 0.25); border-bottom-color: rgba(208, 76, 164, 0.42); border-radius: 5px; padding: 2px 5px; background: rgba(1, 9, 15, 0.76); color: rgba(227, 211, 222, 0.82); font-family: inherit; font-size: 0.56rem; } .page-home-overlift-deck .pathfinder-proof-disclosure { text-align: center; } .page-home-overlift-deck .pathfinder-proof-story[data-proof-state="paused"] { border-color: rgba(255, 190, 86, 0.38); } .page-home-overlift-deck .pathfinder-proof-story[data-proof-state="complete"] { border-color: rgba(83, 230, 181, 0.42); background: radial-gradient(circle at 16% 0%, rgba(58, 221, 170, 0.10), transparent 34%), linear-gradient(155deg, rgba(4, 22, 28, 0.98), rgba(2, 10, 17, 0.96)); } @media (max-width: 1120px) { .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-cockpit { grid-template-columns: minmax(345px, 0.86fr) minmax(0, 1.45fr) !important; } .page-home-overlift-deck .pathfinder-proof-narrative h2 { font-size: clamp(1.55rem, 2.2vw, 2.2rem); } .page-home-overlift-deck .pathfinder-proof-chapters small { display: none; } } @media (max-width: 820px) { .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-cockpit { display: flex !important; flex-direction: column; gap: 10px !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-proof-story { order: 1; min-height: auto; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-column { order: 2; min-height: 500px; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-stage { min-height: 500px; } .page-home-overlift-deck .pathfinder-proof-narrative { min-height: 320px; } } @media (max-width: 560px) { .page-home-overlift-deck .pathfinder-proof-story { gap: 13px; border-radius: 13px; padding: 16px; } .page-home-overlift-deck .pathfinder-proof-story-header strong { font-size: 0.96rem; } .page-home-overlift-deck .pathfinder-proof-chapters { gap: 5px; } .page-home-overlift-deck .pathfinder-proof-chapters li { grid-template-columns: 22px minmax(0, 1fr); gap: 5px; padding: 7px 6px; } .page-home-overlift-deck .pathfinder-proof-chapters li > i { width: 21px; height: 21px; } .page-home-overlift-deck .pathfinder-proof-chapters strong { font-size: 0.62rem; } .page-home-overlift-deck .pathfinder-proof-facts { grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-proof-facts > div { grid-template-columns: 0.85fr 1.15fr; align-items: center; } .page-home-overlift-deck .pathfinder-proof-narrative { min-height: 360px; } .page-home-overlift-deck .pathfinder-proof-narrative h2 { font-size: clamp(1.65rem, 8vw, 2.25rem); } .page-home-overlift-deck .pathfinder-proof-actions { display: grid; grid-template-columns: 1fr 1fr; } .page-home-overlift-deck .pathfinder-proof-primary { grid-column: 1 / -1; width: 100%; } .page-home-overlift-deck .pathfinder-proof-shortcuts { display: none; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-stage { min-height: 430px; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .pathfinder-proof-story::before, .page-home-overlift-deck .pathfinder-proof-chapters li, .page-home-overlift-deck .pathfinder-proof-primary, .page-home-overlift-deck .pathfinder-globe-controls { transition: none !important; } } @media (min-width: 821px) { .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-cockpit.pathfinder-globe-first { height: 100% !important; max-height: none !important; min-height: 0 !important; grid-template-rows: minmax(0, 1fr) !important; align-self: stretch; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-proof-story, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-column, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-stage { height: 100%; min-height: 0; max-height: none; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-proof-story { gap: 10px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-proof-story-header { gap: 10px; } .page-home-overlift-deck .pathfinder-proof-story-header > div { gap: 3px; } .page-home-overlift-deck .pathfinder-proof-story-header strong { max-width: 31ch; font-size: clamp(0.98rem, 1.12vw, 1.15rem); line-height: 1.25; } .page-home-overlift-deck .pathfinder-proof-chapters { gap: 6px; } .page-home-overlift-deck .pathfinder-proof-chapters li { min-height: 44px; grid-template-columns: 23px minmax(0, 1fr); gap: 6px; padding: 7px; } .page-home-overlift-deck .pathfinder-proof-chapters li > i { width: 22px; height: 22px; } .page-home-overlift-deck .pathfinder-proof-chapters strong { font-size: 0.67rem; } .page-home-overlift-deck .pathfinder-proof-chapters small { display: none; } .page-home-overlift-deck .pathfinder-proof-narrative { flex: 1 1 auto; min-height: 0; justify-content: flex-start; gap: 9px; padding: 12px 0; overflow: visible; } .page-home-overlift-deck .pathfinder-proof-stage-kicker { font-size: 0.61rem; line-height: 1.25; } .page-home-overlift-deck .pathfinder-proof-narrative h2 { font-size: clamp(1.48rem, 1.88vw, 2.08rem); line-height: 1.08; } .page-home-overlift-deck .pathfinder-proof-narrative > p:not(.pathfinder-proof-boundary) { font-size: 0.80rem; line-height: 1.48; } .page-home-overlift-deck .pathfinder-proof-facts { gap: 7px; margin-top: 0; } .page-home-overlift-deck .pathfinder-proof-facts > div { gap: 3px; padding: 8px; } .page-home-overlift-deck .pathfinder-proof-facts dt { font-size: 0.54rem; } .page-home-overlift-deck .pathfinder-proof-facts dd { font-size: 0.73rem; } .page-home-overlift-deck .pathfinder-proof-boundary { grid-template-columns: 22px minmax(0, 1fr); gap: 7px; padding: 8px 10px; font-size: 0.67rem; line-height: 1.36; } .page-home-overlift-deck .pathfinder-proof-actions { gap: 7px; } .page-home-overlift-deck .pathfinder-proof-primary { min-height: 42px; } .page-home-overlift-deck .pathfinder-proof-quiet { min-height: 34px; } .page-home-overlift-deck .pathfinder-proof-transport { min-height: 31px; grid-template-columns: 31px minmax(0, 1fr) auto; gap: 8px; } .page-home-overlift-deck .pathfinder-proof-transport [data-pathfinder-play], .page-home-overlift-deck .pathfinder-proof-transport [data-pathfinder-pause], .page-home-overlift-deck .pathfinder-proof-transport [data-pathfinder-next] { display: none !important; } .page-home-overlift-deck .pathfinder-proof-shortcuts, .page-home-overlift-deck .pathfinder-proof-disclosure { overflow: hidden; font-size: 0.53rem; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="proof"] .pathfinder-globe-callout { display: none !important; } } .page-home-overlift-deck .pathfinder-workspace-banner { display: grid; min-width: 0; grid-template-columns: minmax(280px, 1.2fr) minmax(420px, 1.7fr) auto; align-items: center; gap: 14px; margin: 0 12px; padding: 10px 12px; border: 1px solid rgba(212, 87, 170, 0.24); border-radius: 13px; background: linear-gradient(135deg, rgba(4, 18, 30, 0.96), rgba(3, 10, 19, 0.90)); box-shadow: inset 0 1px rgba(255,255,255,0.035), 0 12px 30px rgba(0, 7, 15, 0.22); } .page-home-overlift-deck .pathfinder-workspace-banner[hidden] { display: none !important; } .page-home-overlift-deck .pathfinder-engineering-workspace-banner { border-color: rgba(184, 116, 246, 0.26); background: linear-gradient(135deg, rgba(21, 10, 34, 0.96), rgba(5, 10, 20, 0.92)); } .page-home-overlift-deck .pathfinder-workspace-identity { display: grid; min-width: 0; gap: 3px; } .page-home-overlift-deck .pathfinder-workspace-identity > span { display: inline-flex; align-items: center; gap: 7px; color: rgba(245, 99, 196, 0.90); font-size: 0.62rem; font-weight: 850; letter-spacing: 0.13em; text-transform: uppercase; } .page-home-overlift-deck .pathfinder-engineering-workspace-banner .pathfinder-workspace-identity > span { color: rgba(213, 151, 255, 0.92); } .page-home-overlift-deck .pathfinder-workspace-identity > strong { overflow: hidden; color: #f8f7f8; font-size: clamp(0.78rem, 0.78vw, 0.94rem); line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-workspace-identity > small { overflow: hidden; color: rgba(217, 181, 228, 0.68); font-size: 0.62rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .pathfinder-workspace-tabs { display: flex; min-width: 0; align-items: center; justify-content: center; gap: 5px; overflow-x: auto; scrollbar-width: none; } .page-home-overlift-deck .pathfinder-workspace-tabs::-webkit-scrollbar { display: none; } .page-home-overlift-deck .pathfinder-workspace-tabs button, .page-home-overlift-deck .pathfinder-workspace-actions button { display: inline-flex; min-height: 34px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 6px; border: 1px solid rgba(214, 100, 176, 0.22); border-radius: 9px; padding: 0 10px; background: rgba(5, 16, 26, 0.72); color: rgba(229, 215, 224, 0.76); font-size: 0.66rem; font-weight: 740; white-space: nowrap; transition: border-color 140ms ease, background 140ms ease, color 140ms ease, transform 140ms ease; } .page-home-overlift-deck .pathfinder-workspace-tabs button:hover, .page-home-overlift-deck .pathfinder-workspace-tabs button:focus-visible, .page-home-overlift-deck .pathfinder-workspace-tabs button.is-active, .page-home-overlift-deck .pathfinder-workspace-actions button:hover, .page-home-overlift-deck .pathfinder-workspace-actions button:focus-visible { border-color: rgba(244, 85, 191, 0.56); background: rgba(12, 48, 70, 0.82); color: white; transform: translateY(-1px); } .page-home-overlift-deck .pathfinder-engineering-workspace-banner .pathfinder-workspace-tabs button:hover, .page-home-overlift-deck .pathfinder-engineering-workspace-banner .pathfinder-workspace-tabs button:focus-visible, .page-home-overlift-deck .pathfinder-engineering-workspace-banner .pathfinder-workspace-tabs button.is-active { border-color: rgba(204, 136, 255, 0.58); background: rgba(63, 27, 86, 0.72); } .page-home-overlift-deck .pathfinder-workspace-actions { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: 6px; } .page-home-overlift-deck .pathfinder-workspace-boundary { display: inline-flex; align-items: center; gap: 6px; color: rgba(221, 164, 202, 0.68); font-size: 0.58rem; white-space: nowrap; } .page-home-overlift-deck .pathfinder-workspace-boundary i { width: 7px; height: 7px; border-radius: 50%; background: #61db93; box-shadow: 0 0 10px rgba(97, 219, 147, 0.58); } .page-home-overlift-deck .pathfinder-workspace-actions .pathfinder-workspace-exit { border-color: rgba(233, 96, 187, 0.42); color: #f5f3f4; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"], .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="engineering"] { grid-template-rows: auto auto minmax(0, 1fr) !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-primary-nav.pathfinder-technical-nav, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="engineering"] .pathfinder-primary-nav.pathfinder-technical-nav, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="engineering"] .pathfinder-compat-tabs { display: none !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-topbar, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="engineering"] .pathfinder-topbar { grid-template-columns: minmax(0, 1fr) auto !important; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-topbar-tools, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="engineering"] .pathfinder-topbar-tools { grid-column: 2; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-guided-experience { padding-top: 0; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"] .pathfinder-guided-secondary { display: none !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="scenario"] .pathfinder-guided-panel, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="scenario"] .pathfinder-stage-context { display: block; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] { min-height: clamp(560px, calc(100svh - 240px), 760px); grid-template-columns: minmax(360px, 0.72fr) minmax(600px, 1.28fr); grid-template-rows: minmax(0, 1fr); align-items: stretch; gap: 12px; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-cockpit { display: contents; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-guided-panel, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-stage-context { display: none !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-guided-secondary { display: block !important; min-width: 0; min-height: 0; height: 100%; grid-column: 1; grid-row: 1; overflow: auto; border: 1px solid rgba(210, 86, 169, 0.22); border-radius: 14px; padding: 12px; background: rgba(3, 13, 22, 0.90); } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-globe-column { min-width: 0; min-height: 0; height: 100%; grid-column: 2; grid-row: 1; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-globe-stage { min-height: 560px; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="paths"] .pathfinder-guided-panel, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="receipt"] .pathfinder-guided-panel { display: none !important; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="paths"] .pathfinder-cockpit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="receipt"] .pathfinder-cockpit { grid-template-columns: minmax(0, 1.5fr) minmax(340px, 0.72fr); } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="engineering"] .home-app-screens { min-height: 0; grid-template-columns: minmax(0, 1fr); padding: 0 12px 12px; overflow: auto; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="engineering"] .home-app-screen.is-active { display: block; width: 100%; max-width: none; grid-column: 1 / -1; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="engineering"] .home-app-screen-heading { position: sticky; z-index: 4; top: 0; border: 1px solid rgba(170, 111, 226, 0.20); border-radius: 12px; background: rgba(11, 7, 20, 0.94); box-shadow: 0 10px 24px rgba(0,0,0,0.22); } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="engineering"] .home-app-screen:not(.is-active) { display: none !important; } @media (max-width: 1180px) { .page-home-overlift-deck .pathfinder-workspace-banner { grid-template-columns: minmax(0, 1fr) auto; } .page-home-overlift-deck .pathfinder-workspace-tabs { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; } .page-home-overlift-deck .pathfinder-workspace-actions { grid-column: 2; grid-row: 1; } .page-home-overlift-deck .pathfinder-workspace-boundary { display: none; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] { grid-template-columns: minmax(310px, 0.76fr) minmax(520px, 1.24fr); } } @media (max-width: 820px) { .page-home-overlift-deck .pathfinder-workspace-banner { grid-template-columns: 1fr; align-items: stretch; } .page-home-overlift-deck .pathfinder-workspace-identity > strong, .page-home-overlift-deck .pathfinder-workspace-identity > small { white-space: normal; } .page-home-overlift-deck .pathfinder-workspace-tabs, .page-home-overlift-deck .pathfinder-workspace-actions { grid-column: 1; grid-row: auto; justify-content: flex-start; overflow-x: auto; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] { display: flex; flex-direction: column; overflow: visible; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-guided-secondary { order: 1; overflow: visible; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-globe-column { order: 2; min-height: 520px; } .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="paths"] .pathfinder-cockpit, .page-home-overlift-deck .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="receipt"] .pathfinder-cockpit { grid-template-columns: 1fr; } } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] { min-height: clamp(560px, 68dvh, 720px); align-items: stretch; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-guided-secondary, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-globe-column, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-globe-stage { min-height: clamp(560px, 68dvh, 720px); } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="engineering"] .home-app-screens { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="engineering"] .home-app-screen.is-active { width: 100%; } @media (max-width: 820px) { .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"], .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-guided-secondary, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-globe-column, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-globe-stage { min-height: 0; } .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-globe-column, .page-home-overlift-deck .home-fullscreen-app[data-pathfinder-workspace="simulation"] .pathfinder-guided-experience[data-pathfinder-experience="simulation"][data-simulation-section="questions"] .pathfinder-globe-stage { min-height: 520px; } } .page-home-overlift-deck .pathfinder-app-skip-link { position: fixed; inset-block-start: max(.75rem, env(safe-area-inset-top)); inset-inline-start: max(.75rem, env(safe-area-inset-left)); z-index: 100000; max-inline-size: min(30rem, calc(100vw - 1.5rem)); padding: .8rem 1rem; border: 2px solid #eda0d3; border-radius: .7rem; background: #04121d; color: #fff; box-shadow: 0 0 0 4px rgba(240, 15, 165, .28), 0 1rem 3rem rgba(0, 0, 0, .55); font: 800 .95rem/1.2 system-ui, sans-serif; text-decoration: none; transform: translateY(calc(-100% - 2rem)); transition: transform 120ms ease; } .page-home-overlift-deck .pathfinder-app-skip-link:nth-of-type(2) { inset-inline-start: max(13rem, calc(env(safe-area-inset-left) + 13rem)); } .page-home-overlift-deck .pathfinder-app-skip-link:nth-of-type(3) { inset-inline-start: max(25rem, calc(env(safe-area-inset-left) + 25rem)); } .page-home-overlift-deck .pathfinder-app-skip-link:focus { transform: translateY(0); } .page-home-overlift-deck .home-fullscreen-app :where(button, a, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid #efacd9 !important; outline-offset: 3px; box-shadow: 0 0 0 6px rgba(240, 15, 165, .24) !important; } .page-home-overlift-deck .home-fullscreen-app :where(button, a, summary) { min-block-size: 2.75rem; } .page-home-overlift-deck .pathfinder-globe-controls button, .page-home-overlift-deck .pathfinder-topbar-tools button { min-inline-size: 2.75rem; min-block-size: 2.75rem; } .page-home-overlift-deck .home-fullscreen-app :where(p, li, dd, small) { line-height: 1.5; } .page-home-overlift-deck .home-fullscreen-app small { font-size: max(.78rem, .84em); } .page-home-overlift-deck .pathfinder-engineering-navigation { display: flex; align-items: center; gap: .55rem; min-inline-size: 0; overflow-x: auto; scrollbar-width: none; } .page-home-overlift-deck .pathfinder-engineering-navigation::-webkit-scrollbar { display: none; } .page-home-overlift-deck .pathfinder-workspace-tools { display: flex; align-items: center; gap: .4rem; padding-inline-start: .55rem; border-inline-start: 1px solid rgba(233, 138, 201, .22); white-space: nowrap; } .page-home-overlift-deck .pathfinder-workspace-tools button { min-block-size: 2.75rem; padding: .62rem .78rem; border: 1px solid rgba(233, 138, 201, .2); border-radius: .65rem; background: rgba(6, 22, 37, .76); color: #f6e8f1; font: 750 .78rem/1.1 system-ui, sans-serif; } .page-home-overlift-deck .home-app-screen[hidden], .page-home-overlift-deck [hidden] { display: none !important; } .page-home-overlift-deck .pathfinder-globe-telemetry { grid-template-columns: repeat(6, minmax(0, 1fr)); } .page-home-overlift-deck .pathfinder-globe-telemetry > span { min-inline-size: 0; } .page-home-overlift-deck .pathfinder-globe-telemetry b, .page-home-overlift-deck .pathfinder-globe-telemetry small { overflow-wrap: anywhere; } .page-home-overlift-deck .pathfinder-globe-stage:focus-visible { border-color: rgba(235, 151, 207, .9); } .page-home-overlift-deck .pathfinder-workspace-tabs button[aria-current="page"], .page-home-overlift-deck .pathfinder-workspace-tabs button[aria-selected="true"] { border-color: rgba(232, 133, 199, .82); color: #fff; background: linear-gradient(135deg, rgba(190, 31, 137, .27), rgba(136, 56, 160, .2)); } @media (max-width: 1180px) { .page-home-overlift-deck .pathfinder-globe-telemetry { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-home-overlift-deck .pathfinder-engineering-navigation { grid-column: 1 / -1; } } @media (max-width: 820px) { .page-home-overlift-deck .home-overlift-deck-shell { padding-inline: max(.65rem, env(safe-area-inset-left)) max(.65rem, env(safe-area-inset-right)); padding-block-end: max(.8rem, env(safe-area-inset-bottom)); } .page-home-overlift-deck .pathfinder-app-skip-link:nth-of-type(n) { inset-inline-start: max(.5rem, env(safe-area-inset-left)); } .page-home-overlift-deck .pathfinder-engineering-navigation { flex-direction: column; align-items: stretch; } .page-home-overlift-deck .pathfinder-workspace-tools { border-inline-start: 0; border-block-start: 1px solid rgba(233, 138, 201, .22); padding: .5rem 0 0; overflow-x: auto; } .page-home-overlift-deck .pathfinder-globe-telemetry { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px) { .page-home-overlift-deck .pathfinder-primary-actions, .page-home-overlift-deck .pathfinder-workspace-actions { inline-size: 100%; } .page-home-overlift-deck .pathfinder-primary-actions > button, .page-home-overlift-deck .pathfinder-workspace-actions > button { inline-size: 100%; justify-content: center; } .page-home-overlift-deck .pathfinder-globe-telemetry { grid-template-columns: 1fr 1fr; } .page-home-overlift-deck .pathfinder-proof-shortcuts { display: none; } } @media (max-height: 620px) and (orientation: landscape) { .page-home-overlift-deck .pathfinder-workspace-identity > small, .page-home-overlift-deck .pathfinder-app-hero-principles { display: none; } .page-home-overlift-deck .pathfinder-workspace-banner { padding-block: .55rem; } .page-home-overlift-deck .pathfinder-globe-stage { min-block-size: 26rem; } } @media (min-resolution: 2dppx) and (min-width: 1800px) { .page-home-overlift-deck .home-fullscreen-app { text-rendering: optimizeLegibility; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-fullscreen-app *, .page-home-overlift-deck .home-fullscreen-app *::before, .page-home-overlift-deck .home-fullscreen-app *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } .page-home-overlift-deck .pathfinder-bootstrap-earth-map, .page-home-overlift-deck .pathfinder-brand-orbit, .page-home-overlift-deck .pathfinder-motion-orbit { animation: none !important; } } @media (prefers-contrast: more) { .page-home-overlift-deck .home-fullscreen-app { --pathfinder-border: rgba(236, 209, 227, .72); } .page-home-overlift-deck .home-fullscreen-app :where(button, a, input, select, textarea, summary) { border-color: currentColor; } .page-home-overlift-deck .home-fullscreen-app small { color: #f5f2f4; } } @media (forced-colors: active) { .page-home-overlift-deck .home-fullscreen-app, .page-home-overlift-deck .pathfinder-globe-stage, .page-home-overlift-deck .pathfinder-workspace-banner { forced-color-adjust: auto; border: 1px solid CanvasText; } .page-home-overlift-deck .pathfinder-app-skip-link, .page-home-overlift-deck .home-fullscreen-app :where(button, a, input, select, textarea, summary) { color: ButtonText; background: ButtonFace; border: 2px solid ButtonText; } .page-home-overlift-deck .pathfinder-system-online i, .page-home-overlift-deck .pathfinder-runtime-dot { background: Highlight; } } .page-home-overlift-deck .pathfinder-device-qualification { margin: 0 0 .8rem; border: 1px solid rgba(232, 136, 200, .24); border-radius: .8rem; background: rgba(5, 18, 30, .76); } .page-home-overlift-deck .pathfinder-device-qualification > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-block-size: 3rem; padding: .72rem .9rem; cursor: pointer; color: #f8f6f7; font-weight: 800; } .page-home-overlift-deck .pathfinder-device-qualification > summary small { color: rgba(238, 224, 233, .72); font-weight: 650; } .page-home-overlift-deck .pathfinder-device-qualification-body { display: grid; gap: .7rem; padding: 0 .9rem .9rem; } .page-home-overlift-deck .pathfinder-device-qualification-body > p { margin: 0; color: rgba(241, 232, 238, .84); } .page-home-overlift-deck .pathfinder-device-qualification-actions { display: flex; flex-wrap: wrap; gap: .55rem; } .page-home-overlift-deck .pathfinder-device-qualification-actions button { min-block-size: 2.75rem; padding: .62rem .88rem; border-radius: .65rem; } .page-home-overlift-deck .pathfinder-device-qualification-status { font-weight: 750; } .page-home-overlift-deck .pathfinder-device-qualification pre { max-block-size: 24rem; overflow: auto; margin: 0; padding: .8rem; border: 1px solid rgba(232, 136, 200, .16); border-radius: .65rem; background: rgba(0, 0, 0, .34); color: #f1dcea; font: 650 max(.76rem, 12px)/1.48 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; } @media (max-width: 620px) { .page-home-overlift-deck .pathfinder-device-qualification > summary { align-items: flex-start; flex-direction: column; } .page-home-overlift-deck .pathfinder-device-qualification-actions button { inline-size: 100%; } } .page-home-overlift-deck .home-fullscreen-app > .pathfinder-app-skip-link { position: fixed !important; z-index: 100000 !important; } /*!sf-css-source:css/public/features/home-readable.css*/ .page-home-overlift-deck { --ovl-type-micro: 0.75rem; --ovl-type-xs: 0.8125rem; --ovl-type-small: 0.875rem; --ovl-type-small-plus: 0.925rem; --ovl-type-body: 0.975rem; --ovl-type-medium: 1.025rem; } .page-home-overlift-deck .page-home .home-proof-value { font-size: var(--ovl-type-body); } .page-home-overlift-deck .page-home .home-proof-card p { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-console-status, .page-home-overlift-deck .home-deck-online, .page-home-overlift-deck .home-deck-runtime-label, .page-home-overlift-deck .home-bridge-state { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-signal-detail-heading { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-signal-tech-rail span, .page-home-overlift-deck .home-stage-detail-metrics span, .page-home-overlift-deck .home-modal-promise-rail span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-deck-intro-panel > p, .page-home-overlift-deck .home-deck-runtime-panel > p { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-deck-scenario-list button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-deck-context dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-deck-context dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-stage-number { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-deck-stage strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-deck-stage small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-stage-detail [data-stage-detail-kicker] { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-stage-detail p { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-system-log span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-system-log strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-system-log time { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-deck-runtime-panel li strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-deck-runtime-panel li span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-visual-card-action { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-sandbox-heading p { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-sandbox-identity span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-identity code, .page-home-overlift-deck .home-sandbox-identity small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-card-label { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-card-label span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-card > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-sandbox-card dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-card dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-sandbox-policy-grid em { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-policy-grid b { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-sandbox-commandbar button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-sandbox-status > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-status p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-sandbox-timeline-heading span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-timeline-heading small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-timeline li > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-sandbox-timeline li strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-timeline li small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-sandbox-timeline li code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-receipt-heading > strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-decision { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-summary dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-receipt-summary dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-result span, .page-home-overlift-deck .home-receipt-journal-heading span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-receipt-result p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-journal-heading small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-receipt-journal li strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-journal li small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-receipt-journal li code { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-architecture-map li small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-impact-row > * { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-impact-header > * { font-size: var(--ovl-type-small-plus); } @media (max-width: 767px) { .page-home-overlift-deck .home-impact-row > *::before { font-size: var(--ovl-type-small); } } .page-home-overlift-deck .home-receipt-actions button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-actions small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-active-path { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-intro { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-aex-tier-rail button::after { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-tier-rail button > span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-tier-rail button strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-tier-rail button small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-detail [data-aex-detail-kicker] { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-detail p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-metrics dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-metrics dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-control-heading span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-control-heading strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-control-heading small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-control-card > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-context-buttons button, .page-home-overlift-deck .home-tier-s-challenge { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tier-s-proof span, .page-home-overlift-deck .home-aex-islands span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-context-readout span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-context-readout strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-portfolio-metrics dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-portfolio-metrics dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-portfolio-metrics code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-architecture-aex header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-architecture-aex header strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-architecture-aex header p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-architecture-tier-strip b { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-architecture-tier-strip small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-status { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-semantic-column-heading > span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-semantic-column-heading strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-semantic-column-heading small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-input-summary span, .page-home-overlift-deck .home-bridge-claim-metrics span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-input-record strong, .page-home-overlift-deck .home-semantic-node strong, .page-home-overlift-deck .home-semantic-edge strong, .page-home-overlift-deck .home-semantic-timeline-event strong, .page-home-overlift-deck .home-semantic-product-card strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-input-record > div:first-child span, .page-home-overlift-deck .home-semantic-node > div:first-child span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-input-record p, .page-home-overlift-deck .home-semantic-node p, .page-home-overlift-deck .home-semantic-product-card p, .page-home-overlift-deck .home-semantic-edge span, .page-home-overlift-deck .home-semantic-timeline-event small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-input-record code, .page-home-overlift-deck .home-semantic-node code, .page-home-overlift-deck .home-semantic-edge code, .page-home-overlift-deck .home-semantic-timeline-event code, .page-home-overlift-deck .home-semantic-hashes code, .page-home-overlift-deck .home-semantic-witness-card code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-hashes dt, .page-home-overlift-deck .home-bridge-output-metrics dt, .page-home-overlift-deck .home-semantic-witness-card dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-hashes dd, .page-home-overlift-deck .home-bridge-output-metrics dd, .page-home-overlift-deck .home-semantic-witness-card dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-bridge-orbit span, .page-home-overlift-deck .home-bridge-orbit strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-semantic-bridge-core > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-entity-verification > header span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-entity-verification > header strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-entity-verification li::before { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-entity-verification li b { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-entity-verification li small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-entity-verification > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-semantic-tabs button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-semantic-timeline-event > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-product-card > span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-provenance-trace > header span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-provenance-trace > header p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-provenance-stage:not(:last-child)::after { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-provenance-stage > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-provenance-stage > strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-provenance-stage > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-provenance-stage > small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-provenance-stage > code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-witness-card > div:first-child span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-witness-card > div:first-child strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-semantic-witness-card > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-branch-compare article > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-branch-compare article > strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-branch-compare article > small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-marketing-rail strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-marketing-rail small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-story-steps li > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-story-steps strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-app-story-steps small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-intro-proof span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-tabs button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-heading span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-screen-heading strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-app-screen-heading small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-watch .home-deck-runtime-label { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-screen-watch .home-stage-number { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-visual-tiles .home-deck-visual-card > strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-query-local { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-query-form label, .page-home-overlift-deck .home-guided-scenarios > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-query-form input { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-query-prompts button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-query-understanding-title span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-query-understanding-title strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-query-understanding dt { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-query-understanding dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-query-understanding > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-guided-scenarios .home-deck-scenario-list button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-query-scenario-summary { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-heading p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card h3 { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card p, .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card dl { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-proof-language dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-proof-language dd { font-size: var(--ovl-type-small); } @media (min-width: 768px) and (max-height: 820px) { .page-home-overlift-deck .home-app-story-steps small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-intro-proof span { font-size: var(--ovl-type-xs); } } @media (max-width: 900px) { .page-home-overlift-deck .home-deck-brand strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-deck-mark { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-deck-topbar-actions button { font-size: var(--ovl-type-small); } } @media (max-width: 767px) { .page-home-overlift-deck .home-app-story-steps li > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-app-story-steps strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-tabs button { font-size: var(--ovl-type-xs); } } .page-home-overlift-deck .home-app-intro-copy h1 > small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-determinism-story > strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-determinism-story p { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-determinism-story small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-overlift-rule { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-app-marketing-rail strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-app-marketing-rail small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-marketing-intro { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-marketing-paths li > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-marketing-paths strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-marketing-paths small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-marketing-controls strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-marketing-controls small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-marketing-flow > strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-marketing-flow li > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-marketing-flow small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-marketing-rail > span small, .page-home-overlift-deck .home-aex-marketing-paths small, .page-home-overlift-deck .home-aex-marketing-controls small { font-size: var(--ovl-type-body) !important; } .page-home-overlift-deck .home-app-marketing-rail > span strong, .page-home-overlift-deck .home-aex-marketing-paths strong, .page-home-overlift-deck .home-aex-marketing-controls strong { font-size: var(--ovl-type-medium) !important; } .page-home-overlift-deck .home-theater-mode-tabs button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-status-strip strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-status-strip small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-query-dock label span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-query-dock label small, .page-home-overlift-deck .home-theater-query-dock > small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-prompt-rail button { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-rack > header span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-rack > header strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-rack > header > small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-rack li strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-rack li small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-rack-foot span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-rack-foot strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-rack-foot small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-header [data-truth-scene-kicker] { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-header [data-truth-scene-title] { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-tv-live-status span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-live-status small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-narration { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-decomposition small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-decomposition strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-answer > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-answer p { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-candidate-field strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-candidate-field small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-why-not > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-why-not > div > span, .page-home-overlift-deck .home-tv-why-not > div > div { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-math > header span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-math > header strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-math-actions button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-tv-math-actions small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-visual-key span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-timeline button > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-timeline button small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-controls > small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-discovery > small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-xs); } @media (max-width: 1360px), (max-height: 860px) { .page-home-overlift-deck .home-tv-narration, .page-home-overlift-deck .home-tv-answer p { font-size: var(--ovl-type-xs); } } @media (max-width: 767px) { .page-home-overlift-deck .home-theater-mode-tabs button { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-query-dock input { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-prompt-rail button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-header [data-truth-scene-title] { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-question { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-tv-narration { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-formula { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-calculation { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-micro); } } .page-home-overlift-deck .home-tv-why-not [data-why-not-state] strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-why-not [data-why-not-state] small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-micro); } @media (max-width: 960px) and (min-width: 768px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-header [data-truth-scene-title] { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math > header strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-micro); } } @media (max-width: 767px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math > header > div:first-child strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-micro); } } .page-home-overlift-deck .home-awakening-core strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-awakening-core small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-node strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-awakening-node small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-awakening-copy > small { font-size: var(--ovl-type-micro); } @media (max-width: 767px) { .page-home-overlift-deck .home-awakening-node small { font-size: var(--ovl-type-micro); } } @media (max-height: 760px) and (min-width: 768px) { .page-home-overlift-deck .home-deck-brand strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-theater-status-strip strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-status-strip small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-prompt-rail button, .page-home-overlift-deck .home-theater-prompt-rail button:nth-child(n) { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro); } } @media (max-height: 620px) and (min-width: 768px) { .page-home-overlift-deck .home-tv-question { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-micro); } } @media (max-width: 767px) { .page-home-overlift-deck .home-deck-topbar-actions button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-mode-tabs button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-discovery > small { font-size: var(--ovl-type-micro); } } @media (max-height: 520px) { .page-home-overlift-deck .home-tv-header strong { font-size: var(--ovl-type-small-plus) !important; } } @media (max-width: 767px) and (max-height: 520px) { .page-home-overlift-deck .home-theater-mode-tabs button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-deck-topbar-actions button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro); } } @media (max-width: 359px) and (max-height: 620px) { .page-home-overlift-deck .home-awakening-node strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-core > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-core strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-question { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-formula { font-size: var(--ovl-type-xs); } } @media (max-height: 520px) { .page-home-overlift-deck .home-theater-followups button, .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro); } } @media (max-width: 370px) and (max-height: 520px) { .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-micro) !important; } } @media (max-height: 520px) { .page-home-overlift-deck .home-awakening-node strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-core > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-core strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > strong { font-size: var(--ovl-type-xs); } } @media (max-width: 767px) { .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro); } } @media (max-width: 479px) { .page-home-overlift-deck .home-theater-status-strip strong { font-size: var(--ovl-type-micro); } } .page-home-overlift-deck .home-theater-status-strip small, .page-home-overlift-deck .home-theater-query-dock small, .page-home-overlift-deck .home-theater-rack small, .page-home-overlift-deck .home-theater-scene-copy, .page-home-overlift-deck .home-theater-candidate-card small, .page-home-overlift-deck .home-theater-stage-map small, .page-home-overlift-deck .home-theater-action-note, .page-home-overlift-deck .home-quantum-panel p, .page-home-overlift-deck .home-quantum-panel small { font-size: var(--ovl-type-body) !important; } .page-home-overlift-deck .home-active-branch-banner span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-active-branch-banner strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-active-branch-banner small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-active-branch-banner code { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-proof-trace-summary span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-proof-trace-summary p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-proof-trace-summary dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-proof-trace-summary dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-data-studio-world-badge span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-data-studio-world-badge code { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-data-studio-datasets header span, .page-home-overlift-deck .home-data-studio-browser header span, .page-home-overlift-deck .home-data-studio-inspector header span, .page-home-overlift-deck .home-scenario-composer-grid header span, .page-home-overlift-deck .home-trace-events header span, .page-home-overlift-deck .home-trace-metrics header span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-data-studio-datasets header strong, .page-home-overlift-deck .home-data-studio-browser header strong, .page-home-overlift-deck .home-data-studio-inspector header strong, .page-home-overlift-deck .home-scenario-composer-grid header strong, .page-home-overlift-deck .home-trace-events header strong, .page-home-overlift-deck .home-trace-metrics header strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck [data-data-studio-dataset-buttons] b { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-data-studio-record-list button strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-data-studio-record-list button small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-data-studio-record-summary dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-data-studio-record-summary dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck [data-data-studio-edit-fields] label span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-scenario-active-card dt, .page-home-overlift-deck .home-trace-metrics dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-scenario-active-card dd, .page-home-overlift-deck .home-trace-metrics dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-scenario-question-card label span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-scenario-question-card > small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-scenario-saved-list small, .page-home-overlift-deck [data-scenario-patch-list] small { font-size: var(--ovl-type-small); } .page-home-overlift-deck [data-trace-event-list] strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck [data-trace-event-list] small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-trace-metrics p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-data-studio-footer { font-size: var(--ovl-type-small); } @media (max-width: 480px) { .page-home-overlift-deck .home-data-studio-heading p { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-data-studio-tabs button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-scenario-active-card dd, .page-home-overlift-deck .home-trace-metrics dd, .page-home-overlift-deck .home-scenario-question-card label span, .page-home-overlift-deck .home-scenario-question-card > small, .page-home-overlift-deck .home-scenario-saved-list small, .page-home-overlift-deck [data-scenario-patch-list] small { font-size: var(--ovl-type-small-plus); } } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-theater-timeline button small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-timeline button > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-theater-controls > small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-discovery > small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-math > header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-math > header strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-tv-math-actions small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-calculation, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-matrix > span, .page-home-overlift-deck .home-tv-matrix > i { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-visual-key span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-small); } @media (min-width: 768px) and (max-height: 720px) { .page-home-overlift-deck .home-theater-timeline button > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-timeline button small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-controls > small, .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span, .page-home-overlift-deck .home-theater-discovery > small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-math > header span, .page-home-overlift-deck .home-tv-math-actions small, .page-home-overlift-deck .home-tv-visual-key span, .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-math > header strong, .page-home-overlift-deck .home-tv-calculation, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-body); } } @media (max-width: 767px) { .page-home-overlift-deck .home-theater-timeline button > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-controls > small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span, .page-home-overlift-deck .home-theater-discovery > small, .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-math > header span, .page-home-overlift-deck .home-tv-math-actions small, .page-home-overlift-deck .home-tv-visual-key span, .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-math > header strong, .page-home-overlift-deck .home-tv-calculation, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-small-plus); } } @media (max-height: 520px) { .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-followups button, .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro); } } .page-home-overlift-deck .home-trace-semantic-plan > header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-trace-semantic-plan > header strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-trace-plan-list > span, .page-home-overlift-deck .home-trace-plan-hash > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-trace-plan-list p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-trace-plan-hash code { font-size: var(--ovl-type-xs); } @media (max-width: 1024px) { .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-xs); } } @media (max-width: 479px) { .page-home-overlift-deck .home-theater-status-strip > span > .overlift-term-link { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .home-theater-query-dock input { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { font-size: var(--ovl-type-xs) !important; } .page-home-overlift-deck .home-theater-prompt-rail button, .page-home-overlift-deck .home-theater-prompt-rail button:nth-child(n) { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-tv-header [data-truth-scene-title] { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .home-tv-question { font-size: var(--ovl-type-small-plus) !important; } .page-home-overlift-deck .home-tv-narration { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-formula { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-formula-row > .overlift-term-link { font-size: var(--ovl-type-xs) !important; } .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-timeline button > span { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-followups button, .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro) !important; } } @media (max-width: 379px) { .page-home-overlift-deck .home-theater-status-strip > span > .overlift-term-link { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro) !important; } } @media (max-width: 479px) { .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-micro) !important; } } .page-home-overlift-deck .home-quality-lab-heading > div:first-child > span, .page-home-overlift-deck .home-quality-summary-grid article > span, .page-home-overlift-deck .home-quality-lab-grid article > header span, .page-home-overlift-deck .home-quality-authority-state span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-quality-lab-heading p { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-quality-lab-seal span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-quality-lab-seal code { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-summary-grid small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-lab-grid article > header strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-quality-lab-grid article > header small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-split-list strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-quality-split-list small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-quality-split-list code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-quality-splits-card > footer { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-metadata-cloud > span, .page-home-overlift-deck .home-quality-metadata-cloud > button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-record-counts dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-quality-authority-card li { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-authority-state strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-authority-state code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-quality-lab-boundary { font-size: var(--ovl-type-small); } @media (max-width: 480px) { .page-home-overlift-deck .home-data-studio-tabs button { font-size: var(--ovl-type-small-plus); } } .page-home-overlift-deck .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-medium) !important; } .page-home-overlift-deck .home-awakening-copy > strong { font-size: var(--ovl-type-medium) !important; } .page-home-overlift-deck .home-tv-formula-row > .overlift-term-link { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-heading > span, .page-home-overlift-deck .overlift-glossary-controls label > span, .page-home-overlift-deck .overlift-glossary-categories header span, .page-home-overlift-deck .overlift-glossary-browser header span, .page-home-overlift-deck .overlift-glossary-detail header > div > span, .page-home-overlift-deck .overlift-glossary-detail h4 { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-heading p { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .overlift-glossary-release strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .overlift-glossary-clear { font-size: var(--ovl-type-small-plus) !important; } .page-home-overlift-deck .overlift-glossary-controls > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .overlift-glossary-categories header strong, .page-home-overlift-deck .overlift-glossary-browser header strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .overlift-glossary-browser header small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-category-list button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .overlift-glossary-legend { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-alpha button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-terms button strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .overlift-glossary-terms button small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-empty { font-size: var(--ovl-type-body); } .page-home-overlift-deck .overlift-glossary-maturity { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-alias-row span, .page-home-overlift-deck .overlift-glossary-chip-row span, .page-home-overlift-deck .overlift-glossary-related button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-detail-meta small, .page-home-overlift-deck .overlift-glossary-detail-meta code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-detail h4 { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-detail p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .overlift-glossary-measurement dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-measurement dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-copy-link { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-evidence-card > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-evidence-card strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-evidence-card small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-system-link::after { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-system-link strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-system-link small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-footer button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-page-ellipsis { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-footer > strong { font-size: var(--ovl-type-small); } @media (max-width: 680px) { .page-home-overlift-deck .overlift-glossary-heading > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-release strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-controls label > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-clear { font-size: var(--ovl-type-xs) !important; } } .page-home-overlift-deck .pathfinder-brand-copy small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-primary-nav button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-primary-nav button span { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-system-online { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-trust-strip strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-trust-strip small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-primary-actions button { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-panel-heading span, .page-home-overlift-deck .pathfinder-card-title strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-panel-heading small, .page-home-overlift-deck .pathfinder-card-title small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-card-title > div > span { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-panel-heading button, .page-home-overlift-deck .pathfinder-card-title button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-context-card { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-scenario-copy > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-guided-steps li > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-guided-steps strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-guided-steps small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-transport button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-transport time { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-proof-status { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-guided-panel footer { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-callout .globe-callout-kicker { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-callout strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-globe-callout small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-static-fallback-note strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-static-fallback-note span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-engine-card strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-globe-engine-card small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-engine-card code { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-renderer-badge { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-adaptive-detail strong, .page-home-overlift-deck .pathfinder-adaptive-detail b { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-adaptive-detail small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-controls button { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-globe-telemetry b { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-telemetry small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-route-legend { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-credit { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-route-head { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-route-row > button:first-child { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-route-row > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-route-row > strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-route-row > button:last-child { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-evidence-columns h3 { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-evidence-columns h3 b { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-evidence-columns li { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-evidence-columns li em { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-authority-panel dt { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-authority-panel dd { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-authority-panel p { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-receipt-panel dt { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-receipt-panel dd { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-receipt-panel code { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-stage-flow i { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-stage-flow b { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-stage-flow em { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-research-chip strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-research-chip small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-stage-dock > p { font-size: var(--ovl-type-micro); } @media (max-width: 800px) { .page-home-overlift-deck .pathfinder-primary-nav button { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-primary-actions button { font-size: var(--ovl-type-small-plus); } } .page-home-overlift-deck .pathfinder-regional-clipmap strong, .page-home-overlift-deck .pathfinder-regional-clipmap b { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-regional-clipmap small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-brand-copy small { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-primary-nav button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-panel-heading span, .page-home-overlift-deck .pathfinder-card-title strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-panel-heading button, .page-home-overlift-deck .pathfinder-card-title button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-globe-callout strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-adaptive-detail small, .page-home-overlift-deck .pathfinder-regional-clipmap small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-globe-telemetry small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-route-legend { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-globe-credit { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-evidence-columns li { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-evidence-columns li em { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-stage-flow i { font-size: var(--ovl-type-small-plus); } @media (max-width: 1080px) { .page-home-overlift-deck .pathfinder-trust-strip strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-trust-strip small { font-size: var(--ovl-type-small-plus); } } @media (max-width: 520px) { .page-home-overlift-deck .pathfinder-primary-nav button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-primary-actions button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-adaptive-detail strong, .page-home-overlift-deck .pathfinder-regional-clipmap strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-adaptive-detail small, .page-home-overlift-deck .pathfinder-regional-clipmap small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-route-legend { font-size: var(--ovl-type-xs); } } .page-home-overlift-deck .pathfinder-scenario-eyebrow > span, .page-home-overlift-deck .pathfinder-stage-label > span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-scenario-copy p { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-scenario-copy > small { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-grab-callout strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-stage-label strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-guided-steps li > span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-guided-steps li small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-global-boundary { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-status { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-drag-hint strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-globe-credit { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-stage-context > header span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-stage-context .pathfinder-route-row > button:first-child > small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-query-heading > label small, .page-home-overlift-deck .pathfinder-query-form > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-query-scope > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-query-scope select, .page-home-overlift-deck .pathfinder-question-coach-toggle { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-query-entry > span { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-query-entry input { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-query-entry button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-query-starters > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-starters button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-question-coach > header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-question-coach > header small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-question-coach-grid strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-question-coach-grid small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-question-coach > footer { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-response > header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-response > header strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-query-response-body > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-query-response-body dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-response-body dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-response > footer button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-status { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-question-coach-toggle > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-incident-actions button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-incident-receipt dt { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-incident-receipt dd { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-route-empty strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-route-empty small { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-solar-clock { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-layer-menu > summary { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-layer-menu-panel label { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-layer-menu-panel small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-hiring-nav button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-app-hero-eyebrow { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-app-hero-principles strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-app-hero-principles small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-app-hero-copy .pathfinder-primary-actions button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-app-secondary-actions button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-app-secondary-actions small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-method-card > header span, .page-home-overlift-deck .pathfinder-builder-card > header span, .page-home-overlift-deck .pathfinder-demo-proof > header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-method-card li > i { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-method-card li strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-method-card li small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-builder-card > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-builder-card li strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-builder-card li small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-case-study > header span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-case-study-grid i { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-case-study-grid strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-case-study-grid p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-case-study > footer button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-demo-proof .pathfinder-trust-strip strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-demo-proof .pathfinder-trust-strip small { font-size: var(--ovl-type-small); } @media (max-width: 1280px) { .page-home-overlift-deck .pathfinder-hiring-nav button { font-size: var(--ovl-type-small-plus); } } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-hiring-nav button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-app-hero-copy > p { font-size: var(--ovl-type-medium); } } .page-home-overlift-deck .pathfinder-drag-hint small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-globe-storyline small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-globe-storyline strong { font-size: var(--ovl-type-small); } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-globe-storyline strong { font-size: var(--ovl-type-small); } } .page-home-overlift-deck .pathfinder-proof-story-header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-chapters li > i { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-chapters strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-chapters small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-proof-stage-kicker { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-narrative > p:not(.pathfinder-proof-boundary) { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-proof-facts dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-proof-facts dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-boundary { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-primary { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-quiet { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-transport time { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-shortcuts, .page-home-overlift-deck .pathfinder-proof-disclosure { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-proof-shortcuts kbd { font-size: var(--ovl-type-xs); } @media (max-width: 560px) { .page-home-overlift-deck .pathfinder-proof-story-header strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-proof-chapters strong { font-size: var(--ovl-type-small); } } @media (min-width: 821px) { .page-home-overlift-deck .pathfinder-proof-chapters strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-stage-kicker { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-narrative > p:not(.pathfinder-proof-boundary) { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-proof-facts dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-proof-facts dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-boundary { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-shortcuts, .page-home-overlift-deck .pathfinder-proof-disclosure { font-size: var(--ovl-type-xs); } } .page-home-overlift-deck .pathfinder-workspace-identity > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-workspace-identity > strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-workspace-identity > small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-workspace-tabs button, .page-home-overlift-deck .pathfinder-workspace-actions button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-workspace-boundary { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-fullscreen-app small { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-guided-experience { --pf-type-micro: var(--ovl-type-micro); --pf-type-small: var(--ovl-type-xs); --pf-type-body: var(--ovl-type-small); --pf-type-label: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-truth-theater { --ol-type-micro: var(--ovl-type-micro); --ol-type-small: var(--ovl-type-xs); --ol-type-body: var(--ovl-type-small); --ol-type-label: var(--ovl-type-small-plus); } .page-home-overlift-deck .overlift-glossary-modal { --glossary-type-micro: var(--ovl-type-micro); --glossary-type-small: var(--ovl-type-xs); --glossary-type-body: var(--ovl-type-small); --glossary-type-label: var(--ovl-type-small-plus); } .page-home-overlift-deck [data-glossary-search], .page-home-overlift-deck .overlift-glossary-controls select { font-size: var(--ovl-type-small) !important; min-height: 44px; } .page-home-overlift-deck :where([data-overlift-app-shell]) small { font-size: max(var(--ovl-type-micro), 0.85em); } .page-home-overlift-deck :where([data-overlift-app-shell]) :where(.overlift-term-link) { font-size: max(var(--ovl-type-micro), 1em); } .page-home-overlift-deck :where([data-overlift-app-shell]) :where(.eyebrow, .home-visual-card-action) { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { height: min(97dvh, 1120px) !important; max-height: 1120px !important; } .page-home-overlift-deck .pathfinder-topbar { min-height: 82px; } .page-home-overlift-deck .pathfinder-primary-nav button { min-height: 42px; padding-block: 8px; } .page-home-overlift-deck .pathfinder-trust-strip article { min-height: 58px; padding-block: 9px; } .page-home-overlift-deck .pathfinder-trust-strip small { line-height: 1.34; } .page-home-overlift-deck .pathfinder-primary-actions button { min-height: 54px; } .page-home-overlift-deck .pathfinder-panel-heading, .page-home-overlift-deck .pathfinder-card-title { min-height: 42px; padding-block: 8px; } .page-home-overlift-deck .pathfinder-context-card { line-height: 1.55; } .page-home-overlift-deck .pathfinder-guided-steps { align-content: start; } .page-home-overlift-deck .pathfinder-guided-steps li { min-height: 45px; } .page-home-overlift-deck .pathfinder-guided-steps li::after { top: 36px; } .page-home-overlift-deck .pathfinder-guided-steps li > div { min-width: 0; } .page-home-overlift-deck .pathfinder-guided-steps strong, .page-home-overlift-deck .pathfinder-guided-steps small { line-height: 1.3; } .page-home-overlift-deck .pathfinder-decision-stack { grid-template-rows: repeat(4, max-content); align-content: start; overflow: hidden auto; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-evidence-panel, .page-home-overlift-deck .pathfinder-authority-panel, .page-home-overlift-deck .pathfinder-receipt-panel { min-height: max-content; } .page-home-overlift-deck .pathfinder-route-head, .page-home-overlift-deck .pathfinder-route-row { min-height: 42px; padding-block: 5px; } .page-home-overlift-deck .pathfinder-route-row > strong { line-height: 1.2; white-space: normal; } .page-home-overlift-deck .pathfinder-evidence-columns ul { gap: 7px; } .page-home-overlift-deck .pathfinder-evidence-columns li { line-height: 1.38; } .page-home-overlift-deck .pathfinder-authority-panel dl div { min-height: 25px; align-items: center; } .page-home-overlift-deck .pathfinder-authority-panel dd { max-width: 60%; line-height: 1.25; } .page-home-overlift-deck .pathfinder-authority-panel p { line-height: 1.35; } .page-home-overlift-deck .pathfinder-receipt-panel dl div { min-height: 29px; } .page-home-overlift-deck .pathfinder-receipt-panel dd { line-height: 1.25; } .page-home-overlift-deck .pathfinder-stage-dock { min-height: 68px; } .page-home-overlift-deck .pathfinder-stage-flow { overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-stage-flow > span { flex: 0 0 auto; } .page-home-overlift-deck .pathfinder-globe-credit { display: none; } .page-home-overlift-deck .pathfinder-globe-engine-card, .page-home-overlift-deck .pathfinder-adaptive-detail, .page-home-overlift-deck .pathfinder-regional-clipmap, .page-home-overlift-deck .pathfinder-globe-telemetry { line-height: 1.3; } .page-home-overlift-deck .pathfinder-globe-engine-card strong, .page-home-overlift-deck .pathfinder-globe-engine-card small { min-width: 0; overflow-wrap: anywhere; text-overflow: clip; white-space: normal !important; } .page-home-overlift-deck #pathfinderRegionalSource { display: block; margin-top: 2px; color: rgba(255, 205, 123, 0.88); font-size: var(--ovl-type-micro); line-height: 1.25; } .page-home-overlift-deck .overlift-glossary-controls input, .page-home-overlift-deck .overlift-glossary-controls select, .page-home-overlift-deck .overlift-glossary-clear { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .overlift-glossary-heading h2, .page-home-overlift-deck [data-glossary-detail-term] { font-size: max(1rem, var(--ovl-type-medium)); } @media (min-width: 801px) { .page-home-overlift-deck .pathfinder-globe-engine-card { width: min(330px, calc(100% - 240px)); max-width: 330px; } .page-home-overlift-deck .pathfinder-globe-engine-card strong, .page-home-overlift-deck .pathfinder-globe-engine-card small { white-space: normal; } .page-home-overlift-deck .pathfinder-adaptive-detail { top: 72px; } .page-home-overlift-deck .pathfinder-regional-clipmap { top: 164px; } } .page-home-overlift-deck :where( .home-tv-copy, .home-tv-math, .home-proof-dialog-body, .home-data-studio-dialog-body, .overlift-learning-library__body, .home-engineering-panel, .home-trace-spine-panel ) { scrollbar-width: thin; } @media (max-width: 1240px) { .page-home-overlift-deck .pathfinder-brand-copy > div small { display: -webkit-box; } .page-home-overlift-deck .pathfinder-topbar { min-height: 72px; } .page-home-overlift-deck .pathfinder-stage-flow b { display: inline; } } @media (max-width: 1080px) { .page-home-overlift-deck .pathfinder-brand-copy > div { display: grid; } .page-home-overlift-deck .pathfinder-brand-copy > div small { display: none; } .page-home-overlift-deck .pathfinder-trust-strip { grid-template-columns: repeat(5, minmax(230px, 1fr)); overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-trust-strip article { min-height: 76px; } .page-home-overlift-deck .pathfinder-trust-strip small { display: -webkit-box; overflow: hidden; text-overflow: clip; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .page-home-overlift-deck .pathfinder-guided-experience { grid-template-rows: auto auto auto minmax(0, 1fr) auto; overflow: hidden auto; overscroll-behavior: contain; } .page-home-overlift-deck .pathfinder-cockpit { height: 100%; min-height: 0; grid-template-rows: minmax(560px, auto) auto; align-self: stretch; overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: thin; } } @media (max-width: 800px) { .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { height: min(97dvh, 1380px) !important; max-height: 1380px !important; } .page-home-overlift-deck .pathfinder-topbar { min-height: 62px; } .page-home-overlift-deck .pathfinder-primary-nav button { min-height: 38px; padding-block: 7px; } .page-home-overlift-deck .pathfinder-primary-actions button { min-height: 48px; } .page-home-overlift-deck .pathfinder-cockpit { grid-template-rows: auto 500px auto; } .page-home-overlift-deck .pathfinder-globe-column { min-height: 500px; } .page-home-overlift-deck .pathfinder-guided-steps { max-height: 330px; } .page-home-overlift-deck .pathfinder-route-row > strong { grid-column: 1 / 4; } .page-home-overlift-deck .pathfinder-decision-stack { overflow: visible; } } @media (max-width: 520px) { .page-home-overlift-deck .home-quality-split-list article { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-quality-split-list article > span, .page-home-overlift-deck .home-quality-split-list article > code { grid-column: 1; } .page-home-overlift-deck .home-quality-split-list article > code { width: 100%; min-width: 0; text-align: left; overflow-wrap: anywhere; word-break: break-word; } .page-home-overlift-deck .pathfinder-trust-strip { grid-template-columns: repeat(5, minmax(330px, 1fr)); } .page-home-overlift-deck .pathfinder-trust-strip article { min-height: 72px; } .page-home-overlift-deck .pathfinder-trust-strip small { -webkit-line-clamp: 2; } .page-home-overlift-deck .pathfinder-cockpit { grid-template-rows: auto 455px auto; } .page-home-overlift-deck .pathfinder-globe-column { min-height: 455px; } .page-home-overlift-deck .pathfinder-regional-clipmap > span:nth-child(2), .page-home-overlift-deck .pathfinder-globe-telemetry span:nth-child(n+2) { display: none; } .page-home-overlift-deck .pathfinder-globe-engine-card small, .page-home-overlift-deck .pathfinder-adaptive-detail small { display: none; } } /*!sf-css-source:css/public/features/portfolio-story.css*/ .page-home-overlift-deck .home-sean-welcome-shell { align-items: stretch; min-height: 0; } .page-home-overlift-deck .home-sean-welcome-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr); gap: clamp(28px, 4vw, 64px); align-items: start; min-width: 0; } .page-home-overlift-deck .home-sean-welcome-copy, .page-home-overlift-deck .home-sean-welcome-profile { min-width: 0; } .page-home-overlift-deck .home-sean-welcome-copy { display: grid; align-content: start; gap: clamp(14px, 1.7vw, 21px); padding-block: 4px; } .page-home-overlift-deck .home-sean-welcome-copy h1 { margin: 0; max-width: 12ch; color: var(--home-ivory); font-size: clamp(3rem, 5.2vw, 5.55rem); line-height: 0.94; letter-spacing: -0.055em; text-wrap: balance; } .page-home-overlift-deck .home-sean-welcome-copy h1 > span, .page-home-overlift-deck .home-sean-welcome-copy h1 > small { display: block; } .page-home-overlift-deck .home-sean-welcome-copy h1 > small { margin-top: 12px; color: rgba(244, 237, 222, 0.92); font-family: inherit; font-size: 0.42em; font-weight: 650; line-height: 1.08; letter-spacing: -0.032em; } .page-home-overlift-deck .home-sean-welcome-lead, .page-home-overlift-deck .home-sean-welcome-body { max-width: 68ch; margin: 0; } .page-home-overlift-deck .home-sean-welcome-lead { color: rgba(241, 244, 247, 0.93); font-size: clamp(1.12rem, 1.45vw, 1.3rem); line-height: 1.66; } .page-home-overlift-deck .home-sean-welcome-body { color: rgba(203, 213, 223, 0.82); font-size: clamp(1.03rem, 1.2vw, 1.15rem); line-height: 1.72; } .page-home-overlift-deck .home-sean-welcome-analogy { display: grid; gap: 7px; max-width: 70ch; padding: clamp(16px, 2vw, 21px); border: 1px solid rgba(216, 173, 104, 0.34); border-radius: 20px; background: radial-gradient(circle at 100% 0%, rgba(112, 81, 175, 0.13), transparent 42%), linear-gradient(145deg, rgba(21, 18, 31, 0.78), rgba(6, 12, 18, 0.8)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); } .page-home-overlift-deck .home-sean-welcome-analogy > span { color: var(--home-gold-bright); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } .page-home-overlift-deck .home-sean-welcome-analogy p { margin: 0; color: rgba(229, 234, 239, 0.88); font-size: clamp(1.02rem, 1.15vw, 1.12rem); line-height: 1.68; } .page-home-overlift-deck .home-sean-welcome-actions { margin-top: 0; } .page-home-overlift-deck .home-sean-welcome-concepts { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; } .page-home-overlift-deck .home-sean-welcome-concepts article { display: grid; align-content: start; gap: 7px; min-width: 0; padding: 15px 16px 17px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 18px; background: linear-gradient(145deg, rgba(18, 24, 31, 0.79), rgba(6, 11, 16, 0.82)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035); } .page-home-overlift-deck .home-sean-welcome-concepts article > span { color: rgba(215, 106, 179, 0.88); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.76rem; font-weight: 800; letter-spacing: 0.08em; } .page-home-overlift-deck .home-sean-welcome-concepts h2 { margin: 0; color: var(--home-ivory); font-family: inherit; font-size: 1rem; font-weight: 760; line-height: 1.25; } .page-home-overlift-deck .home-sean-welcome-concepts p { margin: 0; color: rgba(189, 201, 212, 0.76); font-size: 0.9rem; line-height: 1.55; } .page-home-overlift-deck .home-sean-welcome-profile { display: grid; align-content: start; gap: 16px; padding: clamp(14px, 1.8vw, 20px); border: 1px solid rgba(216, 173, 104, 0.38); border-radius: 25px; background: radial-gradient(circle at 84% 0%, rgba(216, 173, 104, 0.11), transparent 34%), linear-gradient(155deg, rgba(15, 21, 28, 0.92), rgba(4, 9, 14, 0.94)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 0 0 1px rgba(164, 173, 183, 0.13), 0 20px 48px rgba(0, 0, 0, 0.3); } .page-home-overlift-deck .home-sean-portrait-frame { position: relative; min-width: 0; margin: 0; overflow: hidden; aspect-ratio: 4 / 3; border: 1px solid rgba(242, 213, 157, 0.45); border-radius: 20px; background: rgba(4, 8, 12, 0.9); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.055), 0 18px 42px rgba(0, 0, 0, 0.34), 0 0 26px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-sean-portrait-frame::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 48%, rgba(2, 5, 8, 0.87) 100%); } .page-home-overlift-deck .home-sean-portrait-frame picture { display: block; } .page-home-overlift-deck .home-sean-portrait-frame img { width: 100%; height: 100%; object-fit: cover; object-position: center 28%; } .page-home-overlift-deck .home-sean-portrait-frame figcaption { position: absolute; right: 18px; bottom: 15px; left: 18px; z-index: 2; display: grid; gap: 2px; } .page-home-overlift-deck .home-sean-portrait-frame figcaption strong { color: #fff8ea; font-family: "Newsreader", Georgia, serif; font-size: clamp(1.45rem, 2.2vw, 2rem); font-weight: 600; line-height: 1.04; } .page-home-overlift-deck .home-sean-portrait-frame figcaption span { color: rgba(226, 233, 239, 0.82); font-size: 0.9rem; line-height: 1.4; } .page-home-overlift-deck .home-sean-profile-summary { display: grid; gap: 8px; padding: 2px 4px; } .page-home-overlift-deck .home-sean-profile-summary h2 { margin: 0; color: var(--home-ivory); font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.08; } .page-home-overlift-deck .home-sean-profile-summary p { margin: 0; color: rgba(199, 210, 220, 0.8); font-size: 1.01rem; line-height: 1.65; } .page-home-overlift-deck .home-sean-skill-rail { display: flex; flex-wrap: wrap; gap: 8px; } .page-home-overlift-deck .home-sean-skill-rail span { padding: 8px 10px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 999px; background: rgba(255, 255, 255, 0.025); color: rgba(224, 230, 236, 0.82); font-size: 0.82rem; font-weight: 680; line-height: 1.2; } .page-home-overlift-deck .home-project-card .home-project-image-slot { position: relative; width: 100%; min-height: 0; aspect-ratio: 16 / 9; overflow: hidden; border-bottom: 1px solid rgba(164, 173, 183, 0.18); background-color: rgba(4, 8, 13, 0.94); } .page-home-overlift-deck .home-project-card .home-project-image-slot .portfolio-card-art-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 400ms ease, filter 400ms ease; } .page-home-overlift-deck .home-project-card:hover .home-project-image-slot .portfolio-card-art-media { transform: scale(1.018); filter: brightness(1.035) saturate(1.03); } .page-home-overlift-deck .home-project-image-slot .portfolio-card-mark { z-index: 3; } .page-home-overlift-deck .home-project-media-proof { position: absolute; top: 14px; left: 14px; z-index: 4; display: inline-flex; align-items: center; gap: 8px; max-width: calc(100% - 28px); padding: 8px 11px; border: 1px solid rgba(242, 213, 157, 0.28); border-radius: 999px; background: rgba(4, 8, 13, 0.76); box-shadow: 0 10px 26px rgba(0, 0, 0, 0.3); color: rgba(245, 239, 226, 0.92); font-size: 0.76rem; font-weight: 760; letter-spacing: 0.055em; line-height: 1.15; text-transform: uppercase; backdrop-filter: blur(12px); } .page-home-overlift-deck .home-project-media-proof > span { position: static; display: block; width: 7px; height: 7px; flex: 0 0 7px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #6be9a4; box-shadow: 0 0 12px rgba(107, 233, 164, 0.72); font-size: 0; } .page-home-overlift-deck .home-project-image-slot::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 50%, rgba(2, 5, 8, 0.64) 100%); } .page-home-overlift-deck .home-project-card-featured { grid-column: 1 / -1; border-color: rgba(242, 213, 157, 0.58); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), inset 0 0 0 1px rgba(164, 173, 183, 0.18), 0 26px 64px rgba(0, 0, 0, 0.4), 0 0 40px rgba(216, 173, 104, 0.12); } .page-home-overlift-deck .home-project-card-featured .home-project-image-slot { aspect-ratio: 16 / 6.7; } .page-home-overlift-deck .home-project-card-featured .portfolio-card-art-media { object-position: center 48%; } .page-home-overlift-deck .home-project-card-featured .home-project-card-body { max-width: 92rem; } .page-home-overlift-deck .home-project-card .project-status { font-size: 0.9rem; line-height: 1.45; } .page-home-overlift-deck .home-project-card-head .project-category { font-size: 1rem; line-height: 1.5; } .page-home-overlift-deck .home-project-card .portfolio-card-tagline { font-size: clamp(1.06rem, 1.12vw, 1.14rem); line-height: 1.66; } .page-home-overlift-deck .home-project-business-value > span, .page-home-overlift-deck .home-project-delivery > span { font-size: 0.86rem; } .page-home-overlift-deck .home-project-business-value p { font-size: 1.05rem; line-height: 1.66; } .page-home-overlift-deck .home-project-delivery ul { font-size: 1.02rem; line-height: 1.64; } .page-home-overlift-deck .home-project-card .portfolio-card-stack { font-size: 0.96rem; line-height: 1.58; } .page-home-overlift-deck .home-project-card .home-project-case-study-link { font-size: 1.02rem; } .page-home-overlift-deck .home-project-card .home-project-case-study-link > span { font-size: 0.88rem; } .page-home-overlift-deck .home-projects-heading p { font-size: clamp(1.03rem, 1.12vw, 1.13rem); } @media (max-width: 1080px) { .page-home-overlift-deck .home-sean-welcome-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sean-welcome-profile { grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr); align-items: center; } .page-home-overlift-deck .home-sean-portrait-frame { grid-row: 1 / span 2; aspect-ratio: 4 / 3; } } @media (max-width: 760px) { .page-home-overlift-deck .home-sean-welcome-copy h1 { max-width: 100%; font-size: clamp(2.7rem, 12vw, 4rem); } .page-home-overlift-deck .home-sean-welcome-concepts { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sean-welcome-profile { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sean-portrait-frame { grid-row: auto; } .page-home-overlift-deck .home-project-card-featured { grid-column: auto; } .page-home-overlift-deck .home-project-card-featured .home-project-image-slot, .page-home-overlift-deck .home-project-card .home-project-image-slot { aspect-ratio: 16 / 9; } .page-home-overlift-deck .home-project-card-head .project-category { max-width: 100%; text-align: left; } } @media (max-width: 520px) { .page-home-overlift-deck .home-sean-welcome-shell { padding: 20px 17px; } .page-home-overlift-deck .home-sean-welcome-actions > * { width: 100%; min-height: 48px; flex: 1 1 100%; } .page-home-overlift-deck .home-sean-actions.home-sean-welcome-actions .lux-button { min-height: 48px; padding-block: 10px; } .page-home-overlift-deck .home-sean-portrait-frame { aspect-ratio: 1 / 1; } .page-home-overlift-deck .home-project-media-proof { top: 10px; left: 10px; max-width: calc(100% - 20px); padding: 7px 9px; font-size: 0.68rem; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-project-card .home-project-image-slot .portfolio-card-art-media { transition: none; } } .page-home-overlift-deck #hiring-teams { scroll-margin-top: clamp(5.5rem, 10vh, 7rem); } .page-home-overlift-deck .home-hiring-bridge { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr) auto; gap: clamp(18px, 2.5vw, 34px); align-items: center; margin: 0 0 clamp(24px, 3vw, 38px); padding: clamp(20px, 2.8vw, 32px); border-color: rgba(216, 173, 104, 0.32); background: radial-gradient(circle at 100% 0%, rgba(112, 81, 175, 0.12), transparent 38%), linear-gradient(145deg, rgba(17, 23, 31, 0.95), rgba(5, 10, 15, 0.97)); } .page-home-overlift-deck .home-hiring-bridge-copy { display: grid; gap: 9px; min-width: 0; } .page-home-overlift-deck .home-hiring-bridge-copy h3 { margin: 0; max-width: 30ch; color: var(--home-ivory); font-size: clamp(1.45rem, 2vw, 2rem); line-height: 1.12; text-wrap: balance; } .page-home-overlift-deck .home-hiring-bridge-copy p { margin: 0; max-width: 68ch; color: rgba(205, 216, 226, 0.84); font-size: clamp(1.02rem, 1.1vw, 1.12rem); line-height: 1.66; } .page-home-overlift-deck .home-hiring-fit-list { display: grid; gap: 9px; min-width: 0; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-hiring-fit-list li { display: grid; grid-template-columns: 1.35rem minmax(0, 1fr); gap: 8px; align-items: start; color: rgba(232, 236, 240, 0.9); font-size: 1rem; line-height: 1.5; } .page-home-overlift-deck .home-hiring-fit-list li > span { color: #e7bc75; font-weight: 800; } .page-home-overlift-deck .home-hiring-bridge-actions { display: grid; gap: 9px; min-width: 170px; } .page-home-overlift-deck .home-hiring-bridge-actions .lux-button { width: 100%; justify-content: center; white-space: nowrap; } .page-home-overlift-deck .home-project-contribution { display: grid; gap: 6px; padding: 13px 14px; border: 1px solid rgba(216, 173, 104, 0.22); border-radius: 16px; background: rgba(216, 173, 104, 0.05); } .page-home-overlift-deck .home-project-contribution > span { color: #efc982; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; } .page-home-overlift-deck .home-project-contribution p { display: -webkit-box; margin: 0; overflow: hidden; color: rgba(225, 231, 236, 0.88); font-size: 1rem; line-height: 1.58; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .page-home-overlift-deck .home-project-card-featured .home-project-contribution p { -webkit-line-clamp: 2; } @media (max-width: 1120px) { .page-home-overlift-deck .home-hiring-bridge { grid-template-columns: minmax(0, 1fr) minmax(260px, 0.75fr); } .page-home-overlift-deck .home-hiring-bridge-actions { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 900px) { .page-home-overlift-deck .portfolio-card-grid.home-project-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .portfolio-card.home-project-card-featured { grid-column: auto; } } @media (max-width: 760px) { .page-home-overlift-deck .home-hiring-bridge { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-hiring-bridge-actions { grid-column: auto; grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-project-contribution p, .page-home-overlift-deck .home-project-card-featured .home-project-contribution p { -webkit-line-clamp: 4; } } @media (max-width: 520px) { .page-home-overlift-deck .home-project-case-study-link { grid-template-columns: minmax(0, 1fr); justify-items: start; } .page-home-overlift-deck .home-project-case-study-link > span, .page-home-overlift-deck .home-project-case-study-link > strong { min-width: 0; max-width: 100%; } .page-home-overlift-deck .home-project-case-study-link > strong { overflow-wrap: anywhere; } } /*!sf-css-source:css/public/shared/luxury-components.css*/ :root { --portfolio-onyx-0: #04070a; --portfolio-onyx-1: #080d12; --portfolio-onyx-2: #10161d; --portfolio-ivory: #fff7e8; --portfolio-muted: rgba(224, 230, 235, 0.84); --portfolio-brass-bright: #f6d79c; --portfolio-brass: #d5a65e; --portfolio-brass-deep: #76501f; --portfolio-brass-line: rgba(225, 184, 115, 0.52); --portfolio-radius-large: clamp(24px, 2.4vw, 34px); --portfolio-radius-card: 18px; } .portfolio-glint-panel, .page-project-detail .luxury-panel, .page-project-detail .azgb-hero, .page-project-detail .azgb-section, .page-project-detail .azgb-final-cta, .page-project-detail .azgb-search-story, .page-project-detail .azgb-capability-card, .page-project-detail .azgb-pathway-card, .page-project-detail .azgb-safety-note, .page-project-detail .azgb-hero-media, .page-project-detail .azgb-stat-grid > div { border: 1px solid transparent !important; background: radial-gradient(640px 260px at 10% -12%, rgba(255, 244, 216, 0.075), transparent 62%) padding-box, radial-gradient(520px 260px at 100% 112%, rgba(110, 76, 150, 0.07), transparent 66%) padding-box, linear-gradient(145deg, rgba(17, 23, 30, 0.975), rgba(4, 8, 12, 0.99)) padding-box, conic-gradient(from 220deg at 50% 50%, rgba(255, 251, 239, 0.98) 0deg, rgba(247, 220, 169, 0.96) 18deg, rgba(215, 164, 86, 0.78) 58deg, rgba(92, 61, 25, 0.64) 122deg, rgba(57, 39, 20, 0.62) 174deg, rgba(145, 101, 43, 0.74) 238deg, rgba(228, 183, 105, 0.92) 306deg, rgba(255, 249, 235, 0.98) 350deg, rgba(255, 251, 239, 0.98) 360deg) border-box !important; box-shadow: inset 0 1px 0 rgba(255, 250, 238, 0.16), inset 0 -1px 0 rgba(92, 60, 23, 0.32), 0 0 0 1px rgba(82, 54, 22, 0.34), 0 18px 54px rgba(0, 0, 0, 0.28), 0 0 28px rgba(212, 158, 72, 0.09) !important; } .page-project-detail .luxury-panel:hover, .page-project-detail .azgb-capability-card:hover, .page-project-detail .azgb-pathway-card:hover, .page-home-overlift-deck .home-work-concept-card:hover, .page-home-overlift-deck .home-work-method-rail li:hover { border-color: transparent !important; box-shadow: inset 0 1px 0 rgba(255, 252, 244, 0.22), inset 0 -1px 0 rgba(112, 72, 26, 0.36), 0 0 0 1px rgba(110, 74, 29, 0.44), 0 22px 64px rgba(0, 0, 0, 0.34), 0 0 34px rgba(229, 176, 91, 0.14) !important; } .page-home-overlift-deck .home-work-concept-card, .page-home-overlift-deck .home-work-method-rail li, .page-home-overlift-deck .home-project-card-guide > article, .page-home-overlift-deck .home-project-contribution, .page-project-detail .project-detail-plain-start, .page-project-detail .project-story-nav a, .page-project-detail .project-story-promise, .page-project-detail .project-story-subcard, .page-project-detail .project-story-system .project-case-study-steps li, .page-project-detail .project-story-outcome-grid li, .page-project-overlift-technology .overlift-product-rule, .page-project-overlift-technology .overlift-product-boundary-cards > article, .page-project-overlift-technology .overlift-product-feature-grid > article, .page-project-azure-glossary .azgb-plain-start { border: 1px solid transparent !important; background: radial-gradient(280px 140px at 4% -8%, rgba(255, 244, 216, 0.09), transparent 70%) padding-box, linear-gradient(150deg, rgba(19, 24, 30, 0.94), rgba(5, 9, 13, 0.97)) padding-box, linear-gradient(118deg, rgba(255, 250, 238, 0.96) 0%, rgba(229, 188, 119, 0.78) 9%, rgba(114, 75, 29, 0.52) 30%, rgba(67, 45, 23, 0.46) 55%, rgba(193, 137, 58, 0.70) 78%, rgba(255, 235, 194, 0.92) 100%) border-box !important; box-shadow: inset 0 1px 0 rgba(255, 249, 234, 0.10), inset 0 -1px 0 rgba(92, 59, 22, 0.28), 0 0 0 1px rgba(73, 48, 20, 0.28), 0 10px 24px rgba(0, 0, 0, 0.20), 0 0 18px rgba(221, 164, 78, 0.06) !important; } .page-home-overlift-deck .home-work-concept-card:hover, .page-home-overlift-deck .home-work-method-rail li:hover, .page-project-detail .project-story-nav a:hover, .page-project-detail .project-story-nav a:focus-visible, .page-project-detail .project-story-subcard:hover { background: radial-gradient(300px 150px at 5% -10%, rgba(255, 245, 220, 0.13), transparent 70%) padding-box, linear-gradient(150deg, rgba(27, 30, 32, 0.96), rgba(7, 11, 15, 0.98)) padding-box, linear-gradient(118deg, rgba(255, 253, 245, 1) 0%, rgba(247, 210, 147, 0.92) 12%, rgba(136, 89, 31, 0.62) 34%, rgba(82, 54, 24, 0.54) 56%, rgba(222, 164, 72, 0.84) 80%, rgba(255, 240, 207, 0.98) 100%) border-box !important; } .brass-onyx-button, .page-home-overlift-deck .home-sean-welcome-actions .lux-button, .page-home-overlift-deck .home-hiring-bridge-actions .lux-button, .page-project-detail .project-case-study-actions .lux-button, .page-project-detail .overlift-product-actions .lux-button, .page-project-detail .project-detail-guide-actions .lux-button, .page-project-detail .azgb-button.brass-onyx-button { min-height: 52px; border: 1px solid transparent !important; border-radius: 16px !important; background: radial-gradient(220px 70px at 18% -20%, rgba(255, 245, 217, 0.16), transparent 72%) padding-box, linear-gradient(145deg, rgba(37, 34, 29, 0.98), rgba(10, 12, 15, 0.99) 56%, rgba(20, 17, 15, 0.99)) padding-box, conic-gradient(from 215deg, rgba(255, 251, 237, 1), rgba(245, 211, 151, 0.98) 12%, rgba(190, 133, 56, 0.88) 25%, rgba(84, 54, 21, 0.72) 43%, rgba(179, 124, 51, 0.9) 68%, rgba(255, 231, 183, 0.98) 88%, rgba(255, 251, 237, 1)) border-box !important; color: var(--portfolio-ivory) !important; font-weight: 750 !important; letter-spacing: -0.01em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); box-shadow: inset 0 1px 0 rgba(255, 249, 234, 0.20), inset 0 -1px 0 rgba(83, 53, 20, 0.50), 0 0 0 1px rgba(80, 51, 19, 0.38), 0 12px 28px rgba(0, 0, 0, 0.35), 0 0 24px rgba(222, 163, 75, 0.12) !important; transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease !important; } .brass-onyx-button:hover, .brass-onyx-button:focus-visible, .page-home-overlift-deck .home-sean-welcome-actions .lux-button:hover, .page-home-overlift-deck .home-sean-welcome-actions .lux-button:focus-visible, .page-home-overlift-deck .home-hiring-bridge-actions .lux-button:hover, .page-home-overlift-deck .home-hiring-bridge-actions .lux-button:focus-visible, .page-project-detail .project-case-study-actions .lux-button:hover, .page-project-detail .project-case-study-actions .lux-button:focus-visible, .page-project-detail .azgb-button.brass-onyx-button:hover, .page-project-detail .azgb-button.brass-onyx-button:focus-visible { transform: translateY(-2px); filter: brightness(1.08); box-shadow: inset 0 1px 0 rgba(255, 253, 247, 0.30), inset 0 -1px 0 rgba(107, 69, 25, 0.56), 0 0 0 1px rgba(139, 91, 30, 0.58), 0 17px 38px rgba(0, 0, 0, 0.42), 0 0 34px rgba(242, 190, 101, 0.24) !important; } .page-home-overlift-deck .home-work-guide { display: grid; gap: clamp(22px, 3vw, 38px); margin-bottom: clamp(26px, 3.6vw, 46px); padding: clamp(24px, 3.2vw, 44px); border-radius: var(--portfolio-radius-large); } .page-home-overlift-deck .home-work-guide .home-projects-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: end; margin: 0; } .page-home-overlift-deck .home-work-guide .home-projects-heading > div { max-width: 80rem; } .page-home-overlift-deck .home-work-guide .home-projects-heading h2 { max-width: 25ch; margin-bottom: 12px; color: var(--portfolio-ivory); text-wrap: balance; } .page-home-overlift-deck .home-work-guide .home-projects-heading p { max-width: 82ch; margin: 0; color: var(--portfolio-muted); font-size: clamp(1.05rem, 1.18vw, 1.18rem); line-height: 1.7; } .page-home-overlift-deck .home-work-guide .home-inline-link { align-self: center; min-height: 48px; padding: 12px 16px; border: 1px solid rgba(221, 177, 105, 0.40); border-radius: 14px; background: rgba(215, 165, 86, 0.06); color: #f2cf93; font-weight: 750; white-space: nowrap; } .page-home-overlift-deck .home-work-concept-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .page-home-overlift-deck .home-work-concept-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; align-items: start; min-width: 0; padding: 20px; border: 1px solid rgba(219, 174, 103, 0.34); border-radius: 18px; background: radial-gradient(280px 140px at 0% 0%, rgba(233, 185, 105, 0.07), transparent 68%), rgba(5, 10, 15, 0.72); box-shadow: inset 0 1px 0 rgba(255, 248, 230, 0.07); transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease; } .page-home-overlift-deck .home-work-concept-card:hover { transform: translateY(-2px); } .page-home-overlift-deck .home-work-concept-number { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(241, 201, 133, 0.48); border-radius: 50%; color: #f5cc83; font-size: 0.76rem; font-weight: 850; letter-spacing: 0.08em; background: rgba(222, 166, 75, 0.08); } .page-home-overlift-deck .home-work-concept-card h3 { margin: 0 0 8px; color: var(--portfolio-ivory); font-size: clamp(1.08rem, 1.2vw, 1.24rem); line-height: 1.25; } .page-home-overlift-deck .home-work-concept-card p { margin: 0; color: rgba(219, 226, 232, 0.84); font-size: 0.98rem; line-height: 1.62; } .page-home-overlift-deck .home-work-method-rail { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-work-method-rail li { display: grid; align-content: start; gap: 7px; min-width: 0; min-height: 146px; padding: 16px 14px; border: 1px solid rgba(207, 158, 83, 0.28); border-radius: 16px; background: linear-gradient(155deg, rgba(25, 27, 28, 0.82), rgba(6, 10, 14, 0.84)); transition: transform 160ms ease, box-shadow 160ms ease; } .page-home-overlift-deck .home-work-method-rail li:hover { transform: translateY(-2px); } .page-home-overlift-deck .home-work-method-rail li > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: rgba(229, 178, 92, 0.10); color: #efc273; font-size: 0.78rem; font-weight: 850; } .page-home-overlift-deck .home-work-method-rail strong { color: var(--portfolio-ivory); font-size: 0.94rem; line-height: 1.3; } .page-home-overlift-deck .home-work-method-rail small { color: rgba(211, 220, 228, 0.76); font-size: 0.85rem; line-height: 1.46; } .page-home-overlift-deck .home-hiring-bridge { border-radius: var(--portfolio-radius-large) !important; background: radial-gradient(520px 260px at 0% 0%, rgba(232, 187, 112, 0.085), transparent 67%) padding-box, radial-gradient(460px 250px at 100% 0%, rgba(107, 76, 162, 0.11), transparent 64%) padding-box, linear-gradient(145deg, rgba(20, 25, 31, 0.98), rgba(5, 8, 13, 0.99)) padding-box, conic-gradient(from 218deg, #fff7e7, #e4b96e 16%, #7b5220 36%, #3e2d1a 54%, #ad7936 73%, #f3d59a 91%, #fff7e7) border-box !important; } .page-home-overlift-deck .home-hiring-bridge-actions { min-width: 210px; gap: 12px; } .page-home-overlift-deck .home-hiring-bridge-actions .lux-button { min-height: 58px; padding-inline: 22px; } .page-home-overlift-deck .home-product-family-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr); gap: 24px; align-items: end; margin: clamp(34px, 4vw, 58px) 0 22px; padding: 0 4px; } .page-home-overlift-deck .home-product-family-heading h2 { max-width: 22ch; margin: 6px 0 0; color: var(--portfolio-ivory); text-wrap: balance; } .page-home-overlift-deck .home-product-family-heading > p { margin: 0; color: var(--portfolio-muted); font-size: 1.05rem; line-height: 1.65; } .page-home-overlift-deck .home-project-card-guide { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .page-home-overlift-deck .home-project-card-guide > article { min-width: 0; padding: 15px 16px; border: 1px solid rgba(218, 171, 96, 0.26); border-radius: 16px; background: rgba(211, 159, 76, 0.045); } .page-home-overlift-deck .home-project-card-guide span, .page-home-overlift-deck .home-project-outcome-list::before { color: #efc679; font-size: 0.78rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-project-card-guide p { margin: 7px 0 0; color: rgba(224, 231, 236, 0.87); font-size: 0.98rem; line-height: 1.58; } .page-home-overlift-deck .home-project-contribution { border-color: rgba(221, 174, 98, 0.30); background: linear-gradient(145deg, rgba(218, 167, 83, 0.065), rgba(8, 12, 16, 0.30)); } .page-home-overlift-deck .home-project-outcome-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-project-outcome-list li { position: relative; padding-left: 20px; color: rgba(213, 222, 229, 0.82); font-size: 0.94rem; line-height: 1.5; } .page-home-overlift-deck .home-project-outcome-list li::before { content: ""; position: absolute; top: 0.62em; left: 2px; width: 7px; height: 7px; border: 1px solid rgba(247, 211, 151, 0.74); border-radius: 50%; background: rgba(220, 163, 75, 0.34); box-shadow: 0 0 10px rgba(230, 172, 83, 0.24); } .page-project-detail .project-detail-hero { padding-top: clamp(38px, 5vw, 74px); padding-bottom: 0 !important; } .page-project-detail .project-detail-copy, .page-project-detail .project-detail-art-shell { border-radius: var(--portfolio-radius-large) !important; } .page-project-detail .project-detail-copy { display: grid; align-content: start; gap: 14px; padding: clamp(26px, 3.5vw, 48px) !important; } .page-project-detail .project-detail-copy h1 { color: var(--portfolio-ivory); text-wrap: balance; } .page-project-detail .project-detail-copy > p { max-width: 72ch; color: var(--portfolio-muted); font-size: clamp(1.02rem, 1.16vw, 1.16rem); line-height: 1.68; } .page-project-detail .project-detail-plain-start { display: grid; gap: 8px; margin-top: 6px; padding: clamp(17px, 2vw, 22px); border: 1px solid rgba(229, 184, 110, 0.38); border-radius: 18px; background: radial-gradient(260px 120px at 0% 0%, rgba(240, 195, 119, 0.09), transparent 75%), rgba(7, 12, 17, 0.74); } .page-project-detail .project-detail-plain-start > span { color: #efc67d; font-size: 0.78rem; font-weight: 850; letter-spacing: 0.11em; text-transform: uppercase; } .page-project-detail .project-detail-plain-start > strong { color: var(--portfolio-ivory); font-size: clamp(1.08rem, 1.25vw, 1.28rem); line-height: 1.45; } .page-project-detail .project-detail-plain-start > small { color: rgba(208, 218, 226, 0.72); font-size: 0.92rem; line-height: 1.5; } .page-project-detail .project-detail-guide-actions { margin-top: 4px; } .page-project-detail .project-detail-art-shell { padding: 12px !important; } .page-project-detail .project-guided-fallback-grid { grid-template-columns: minmax(0, 1fr); } .page-project-detail .project-deep-card, .page-project-detail .project-media-gallery-card { border-radius: var(--portfolio-radius-large) !important; } .page-project-detail { --project-story-flow-gap: clamp(18px, 2.3vw, 30px); } .page-project-detail .project-case-study-section { padding: var(--project-story-flow-gap) 0; background: radial-gradient(720px 420px at 8% 8%, rgba(204, 149, 67, 0.07), transparent 70%), radial-gradient(680px 420px at 96% 62%, rgba(103, 74, 150, 0.06), transparent 70%); } .page-project-detail .project-case-study-shell { display: grid; gap: var(--project-story-flow-gap); } .page-project-detail .project-story-guide-container { display: grid; gap: clamp(14px, 1.8vw, 22px); min-width: 0; padding: clamp(22px, 3vw, 40px); border-radius: var(--portfolio-radius-large); } .page-project-detail .project-story-guide-container .project-story-heading { border: 0 !important; background: none !important; box-shadow: none !important; } .page-project-detail .project-story-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr); gap: clamp(24px, 4vw, 58px); align-items: end; padding: 0; border-radius: 0; } .page-project-detail .project-story-heading h2 { max-width: 23ch; margin: 7px 0 0; color: var(--portfolio-ivory); font-size: clamp(2rem, 3.5vw, 4rem); line-height: 1.04; text-wrap: balance; } .page-project-detail .project-story-heading > p { max-width: 52ch; margin: 0; color: var(--portfolio-muted); font-size: clamp(1.02rem, 1.18vw, 1.18rem); line-height: 1.7; } .page-project-detail .project-story-nav { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 9px; padding: 0; border: 0; background: transparent; } .page-project-detail .project-story-nav a { min-height: 66px; border: 1px solid rgba(215, 165, 86, 0.34); border-radius: 15px; background: linear-gradient(150deg, rgba(26, 26, 25, 0.78), rgba(6, 10, 14, 0.82)); color: rgba(240, 235, 224, 0.88); } .page-project-detail .project-story-nav a:hover, .page-project-detail .project-story-nav a:focus-visible { border-color: rgba(245, 207, 143, 0.60); background: linear-gradient(150deg, rgba(55, 43, 28, 0.70), rgba(8, 11, 14, 0.86)); color: var(--portfolio-ivory); } .page-project-detail .project-story-nav a span { color: #e9bb6b; } .page-project-detail .project-story-band { display: grid; gap: clamp(22px, 3vw, 42px); min-width: 0; padding: clamp(24px, 3.2vw, 46px); border-radius: var(--portfolio-radius-large); scroll-margin-top: 110px; } .page-project-detail .project-story-problem { grid-template-columns: minmax(120px, 0.2fr) minmax(0, 1fr) minmax(280px, 0.7fr); align-items: center; } .page-project-detail .project-story-section-label { display: grid; align-content: start; gap: 12px; } .page-project-detail .project-story-section-label .project-case-study-number { display: grid; width: 52px; height: 52px; place-items: center; margin: 0; border: 1px solid rgba(242, 203, 136, 0.50); border-radius: 16px; background: rgba(220, 164, 76, 0.08); color: #f2c87d; font-size: 0.88rem; font-weight: 850; } .page-project-detail .project-story-copy h3, .page-project-detail .project-story-band-heading h3, .page-project-detail .project-story-proof-grid h3 { margin: 0 0 12px; color: var(--portfolio-ivory); font-size: clamp(1.55rem, 2.2vw, 2.35rem); line-height: 1.16; text-wrap: balance; } .page-project-detail .project-story-copy p, .page-project-detail .project-story-band-heading p, .page-project-detail .project-story-proof-grid p { margin: 0; color: var(--portfolio-muted); font-size: clamp(1.02rem, 1.16vw, 1.16rem); line-height: 1.72; } .page-project-detail .project-story-promise { display: grid; gap: 9px; padding: 20px; border: 1px solid rgba(229, 183, 107, 0.40); border-radius: 18px; background: radial-gradient(280px 140px at 0% 0%, rgba(235, 188, 111, 0.10), transparent 72%), rgba(6, 11, 16, 0.76); } .page-project-detail .project-story-promise span, .page-project-detail .project-story-subcard > span { color: #efc579; font-size: 0.78rem; font-weight: 850; letter-spacing: 0.11em; text-transform: uppercase; } .page-project-detail .project-story-promise strong { color: var(--portfolio-ivory); font-size: clamp(1.04rem, 1.22vw, 1.24rem); line-height: 1.5; } .page-project-detail .project-story-band-heading { display: grid; grid-template-columns: minmax(120px, 0.22fr) minmax(0, 1fr); gap: clamp(22px, 3vw, 42px); align-items: start; } .page-project-detail .project-story-nested-grid, .page-project-detail .project-story-advantage-grid { display: grid; gap: 14px; } .page-project-detail .project-story-nested-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-project-detail .project-story-advantage-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .page-project-detail .project-story-subcard { min-width: 0; padding: clamp(18px, 2vw, 24px); border: 1px solid rgba(214, 164, 85, 0.30); border-radius: 18px; background: radial-gradient(260px 120px at 10% 0%, rgba(229, 178, 94, 0.07), transparent 70%), linear-gradient(155deg, rgba(18, 23, 29, 0.82), rgba(5, 9, 13, 0.88)); box-shadow: inset 0 1px 0 rgba(255, 247, 228, 0.07); } .page-project-detail .project-story-subcard p { margin: 9px 0 0; color: rgba(220, 228, 234, 0.84); font-size: 0.98rem; line-height: 1.66; } .page-project-detail .project-story-system .project-case-study-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .page-project-detail .project-story-system .project-case-study-steps li { min-height: 124px; border-color: rgba(218, 168, 91, 0.30); border-radius: 17px; background: linear-gradient(150deg, rgba(22, 25, 28, 0.82), rgba(5, 9, 13, 0.86)); } .page-project-detail .project-story-system .project-case-study-steps li > span { background: rgba(221, 166, 78, 0.10); color: #efc171; } .page-project-detail .project-story-proof-grid { gap: clamp(16px, 2.4vw, 28px); scroll-margin-top: 110px; } .page-project-detail .project-story-proof-grid > * { border-radius: var(--portfolio-radius-large) !important; } .page-project-detail .project-story-proof-grid .project-case-study-card, .page-project-detail .project-story-proof-grid .project-case-study-evidence { padding: clamp(24px, 3vw, 38px); } .page-project-detail .project-story-proof-grid .project-case-study-card::before, .page-project-detail .project-story-proof-grid .project-case-study-evidence::before, .page-project-detail .project-story-value::before, .page-project-detail .project-story-heading::before { display: none !important; } .page-project-detail .project-case-study-evidence-note { border-color: rgba(215, 165, 86, 0.30); background: rgba(221, 167, 79, 0.045); color: rgba(215, 223, 229, 0.78); } .page-project-detail .project-story-value { grid-template-columns: minmax(120px, 0.2fr) minmax(0, 0.9fr) minmax(340px, 1.1fr); align-items: start; scroll-margin-top: 110px; } .page-project-detail .project-story-outcome-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .page-project-detail .project-story-outcome-grid li { position: relative; min-width: 0; padding: 16px 16px 16px 38px; border: 1px solid rgba(213, 162, 83, 0.27); border-radius: 15px; background: rgba(210, 156, 74, 0.04); color: rgba(225, 232, 237, 0.86); font-size: 0.96rem; line-height: 1.55; } .page-project-detail .project-story-outcome-grid li::before { content: "✓"; position: absolute; top: 15px; left: 15px; color: #efc171; font-weight: 900; } .page-project-detail .project-case-study-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 2px; } .page-project-detail .project-case-study-actions .lux-button { width: 100%; justify-content: center; text-align: center; } .page-project-detail .project-story-research { background: radial-gradient(520px 260px at 0% 0%, rgba(225, 174, 92, 0.10), transparent 70%) padding-box, radial-gradient(440px 260px at 100% 100%, rgba(116, 82, 165, 0.10), transparent 72%) padding-box, linear-gradient(145deg, rgba(18, 23, 29, 0.975), rgba(5, 9, 13, 0.99)) padding-box, conic-gradient(from 220deg at 50% 50%, rgba(255, 251, 239, 0.98), rgba(239, 198, 126, 0.94) 18%, rgba(112, 73, 27, 0.64) 40%, rgba(84, 56, 30, 0.60) 58%, rgba(164, 112, 54, 0.78) 80%, rgba(255, 239, 207, 0.96)) border-box !important; } .page-project-detail .project-story-research-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr) minmax(0, 0.8fr); gap: 14px; } .page-project-detail .project-story-research-boundary { background: radial-gradient(260px 140px at 12% 0%, rgba(238, 191, 111, 0.08), transparent 72%), linear-gradient(155deg, rgba(24, 21, 19, 0.90), rgba(6, 9, 13, 0.92)); } .page-project-detail .project-deep-card-research { scroll-margin-top: 110px; } .page-project-detail .project-research-boundary { margin-top: 14px; padding: 16px 18px; border: 1px solid rgba(222, 174, 98, 0.30); border-radius: 15px; background: rgba(218, 164, 78, 0.05); color: rgba(218, 226, 232, 0.82); } .page-project-overlift-technology .overlift-product-page > .project-case-study-section { margin-top: calc(var(--project-story-flow-gap) - clamp(28px, 4vw, 52px)) !important; padding-top: 0 !important; padding-bottom: 0 !important; } .page-project-overlift-technology .overlift-product-hero-copy, .page-project-overlift-technology .overlift-product-hero-visual, .page-project-overlift-technology .overlift-guided-band, .page-project-overlift-technology .overlift-product-boundary-cards > article, .page-project-overlift-technology .overlift-product-feature-grid > article, .page-project-overlift-technology .overlift-product-demo-image { border-radius: var(--portfolio-radius-large) !important; } .page-project-overlift-technology .overlift-product-hero-copy { padding: clamp(28px, 4vw, 54px) !important; } .page-project-overlift-technology .overlift-product-hero-copy h1 { color: var(--portfolio-ivory); text-wrap: balance; } .page-project-overlift-technology .overlift-product-hero-lead, .page-project-overlift-technology .overlift-product-hero-copy > p { color: var(--portfolio-muted); font-size: clamp(1.04rem, 1.2vw, 1.2rem); line-height: 1.7; } .page-project-overlift-technology .overlift-product-rule { border-color: rgba(235, 190, 116, 0.42); background: linear-gradient(145deg, rgba(226, 173, 88, 0.08), rgba(6, 10, 14, 0.64)); } .page-project-overlift-technology .overlift-guided-band { padding: clamp(24px, 3.4vw, 46px); } .page-project-overlift-technology .overlift-product-section-heading h2 { color: var(--portfolio-ivory); text-wrap: balance; } .page-project-overlift-technology .overlift-product-section-heading p { color: var(--portfolio-muted); font-size: clamp(1.02rem, 1.15vw, 1.15rem); line-height: 1.7; } .page-project-overlift-technology .overlift-product-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-project-overlift-technology .overlift-product-feature-grid > article, .page-project-overlift-technology .overlift-product-boundary-cards > article { padding: 22px !important; } .page-project-azure-glossary .azgb-page { --azgb-border: rgba(224, 179, 107, 0.34); --azgb-accent: #efc171; } .page-project-azure-glossary .azgb-hero, .page-project-azure-glossary .azgb-section, .page-project-azure-glossary .azgb-final-cta { margin-inline: auto; border-radius: var(--portfolio-radius-large) !important; } .page-project-azure-glossary .azgb-status { color: #efc679; } .page-project-azure-glossary .azgb-status > span { background: #efc171; box-shadow: 0 0 12px rgba(239, 193, 113, 0.46); } .page-project-azure-glossary .azgb-plain-start { display: grid; gap: 8px; margin: 20px 0 0; padding: 18px 20px; border-radius: 18px; } .page-project-azure-glossary .azgb-plain-start > span { color: #efc171; font-size: 0.76rem; font-weight: 850; letter-spacing: 0.11em; text-transform: uppercase; } .page-project-azure-glossary .azgb-plain-start > strong { color: var(--portfolio-ivory); font-size: clamp(1.02rem, 1.18vw, 1.18rem); line-height: 1.5; } .page-project-azure-glossary .azgb-plain-start > p { margin: 0; color: rgba(215, 224, 231, 0.82); font-size: 0.94rem; line-height: 1.58; } .page-project-azure-glossary .azgb-plain-start b { color: #f1c77d; } .page-project-azure-glossary .azgb-stat-grid > div, .page-project-azure-glossary .azgb-search-story, .page-project-azure-glossary .azgb-capability-card, .page-project-azure-glossary .azgb-pathway-card, .page-project-azure-glossary .azgb-safety-note, .page-project-azure-glossary .azgb-hero-media { border-radius: 18px !important; } .page-project-azure-glossary .azgb-section-heading h2, .page-project-azure-glossary .azgb-final-cta h2 { color: var(--portfolio-ivory); } .page-project-azure-glossary .azgb-section-heading > p, .page-project-azure-glossary .azgb-final-cta p, .page-project-azure-glossary .azgb-search-story > p, .page-project-azure-glossary .azgb-capability-card p, .page-project-azure-glossary .azgb-pathway-copy > p { color: var(--portfolio-muted); } .page-project-azure-glossary .azgb-button.brass-onyx-button { min-height: 52px; } @media (max-width: 1180px) { .page-home-overlift-deck .home-work-concept-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-work-method-rail { grid-template-columns: repeat(4, minmax(0, 1fr)); } .page-project-detail .project-story-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-project-detail .project-story-advantage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-project-overlift-technology .overlift-product-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 920px) { .page-home-overlift-deck .home-work-guide .home-projects-heading, .page-home-overlift-deck .home-product-family-heading, .page-project-detail .project-story-heading, .page-project-detail .project-story-problem, .page-project-detail .project-story-value { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-work-guide .home-inline-link { justify-self: start; } .page-project-detail .project-story-band-heading { grid-template-columns: minmax(0, 1fr); } .page-project-detail .project-story-nested-grid, .page-project-detail .project-story-research-grid { grid-template-columns: minmax(0, 1fr); } .page-project-detail .project-story-system .project-case-study-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-project-detail .project-case-study-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .page-home-overlift-deck .home-work-guide, .page-project-detail .project-story-guide-container, .page-project-detail .project-story-band, .page-project-overlift-technology .overlift-guided-band { padding: 20px; } .page-home-overlift-deck .home-work-concept-grid, .page-home-overlift-deck .home-project-card-guide, .page-project-detail .project-story-advantage-grid, .page-project-detail .project-story-system .project-case-study-steps, .page-project-detail .project-story-outcome-grid, .page-project-overlift-technology .overlift-product-feature-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-work-method-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-work-method-rail li { min-height: 132px; } .page-project-detail .project-story-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-project-detail .project-story-nav a { min-height: 58px; } .page-project-detail .project-case-study-actions { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 520px) { .brass-onyx-button, .page-home-overlift-deck .home-sean-welcome-actions .lux-button, .page-home-overlift-deck .home-hiring-bridge-actions .lux-button, .page-project-detail .project-case-study-actions .lux-button, .page-project-detail .overlift-product-actions .lux-button, .page-project-detail .project-detail-guide-actions .lux-button, .page-project-detail .azgb-button.brass-onyx-button { width: 100%; min-height: 48px; padding: 11px 14px !important; white-space: normal; text-align: center; } .page-home-overlift-deck .home-work-concept-card { grid-template-columns: 38px minmax(0, 1fr); padding: 16px; } .page-home-overlift-deck .home-work-concept-number { width: 38px; height: 38px; } .page-home-overlift-deck .home-work-method-rail { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-work-method-rail li { min-height: 0; } .page-project-detail .project-story-nav { grid-template-columns: minmax(0, 1fr); } .page-project-detail .project-story-section-label { grid-template-columns: 48px minmax(0, 1fr); align-items: center; } .page-project-detail .project-story-section-label .project-case-study-number { width: 46px; height: 46px; } } @media (prefers-reduced-motion: reduce) { .brass-onyx-button, .page-home-overlift-deck .home-work-concept-card, .page-home-overlift-deck .home-work-method-rail li, .page-project-detail .luxury-panel { transition: none !important; } } @media (forced-colors: active) { .portfolio-glint-panel, .brass-onyx-button, .page-project-detail .luxury-panel, .page-project-detail .azgb-section, .page-project-detail .azgb-hero, .page-project-detail .azgb-final-cta { border: 1px solid CanvasText !important; background: Canvas !important; color: CanvasText !important; box-shadow: none !important; } } .page-project-detail .project-detail-intro-shell { position: relative; overflow: hidden; padding: clamp(24px, 3.4vw, 48px); border-radius: var(--portfolio-radius-large) !important; } .page-project-detail .project-detail-intro-shell .project-detail-grid { grid-template-columns: minmax(0, 0.92fr) minmax(460px, 1.08fr); gap: clamp(28px, 4.2vw, 64px); align-items: center; } .page-project-detail .project-detail-intro-shell .project-detail-copy { min-width: 0; min-height: 0; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .page-project-detail .project-detail-intro-shell .project-detail-copy::before, .page-project-detail .project-detail-intro-shell .project-detail-copy::after { display: none !important; } .page-project-detail .project-detail-intro-shell .project-detail-art-shell { min-width: 0; min-height: 0; margin: 0; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .page-project-detail .project-detail-intro-shell .project-detail-art { display: grid; min-height: 0 !important; aspect-ratio: 16 / 9; place-items: center; overflow: hidden; padding: 0 !important; border: 1px solid rgba(228, 183, 109, 0.34) !important; border-radius: 22px !important; background: radial-gradient(circle at 50% 0%, rgba(226, 178, 98, 0.08), transparent 48%), #03080d !important; box-shadow: inset 0 1px 0 rgba(255, 248, 230, 0.09), 0 22px 60px rgba(0, 0, 0, 0.34) !important; } .page-project-detail .project-detail-intro-shell .project-detail-art::before, .page-project-detail .project-detail-intro-shell .project-detail-art::after { display: none !important; } .page-project-detail .project-detail-intro-shell .project-detail-media-image { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center top; background: #03080d; } .page-project-detail .project-detail-art-caption { display: grid; gap: 5px; padding: 14px 4px 0; color: var(--portfolio-muted); } .page-project-detail .project-detail-art-caption strong { color: var(--portfolio-ivory); } .page-project-detail .project-story-navigation-shell { overflow: hidden; padding: 10px; border-radius: 22px !important; } .page-project-detail .project-story-navigation-shell .project-story-nav { margin: 0; padding: 0; } .page-project-detail .project-media-gallery-frame { display: grid; width: 100%; aspect-ratio: 16 / 9; place-items: center; overflow: hidden; border-bottom: 1px solid rgba(225, 179, 105, 0.22); background: radial-gradient(circle at 50% 0%, rgba(229, 182, 106, 0.08), transparent 45%), #03080d; } .page-project-detail .project-media-gallery-frame > img { display: block; width: 100%; height: 100%; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center top !important; background: #03080d; } .page-project-detail .project-media-gallery-frame > img[hidden] { display: none !important; } .page-project-detail .project-media-gallery-card:only-child { max-width: none; } .page-project-detail .project-media-gallery-card:only-child .project-media-gallery-frame { aspect-ratio: 16 / 9; } .page-project-detail .project-case-study-actions { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); } .page-project-overlift-technology .overlift-product-hero-shell { position: relative; overflow: hidden; padding: clamp(24px, 3.5vw, 50px); border-radius: var(--portfolio-radius-large) !important; } .page-project-overlift-technology .overlift-product-hero-shell .overlift-product-hero-grid { grid-template-columns: minmax(0, 0.92fr) minmax(480px, 1.08fr); gap: clamp(28px, 4.2vw, 64px); align-items: center; } .page-project-overlift-technology .overlift-product-hero-shell .overlift-product-hero-copy { min-width: 0; min-height: 0; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .page-project-overlift-technology .overlift-product-hero-shell .overlift-product-hero-copy::before, .page-project-overlift-technology .overlift-product-hero-shell .overlift-product-hero-copy::after { display: none !important; } .page-project-overlift-technology .overlift-product-hero-visual { min-width: 0; min-height: 0; margin: 0; overflow: hidden; border: 1px solid rgba(228, 183, 109, 0.34) !important; border-radius: 22px !important; background: #03080d !important; box-shadow: inset 0 1px 0 rgba(255, 248, 230, 0.09), 0 22px 60px rgba(0, 0, 0, 0.34) !important; } .page-project-overlift-technology .overlift-product-hero-visual > img, .page-project-overlift-technology .overlift-product-demo-image > img { display: block; width: 100%; height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9; object-fit: contain !important; object-position: center top !important; background: #03080d; } .page-project-azure-glossary .product-intro-shell { overflow: hidden; } .page-project-azure-glossary .azgb-hero-grid { grid-template-columns: minmax(0, 0.92fr) minmax(480px, 1.08fr); gap: clamp(28px, 4vw, 60px); align-items: center; } .page-project-azure-glossary .azgb-hero-media { min-width: 0; transform: none !important; } .page-project-azure-glossary .azgb-landscape-media img { display: block; width: 100%; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 16 / 9 !important; object-fit: contain !important; object-position: center top !important; background: #03080d; } .page-project-azure-glossary .azgb-pathway-media { min-height: 0; align-items: center; } @media (max-width: 1120px) { .page-project-detail .project-detail-intro-shell .project-detail-grid, .page-project-overlift-technology .overlift-product-hero-shell .overlift-product-hero-grid, .page-project-azure-glossary .azgb-hero-grid { grid-template-columns: minmax(0, 1fr); } .page-project-detail .project-detail-art-shell, .page-project-overlift-technology .overlift-product-hero-visual, .page-project-azure-glossary .azgb-hero-media { width: 100%; } } @media (max-width: 680px) { .page-project-detail .project-detail-intro-shell, .page-project-overlift-technology .overlift-product-hero-shell { padding: 18px; } .page-project-detail .project-story-navigation-shell { padding: 8px; } .page-project-detail .project-detail-intro-shell .project-detail-art, .page-project-detail .project-media-gallery-frame, .page-project-overlift-technology .overlift-product-hero-visual > img, .page-project-overlift-technology .overlift-product-demo-image > img, .page-project-azure-glossary .azgb-landscape-media img { aspect-ratio: 16 / 9 !important; } } /*!sf-css-source:css/public/shared/readable-type.css*/ .scope-public { --portfolio-copy-large: clamp(1.10rem, 1.055rem + 0.18vw, 1.23rem); --portfolio-copy: clamp(1.055rem, 1.025rem + 0.12vw, 1.16rem); --portfolio-copy-compact: clamp(1rem, 0.98rem + 0.08vw, 1.08rem); --portfolio-label: clamp(0.88rem, 0.855rem + 0.08vw, 0.96rem); --portfolio-control: clamp(1rem, 0.975rem + 0.09vw, 1.09rem); } .scope-public .eyebrow, .scope-public .project-category, .scope-public .project-status, .scope-public .footer-meta-copy, .scope-public .footer-menu-list .nav-link, .scope-public .footer-submenu-list .nav-link { font-size: var(--portfolio-label) !important; } .scope-public .lux-button, .scope-public .azgb-button, .scope-public .contact-resource-button, .scope-public .main-nav .nav-link, .scope-public .home-inline-link, .scope-public .knowledge-back-link, .scope-public .knowledge-pillar-link { font-size: var(--portfolio-control) !important; } .page-home-overlift-deck .home-sean-welcome-copy > p, .page-home-overlift-deck .home-sean-profile-summary p, .page-home-overlift-deck .home-sean-welcome-analogy p, .page-home-overlift-deck .home-sean-welcome-concepts p, .page-home-overlift-deck .home-work-guide .home-projects-heading p, .page-home-overlift-deck .home-work-concept-card p, .page-home-overlift-deck .home-hiring-bridge p, .page-home-overlift-deck .home-hiring-fit-list li, .page-home-overlift-deck .home-product-family-heading > p, .page-home-overlift-deck .portfolio-card-tagline, .page-home-overlift-deck .home-project-card-guide p, .page-home-overlift-deck .home-project-contribution p, .page-home-overlift-deck .home-project-outcome-list li, .page-home-overlift-deck .home-modal-heading > p, .page-home-overlift-deck .home-simple-explanation-copy p { font-size: var(--portfolio-copy) !important; line-height: 1.68 !important; } .page-home-overlift-deck .home-work-method-rail small, .page-home-overlift-deck .home-project-card-guide span, .page-home-overlift-deck .home-project-contribution > span, .page-home-overlift-deck .portfolio-card-stack, .page-home-overlift-deck .edge-ai-caption span, .page-home-overlift-deck .edge-ai-caption strong { font-size: var(--portfolio-copy-compact) !important; line-height: 1.5 !important; } .page-about .about-main p, .page-about .about-main li, .page-about .about-main dd, .page-about .about-lead, .page-about .about-hero-proof, .page-about .about-orbit-label, .page-about .about-final-cta p { font-size: var(--portfolio-copy) !important; line-height: 1.68 !important; } .page-about .about-pill-field span, .page-about .about-timeline time, .page-about .about-mini-card > span, .page-about .about-signal-card > span, .page-about .about-proof-card > span { font-size: var(--portfolio-copy-compact) !important; } .page-contact .contact-pitch-lead, .page-contact .contact-value-item p, .page-contact .contact-proof-line, .page-contact .contact-form-header > p, .page-contact .contact-form-note, .page-contact .validation-summary-errors, .page-contact .field-validation-error { font-size: var(--portfolio-copy) !important; line-height: 1.64 !important; } .page-contact .contact-field label, .page-contact .field-input, .page-contact .field-textarea, .page-contact .field-input::placeholder, .page-contact .field-textarea::placeholder, .page-contact .contact-resource-button, .page-contact .contact-send-button, .page-contact .contact-copy-button { font-size: var(--portfolio-control) !important; } .page-contact .contact-form-kicker, .page-contact .contact-value-number, .page-contact .contact-form-status, .page-contact .contact-capability-pill, .page-contact .contact-capability-rail span { font-size: var(--portfolio-label) !important; } .page-resume .resume-summary-copy, .page-resume .resume-skill-copy, .page-resume .resume-experience-summary, .page-resume .resume-bullet-list li, .page-resume .resume-education-note, .page-resume .resume-hero-lead, .page-resume .resume-hero-glance-list li { font-size: var(--portfolio-copy) !important; line-height: 1.64 !important; } .page-resume .resume-document-meta, .page-resume .resume-experience-dates, .page-resume .resume-experience-location, .page-resume .resume-education-year, .page-resume .resume-document-status, .page-resume .resume-meta-button { font-size: var(--portfolio-copy-compact) !important; } .page-articles .knowledge-index-lead, .page-articles .knowledge-pillar-summary, .page-articles .knowledge-pillar-signals li, .page-article-section .knowledge-detail-summary, .page-article-section .knowledge-detail-body, .page-article-section .knowledge-pillar-signals li, .page-article-section .knowledge-module-card p, .page-article-section .knowledge-related-card p, .page-article-detail main p, .page-article-detail main li, .page-article-detail main figcaption, .page-privacy .prose-page p, .page-privacy .prose-page li, .page-status main p, .page-status main li, .page-error main p, .page-error main li { font-size: var(--portfolio-copy) !important; line-height: 1.7 !important; } .page-project-detail .project-detail-copy > p, .page-project-detail .project-detail-plain-start > strong, .page-project-detail .project-detail-plain-start > small, .page-project-detail .project-detail-art-caption > span, .page-project-detail .project-media-gallery-heading > p, .page-project-detail .project-media-gallery-card figcaption, .page-project-detail .project-media-gallery-card figcaption > span, .page-project-detail .project-deep-card p, .page-project-detail .project-deep-card li, .page-project-detail .project-research-boundary { font-size: var(--portfolio-copy-large) !important; line-height: 1.68 !important; } .page-project-detail .project-detail-category, .page-project-detail .project-detail-art-caption > strong, .page-project-detail .project-detail-plain-start > span, .page-project-detail .detail-meta-card-inline, .page-project-detail .project-focus-pills span, .page-project-detail .project-detail-media-proof { font-size: var(--portfolio-copy-compact) !important; line-height: 1.48 !important; } .page-project-detail .project-story-heading > p, .page-project-detail .project-story-copy p, .page-project-detail .project-story-band-heading p, .page-project-detail .project-story-proof-grid p, .page-project-detail .project-story-subcard p, .page-project-detail .project-story-system .project-case-study-steps p, .page-project-detail .project-case-study-evidence li p, .page-project-detail .project-case-study-evidence-note, .page-project-detail .project-story-outcome-grid li, .page-project-detail .project-case-study-proof-points li, .page-project-detail .project-case-study-value li, .page-project-detail .project-story-promise strong, .page-project-detail .project-story-promise p, .page-project-detail .project-story-research-grid p { font-size: var(--portfolio-copy-large) !important; line-height: 1.68 !important; } .page-project-detail .project-story-nav a, .page-project-detail .project-case-study-evidence strong, .page-project-detail .project-case-study-evidence li > span, .page-project-detail .project-story-section-label .project-case-study-number, .page-project-detail .project-story-subcard > span, .page-project-detail .project-story-promise > span { font-size: var(--portfolio-copy-compact) !important; } .page-project-overlift-technology .overlift-product-hero-lead, .page-project-overlift-technology .overlift-product-hero-copy > p, .page-project-overlift-technology .overlift-product-rule strong, .page-project-overlift-technology .overlift-product-section-heading p, .page-project-overlift-technology .overlift-product-card p, .page-project-overlift-technology .overlift-product-feature-grid p, .page-project-overlift-technology .overlift-method-step p, .page-project-overlift-technology .overlift-product-boundary-cards p, .page-project-overlift-technology .overlift-product-honesty-grid dd, .page-project-overlift-technology .overlift-product-hero-visual figcaption small { font-size: var(--portfolio-copy-large) !important; line-height: 1.68 !important; } .page-project-overlift-technology .overlift-product-rule span, .page-project-overlift-technology .overlift-method-step > span, .page-project-overlift-technology .overlift-product-feature-grid > article > span, .page-project-overlift-technology .overlift-product-boundary-cards > article > span, .page-project-overlift-technology .overlift-product-honesty-grid dt { font-size: var(--portfolio-copy-compact) !important; } .page-project-azure-glossary .azgb-hero-lede, .page-project-azure-glossary .azgb-plain-start > strong, .page-project-azure-glossary .azgb-plain-start > p, .page-project-azure-glossary .azgb-section-heading > p, .page-project-azure-glossary .azgb-search-story > p, .page-project-azure-glossary .azgb-capability-card p, .page-project-azure-glossary .azgb-pathway-copy > p, .page-project-azure-glossary .azgb-pathway-copy li, .page-project-azure-glossary .azgb-final-cta p, .page-project-azure-glossary .azgb-safety-note span, .page-project-azure-glossary .azgb-hero-media figcaption { font-size: var(--portfolio-copy-large) !important; line-height: 1.68 !important; } .page-project-azure-glossary .azgb-kicker, .page-project-azure-glossary .azgb-status, .page-project-azure-glossary .azgb-trust-line, .page-project-azure-glossary .azgb-card-number, .page-project-azure-glossary .azgb-pathway-label, .page-project-azure-glossary .azgb-stat-grid dd, .page-project-azure-glossary .azgb-exam-cloud span, .page-project-azure-glossary .azgb-disclaimer, .page-project-azure-glossary .azgb-browser-bar div { font-size: var(--portfolio-label) !important; } @media (max-width: 680px) { .scope-public { --portfolio-copy-large: 1.08rem; --portfolio-copy: 1.04rem; --portfolio-copy-compact: 0.98rem; --portfolio-label: 0.88rem; --portfolio-control: 1rem; } } .scope-public { --portfolio-wide-rail: 1320px; } .site-shell-public .site-footer > .site-width.footer-shell, .page-resume .resume-document-stage > .site-width, .page-resume .resume-redesign-hero > .site-width { width: min(var(--portfolio-wide-rail), calc(100% - 2rem)) !important; max-width: var(--portfolio-wide-rail) !important; margin-inline: auto !important; } @media (max-width: 760px) { .site-shell-public .site-footer > .site-width.footer-shell, .page-resume .resume-document-stage > .site-width, .page-resume .resume-redesign-hero > .site-width { width: min(var(--portfolio-wide-rail), calc(100% - 1rem)) !important; } } /*!sf-css-source:css/public/apps/overlift/route.css*/ .page-overlift-demo .site-main { padding-top: 0 !important; } .overlift-demo-page { min-height: calc(100vh - 1px); padding: 0 0 clamp(0.7rem, 1.2vw, 1.25rem); } .page-overlift-demo .overlift-demo-return-row { display: flex; align-items: center; justify-content: flex-start; width: min(calc(100% - 1rem), 1880px); max-width: 1880px; margin-inline: auto; padding: clamp(0.75rem, 1.35vw, 1.15rem) 0 clamp(0.55rem, 1vw, 0.9rem); outline: none; } .page-overlift-demo .overlift-demo-portfolio-link { display: inline-flex; align-items: center; justify-content: center; width: fit-content; min-height: 48px; padding: 0.7rem 1.15rem; color: #f6e6c7 !important; font-size: clamp(0.84rem, 0.82vw, 1rem); font-weight: 780; line-height: 1; text-decoration: none; white-space: nowrap; } .page-overlift-demo .home-overlift-deck-section { padding-top: 0 !important; padding-bottom: 0 !important; } .page-overlift-demo .home-app-backdrop { width: min(calc(100vw - 1rem), 1880px) !important; max-width: 1880px !important; margin-inline: auto !important; } @media (min-width: 992px) { .page-overlift-demo .pathfinder-topbar { grid-template-columns: minmax(220px, 0.78fr) minmax(0, 1.48fr) auto !important; gap: clamp(5px, 0.55vw, 10px) !important; align-items: center !important; } .page-overlift-demo .pathfinder-hiring-nav { grid-column: auto !important; grid-row: auto !important; display: flex !important; flex-flow: row nowrap !important; justify-content: flex-end !important; align-items: center !important; gap: clamp(3px, 0.32vw, 6px) !important; min-width: 0 !important; padding-top: 0 !important; overflow: visible !important; scrollbar-width: none; } .page-overlift-demo .pathfinder-hiring-nav button { flex: 0 1 auto !important; min-width: 0 !important; min-height: 36px !important; padding-inline: clamp(6px, 0.52vw, 11px) !important; font-size: clamp(0.62rem, 0.54vw, 0.76rem) !important; white-space: nowrap !important; } .page-overlift-demo .pathfinder-topbar-tools { grid-column: auto !important; grid-row: auto !important; min-width: max-content !important; } } @media (min-width: 992px) and (max-width: 1220px) { .page-overlift-demo .pathfinder-brand-copy > div { display: none !important; } .page-overlift-demo .pathfinder-brand-copy > strong { font-size: clamp(1.2rem, 1.6vw, 1.55rem) !important; } .page-overlift-demo .pathfinder-topbar { grid-template-columns: minmax(150px, 0.5fr) minmax(0, 1.7fr) auto !important; } } @media (max-width: 991px) { .page-overlift-demo .overlift-demo-return-row { width: min(calc(100% - 1rem), 1880px); } .page-overlift-demo .home-app-backdrop { width: min(calc(100vw - 0.5rem), 1880px) !important; } } .page-overlift-demo { --overlift-demo-frame-width: min(80vw, 1880px); } .page-overlift-demo .overlift-demo-page { display: grid; justify-items: center; min-width: 0; } .page-overlift-demo .overlift-demo-return-row, .page-overlift-demo.page-home-overlift-deck .home-app-inline .home-app-backdrop { width: var(--overlift-demo-frame-width) !important; max-width: 1880px !important; min-width: 0; margin-inline: auto !important; } .page-overlift-demo .overlift-demo-return-row { padding-top: clamp(0.8rem, 1.25vw, 1.3rem); padding-bottom: clamp(0.65rem, 0.95vw, 1rem); } .page-overlift-demo.page-home-overlift-deck .home-app-inline .home-app-backdrop { container-name: overlift-demo-frame; container-type: inline-size; place-items: stretch !important; height: auto !important; overflow: visible !important; } .page-overlift-demo .home-fullscreen-app, .page-overlift-demo .home-fullscreen-app[role="region"], .page-overlift-demo .home-fullscreen-app[role="dialog"] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 auto !important; box-sizing: border-box; border-radius: clamp(18px, 1.55vw, 28px) !important; box-shadow: inset 0 1px 0 rgba(244, 242, 243, 0.08), inset 0 0 0 1px rgba(162, 60, 128, 0.22), 0 24px 74px rgba(0, 0, 0, 0.46), 0 0 44px rgba(219, 41, 160, 0.07) !important; } .page-overlift-demo .home-fullscreen-app::before, .page-overlift-demo .home-fullscreen-app::after { border-radius: inherit !important; } .page-overlift-demo .pathfinder-hiring-nav { min-width: 0 !important; flex-wrap: nowrap !important; } .page-overlift-demo .pathfinder-hiring-nav button { min-width: 0 !important; white-space: nowrap !important; } @container overlift-demo-frame (max-width: 1500px) { .page-overlift-demo .pathfinder-topbar { grid-template-columns: minmax(168px, 0.54fr) minmax(0, 1.72fr) auto !important; gap: 6px !important; } .page-overlift-demo .pathfinder-brand-copy > div { display: none !important; } .page-overlift-demo .pathfinder-brand-copy > strong { font-size: clamp(1.24rem, 2.1cqw, 1.62rem) !important; } .page-overlift-demo .pathfinder-hiring-nav { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0 !important; scrollbar-width: none; } .page-overlift-demo .pathfinder-hiring-nav::-webkit-scrollbar { display: none; } .page-overlift-demo .pathfinder-hiring-nav button { flex: 0 1 auto !important; min-height: 35px !important; padding: 6px clamp(6px, 0.82cqw, 10px) !important; font-size: clamp(0.62rem, 0.78cqw, 0.72rem) !important; } .page-overlift-demo .pathfinder-topbar-tools { min-width: max-content !important; } } @container overlift-demo-frame (max-width: 1080px) { .page-overlift-demo .pathfinder-topbar { grid-template-columns: minmax(138px, 0.42fr) minmax(0, 1.82fr) auto !important; } .page-overlift-demo .pathfinder-brand-orbit { transform: scale(0.88); transform-origin: left center; } .page-overlift-demo .pathfinder-brand-copy > strong { font-size: clamp(1.12rem, 2.25cqw, 1.42rem) !important; } .page-overlift-demo .pathfinder-hiring-nav button { min-height: 34px !important; padding-inline: clamp(5px, 0.65cqw, 7px) !important; font-size: clamp(0.59rem, 0.72cqw, 0.66rem) !important; } .page-overlift-demo .pathfinder-nav-proof span { display: none; } } @media (max-width: 1199px) and (min-width: 992px) { .page-overlift-demo { --overlift-demo-frame-width: min(92vw, 1100px); } } @media (max-width: 991px) { .page-overlift-demo { --overlift-demo-frame-width: min(calc(100vw - 1rem), 960px); } .page-overlift-demo .overlift-demo-return-row { padding-top: 0.7rem; } .page-overlift-demo .home-fullscreen-app, .page-overlift-demo .home-fullscreen-app[role="region"], .page-overlift-demo .home-fullscreen-app[role="dialog"] { border-radius: 17px !important; } } @media (max-width: 520px) { .page-overlift-demo { --overlift-demo-frame-width: min(calc(100vw - 0.5rem), 520px); } .page-overlift-demo .overlift-demo-portfolio-link { width: 100%; min-height: 46px; } } @media (prefers-reduced-motion: reduce) { .page-overlift-demo .home-fullscreen-app, .page-overlift-demo .home-fullscreen-app::before, .page-overlift-demo .home-fullscreen-app::after { transition: none !important; animation: none !important; } } .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-cockpit { grid-auto-rows: max-content; max-block-size: none !important; overflow: visible !important; contain: layout style !important; } .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-copy { box-sizing: border-box; align-self: stretch; justify-content: flex-start !important; min-block-size: max-content !important; max-block-size: none !important; block-size: auto !important; margin-block-start: 0 !important; padding-block-start: clamp(32px, 2.8cqw, 44px) !important; overflow: visible !important; contain: none !important; } .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-copy > * { flex: 0 0 auto; } .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-eyebrow { position: relative !important; inset: auto !important; z-index: 2; display: flex !important; flex-wrap: wrap !important; align-items: center !important; align-content: flex-start !important; max-inline-size: 100%; min-block-size: 25px; margin: 0 !important; padding: 0 !important; overflow: visible !important; line-height: 1.45 !important; white-space: normal !important; text-wrap: pretty; transform: none !important; } .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-eyebrow > span { flex: 0 0 25px; } @media (max-width: 1040px) { .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-copy { min-block-size: 0 !important; padding-block-start: 30px !important; } } @media (max-width: 720px) { .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-copy { padding-block-start: 26px !important; } } .page-overlift-demo .pathfinder-app-secondary-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.42rem 0.7rem; } .page-overlift-demo .pathfinder-app-secondary-actions > button { flex: 0 1 auto; } .page-overlift-demo .pathfinder-app-secondary-actions > small { flex: 1 1 100%; } .page-overlift-demo .pathfinder-failure-lab { position: relative; display: grid; gap: clamp(0.75rem, 1.2cqw, 1.15rem); min-width: 0; margin-top: clamp(0.75rem, 1.2cqw, 1.2rem); padding: clamp(0.85rem, 1.45cqw, 1.35rem); overflow: hidden; border: 1px solid rgba(207, 73, 162, 0.28); border-radius: clamp(14px, 1.2cqw, 22px); background: linear-gradient(145deg, rgba(8, 22, 34, 0.97), rgba(3, 11, 19, 0.985) 58%, rgba(8, 17, 25, 0.98)), #06111b; box-shadow: inset 0 0 0 1px rgba(237, 114, 196, 0.045), 0 18px 52px rgba(0, 0, 0, 0.28); scroll-margin-top: clamp(0.75rem, 2vw, 2rem); container: failure-lab / inline-size; } .page-overlift-demo .pathfinder-failure-lab::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(237, 92, 189, 0.72), rgba(91, 236, 205, 0.46), transparent); opacity: 0.76; } .page-overlift-demo .pathfinder-failure-lab-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: clamp(0.75rem, 1.2cqw, 1.2rem); padding-bottom: clamp(0.65rem, 1cqw, 0.9rem); border-bottom: 1px solid rgba(214, 101, 176, 0.18); } .page-overlift-demo .pathfinder-failure-lab-heading > div:first-child { min-width: 0; } .page-overlift-demo .pathfinder-failure-lab-heading > div:first-child > span, .page-overlift-demo .pathfinder-failure-outcome > span, .page-overlift-demo .pathfinder-failure-proof > div > span, .page-overlift-demo .pathfinder-failure-measurement article > span, .page-overlift-demo .pathfinder-failure-request > span { display: block; margin-bottom: 0.28rem; color: #eb6cc1; font-size: clamp(0.64rem, 0.72cqw, 0.78rem); font-weight: 820; letter-spacing: 0.12em; line-height: 1.25; text-transform: uppercase; } .page-overlift-demo .pathfinder-failure-lab-heading > div:first-child > strong { display: block; max-width: 30ch; color: #f9f8f9; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.35rem, 2.05cqw, 2.15rem); font-weight: 720; line-height: 1.05; text-wrap: balance; } .page-overlift-demo .pathfinder-failure-lab-heading > div:first-child > p { max-width: 82ch; margin: 0.58rem 0 0; color: #aebdca; font-size: clamp(0.76rem, 0.88cqw, 0.95rem); line-height: 1.55; } .page-overlift-demo .pathfinder-failure-lab-heading-actions { display: grid; grid-template-columns: repeat(2, auto); align-items: center; justify-content: end; gap: 0.42rem; } .page-overlift-demo .pathfinder-failure-lab-heading-actions button, .page-overlift-demo .pathfinder-failure-actions button { min-height: 38px; padding: 0.58rem 0.78rem; border: 1px solid rgba(209, 82, 167, 0.35); border-radius: 9px; background: rgba(4, 15, 26, 0.88); color: #ece0e8; font: inherit; font-size: clamp(0.67rem, 0.72cqw, 0.78rem); font-weight: 760; line-height: 1.1; cursor: pointer; } .page-overlift-demo .pathfinder-failure-lab-heading-actions button:hover, .page-overlift-demo .pathfinder-failure-lab-heading-actions button:focus-visible, .page-overlift-demo .pathfinder-failure-actions button:hover, .page-overlift-demo .pathfinder-failure-actions button:focus-visible { border-color: rgba(240, 106, 195, 0.72); color: #fff; outline: none; } .page-overlift-demo .pathfinder-failure-lab-heading-actions button.is-primary, .page-overlift-demo .pathfinder-failure-actions button.is-primary { border-color: rgba(234, 84, 184, 0.68); background: linear-gradient(180deg, rgba(170, 48, 129, 0.98), rgba(121, 26, 89, 0.98)); box-shadow: 0 8px 24px rgba(200, 32, 144, 0.18), inset 0 1px rgba(255, 255, 255, 0.15); color: #fff; } .page-overlift-demo .pathfinder-failure-lab-heading-actions button:disabled, .page-overlift-demo .pathfinder-failure-actions button:disabled { cursor: wait; opacity: 0.62; } .page-overlift-demo .pathfinder-failure-lab-heading-actions > small { grid-column: 1 / -1; justify-self: end; color: #7e92a3; font-size: clamp(0.61rem, 0.65cqw, 0.72rem); } .page-overlift-demo .pathfinder-failure-lab-layout { display: grid; grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1.65fr); gap: clamp(0.7rem, 1.05cqw, 1rem); min-width: 0; } .page-overlift-demo .pathfinder-failure-case-list { display: grid; align-content: start; gap: 0.42rem; min-width: 0; } .page-overlift-demo .pathfinder-failure-case-list > button { position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 0.56rem; min-width: 0; min-height: 62px; padding: 0.58rem 0.62rem; overflow: hidden; border: 1px solid rgba(182, 48, 137, 0.25); border-radius: 11px; background: rgba(4, 15, 25, 0.72); color: #e7d9e2; text-align: left; cursor: pointer; } .page-overlift-demo .pathfinder-failure-case-list > button::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: transparent; } .page-overlift-demo .pathfinder-failure-case-list > button:hover, .page-overlift-demo .pathfinder-failure-case-list > button:focus-visible, .page-overlift-demo .pathfinder-failure-case-list > button.is-active { border-color: rgba(232, 86, 183, 0.52); background: linear-gradient(90deg, rgba(12, 54, 77, 0.66), rgba(5, 18, 29, 0.86)); outline: none; } .page-overlift-demo .pathfinder-failure-case-list > button.is-active::after { background: #e953b7; box-shadow: 0 0 14px rgba(233, 83, 183, 0.72); } .page-overlift-demo .pathfinder-failure-case-list > button[data-failure-case-state="complete"]::after { background: #56dfbd; } .page-overlift-demo .pathfinder-failure-case-list > button[data-failure-case-state="held"]::after { background: #e3b655; } .page-overlift-demo .pathfinder-failure-case-list > button > i { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(216, 89, 174, 0.45); border-radius: 50%; color: #f172c7; font-size: 0.66rem; font-style: normal; font-weight: 850; } .page-overlift-demo .pathfinder-failure-case-list > button > span { min-width: 0; } .page-overlift-demo .pathfinder-failure-case-list > button strong, .page-overlift-demo .pathfinder-failure-case-list > button small { display: block; } .page-overlift-demo .pathfinder-failure-case-list > button strong { color: #f5f2f4; font-size: clamp(0.7rem, 0.78cqw, 0.84rem); line-height: 1.2; } .page-overlift-demo .pathfinder-failure-case-list > button small { margin-top: 0.16rem; color: #8499a9; font-size: clamp(0.59rem, 0.64cqw, 0.7rem); line-height: 1.32; } .page-overlift-demo .pathfinder-failure-case-list > button > em { padding: 0.25rem 0.38rem; border: 1px solid rgba(209, 84, 167, 0.24); border-radius: 999px; color: #91a9b9; font-size: clamp(0.54rem, 0.57cqw, 0.63rem); font-style: normal; font-weight: 820; letter-spacing: 0.05em; line-height: 1; text-transform: uppercase; } .page-overlift-demo .pathfinder-failure-console { display: grid; align-content: start; gap: clamp(0.58rem, 0.85cqw, 0.8rem); min-width: 0; padding: clamp(0.72rem, 1.05cqw, 1rem); border: 1px solid rgba(203, 60, 155, 0.31); border-radius: 13px; background: rgba(1, 8, 15, 0.8); box-shadow: inset 0 0 26px rgba(133, 40, 102, 0.07); } .page-overlift-demo .pathfinder-failure-console > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 0.7rem; } .page-overlift-demo .pathfinder-failure-console > header > div > span { display: block; color: #e168b9; font-size: clamp(0.61rem, 0.67cqw, 0.72rem); font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-overlift-demo .pathfinder-failure-console > header > div > strong { display: block; margin-top: 0.2rem; color: #f9f8f9; font-size: clamp(0.94rem, 1.18cqw, 1.24rem); line-height: 1.25; text-wrap: balance; } .page-overlift-demo .pathfinder-failure-status { display: inline-flex; align-items: center; gap: 0.34rem; min-height: 28px; padding: 0.32rem 0.52rem; border: 1px solid rgba(203, 58, 155, 0.34); border-radius: 999px; background: rgba(7, 21, 31, 0.84); color: #9eb0bd; font-size: clamp(0.59rem, 0.63cqw, 0.69rem); font-weight: 800; white-space: nowrap; } .page-overlift-demo .pathfinder-failure-status > i { width: 7px; height: 7px; border-radius: 50%; background: #6c8596; } .page-overlift-demo .pathfinder-failure-status[data-status-kind="running"] > i { background: #e95fbb; box-shadow: 0 0 10px rgba(233, 95, 187, 0.8); animation: failure-status-pulse 1s ease-in-out infinite; } .page-overlift-demo .pathfinder-failure-status[data-status-kind="blocked"] { border-color: rgba(232, 99, 121, 0.43); color: #ffb5c1; } .page-overlift-demo .pathfinder-failure-status[data-status-kind="blocked"] > i { background: #ec6680; } .page-overlift-demo .pathfinder-failure-status[data-status-kind="hold"] { border-color: rgba(224, 177, 80, 0.46); color: #f2d28a; } .page-overlift-demo .pathfinder-failure-status[data-status-kind="hold"] > i { background: #e0b150; } .page-overlift-demo .pathfinder-failure-status[data-status-kind="verified"], .page-overlift-demo .pathfinder-failure-status[data-status-kind="deduplicated"] { border-color: rgba(83, 218, 183, 0.46); color: #9ef1d8; } .page-overlift-demo .pathfinder-failure-status[data-status-kind="verified"] > i, .page-overlift-demo .pathfinder-failure-status[data-status-kind="deduplicated"] > i { background: #53dab7; } .page-overlift-demo .pathfinder-failure-request { padding: 0.6rem 0.68rem; border-left: 3px solid rgba(229, 87, 182, 0.62); border-radius: 8px; background: rgba(11, 29, 42, 0.68); } .page-overlift-demo .pathfinder-failure-request > p { margin: 0; color: #d8e4ec; font-size: clamp(0.72rem, 0.82cqw, 0.9rem); font-weight: 650; line-height: 1.45; } .page-overlift-demo .pathfinder-failure-gates { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.38rem; margin: 0; padding: 0; list-style: none; } .page-overlift-demo .pathfinder-failure-gates > li { display: grid; grid-template-columns: 10px minmax(0, 1fr); align-items: start; gap: 0.38rem; min-width: 0; min-height: 58px; padding: 0.48rem; border: 1px solid rgba(182, 48, 137, 0.22); border-radius: 8px; background: rgba(5, 15, 23, 0.74); } .page-overlift-demo .pathfinder-failure-gates > li > i { width: 8px; height: 8px; margin-top: 0.22rem; border: 1px solid rgba(130, 165, 186, 0.48); border-radius: 50%; background: transparent; } .page-overlift-demo .pathfinder-failure-gates > li strong, .page-overlift-demo .pathfinder-failure-gates > li small { display: block; } .page-overlift-demo .pathfinder-failure-gates > li strong { color: #cbd9e2; font-size: clamp(0.58rem, 0.63cqw, 0.69rem); line-height: 1.2; } .page-overlift-demo .pathfinder-failure-gates > li small { margin-top: 0.14rem; color: #708797; font-size: clamp(0.53rem, 0.56cqw, 0.61rem); line-height: 1.25; } .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="pass"] { border-color: rgba(79, 212, 179, 0.3); background: rgba(12, 50, 43, 0.32); } .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="pass"] > i { border-color: #53dab7; background: #53dab7; box-shadow: 0 0 8px rgba(83, 218, 183, 0.55); } .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="fail"], .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="deny"] { border-color: rgba(232, 99, 121, 0.36); background: rgba(76, 19, 32, 0.31); } .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="fail"] > i, .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="deny"] > i { border-color: #ec6680; background: #ec6680; } .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="hold"] { border-color: rgba(224, 177, 80, 0.38); background: rgba(72, 52, 15, 0.31); } .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="hold"] > i { border-color: #e0b150; background: #e0b150; } .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="skip"], .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="dedupe"] { border-color: rgba(233, 95, 187, 0.34); background: rgba(13, 48, 65, 0.31); } .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="skip"] > i, .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="dedupe"] > i { border-color: #e95fbb; background: #e95fbb; } .page-overlift-demo .pathfinder-failure-result { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(250px, 0.92fr); gap: 0.65rem; min-width: 0; } .page-overlift-demo .pathfinder-failure-outcome, .page-overlift-demo .pathfinder-failure-facts, .page-overlift-demo .pathfinder-failure-proof { min-width: 0; margin: 0; padding: 0.62rem 0.68rem; border: 1px solid rgba(186, 50, 141, 0.24); border-radius: 9px; background: rgba(7, 18, 28, 0.72); } .page-overlift-demo .pathfinder-failure-outcome > strong { display: block; color: #f7f5f8; font-size: clamp(0.8rem, 0.94cqw, 1rem); line-height: 1.28; } .page-overlift-demo .pathfinder-failure-outcome > p { margin: 0.34rem 0 0; color: #9eb0bd; font-size: clamp(0.66rem, 0.74cqw, 0.8rem); line-height: 1.48; } .page-overlift-demo .pathfinder-failure-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 0; overflow: hidden; } .page-overlift-demo .pathfinder-failure-facts > div { min-width: 0; padding: 0.48rem 0.56rem; border-right: 1px solid rgba(186, 50, 141, 0.17); border-bottom: 1px solid rgba(186, 50, 141, 0.17); } .page-overlift-demo .pathfinder-failure-facts > div:nth-child(2n) { border-right: 0; } .page-overlift-demo .pathfinder-failure-facts > div:nth-last-child(-n + 2) { border-bottom: 0; } .page-overlift-demo .pathfinder-failure-facts dt { color: #70899a; font-size: clamp(0.52rem, 0.57cqw, 0.62rem); font-weight: 760; letter-spacing: 0.06em; text-transform: uppercase; } .page-overlift-demo .pathfinder-failure-facts dd { margin: 0.16rem 0 0; color: #dce7ee; font-size: clamp(0.61rem, 0.68cqw, 0.74rem); font-weight: 720; line-height: 1.28; overflow-wrap: anywhere; } .page-overlift-demo .pathfinder-failure-proof { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.7rem; } .page-overlift-demo .pathfinder-failure-proof strong { display: block; color: #ece0e8; font-size: clamp(0.68rem, 0.76cqw, 0.82rem); line-height: 1.3; } .page-overlift-demo .pathfinder-failure-proof p { margin: 0.24rem 0 0; color: #8094a3; font-size: clamp(0.59rem, 0.64cqw, 0.7rem); line-height: 1.42; } .page-overlift-demo .pathfinder-failure-proof code { max-width: 31ch; padding: 0.42rem 0.52rem; overflow-wrap: anywhere; border: 1px solid rgba(225, 94, 181, 0.28); border-radius: 7px; background: rgba(2, 11, 18, 0.92); color: #e185c2; font-size: clamp(0.57rem, 0.61cqw, 0.67rem); } .page-overlift-demo .pathfinder-failure-actions { display: flex; flex-wrap: wrap; gap: 0.42rem; align-items: center; } .page-overlift-demo .pathfinder-failure-actions button[hidden] { display: none !important; } .page-overlift-demo .pathfinder-failure-measurement { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; } .page-overlift-demo .pathfinder-failure-measurement article { min-width: 0; padding: 0.62rem 0.68rem; border: 1px solid rgba(186, 50, 141, 0.21); border-radius: 9px; background: rgba(4, 14, 23, 0.65); } .page-overlift-demo .pathfinder-failure-measurement strong, .page-overlift-demo .pathfinder-failure-measurement small { display: block; } .page-overlift-demo .pathfinder-failure-measurement strong { color: #dce7ee; font-size: clamp(0.63rem, 0.7cqw, 0.77rem); line-height: 1.35; } .page-overlift-demo .pathfinder-failure-measurement small { margin-top: 0.24rem; color: #7f94a3; font-size: clamp(0.56rem, 0.61cqw, 0.67rem); line-height: 1.42; } @keyframes failure-status-pulse { 0%, 100% { opacity: 0.55; transform: scale(0.88); } 50% { opacity: 1; transform: scale(1.08); } } @container failure-lab (max-width: 980px) { .page-overlift-demo .pathfinder-failure-lab-layout { grid-template-columns: 1fr; } .page-overlift-demo .pathfinder-failure-case-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @container failure-lab (max-width: 720px) { .page-overlift-demo .pathfinder-failure-lab-heading, .page-overlift-demo .pathfinder-failure-console > header, .page-overlift-demo .pathfinder-failure-result, .page-overlift-demo .pathfinder-failure-proof { grid-template-columns: 1fr; } .page-overlift-demo .pathfinder-failure-lab-heading-actions { justify-content: start; } .page-overlift-demo .pathfinder-failure-lab-heading-actions button:disabled, .page-overlift-demo .pathfinder-failure-actions button:disabled { cursor: wait; opacity: 0.62; } .page-overlift-demo .pathfinder-failure-lab-heading-actions > small { justify-self: start; } .page-overlift-demo .pathfinder-failure-status { justify-self: start; } .page-overlift-demo .pathfinder-failure-gates { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-overlift-demo .pathfinder-failure-measurement { grid-template-columns: 1fr; } .page-overlift-demo .pathfinder-failure-proof code { max-width: 100%; justify-self: stretch; } } @container failure-lab (max-width: 500px) { .page-overlift-demo .pathfinder-failure-case-list, .page-overlift-demo .pathfinder-failure-gates, .page-overlift-demo .pathfinder-failure-facts { grid-template-columns: 1fr; } .page-overlift-demo .pathfinder-failure-facts > div, .page-overlift-demo .pathfinder-failure-facts > div:nth-child(2n), .page-overlift-demo .pathfinder-failure-facts > div:nth-last-child(-n + 2) { border-right: 0; border-bottom: 1px solid rgba(186, 50, 141, 0.17); } .page-overlift-demo .pathfinder-failure-facts > div:last-child { border-bottom: 0; } .page-overlift-demo .pathfinder-failure-lab-heading-actions { grid-template-columns: 1fr; } .page-overlift-demo .pathfinder-failure-lab-heading-actions button, .page-overlift-demo .pathfinder-failure-actions button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .page-overlift-demo .pathfinder-failure-status[data-status-kind="running"] > i { animation: none; } } .page-overlift-demo .pathfinder-method-experience[hidden] { display: none !important; } .page-overlift-demo .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="method"] { height: auto !important; min-height: min(96dvh, 920px) !important; max-height: none !important; grid-template-rows: auto auto !important; overflow: visible !important; } .page-overlift-demo .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="method"] .home-truth-theater { height: auto !important; min-height: 0 !important; overflow: visible !important; } .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto !important; gap: clamp(12px, 1.2cqw, 18px) !important; height: auto !important; min-height: 0 !important; padding: 4px 4px 12px !important; overflow: visible !important; } .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] > .pathfinder-cockpit, .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] > .pathfinder-app-support, .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] > .pathfinder-case-study, .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] > .pathfinder-demo-proof, .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] > .pathfinder-guided-secondary { display: none !important; } .page-overlift-demo .pathfinder-method-experience { --method-app-magenta: #f171c6; --method-app-magenta-soft: rgba(241, 113, 198, 0.13); --method-app-brass: #e5c27f; --method-app-brass-soft: rgba(229, 194, 127, 0.14); --method-app-copy: #aebfcb; position: relative; isolation: isolate; display: grid; gap: clamp(12px, 1.25cqw, 18px); min-width: 0; padding: clamp(16px, 1.8cqw, 26px); overflow: hidden; border: 1px solid rgba(212, 93, 172, 0.30); border-radius: clamp(16px, 1.35cqw, 24px); background: linear-gradient(145deg, rgba(8, 20, 31, 0.985), rgba(3, 10, 17, 0.995) 55%, rgba(10, 16, 24, 0.985)), #06101a; box-shadow: inset 0 1px 0 rgba(247, 244, 246, 0.06), inset 0 0 0 1px rgba(229, 194, 127, 0.035), 0 22px 58px rgba(0, 0, 0, 0.32); scroll-margin-top: 1rem; container: overlift-method-app / inline-size; } .page-overlift-demo .pathfinder-method-experience::before { position: absolute; inset: 0 0 auto; z-index: -1; height: 2px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(229, 194, 127, 0.70), rgba(239, 103, 194, 0.78), transparent); content: ""; } .page-overlift-demo .pathfinder-method-experience:focus { outline: none; } .page-overlift-demo .pathfinder-method-experience:focus-visible { outline: 3px solid rgba(241, 113, 198, 0.30); outline-offset: 3px; } .page-overlift-demo .pathfinder-method-experience-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: clamp(12px, 1.3cqw, 20px); padding-bottom: clamp(12px, 1.25cqw, 18px); border-bottom: 1px solid rgba(214, 102, 177, 0.18); } .page-overlift-demo .pathfinder-method-experience-heading > div:first-child { min-width: 0; } .page-overlift-demo .pathfinder-method-experience-heading > div:first-child > span, .page-overlift-demo .pathfinder-method-phase > header > span, .page-overlift-demo .pathfinder-method-authority-strip article > span { display: block; color: var(--method-app-brass); font-size: clamp(0.64rem, 0.68cqw, 0.76rem); font-weight: 840; letter-spacing: 0.12em; line-height: 1.3; text-transform: uppercase; } .page-overlift-demo .pathfinder-method-experience-heading > div:first-child > strong { display: block; max-width: 26ch; margin-top: 0.36rem; color: #f6f8fa; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.75rem, 2.8cqw, 3rem); font-weight: 680; letter-spacing: -0.035em; line-height: 1.01; text-wrap: balance; } .page-overlift-demo .pathfinder-method-experience-heading > div:first-child > p { max-width: 82ch; margin: 0.66rem 0 0; color: var(--method-app-copy); font-size: clamp(0.78rem, 0.86cqw, 0.94rem); line-height: 1.58; text-wrap: pretty; } .page-overlift-demo .pathfinder-method-experience-heading-actions { display: flex; align-items: center; justify-content: end; gap: 0.46rem; } .page-overlift-demo .pathfinder-method-experience-heading-actions a, .page-overlift-demo .pathfinder-method-experience-heading-actions button, .page-overlift-demo .pathfinder-method-experience-actions a, .page-overlift-demo .pathfinder-method-experience-actions button, .page-overlift-demo .pathfinder-method-card-actions a, .page-overlift-demo .pathfinder-method-card-actions button, .page-overlift-demo .pathfinder-builder-card-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0.58rem 0.8rem; border: 1px solid rgba(213, 97, 174, 0.34); border-radius: 10px; background: rgba(4, 14, 24, 0.88); color: #f2eaef; font: inherit; font-size: clamp(0.67rem, 0.72cqw, 0.79rem); font-weight: 770; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; } .page-overlift-demo .pathfinder-method-experience-heading-actions button { width: 40px; padding: 0; color: #aebdca; font-size: 1.18rem; } .page-overlift-demo .pathfinder-method-experience-heading-actions a:hover, .page-overlift-demo .pathfinder-method-experience-heading-actions a:focus-visible, .page-overlift-demo .pathfinder-method-experience-heading-actions button:hover, .page-overlift-demo .pathfinder-method-experience-heading-actions button:focus-visible, .page-overlift-demo .pathfinder-method-experience-actions a:hover, .page-overlift-demo .pathfinder-method-experience-actions a:focus-visible, .page-overlift-demo .pathfinder-method-experience-actions button:hover, .page-overlift-demo .pathfinder-method-experience-actions button:focus-visible, .page-overlift-demo .pathfinder-method-card-actions a:hover, .page-overlift-demo .pathfinder-method-card-actions a:focus-visible, .page-overlift-demo .pathfinder-method-card-actions button:hover, .page-overlift-demo .pathfinder-method-card-actions button:focus-visible, .page-overlift-demo .pathfinder-builder-card-actions a:hover, .page-overlift-demo .pathfinder-builder-card-actions a:focus-visible { border-color: rgba(226, 131, 194, 0.72); color: #fff; outline: none; box-shadow: 0 0 18px rgba(224, 72, 173, 0.10); } .page-overlift-demo .pathfinder-method-authority-strip { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: 0.55rem; } .page-overlift-demo .pathfinder-method-authority-strip article { min-width: 0; padding: clamp(10px, 1cqw, 15px); border: 1px solid rgba(209, 84, 167, 0.22); border-radius: 13px; background: rgba(3, 12, 20, 0.70); } .page-overlift-demo .pathfinder-method-authority-strip article > strong, .page-overlift-demo .pathfinder-method-authority-strip article > small { display: block; } .page-overlift-demo .pathfinder-method-authority-strip article > strong { margin-top: 0.27rem; color: #f6f4f5; font-size: clamp(0.82rem, 0.92cqw, 1rem); line-height: 1.2; } .page-overlift-demo .pathfinder-method-authority-strip article > small { margin-top: 0.32rem; color: #8fa4b3; font-size: clamp(0.65rem, 0.69cqw, 0.76rem); line-height: 1.45; } .page-overlift-demo .pathfinder-method-authority-strip > i { align-self: center; color: var(--method-app-magenta); font-style: normal; font-weight: 900; } .page-overlift-demo .pathfinder-method-phase-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 1cqw, 15px); min-width: 0; } .page-overlift-demo .pathfinder-method-phase { display: grid; align-content: start; min-width: 0; overflow: hidden; border: 1px solid rgba(204, 65, 158, 0.25); border-radius: 15px; background: linear-gradient(145deg, rgba(7, 20, 31, 0.92), rgba(2, 9, 16, 0.95)); } .page-overlift-demo .pathfinder-method-phase > header { padding: clamp(12px, 1.2cqw, 18px); border-bottom: 1px solid rgba(208, 79, 165, 0.15); background: linear-gradient(90deg, rgba(229, 194, 127, 0.055), rgba(226, 94, 182, 0.045), transparent); } .page-overlift-demo .pathfinder-method-phase > header > strong { display: block; margin-top: 0.28rem; color: #f6f8fa; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.05rem, 1.32cqw, 1.42rem); font-weight: 680; line-height: 1.08; } .page-overlift-demo .pathfinder-method-phase > header > p { margin: 0.44rem 0 0; color: #97aab8; font-size: clamp(0.67rem, 0.74cqw, 0.81rem); line-height: 1.48; } .page-overlift-demo .pathfinder-method-phase > ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .page-overlift-demo .pathfinder-method-phase > ol > li { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: start; gap: 0.68rem; min-width: 0; padding: clamp(10px, 1cqw, 15px); border-top: 1px solid rgba(202, 57, 154, 0.12); } .page-overlift-demo .pathfinder-method-phase > ol > li:first-child { border-top: 0; } .page-overlift-demo .pathfinder-method-phase > ol > li > i { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(241, 113, 198, 0.44); border-radius: 50%; background: rgba(118, 38, 91, 0.12); color: var(--method-app-magenta); font-size: 0.62rem; font-style: normal; font-weight: 880; } .page-overlift-demo .pathfinder-method-phase > ol > li strong, .page-overlift-demo .pathfinder-method-phase > ol > li p { display: block; } .page-overlift-demo .pathfinder-method-phase > ol > li strong { color: #f4f1f3; font-size: clamp(0.76rem, 0.82cqw, 0.9rem); line-height: 1.25; } .page-overlift-demo .pathfinder-method-phase > ol > li p { margin: 0.24rem 0 0; color: #8fa3b1; font-size: clamp(0.64rem, 0.68cqw, 0.75rem); line-height: 1.48; } .page-overlift-demo .pathfinder-method-phase > footer { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 0.5rem; padding: 0.72rem clamp(12px, 1.2cqw, 18px); border-top: 1px solid rgba(222, 177, 99, 0.20); background: rgba(102, 65, 26, 0.10); color: #a9b7c1; font-size: clamp(0.63rem, 0.67cqw, 0.74rem); line-height: 1.45; } .page-overlift-demo .pathfinder-method-phase > footer strong { color: var(--method-app-brass); } .page-overlift-demo .pathfinder-method-experience-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; padding-top: clamp(10px, 1cqw, 15px); border-top: 1px solid rgba(211, 88, 170, 0.17); } .page-overlift-demo .pathfinder-method-experience-actions .is-primary, .page-overlift-demo .pathfinder-method-card-actions button { border-color: rgba(234, 94, 187, 0.68); background: linear-gradient(180deg, rgba(170, 48, 129, 0.98), rgba(113, 25, 84, 0.98)); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 24px rgba(200, 32, 144, 0.16); } .page-overlift-demo .pathfinder-method-card-intro { margin: 0.74rem 0 0; color: #96a9b6; font-size: clamp(0.72rem, 0.78cqw, 0.84rem); line-height: 1.52; } .page-overlift-demo .pathfinder-method-card-actions, .page-overlift-demo .pathfinder-builder-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.46rem; margin-top: 0.82rem; padding-top: 0.75rem; border-top: 1px solid rgba(205, 67, 159, 0.14); } .page-overlift-demo .pathfinder-guided-method-note { margin: 0.35rem 0 0; padding: 0.48rem 0.58rem; border-left: 2px solid rgba(241, 113, 198, 0.52); border-radius: 7px; background: rgba(9, 35, 50, 0.46); color: #9fb2bf; font-size: clamp(0.62rem, 0.66cqw, 0.72rem); line-height: 1.42; } .page-overlift-demo .pathfinder-failure-lab[data-failure-busy-mode="case"] [data-failure-reset], .page-overlift-demo .pathfinder-failure-lab[data-failure-busy-mode="all"] [data-failure-reset] { border-color: rgba(229, 194, 127, 0.58); color: #f2d6a2; cursor: pointer; } .page-overlift-demo .pathfinder-failure-case-list > button:disabled { cursor: wait; opacity: 0.58; } @container overlift-method-app (max-width: 920px) { .page-overlift-demo .pathfinder-method-authority-strip { grid-template-columns: minmax(0, 1fr); } .page-overlift-demo .pathfinder-method-authority-strip > i { justify-self: center; transform: rotate(90deg); } .page-overlift-demo .pathfinder-method-phase-grid { grid-template-columns: minmax(0, 1fr); } } @container overlift-method-app (max-width: 620px) { .page-overlift-demo .pathfinder-method-experience-heading { grid-template-columns: minmax(0, 1fr); } .page-overlift-demo .pathfinder-method-experience-heading-actions { justify-content: start; } .page-overlift-demo .pathfinder-method-experience-heading-actions a { flex: 1 1 auto; } .page-overlift-demo .pathfinder-method-phase > footer { grid-template-columns: minmax(0, 1fr); } .page-overlift-demo .pathfinder-method-experience-actions > * { flex: 1 1 100%; } } @media (max-width: 720px) { .page-overlift-demo .pathfinder-method-experience { padding: 14px; border-radius: 15px; } .page-overlift-demo .pathfinder-method-experience-heading > div:first-child > strong { font-size: clamp(1.55rem, 8vw, 2.25rem); } .page-overlift-demo .pathfinder-method-phase > ol > li { grid-template-columns: 31px minmax(0, 1fr); gap: 0.58rem; } .page-overlift-demo .pathfinder-method-phase > ol > li > i { width: 30px; height: 30px; } .page-overlift-demo .pathfinder-method-card-actions > *, .page-overlift-demo .pathfinder-builder-card-actions > * { flex: 1 1 100%; } } @media (prefers-reduced-motion: reduce) { .page-overlift-demo .pathfinder-method-experience *, .page-overlift-demo .pathfinder-method-card-actions *, .page-overlift-demo .pathfinder-builder-card-actions * { scroll-behavior: auto !important; transition: none !important; animation: none !important; } } .page-overlift-demo { --overlift-demo-frame-width: min(88vw, 1920px); } .page-overlift-demo .overlift-demo-page { box-sizing: border-box; width: 100%; padding-bottom: clamp(1rem, 1.8vw, 2.2rem); } .page-overlift-demo .overlift-demo-return-row, .page-overlift-demo.page-home-overlift-deck .home-app-inline .home-app-backdrop { width: var(--overlift-demo-frame-width) !important; max-width: 1920px !important; margin-inline: auto !important; } .page-overlift-demo .overlift-demo-return-row { padding-top: clamp(0.9rem, 1.35vw, 1.45rem); padding-bottom: clamp(0.72rem, 1vw, 1.05rem); } @media (min-width: 992px) { .page-overlift-demo.page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { grid-template-columns: minmax(190px, 1fr) max-content auto !important; grid-template-areas: "brand modes actions" !important; align-items: center !important; min-height: 62px !important; } .page-overlift-demo .pathfinder-brand { grid-area: brand !important; } .page-overlift-demo .pathfinder-hiring-nav { grid-area: modes !important; width: max-content; max-width: 100%; justify-self: end; } .page-overlift-demo .pathfinder-topbar-tools { grid-area: actions !important; grid-column: auto !important; grid-row: auto !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .page-overlift-demo { --overlift-demo-frame-width: min(90vw, 1440px); } } @media (min-width: 992px) and (max-width: 1199px) { .page-overlift-demo { --overlift-demo-frame-width: min(92vw, 1104px); } } @media (max-width: 991px) { .page-overlift-demo { --overlift-demo-frame-width: min(calc(100vw - 1.5rem), 960px); } } @media (max-width: 520px) { .page-overlift-demo { --overlift-demo-frame-width: min(calc(100vw - 1rem), 520px); } } .page-overlift-demo .pathfinder-globe-stage { container-name: overlift-globe-stage; container-type: inline-size; } @container overlift-globe-stage (max-width: 900px) { .page-overlift-demo .pathfinder-globe-storyline { top: calc(14px + 6.4rem); max-width: calc(100% - 28px); gap: 6px; padding: 6px 10px; } } @container overlift-globe-stage (max-width: 560px) { .page-overlift-demo .pathfinder-globe-storyline small { display: none; } .page-overlift-demo .pathfinder-globe-storyline strong { font-size: 0.62rem; } } .page-overlift-demo .pathfinder-audience-lenses { display: grid; gap: 0.45rem; margin-top: clamp(0.7rem, 1.2cqw, 1rem); padding: clamp(0.65rem, 1cqw, 0.9rem); border: 1px solid rgba(206, 153, 82, 0.2); border-radius: clamp(12px, 1cqw, 16px); background: radial-gradient(circle at 0% 0%, rgba(213, 151, 82, 0.11), transparent 38%), radial-gradient(circle at 100% 100%, rgba(142, 52, 128, 0.13), transparent 42%), rgba(3, 9, 15, 0.62); } .page-overlift-demo .pathfinder-audience-lenses > span { color: #dfb875; font-size: clamp(0.62rem, 0.68cqw, 0.72rem); font-weight: 850; letter-spacing: 0.15em; } .page-overlift-demo .pathfinder-audience-lenses > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.42rem; } .page-overlift-demo .pathfinder-audience-lenses button { min-width: 0; min-height: 3.45rem; display: grid; align-content: center; justify-items: start; gap: 0.15rem; padding: 0.55rem 0.62rem; border: 1px solid rgba(218, 110, 182, 0.15); border-radius: 10px; background: rgba(4, 13, 21, 0.72); color: #f5f1e9; text-align: left; cursor: pointer; transition: border-color 150ms ease, background 150ms ease, transform 150ms ease; } .page-overlift-demo .pathfinder-audience-lenses button:hover, .page-overlift-demo .pathfinder-audience-lenses button:focus-visible { border-color: rgba(222, 174, 101, 0.58); background: linear-gradient(145deg, rgba(55, 37, 23, 0.76), rgba(35, 13, 35, 0.72)); transform: translateY(-1px); outline: none; } .page-overlift-demo .pathfinder-audience-lenses button strong { font-size: clamp(0.72rem, 0.82cqw, 0.86rem); line-height: 1.2; } .page-overlift-demo .pathfinder-audience-lenses button small { color: rgba(183, 203, 216, 0.72); font-size: clamp(0.58rem, 0.64cqw, 0.69rem); line-height: 1.3; } .page-overlift-demo .pathfinder-audience-lenses > p { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.48rem; align-items: center; margin: 0; padding-top: 0.42rem; border-top: 1px solid rgba(206, 153, 82, 0.12); color: rgba(211, 222, 229, 0.76); font-size: clamp(0.62rem, 0.7cqw, 0.74rem); line-height: 1.38; } .page-overlift-demo .pathfinder-audience-lenses > p > i { color: #deaa64; font-style: normal; text-shadow: 0 0 12px rgba(196, 67, 174, 0.3); } .page-overlift-demo .pathfinder-audience-lenses > p strong { color: #f1e6d5; } @media (max-width: 980px) { .page-overlift-demo .pathfinder-audience-lenses > div { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .page-overlift-demo .pathfinder-audience-lenses > div { grid-template-columns: 1fr; } }