:root{--bg-light: #FCFCFD;--bg-pure-white: #FFFFFF;--bg-dark-hero: #0B0C10;--bg-subtle-gray: #F1F3F6;--text-dark-primary: #1B2430;--text-dark-secondary: #455565;--text-muted-metadata: #8A93A0;--text-light-primary: #F4F5F7;--text-light-secondary: #B0B5C1;--border-muted-light: rgba(69,85,101,0.12);--border-muted-dark: rgba(255,255,255,0.08);--accent-purple: #E94E1B;--accent-lavender-tint: rgba(233,78,27,0.05);--accent-lavender-hover: rgba(233,78,27,0.12);--orange: #E94E1B;--orange-strong: #C83E10;--orange-tint: rgba(233,78,27,0.08);--orange-tint-soft: rgba(233,78,27,0.05);--orange-glow: rgba(233,78,27,0.22);--violet: #9D00FF;--violet-tint: rgba(157,0,255,0.09);--violet-tint-soft: rgba(157,0,255,0.05);--navy: #2D2F6C;--bg-wash: #F8F8F8;--bg-tint: #EEF1F4;--grid-line: rgba(69,85,101,0.05);--transition-smooth: all 0.55s cubic-bezier(0.16,1,0.3,1);--transition-fast: all 0.22s ease}
*{box-sizing: border-box;margin: 0;padding: 0}
html,body{background-color: var(--bg-light);font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;color: var(--text-dark-secondary);-webkit-font-smoothing: antialiased;scroll-behavior: smooth;overflow-x: hidden}
.container{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 60px}
@media (max-width: 992px){.container{padding: 0 30px}}
.nav-shell{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;padding: 24px 0;transition: var(--transition-smooth)}
.nav{max-width: 1320px;margin: 0 auto;background: rgba(255,255,255,0.8);border: 1px solid var(--border-muted-light);border-radius: 100px;padding: 14px 28px;display: flex;align-items: center;justify-content: space-between;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);transition: var(--transition-smooth);box-shadow: 0 4px 30px rgba(0,0,0,0.01)}
body.on-hero .nav-shell .nav{background: rgba(255,255,255,0);border-color: transparent;box-shadow: none}
.nav-links{display: flex;align-items: center;gap: 32px}
.nav-item{position: relative}
.nav-link,.nav-link-btn{position: relative;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-weight: 500;font-size: 15px;color: var(--text-dark-primary);text-decoration: none;background: none;border: none;cursor: pointer;display: flex;align-items: center;gap: 6px;padding: 6px 0;transition: var(--transition-fast)}
.nav-link::after,.nav-link-btn::after{content: '';position: absolute;left: 0;bottom: 0;height: 2px;width: 100%;background: var(--text-dark-primary);border-radius: 2px;transform: scaleX(0);transform-origin: left center;transition: transform 0.28s cubic-bezier(0.16,1,0.3,1)}
body.on-hero .nav-link,body.on-hero .nav-link-btn{color: var(--text-dark-primary)}
.nav-link:hover,.nav-link-btn:hover{color: var(--text-dark-primary)}
.nav-link:hover::after,.nav-link-btn:hover::after{transform: scaleX(1)}
.nav-link.is-active{font-weight: 700;color: var(--text-dark-primary)}
.nav-link.is-active::after{transform: scaleX(1);background: var(--text-dark-primary)}
.caret{width: 10px;height: 10px;transition: var(--transition-smooth)}
.dropdown-menu{position: absolute;top: 150%;left: 50%;transform: translateX(-50%) translateY(10px);width: 280px;background: var(--bg-pure-white);border: 1px solid var(--border-muted-light);border-radius: 16px;padding: 12px;opacity: 0;visibility: hidden;box-shadow: 0 20px 40px rgba(0,0,0,0.06);transition: var(--transition-smooth)}
.nav-item:hover .dropdown-menu{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0)}
.nav-item:hover .caret{transform: rotate(180deg)}
.dropdown-item{display: flex;flex-direction: column;padding: 12px 16px;text-decoration: none;border-radius: 10px;transition: var(--transition-fast)}
.dropdown-item:hover{background: var(--accent-lavender-tint)}
.item-meta{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 9px;font-weight: 600;color: var(--text-muted-metadata);letter-spacing: 0.05em;margin-bottom: 2px}
.item-title{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 700;font-size: 15px;color: var(--text-dark-primary)}
.btn{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-weight: 600;font-size: 14px;padding: 12px 24px;border-radius: 50px;text-decoration: none;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition-smooth)}
.btn-large{padding: 16px 36px;font-size: 15px}
.btn-primary{background: var(--orange);color: #FFFFFF;border: 1px solid var(--orange)}
body.on-hero .btn-primary{background: var(--orange);color: #FFFFFF;border-color: var(--orange)}
.btn-primary:hover{background: var(--orange-strong);border-color: var(--orange-strong);color: #FFFFFF;transform: translateY(-2px);box-shadow: 0 14px 28px -8px var(--orange-glow)}
.btn-secondary{background: transparent;color: var(--text-dark-primary);border: 1px solid rgba(30,34,41,0.15)}
body.on-hero .btn-secondary{color: var(--text-dark-primary);border-color: var(--border-muted-light)}
.btn-secondary:hover{background: rgba(30,34,41,0.03);border-color: var(--text-dark-primary);transform: translateY(-2px)}
body.on-hero .btn-secondary:hover{background: var(--bg-wash);border-color: var(--text-dark-primary)}
@media (max-width: 768px){@keyframes trust-marquee-scroll{from{transform: translateX(0)}to{transform: translateX(-50%)}}}
@keyframes pillarPanelIn{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: translateY(0)}}
.closing-banner{background: var(--bg-wash);border-top: 1px solid var(--border-muted-light);padding: clamp(72px,8vw,112px) 0;position: relative;overflow: hidden}
.closing-banner::before{content: '';position: absolute;top: 50%;left: 50%;width: 920px;height: 520px;transform: translate(-50%,-50%);background: radial-gradient(ellipse at center,var(--orange-tint-soft) 0%,rgba(233,78,27,0) 68%);pointer-events: none}
.closing-banner > .container{position: relative;z-index: 1}
.closing-banner-grid{display: grid;grid-template-columns: 1fr auto 1fr;gap: 0 72px;align-items: center}
.closing-col{min-width: 0}
.closing-divider{width: 1px;align-self: stretch;background: var(--border-muted-light)}
.closing-heading{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 900;font-size: clamp(1.9rem,3vw,2.6rem);line-height: 1.06;letter-spacing: -0.025em;color: var(--text-dark-primary);text-wrap: balance;margin-bottom: 20px}
.closing-sub{font-size: 16px;line-height: 1.6;color: var(--text-dark-secondary);max-width: 460px;margin-bottom: 32px;text-wrap: pretty}
.closing-text-link{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 13px;font-weight: 600;letter-spacing: 0.02em;color: var(--orange);text-decoration: none;border-bottom: 1px solid var(--orange);padding-bottom: 3px;transition: var(--transition-fast)}
.closing-text-link:hover{color: var(--orange-strong)}
.closing-actions{display: flex;gap: 16px;flex-wrap: wrap}
.closing-banner .btn-primary{background: var(--orange);color: #FFFFFF;border-color: var(--orange)}
.closing-banner .btn-primary:hover{background: var(--orange-strong);border-color: var(--orange-strong);color: #FFFFFF}
.closing-banner .btn-secondary{color: var(--text-dark-primary);border-color: var(--border-muted-light)}
.closing-banner .btn-secondary:hover{background: var(--bg-pure-white);border-color: var(--text-dark-primary)}
@media (max-width: 900px){.closing-banner-grid{grid-template-columns: 1fr;gap: 48px}
.closing-divider{width: auto;height: 1px}
.closing-sub{max-width: 540px}}
@media (max-width: 600px){.closing-actions{flex-direction: column}
.closing-actions .btn{width: 100%}}
.global-footer{background: var(--bg-pure-white);border-top: 1px solid var(--border-muted-light);padding: 100px 0 40px 0}
.footer-upper-grid{display: grid;grid-template-columns: 40% repeat(2,30%);gap: 40px;margin-bottom: 80px}
@media (max-width: 768px){.footer-upper-grid{grid-template-columns: 1fr;gap: 48px}}
.footer-logo{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 900;font-size: 24px;color: var(--text-dark-primary);margin-bottom: 24px;display: block}
.footer-brand-desc{font-size: 14px;line-height: 1.6;max-width: 380px}
.footer-column-title{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 10px;font-weight: 600;color: var(--text-muted-metadata);letter-spacing: 0.1em;margin-bottom: 24px;display: block}
.footer-link-item{font-size: 14px;color: var(--text-dark-secondary);text-decoration: none;display: block;margin-bottom: 14px;transition: var(--transition-fast)}
.footer-link-item:hover{color: var(--accent-purple);padding-left: 4px}
.footer-lower-bar{border-top: 1px solid var(--border-muted-light);padding-top: 32px;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;gap: 20px}
.footer-legal-links{display: flex;align-items: center;gap: 28px;flex-wrap: wrap;flex: 1 1 auto;min-width: 0}
.legal-link,.copyright-tag{font-size: 13px;color: var(--text-muted-metadata);text-decoration: none}
.legal-link:hover{color: var(--text-dark-primary)}
.footer-social-tray{display: flex;align-items: center;flex: 0 0 auto;align-self: flex-start;margin-top: -10px}
.social-icon-wrapper{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 11px;font-weight: 600;color: var(--text-dark-primary);text-decoration: none;display: inline-flex;align-items: center;gap: 8px;border: 1px solid var(--border-muted-light);padding: 8px 16px;border-radius: 4px;transition: var(--transition-fast)}
.social-icon-wrapper:hover{background: var(--text-dark-primary);color: var(--bg-pure-white)}
.social-svg{width: 14px;height: 14px;fill: currentColor}
.reveal{opacity: 0;transform: translateY(30px);transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}
.reveal.in{opacity: 1;transform: translateY(0)}
.reveal.d1{transition-delay: 0.1s}
.reveal.d2{transition-delay: 0.2s}
.reveal.d3{transition-delay: 0.3s}
.nav-burger{display: none;background: none;border: none;cursor: pointer;flex-direction: column;gap: 6px}
.nav-burger span{width: 22px;height: 2px;background: var(--text-dark-primary);transition: var(--transition-fast)}
body.on-hero .nav-burger span{background: var(--text-light-primary)}
@media (max-width: 992px){.nav-links,.nav-cta{display: none}
.nav-burger{display: flex}
.nav-shell .nav{position: relative}
.nav-links{position: absolute;top: calc(100% + 12px);left: 0;right: 0;flex-direction: column;align-items: stretch;gap: 4px;background: var(--bg-pure-white);border: 1px solid var(--border-muted-light);border-radius: 20px;padding: 12px;box-shadow: 0 20px 40px rgba(0,0,0,0.08);opacity: 0;visibility: hidden;transform: translateY(-8px);transition: var(--transition-smooth)}
body.nav-open .nav-links{display: flex;opacity: 1;visibility: visible;transform: translateY(0)}
.nav-item{width: 100%}
.nav-link,.nav-link-btn{width: 100%;padding: 12px 14px;border-radius: 12px}
.nav-link:hover,.nav-link-btn:hover{background: var(--bg-wash)}
.nav-link::after,.nav-link-btn::after{display: none}
.nav-item.has-dropdown{display: flex;flex-direction: column}
.dropdown-menu{position: static;width: 100%;opacity: 1;visibility: visible;transform: none;box-shadow: none;border: none;display: flex;flex-direction: column;max-height: 0;overflow: hidden;padding: 0 0 0 14px;transition: max-height 0.32s ease,padding 0.32s ease}
.nav-item.has-dropdown.is-active .dropdown-menu{max-height: 600px;padding: 4px 0 4px 14px}
.nav-item.has-dropdown .caret{transform: rotate(0deg)}
.nav-item.has-dropdown.is-active .caret{transform: rotate(180deg)}
.dropdown-item{color: var(--text-dark-primary);opacity: 1;visibility: visible}
.dropdown-item .item-title{color: var(--text-dark-primary) !important;opacity: 1}
.dropdown-item .item-meta{color: var(--text-muted-metadata)}
.nav-burger{position: relative;width: 22px;height: 16px;justify-content: center}
.nav-burger span:nth-child(1){transform: translateY(-5px)}
.nav-burger span:nth-child(2){transform: translateY(5px)}
body.nav-open .nav-burger span:nth-child(1){transform: translateY(0) rotate(45deg)}
body.nav-open .nav-burger span:nth-child(2){transform: translateY(0) rotate(-45deg)}
body.nav-open .nav-burger span{background: var(--text-dark-primary)}}
.nav-burger-icon{display: none}
@media (max-width: 768px){.nav-burger{width: 44px;height: 44px;display: flex;align-items: center;justify-content: center}
.nav-burger span{display: none}
.nav-burger-icon{display: block;font-size: 24px;color: #141414;line-height: 1}}
.mobile-nav-overlay{display: none}
@media (max-width: 768px){.mobile-nav-overlay{display: flex;position: fixed;inset: 0;z-index: 2000;height: 100vh;flex-direction: column;background: #141414;opacity: 0;visibility: hidden;transform: translateY(-16px);transition: opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;overflow-y: auto}
body.nav-open .mobile-nav-overlay{opacity: 1;visibility: visible;transform: translateY(0)}
.mnav-header{display: flex;align-items: center;justify-content: space-between;padding: 24px;border-bottom: 0.5px solid rgba(255,255,255,0.15);flex-shrink: 0}
.mnav-header .footer-logo{margin-bottom: 0}
.mnav-close{background: none;border: none;color: rgba(255,255,255,0.7);font-size: 14px;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;cursor: pointer;padding: 8px}
.mnav-links{display: flex;flex-direction: column}
.mnav-item-row{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 20px 24px;border: none;border-bottom: 0.5px solid rgba(255,255,255,0.15);color: #fff;font-size: 28px;font-weight: 600;text-decoration: none;text-align: left;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;background: none;cursor: pointer}
.mnav-chevron{width: 10px;height: 10px;border-right: 1.5px solid #ffffff;border-bottom: 1.5px solid #ffffff;transform: rotate(45deg);transition: transform 250ms ease;flex-shrink: 0}
.mnav-item.is-open .mnav-chevron{transform: rotate(-135deg)}
.mnav-sub{max-height: 0;overflow: hidden;display: flex;flex-direction: column;transition: max-height 0.25s ease}
.mnav-item.is-open .mnav-sub{max-height: 300px}
.mnav-sub a{padding: 12px 24px 12px 40px;font-size: 16px;color: rgba(255,255,255,0.6);text-decoration: none;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif}
.mnav-cta{display: flex;align-items: center;justify-content: space-between;margin: 24px 24px 16px;border: 1.5px solid rgba(255,255,255,0.4);border-radius: 8px;padding: 16px 20px;color: #fff;text-decoration: none;font-size: 16px;font-weight: 500;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;background: transparent;flex-shrink: 0}
.mnav-social{display: flex;justify-content: center;gap: 24px;padding-bottom: 32px;flex-shrink: 0}
.mnav-social a{font-size: 13px;color: rgba(255,255,255,0.5);text-decoration: none;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif}}
.item-meta,.footer-column-title{display: none !important}
.dropdown-item{padding: 11px 16px}
body{background: var(--bg-light)}
::selection{background: var(--orange-tint);color: var(--text-dark-primary)}
a:focus-visible,button:focus-visible{outline: 2px solid var(--orange);outline-offset: 2px}
.nav-link:hover,.nav-link-btn:hover{color: var(--text-dark-primary)}
.nav-link.active,.nav-item.is-active .nav-link-btn{position: relative}
.nav-link.active::after,.nav-item.is-active .nav-link-btn::after{content: '';position: absolute;left: 0;bottom: 2px;width: 100%;height: 2px;border-radius: 0;background: #E8450A;transform: scaleX(1);transform-origin: left center}
.closing-banner{background: #0F0F12;border-top: 1px solid #0F0F12;padding: clamp(96px,9vw,132px) 0}
.closing-banner::before{display: none}
.closing-banner-grid{align-items: stretch}
.closing-col{display: flex;flex-direction: column;justify-content: center;padding-block: 6px}
.closing-divider{background: rgba(255,255,255,0.12)}
.closing-heading{color: #FFFFFF}
.closing-sub{color: rgba(255,255,255,0.62)}
.closing-text-link{color: #FFFFFF;border-bottom: none;padding-bottom: 2px}
.closing-text-link:hover{color: #FFFFFF;text-decoration: underline;text-underline-offset: 4px}
.closing-banner .btn-secondary{color: #FFFFFF;background: transparent;border: 1px solid rgba(255,255,255,0.55)}
.closing-banner .btn-secondary:hover{background: rgba(255,255,255,0.08);border-color: #FFFFFF;color: #FFFFFF}
.global-footer{background: #0F0F12;border-top: 1px solid rgba(255,255,255,0.08);padding: 84px 0 36px}
.footer-upper-grid{grid-template-columns: 2fr 1fr 1fr;gap: 36px;margin-bottom: 56px}
.footer-logo{color: #FFFFFF}
.footer-brand-desc{color: #9090A0}
.footer-column-title{display: block !important;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 10.5px;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;color: rgba(255,255,255,0.55);margin-bottom: 18px}
.footer-link-item{color: #9090A0}
.footer-link-item:hover{color: #FFFFFF;padding-left: 0}
.footer-lower-bar{border-top: 1px solid rgba(255,255,255,0.08)}
.legal-link,.copyright-tag{color: #9090A0}
.legal-link:hover{color: #FFFFFF}
.social-icon-wrapper{gap: 0;width: 40px;height: 40px;padding: 0;justify-content: center;border: 1px solid rgba(255,255,255,0.14);border-radius: 50%;color: #9090A0}
.social-icon-wrapper:hover{background: #FFFFFF;color: #0F0F12;border-color: #FFFFFF}
.social-svg{width: 17px;height: 17px}
@media (max-width: 768px){.closing-banner{padding: 48px 0}}
@media (max-width: 768px){.global-footer{padding: 40px 24px 32px}
.footer-upper-grid{grid-template-columns: 1fr;gap: 32px;margin-bottom: 32px}
.footer-brand-desc{color: rgba(255,255,255,0.5)}
.footer-column-title{white-space: nowrap}
.footer-links-column{display: flex;flex-direction: column;gap: 12px}
.footer-links-column .footer-link-item{margin-bottom: 0;font-size: 14px;color: rgba(255,255,255,0.7)}
.footer-lower-bar{padding-top: 16px;flex-direction: column;flex-wrap: wrap;align-items: flex-start;gap: 8px}
.footer-legal-links{gap: 16px}
.copyright-tag{flex-basis: 100%}
.footer-social-tray{margin-top: 8px}}
.footer-link-item:hover{color: var(--orange)}
.legal-link:hover{color: var(--orange)}
.footer-logo{display: inline-flex;align-items: center}
.footer-version{font-size: 10px;color: rgba(144,144,160,0.35);margin-left: 8px;user-select: none}
.footer-smyl-line{flex-basis: 100%;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 14px;line-height: 1.7;color: #6E6E7C;margin-top: 24px;display: block}
.footer-smyl-line a{color: #9090A0;text-decoration: underline;text-underline-offset: 3px;transition: var(--transition-fast)}
.footer-smyl-line a:hover{color: var(--orange)}
.footer-pipe{margin: 0 8px;display: inline-block}
.fab-contact{position: fixed;bottom: 20px;right: 20px;z-index: 950;width: 56px;height: 56px;border-radius: 50%;background: var(--orange);color: #FFFFFF;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 12px rgba(0,0,0,0.15);transition: var(--transition-fast,background 0.2s ease),transform 0.2s ease}
.fab-contact svg{width: 24px;height: 24px;display: block}
.fab-contact:hover{background: var(--orange-strong);transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0,0,0,0.2)}
@media (max-width: 640px){.fab-contact{bottom: 16px;right: 16px;width: 48px;height: 48px}
.fab-contact svg{width: 20px;height: 20px}}
.closing-col-pricing .closing-text-link:hover{color: var(--orange)}
.footer-logo{display: inline-flex;align-items: center;justify-content: flex-start;width: max-content;border: none;background: none;padding: 0;line-height: 1;letter-spacing: normal;text-indent: 0}
.footer-logo-word{font-family: 'Satoshi','Satoshi Fallback','Hanken Grotesk','Hanken Fallback',sans-serif;font-weight: 900;font-size: 24px;letter-spacing: -0.01em;color: #FFFFFF;line-height: 1}
.footer-logo-dot{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #E8490F;margin-left: 3px}
.grid-bg{position: absolute;inset: 0;background-image: radial-gradient(var(--grid-line) 1.4px,transparent 1.4px);background-size: 30px 30px;-webkit-mask-image: radial-gradient(ellipse 92% 78% at 60% 0%,#000 0%,transparent 76%);mask-image: radial-gradient(ellipse 92% 78% at 60% 0%,#000 0%,transparent 76%);opacity: 0.85;z-index: 0;pointer-events: none}
:root{--pf-navy: #1c1e44;--pf-navy-deep: #0c0d22;--pf-purple: #9D00FF;--pf-purple-soft:#C46BFF}
.pf-kicker{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 12px;font-weight: 600;letter-spacing: 0.18em;text-transform: uppercase;color: var(--orange);display: inline-flex;align-items: center;gap: 10px}
.pf-kicker::before{content: '';width: 22px;height: 1px;background: var(--orange)}
.pf-kicker--center{justify-content: center}
.pf-kicker--ai{color: var(--pf-purple-soft)}
.pf-kicker--ai::before{background: var(--pf-purple-soft)}
.pf-head{max-width: 760px;margin: 0 auto clamp(48px,5vw,72px);text-align: center}
.pf-head .pf-kicker{margin-bottom: 22px}
.pf-title{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 900;font-size: clamp(2.1rem,4vw,3.1rem);line-height: 1.08;letter-spacing: -0.03em;color: var(--text-dark-primary);text-wrap: balance;margin: 0}
.pf-lead{font-size: clamp(16px,1.3vw,18px);line-height: 1.65;color: var(--text-dark-secondary);max-width: 58ch;margin: 20px auto 0;text-wrap: pretty}
.pf-hero{position: relative;background: radial-gradient(120% 110% at 50% 28%,#FFFDF9 0%,#FBFAF7 52%,#F6F5F2 100%);border-bottom: 1px solid var(--border-muted-light);padding-top: clamp(150px,17vh,200px);padding-bottom: clamp(80px,9vh,120px);overflow: hidden;isolation: isolate}
.pf-hero .grid-bg{-webkit-mask-image: radial-gradient(ellipse 90% 80% at 70% 10%,#000 0%,transparent 76%);mask-image: radial-gradient(ellipse 90% 80% at 70% 10%,#000 0%,transparent 76%)}
.pf-hero > .container{position: relative;z-index: 1}
.pf-hero::before,.pf-hero::after{content: none}
.pf-hero-grid{position: relative;display: grid;grid-template-columns: 1.02fr 1.18fr;gap: clamp(40px,5vw,72px);align-items: center}
.pf-hero-copy{max-width: 560px}
.pf-hero-copy .pf-kicker{margin-bottom: 26px}
.pf-hero-h1{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 900;font-size: clamp(2.5rem,4.4vw,3.9rem);line-height: 1.06;letter-spacing: -0.035em;color: var(--text-dark-primary);margin: 0;text-wrap: balance}
.pf-hero-h1 .accent{color: var(--orange)}
.pf-hero-sub{font-size: clamp(16px,1.3vw,18.5px);line-height: 1.6;color: var(--text-dark-secondary);max-width: 50ch;margin: 26px 0 0;text-wrap: pretty}
.pf-hero-actions{display: flex;flex-wrap: wrap;gap: 14px;margin-top: 38px}
.pf-hero-actions .btn{white-space: nowrap}
.pf-hero-meta{display: flex;flex-wrap: wrap;gap: 14px 28px;margin-top: 34px;padding-top: 26px;border-top: 1px solid var(--border-muted-light)}
.pf-hero-meta-item{display: flex;flex-direction: column;gap: 3px}
.pf-hero-meta-num{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 900;font-size: 26px;letter-spacing: -0.03em;color: var(--text-dark-primary);line-height: 1}
.pf-hero-meta-num .u{color: inherit}
.pf-hero-meta-label{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 10.5px;letter-spacing: 0.06em;color: var(--text-muted-metadata)}
.pf-hero-stage{position: relative;padding: 30px 26px}
.pf-browser{background: var(--bg-pure-white);border: 1px solid var(--border-muted-light);border-radius: 16px;overflow: hidden;box-shadow: 0 1px 2px rgba(0,0,0,0.04),0 8px 20px rgba(0,0,0,0.05),0 24px 64px rgba(0,0,0,0.10)}
.pf-browser-bar{display: flex;align-items: center;gap: 8px;padding: 13px 16px;background: var(--bg-light);border-bottom: 1px solid var(--border-muted-light)}
.pf-dot{width: 11px;height: 11px;border-radius: 50%;background: var(--border-muted-light)}
.pf-dot:nth-child(1){background: #E96A5C}
.pf-dot:nth-child(2){background: #E8B24C}
.pf-dot:nth-child(3){background: #4FB477}
.pf-url{margin-left: 12px;flex: 1;max-width: 280px;background: var(--bg-pure-white);border: 1px solid var(--border-muted-light);border-radius: 7px;padding: 6px 12px;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 11px;color: var(--text-muted-metadata);display: flex;align-items: center;gap: 7px}
.pf-url svg{width: 11px;height: 11px;color: #4FB477;flex-shrink: 0}
.pf-app{display: grid;grid-template-columns: 64px 1fr;min-height: 380px}
.pf-app-rail{background: var(--bg-light);border-right: 1px solid var(--border-muted-light);padding: 18px 0;display: flex;flex-direction: column;align-items: center;gap: 18px}
.pf-rail-logo{width: 30px;height: 30px;display: grid;place-items: center}
.pf-rail-logo img{width: 100%;height: 100%;display: block}
.pf-rail-ic{width: 34px;height: 34px;border-radius: 9px;display: grid;place-items: center;color: var(--text-muted-metadata)}
.pf-rail-ic svg{width: 18px;height: 18px}
.pf-rail-ic.is-active{background: var(--orange-tint);color: var(--orange)}
.pf-app-main{padding: 20px 22px 24px;display: flex;flex-direction: column;gap: 16px}
.pf-app-top{display: flex;align-items: center;justify-content: space-between;gap: 14px}
.pf-app-title{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 800;font-size: 15px;letter-spacing: -0.02em;color: var(--text-dark-primary)}
.pf-app-tag{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 9.5px;letter-spacing: 0.06em;color: var(--text-muted-metadata)}
.pf-pill{display: inline-flex;align-items: center;gap: 6px;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 9.5px;font-weight: 600;letter-spacing: 0.04em;color: #137333;background: #E6F4EA;padding: 5px 10px;border-radius: 100px}
.pf-pill .live{width: 6px;height: 6px;border-radius: 50%;background: #1Fa463;box-shadow: 0 0 0 0 rgba(31,164,99,0.5);animation: pfPulse 2.4s infinite}
@keyframes pfPulse{0%{box-shadow: 0 0 0 0 rgba(31,164,99,0.45)}70%{box-shadow: 0 0 0 7px rgba(31,164,99,0)}100%{box-shadow: 0 0 0 0 rgba(31,164,99,0)}}
.pf-kpis{display: grid;grid-template-columns: repeat(3,1fr);gap: 12px}
.pf-kpi{border: 1px solid var(--border-muted-light);border-radius: 11px;padding: 13px 14px;background: var(--bg-light);display: flex;flex-direction: column;gap: 8px}
.pf-kpi-l{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 9px;letter-spacing: 0.05em;color: var(--text-muted-metadata)}
.pf-kpi-v{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 900;font-size: 22px;line-height: 1;letter-spacing: -0.03em;color: var(--text-dark-primary)}
.pf-kpi-v small{font-size: 12px;color: var(--text-muted-metadata);font-weight: 700}
.pf-kpi-d{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 9px;color: var(--orange)}
.pf-kpi-d.up{color: #137333}
.pf-chart{border: 1px solid var(--border-muted-light);border-radius: 11px;background: var(--bg-light);padding: 14px 16px 16px}
.pf-chart-h{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px}
.pf-chart-t{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 700;font-size: 12.5px;color: var(--text-dark-primary)}
.pf-chart-legend{display: flex;gap: 12px}
.pf-chart-legend span{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 8.5px;color: var(--text-muted-metadata);display: inline-flex;align-items: center;gap: 5px}
.pf-chart-legend span::before{content: '';width: 7px;height: 7px;border-radius: 2px;background: var(--orange)}
.pf-chart-legend span.v::before{background: var(--violet)}
.pf-bars{display: flex;align-items: flex-end;gap: 9px;height: 78px}
.pf-bars .col{flex: 1;display: flex;flex-direction: column;justify-content: flex-end;gap: 3px}
.pf-bars .seg{border-radius: 3px 3px 0 0}
.pf-bars .seg.o{background: var(--orange);opacity: 0.9}
.pf-bars .seg.v{background: var(--violet);opacity: 0.32;border-radius: 0 0 3px 3px}
.pf-float{position: absolute;background: var(--bg-pure-white);border: 1px solid var(--border-muted-light);border-radius: 13px;padding: 13px 15px;box-shadow: 0 24px 50px -24px rgba(30,34,41,0.30),0 8px 18px -12px rgba(30,34,41,0.16);z-index: 3;animation: pfFloat 6s ease-in-out infinite}
@keyframes pfFloat{0%,100%{transform: translateY(0)}50%{transform: translateY(-9px)}}
.pf-float--a{top: 6px;right: -6px;animation-delay: 0s}
.pf-float--b{bottom: 28px;left: -14px;animation-delay: 1.6s}
.pf-float-row{display: flex;align-items: center;gap: 11px}
.pf-float-ic{width: 36px;height: 36px;border-radius: 10px;display: grid;place-items: center;flex-shrink: 0}
.pf-float-ic svg{width: 18px;height: 18px}
.pf-float-ic.o{background: var(--orange-tint);color: var(--orange)}
.pf-float-ic.v{background: var(--violet-tint);color: var(--violet)}
.pf-float-l{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 9px;letter-spacing: 0.04em;color: var(--text-muted-metadata);display: block;margin-bottom: 3px}
.pf-float-v{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 800;font-size: 15px;letter-spacing: -0.02em;color: var(--text-dark-primary)}
.pf-float-v .s{color: var(--orange)}
@media (max-width: 980px){.pf-hero-grid{grid-template-columns: 1fr;gap: 48px}
.pf-hero-copy{max-width: 640px}
.pf-hero-stage{padding: 20px 10px;max-width: 620px}}
@media (max-width: 560px){.pf-hero-actions{flex-direction: column}
.pf-hero-actions .btn{width: 100%}
.pf-float--a{right: 0}
.pf-float--b{left: 0}
.pf-app{grid-template-columns: 50px 1fr}
.pf-kpis{grid-template-columns: 1fr 1fr}}
.pf-foundations{background: var(--bg-pure-white);padding: clamp(80px,9vw,130px) 0}
.pf-found-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px}
@media (max-width: 940px){.pf-found-grid{grid-template-columns: 1fr;gap: 18px}}
.pf-found-card{position: relative;background: var(--bg-light);border: 1px solid var(--border-muted-light);border-radius: 20px;padding: 38px 34px 34px;overflow: hidden;display: flex;flex-direction: column;transition: transform 0.5s cubic-bezier(0.16,1,0.3,1),box-shadow 0.5s ease,border-color 0.5s ease}
.pf-found-card::before{content: '';position: absolute;inset: 0 0 auto 0;height: 3px;background: linear-gradient(90deg,var(--orange),#FF8A5C);transform: scaleX(0);transform-origin: left;transition: transform 0.55s cubic-bezier(0.16,1,0.3,1)}
.pf-found-card:hover{transform: translateY(-6px);border-color: rgba(233,78,27,0.24);box-shadow: 0 36px 70px -38px rgba(30,34,41,0.34)}
.pf-found-card:hover::before{transform: scaleX(1)}
.pf-found-card.is-ai::before{background: linear-gradient(90deg,var(--violet),var(--pf-purple-soft))}
.pf-found-card.is-ai:hover{border-color: rgba(157,0,255,0.26)}
.pf-found-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 26px}
.pf-found-icon{width: 54px;height: 54px;border-radius: 14px;display: grid;place-items: center;background: var(--bg-pure-white);border: 1px solid var(--border-muted-light);color: var(--orange);transition: var(--transition-fast)}
.pf-found-icon svg{width: 26px;height: 26px}
.pf-found-card:hover .pf-found-icon{background: var(--orange);color: #fff;border-color: var(--orange)}
.pf-found-card.is-ai .pf-found-icon{color: var(--violet)}
.pf-found-card.is-ai:hover .pf-found-icon{background: var(--violet);color: #fff;border-color: var(--violet)}
.pf-found-index{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 12px;font-weight: 600;letter-spacing: 0.06em;color: var(--text-muted-metadata)}
.pf-found-title{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 800;font-size: 23px;letter-spacing: -0.02em;color: var(--text-dark-primary);margin: 0 0 12px}
.pf-found-text{font-size: 15px;line-height: 1.62;color: var(--text-dark-secondary);margin: 0 0 26px;text-wrap: pretty}
.pf-found-specs{margin-top: auto;padding-top: 22px;border-top: 1px solid var(--border-muted-light);display: flex;flex-wrap: wrap;gap: 8px}
.pf-spec{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 10px;font-weight: 500;letter-spacing: 0.03em;color: var(--text-dark-secondary);background: var(--bg-pure-white);border: 1px solid var(--border-muted-light);border-radius: 100px;padding: 6px 12px}
.pf-experiences{background: #FAF5EE;padding: clamp(80px,9vw,130px) 0;border-top: 1px solid var(--border-muted-light)}
.pf-ai{position: relative;isolation: isolate;overflow: hidden;padding: clamp(86px,10vw,140px) 0;background:
radial-gradient(70% 110% at 85% -10%,rgba(157,0,255,0.20) 0%,transparent 52%),radial-gradient(64% 100% at 6% 108%,rgba(233,78,27,0.16) 0%,transparent 50%),linear-gradient(170deg,var(--pf-navy) 0%,var(--pf-navy-deep) 100%);color: #fff}
.pf-ai::before{content: '';position: absolute;inset: 0;background-image: radial-gradient(rgba(255,255,255,0.05) 1.2px,transparent 1.2px);background-size: 32px 32px;-webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 0%,#000,transparent 75%);mask-image: radial-gradient(ellipse 80% 70% at 50% 0%,#000,transparent 75%);z-index: -1}
.pf-ai .pf-title{color: #fff}
.pf-ai .pf-lead{color: rgba(255,255,255,0.74)}
.pf-ai-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 22px}
@media (max-width: 940px){.pf-ai-grid{grid-template-columns: 1fr;gap: 18px}}
.pf-ai-card{position: relative;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.10);border-radius: 20px;padding: 32px 30px 30px;overflow: hidden;transition: transform 0.5s cubic-bezier(0.16,1,0.3,1),background 0.5s ease,border-color 0.5s ease}
.pf-ai-card:hover{transform: translateY(-6px);background: rgba(255,255,255,0.055);border-color: rgba(157,0,255,0.4)}
.pf-ai-ic{width: 50px;height: 50px;border-radius: 13px;display: grid;place-items: center;background: rgba(157,0,255,0.14);border: 1px solid rgba(157,0,255,0.3);color: var(--pf-purple-soft);margin-bottom: 24px}
.pf-ai-ic svg{width: 24px;height: 24px}
.pf-ai-flag{position: absolute;top: 30px;right: 28px;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 9px;font-weight: 600;letter-spacing: 0.14em;color: var(--pf-purple-soft);background: rgba(157,0,255,0.12);border: 1px solid rgba(157,0,255,0.28);padding: 4px 9px 3px;border-radius: 100px}
.pf-ai-title{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 800;font-size: 21px;letter-spacing: -0.02em;color: #fff;margin: 0 0 12px}
.pf-ai-text{font-size: 14.5px;line-height: 1.62;color: rgba(255,255,255,0.72);margin: 0 0 24px;text-wrap: pretty}
.pf-ai-viz{border-top: 1px solid rgba(255,255,255,0.08);padding-top: 20px}
.pf-agent-flow{display: flex;flex-direction: column;gap: 8px}
.pf-agent-step{display: flex;align-items: center;gap: 10px;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 10.5px;color: rgba(255,255,255,0.6)}
.pf-agent-step .n{width: 18px;height: 18px;border-radius: 5px;background: rgba(157,0,255,0.16);color: var(--pf-purple-soft);display: grid;place-items: center;font-weight: 600;flex-shrink: 0}
.pf-agent-step.done{color: rgba(255,255,255,0.85)}
.pf-agent-step.done .n{background: rgba(79,180,119,0.18);color: #6FE0A0}
.pf-chat{display: flex;flex-direction: column;gap: 8px}
.pf-bubble{font-size: 11.5px;line-height: 1.4;padding: 9px 12px;border-radius: 11px;max-width: 86%}
.pf-bubble.user{align-self: flex-end;background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.85);border-bottom-right-radius: 3px}
.pf-bubble.bot{align-self: flex-start;background: rgba(157,0,255,0.14);border: 1px solid rgba(157,0,255,0.22);color: #fff;border-bottom-left-radius: 3px}
.pf-bubble .cur{display: inline-block;width: 6px;height: 12px;background: var(--pf-purple-soft);vertical-align: middle;margin-left: 1px;animation: pfBlink 1s steps(1) infinite}
@keyframes pfBlink{50%{opacity: 0}}
.pf-gauge{display: flex;flex-direction: column;gap: 9px}
.pf-gauge-row{display: flex;align-items: center;gap: 10px}
.pf-gauge-l{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 9.5px;color: rgba(255,255,255,0.55);width: 64px;flex-shrink: 0}
.pf-gauge-track{flex: 1;height: 6px;border-radius: 100px;background: rgba(255,255,255,0.08);overflow: hidden}
.pf-gauge-fill{height: 100%;border-radius: 100px;background: linear-gradient(90deg,var(--violet),var(--pf-purple-soft))}
.pf-gauge-fill.o{background: linear-gradient(90deg,var(--orange),#FF8A5C)}
.pf-gauge-v{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 9.5px;color: rgba(255,255,255,0.8);width: 38px;text-align: right;flex-shrink: 0}
.pf-continuous{background: var(--bg-pure-white);padding: clamp(80px,9vw,130px) 0}
.pf-flow{display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;align-items: stretch;gap: 0;max-width: 1120px;margin: 0 auto}
.pf-flow-node{border: 1px solid var(--border-muted-light);border-radius: 18px;padding: 30px 28px;background: var(--bg-light);display: flex;flex-direction: column;justify-content: center;transition: transform 0.5s cubic-bezier(0.16,1,0.3,1),box-shadow 0.5s ease,border-color 0.5s ease}
.pf-flow-node:hover{transform: translateY(-4px);box-shadow: 0 30px 60px -36px rgba(30,34,41,0.3);border-color: rgba(233,78,27,0.2)}
.pf-flow-sources{display: flex;flex-direction: column;gap: 14px;background: transparent;border: none;padding: 0}
.pf-source{display: flex;align-items: center;gap: 14px;border: 1px solid var(--border-muted-light);border-radius: 14px;padding: 18px 20px;background: var(--bg-light);transition: var(--transition-fast)}
.pf-source:hover{border-color: rgba(233,78,27,0.22);background: var(--bg-pure-white)}
.pf-source-ic{width: 40px;height: 40px;border-radius: 11px;display: grid;place-items: center;flex-shrink: 0}
.pf-source-ic svg{width: 20px;height: 20px}
.pf-source-ic.ms{background: var(--bg-pure-white);border: 1px solid var(--border-muted-light);color: var(--text-dark-primary)}
.pf-source-ic.og{background: var(--orange-tint);color: var(--orange)}
.pf-source-l{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 9.5px;letter-spacing: 0.06em;color: var(--text-muted-metadata);display: block;margin-bottom: 3px}
.pf-source-t{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 700;font-size: 16px;letter-spacing: -0.015em;color: var(--text-dark-primary)}
.pf-flow-node.is-core{background: linear-gradient(165deg,var(--pf-navy) 0%,var(--pf-navy-deep) 100%);border-color: transparent;text-align: center;align-items: center;gap: 12px;color: #fff;position: relative;overflow: hidden}
.pf-flow-node.is-core::after{content: '';position: absolute;top: -40%;left: 50%;transform: translateX(-50%);width: 200px;height: 200px;border-radius: 50%;background: radial-gradient(circle,rgba(157,0,255,0.4),transparent 70%)}
.pf-flow-node.is-core .pf-node-ic{position: relative}
.pf-node-ic{width: 54px;height: 54px;border-radius: 50%;display: grid;place-items: center;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.18);color: var(--pf-purple-soft)}
.pf-node-ic svg{width: 26px;height: 26px}
.pf-flow-node.is-core .pf-node-t{color: #fff}
.pf-node-t{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 800;font-size: 19px;letter-spacing: -0.02em;color: var(--text-dark-primary);margin: 0;line-height: 1.15}
.pf-node-d{font-size: 13px;line-height: 1.5;color: var(--text-dark-secondary);margin: 0}
.pf-flow-node.is-core .pf-node-d{color: rgba(255,255,255,0.72)}
.pf-flow-node.is-out{text-align: center;align-items: center;gap: 12px}
.pf-flow-node.is-out .pf-node-ic{background: var(--orange-tint);border-color: rgba(233,78,27,0.22);color: var(--orange)}
.pf-flow-arrow{display: flex;align-items: center;justify-content: center;padding: 0 6px;color: var(--text-muted-metadata)}
.pf-flow-arrow svg{width: 30px;height: 30px}
.pf-arrow-line{position: relative;width: 38px;height: 2px;background: var(--border-muted-light)}
.pf-arrow-line::after{content: '';position: absolute;right: -1px;top: 50%;transform: translateY(-50%) rotate(45deg);width: 7px;height: 7px;border-top: 2px solid var(--text-muted-metadata);border-right: 2px solid var(--text-muted-metadata)}
.pf-arrow-line .dot{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 6px;height: 6px;border-radius: 50%;background: var(--orange);animation: pfTravel 2.6s linear infinite}
@keyframes pfTravel{from{left: 0;opacity: 0}12%{opacity: 1}88%{opacity: 1}to{left: 100%;opacity: 0}}
@media (max-width: 920px){.pf-flow{grid-template-columns: 1fr;gap: 0}
.pf-flow-arrow{padding: 14px 0}
.pf-arrow-line{width: 2px;height: 34px}
.pf-arrow-line::after{right: 50%;top: auto;bottom: -1px;transform: translateX(50%) rotate(135deg)}
.pf-arrow-line .dot{left: 50%;top: 0;transform: translateX(-50%);animation: pfTravelV 2.6s linear infinite}
@keyframes pfTravelV{from{top: 0;opacity: 0}12%{opacity: 1}88%{opacity: 1}to{top: 100%;opacity: 0}}}
.pf-deploy{background: var(--bg-subtle-gray);padding: clamp(80px,9vw,130px) 0;border-top: 1px solid var(--border-muted-light)}
.pf-timeline{display: grid;grid-template-columns: repeat(5,1fr);gap: 18px;position: relative}
.pf-step{position: relative;background: var(--bg-pure-white);border: 1px solid var(--border-muted-light);border-radius: 18px;padding: 28px 24px 26px;transition: transform 0.5s cubic-bezier(0.16,1,0.3,1),box-shadow 0.5s ease,border-color 0.5s ease}
.pf-step:hover{transform: translateY(-6px);border-color: rgba(233,78,27,0.24);box-shadow: 0 30px 60px -38px rgba(30,34,41,0.3)}
.pf-step-num{width: 42px;height: 42px;border-radius: 12px;display: grid;place-items: center;background: var(--bg-light);border: 1px solid var(--border-muted-light);font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 900;font-size: 16px;letter-spacing: -0.03em;color: var(--text-dark-primary);margin-bottom: 22px;transition: var(--transition-fast)}
.pf-step:hover .pf-step-num{background: var(--orange);color: #fff;border-color: var(--orange)}
.pf-step-t{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 800;font-size: 18px;letter-spacing: -0.02em;color: var(--text-dark-primary);margin: 0 0 9px}
.pf-step-d{font-size: 13.5px;line-height: 1.55;color: var(--text-dark-secondary);margin: 0;text-wrap: pretty}
.pf-step-week{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 10px;letter-spacing: 0.06em;color: var(--orange);margin-top: 18px;padding-top: 14px;border-top: 1px solid var(--border-muted-light);display: block}
.pf-step:not(:last-child)::after{content: '';position: absolute;top: 49px;right: -13px;width: 26px;height: 1px;background: var(--border-muted-light);z-index: 1}
@media (max-width: 1080px){.pf-timeline{grid-template-columns: repeat(2,1fr)}
.pf-step:not(:last-child)::after{display: none}
.pf-timeline .pf-step:last-child{grid-column: 1 / -1}}
@media (max-width: 560px){.pf-timeline{grid-template-columns: 1fr}
.pf-timeline .pf-step:last-child{grid-column: auto}}
.pf-deploy-foot{display: flex;align-items: center;justify-content: center;gap: 18px;flex-wrap: wrap;margin-top: 48px;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 12px;letter-spacing: 0.04em;color: var(--text-muted-metadata)}
.pf-deploy-foot b{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 900;font-size: 17px;color: var(--orange);letter-spacing: -0.02em}
.reveal{opacity: 1;transform: none}
@media (max-width: 768px){.pf-foundations,.pf-experiences,.pf-ai,.pf-continuous,.pf-deploy{padding: 48px 0}}
html.pf-anim .reveal{opacity: 0;transform: translateY(28px);transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}
html.pf-anim .reveal.in{opacity: 1;transform: none}
.reveal.d1{transition-delay: 0.08s}
.reveal.d2{transition-delay: 0.16s}
.reveal.d3{transition-delay: 0.24s}
.reveal.d4{transition-delay: 0.32s}
@media (prefers-reduced-motion: reduce){html.pf-anim .reveal{opacity: 1;transform: none;transition: none}
.pf-float,.pf-pill .live,.pf-bubble .cur,.pf-arrow-line .dot{animation: none !important}}
.lp-planner{position: relative;margin-top: clamp(30px,3vw,46px);background: #fff;border: 1px solid #E8E8E8;border-radius: 12px;box-shadow: 0 2px 16px rgba(0,0,0,0.06);overflow: hidden;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;color: #1A1A1A}
.lp-badge{position: absolute;top: 13px;left: 16px;z-index: 6;font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 9.5px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: #5b6270;background: #fff;border: 1px solid #E8E8E8;border-radius: 100px;padding: 5px 11px;white-space: nowrap}
.lp-shell{position: relative;display: flex;align-items: center;height: 46px;padding: 0 16px;background: #fff;border-bottom: 1px solid #EAEAEA}
.lp-brand{display: flex;align-items: center;gap: 9px;margin-left: 150px;padding-right: 22px}
.lp-brand-sq{width: 20px;height: 20px;flex-shrink: 0;background: url('OGRE_Logo.svg') center/contain no-repeat}
.lp-brand-name{color: #1A1A1A;font-weight: 800;font-size: 15px;letter-spacing: 0.06em}
.lp-shell-nav{display: flex;gap: 2px;flex: 1;min-width: 0;overflow: hidden}
.lp-shell-nav span{font-size: 12px;color: #8A8A8A;padding: 6px 11px;border-radius: 6px;white-space: nowrap}
.lp-shell-nav .active{color: #E8450A;background: #FCEDE7;font-weight: 600}
.lp-shell-right{display: flex;align-items: center;gap: 16px;padding-left: 14px}
.lp-shell-ic svg{width: 17px;height: 17px;display: block;color: #9A9A9A}
@media (max-width: 760px){.lp-brand{margin-left: 132px}
.lp-shell-nav{display: none}}
.pf-carousel{margin-top: clamp(30px,3vw,46px);font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif}
.pf-car-pills{display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items: flex-end;width: 100%;gap: 0;margin-bottom: 0;padding: 0;position: relative;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none}
.pf-car-pills::-webkit-scrollbar{display: none}
.pf-car-pill{flex: 1 1 0;text-align: center;white-space: nowrap;font-family: inherit;cursor: pointer;font-size: 13px;font-weight: 500;letter-spacing: 0.005em;color: #999;background: #EDE8E0;border: 0.5px solid #E0DBD3;border-bottom: none;border-radius: 0;padding: 9px 17px;transition: background 0.18s ease,color 0.18s ease;position: relative;z-index: 1}
.pf-car-pill:hover{color: #6b6256;background: #E6E0D6}
.pf-car-pill + .pf-car-pill{margin-left: -0.5px}
.pf-car-pill:first-child,.pf-car-pill.active:first-child{border-radius: 8px 0 0 0}
.pf-car-pill:last-child,.pf-car-pill.active:last-child{border-radius: 0 8px 0 0}
.pf-car-pill.active{background: var(--text-dark-secondary);color: #fff;font-weight: 600;border-radius: 0;border-color: var(--text-dark-secondary);z-index: 3;box-shadow: inset 0 -2px 0 #E8490F}
.pf-car-frame{position: relative;z-index: 2;margin-top: -1px}
.pf-car-viewport{overflow: hidden;background: #fff;border: 0.5px solid #E0DBD3;border-radius: 0 0 8px 8px;box-shadow: 0 2px 16px rgba(0,0,0,0.06);transition: height 0.4s ease}
.pf-car-track{display: flex;width: 200%;transition: transform 0.4s ease}
.pf-car-slide{width: 50%;flex: 0 0 50%}
.pf-car-slide .lp-planner{margin-top: 0;width: 113.636%;transform: scale(0.88);transform-origin: top left}
.pf-car-arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 8;width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;background: #fff;border: 1px solid #E2E2E2;border-radius: 50%;box-shadow: 0 4px 14px rgba(0,0,0,0.10);cursor: pointer;color: #1A1A1A;transition: background 0.18s ease,color 0.18s ease,box-shadow 0.18s ease}
.pf-car-arrow:hover{background: #E8450A;border-color: #E8450A;color: #fff;box-shadow: 0 6px 18px rgba(232,69,10,0.30)}
.pf-car-arrow svg{width: 17px;height: 17px}
.pf-car-arrow--prev{left: -21px}
.pf-car-arrow--next{right: -21px}
.pf-car-dots{display: flex;justify-content: center;gap: 9px;margin-top: 18px}
.pf-car-dot{width: 9px;height: 9px;border-radius: 50%;background: #D6D6D6;border: none;padding: 0;cursor: pointer;transition: background 0.2s ease,width 0.2s ease,border-radius 0.2s ease}
.pf-car-dot.active{background: #E8450A;width: 24px;border-radius: 5px}
@media (max-width: 760px){.pf-car-arrow--prev{left: 6px}
.pf-car-arrow--next{right: 6px}}
.cw-board{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;color: #1A1A1A}
.cw-titlebar{display: flex;align-items: center;gap: 7px;padding: 13px 18px 14px;background: #fff}
.cw-title{font-size: 21px;font-weight: 800;color: #1A1A1A;letter-spacing: -0.01em}
.cw-titlebar svg{width: 15px;height: 15px;color: #999}
.cw-cols{display: grid;grid-template-columns: minmax(0,1.08fr) minmax(0,1fr) minmax(0,1fr);align-items: stretch;background: #F4F4F5;gap: 1px;border-top: 1px solid #EEE}
.cw-panel{display: flex;flex-direction: column}
.cw-panel{background: #fff;padding: 14px;min-width: 0}
.cw-panel-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px}
.cw-panel-title{font-size: 13.5px;font-weight: 700;color: #1A1A1A}
.cw-panel-sub{font-size: 11px;color: #8a8a8a;margin: -4px 0 8px}
.cw-panel-tools{display: flex;align-items: center;gap: 12px}
.cw-new{display: inline-flex;align-items: center;gap: 5px;font-size: 12px;font-weight: 600;color: #444}
.cw-new svg{width: 13px;height: 13px;color: #666}
.cw-kebab{display: flex;gap: 2px}
.cw-kebab i{width: 3px;height: 3px;border-radius: 50%;background: #b0b0b0}
.cw-panel-ic{display: flex;align-items: center;gap: 12px;color: #9a9a9a}
.cw-panel-ic svg{width: 15px;height: 15px}
.cw-chart-wrap{display: flex;flex-direction: column;align-items: center;padding: 8px 0 0}
.cw-pie-stage{position: relative;width: 300px;height: 300px}
.cw-pie{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 187px;height: 187px;border-radius: 50%;background: conic-gradient(
#3B82F6 0deg 56.4deg,#22C55E 56.4deg 65.8deg,#E8450A 65.8deg 251.6deg,#65A30D 251.6deg 337deg,#8B5CF6 337deg 356.9deg,#9CA3AF 356.9deg 357.6deg,#D6BCEC 357.6deg 360deg
);box-shadow: 0 2px 10px rgba(0,0,0,0.10)}
.cw-pie-lbl{position: absolute;font-size: 11px;font-weight: 500;color: #4a4a4a;transform: translateY(-50%);white-space: nowrap}
.cw-lead-svg{position: absolute;inset: 0;width: 300px;height: 300px;pointer-events: none;overflow: visible}
.cw-lead-svg polyline{fill: none;stroke-width: 1;stroke-opacity: 0.6}
.cw-legend{display: flex;align-items: center;gap: 4px;margin-top: 10px;width: 100%}
.cw-leg-arrow{color: #b0b0b0;font-size: 12px;flex-shrink: 0;padding: 0 2px}
.cw-leg-items{display: flex;align-items: center;gap: 13px;overflow: hidden;flex: 1;justify-content: center}
.cw-leg-item{display: inline-flex;align-items: center;gap: 6px;font-size: 11px;color: #555;white-space: nowrap}
.cw-leg-dot{width: 8px;height: 8px;border-radius: 50%;flex-shrink: 0}
.cw-filter{display: flex;align-items: center;gap: 7px;border: 1px solid #E2E2E2;border-radius: 6px;padding: 6px 10px;font-size: 12px;color: #9a9a9a;margin-bottom: 6px}
.cw-filter svg{width: 13px;height: 13px;flex-shrink: 0}
.cw-tbl-scroll{overflow-x: auto}
.cw-tbl{width: 100%;border-collapse: collapse;font-size: 12px}
.cw-tbl th{text-align: left;font-size: 11px;font-weight: 500;color: #999;padding: 8px 8px;border-bottom: 1px solid #EEE;white-space: nowrap}
.cw-tbl th em{font-style: normal;color: #c4c4c4;margin-left: 3px}
.cw-tbl th em::after{content: '\25BE';font-size: 9px}
.cw-tbl td{padding: 0 8px;height: 36px;border-bottom: 1px solid #F2F2F2;color: #444;white-space: nowrap}
.cw-tbl tbody tr:last-child td{border-bottom: none}
.cw-tbl tbody tr:hover{background: #FFF8F6}
.cw-check{width: 14px;height: 14px;border: 1px solid #C9C9C9;border-radius: 2px;display: inline-block;vertical-align: middle}
.cw-th-check{width: 30px}
.cw-link{color: #E8450A;font-weight: 600}
.cw-reg{display: inline-block;background: #FFD600;color: #1A1A1A;font-family: ui-monospace,'SF Mono',Menlo,monospace;font-size: 10px;font-weight: 700;letter-spacing: 0.02em;padding: 2px 6px;border-radius: 3px;white-space: nowrap}
.cw-muted{color: #b8b8b8}
.cw-pill-status{display: inline-block;font-size: 10.5px;font-weight: 600;padding: 2px 9px;border-radius: 100px;white-space: nowrap}
.cw-pill-status.queried{background: #FAEEDA;color: #854F0B}
.cw-pill-status.closed{background: #F3F3F3;color: #666}
.cw-foot{display: flex;align-items: center;justify-content: space-between;margin-top: 11px}
.cw-rows{font-size: 11.5px;color: #999}
.cw-pager{display: flex;align-items: center;gap: 8px;font-size: 12px;color: #777}
.cw-pager svg{width: 13px;height: 13px;color: #b0b0b0}
.cw-pager .pg-page{font-weight: 600;color: #555}
.cw-bottom{background: #fff;border-top: 1px solid #E8E8E8;padding: 14px 16px 16px}
.cw-bottom-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 11px;flex-wrap: wrap;gap: 10px}
.cw-bottom-title{display: inline-flex;align-items: center;gap: 6px;font-size: 15px;font-weight: 700;color: #1A1A1A}
.cw-bottom-title svg{width: 13px;height: 13px;color: #999}
.cw-bottom-tools{display: flex;align-items: center;gap: 14px}
.cw-bt{display: inline-flex;align-items: center;gap: 5px;font-size: 12px;color: #555;white-space: nowrap}
.cw-bt svg{width: 13px;height: 13px;color: #888}
.cw-bottom-filterbar{display: flex;justify-content: flex-end;margin-bottom: 8px}
.cw-bottom-filterbar .cw-filter{width: 230px;margin-bottom: 0}
.cw-tbl--wide td{height: 44px}
.cw-st-text{font-weight: 600}
.cw-st-text.approved{color: #1A1A1A}
.cw-st-text.invoiced{color: #3B82F6}
@media (max-width: 900px){.cw-cols{grid-template-columns: 1fr}}
.pf-car-track{width: 100%}
.pf-car-slide{min-width: 100%;max-width: 100%;width: 100%;flex: 0 0 100%;box-sizing: border-box}
@media (max-width: 760px){.pf-car-pills{display: none}}
.cw-board .cw-reg{background: #FDE68A}
.cw-board .cw-pie{background: conic-gradient(
#3B82F6 0deg 56.9deg,#22C55E 56.9deg 69.4deg,#F4845C 69.4deg 257deg,#65A30D 257deg 336.4deg,#8B5CF6 336.4deg 355.2deg,#9CA3AF 355.2deg 356.8deg,#D6BCEC 356.8deg 360deg
)}
.cw-board .lp-shell{height: 44px}
.cw-board .cw-titlebar{padding: 16px 18px 11px}
.cw-board .cw-panel{padding: 11px 14px}
.cw-board .cw-tbl td{height: 33px}
.cw-board .cw-tbl--wide td{height: 36px}
.cw-board .cw-bottom{padding: 11px 16px 12px}
.mc-board{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;color: #1A1A1A;display: flex;flex-direction: column}
.mc-board .lp-shell{height: 44px}
.mc-chev{width: 10px;height: 10px}
.mc-titlebar{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;padding: 16px 18px 12px;background: #fff}
.mc-title{font-size: 19px;font-weight: 800;letter-spacing: -0.01em;color: #1A1A1A}
.mc-saved{font-weight: 500;font-size: 13px;color: #9a9a9a}
.mc-subtitle{font-size: 11.5px;color: #8a8a8a;margin-top: 2px}
.mc-owner{display: flex;align-items: center;gap: 11px;flex-shrink: 0}
.mc-statlbl{display: flex;flex-direction: column;line-height: 1.25;text-align: right}
.mc-statlbl b{font-size: 12px;font-weight: 600;color: #1A1A1A}
.mc-statlbl span{font-size: 10.5px;color: #9a9a9a}
.mc-statlbl--name{text-align: left}
.mc-statlbl--name b{color: #2266CC}
.mc-avatar{width: 30px;height: 30px;border-radius: 50%;background: #1F8A5B;color: #fff;display: grid;place-items: center;font-size: 11px;font-weight: 700;position: relative}
.mc-avatar::after{content: '';position: absolute;right: -1px;bottom: -1px;width: 8px;height: 8px;border-radius: 50%;background: #22C55E;border: 1.5px solid #fff}
.mc-owner > .mc-chev{width: 13px;height: 13px;color: #9a9a9a;align-self: center}
.mc-tabs{display: flex;gap: 22px;padding: 0 18px;background: #fff;border-bottom: 1px solid #EAEAEA}
.mc-tabs span{position: relative;font-size: 13px;color: #5a5a5a;padding: 9px 0 10px;cursor: default}
.mc-tabs span.active{color: #1A1A1A;font-weight: 600}
.mc-tabs span.active::after{content: '';position: absolute;left: 0;right: 0;bottom: -1px;height: 2.5px;background: #E8450A;border-radius: 2px}
.mc-tabs em{font-style: normal;color: #9a9a9a;font-size: 10px}
.mc-body{flex: 1;min-height: 0;background: #F6F6F7}
.mc-lnk{color: #2266CC;text-decoration: none}
.mc-lnk:hover{text-decoration: underline}
.mc-body--defects{display: grid;grid-template-columns: 55% 45%;gap: 1px;padding: 0}
.df-left{background: #fff;padding: 12px 14px;display: flex;flex-direction: column;gap: 12px;min-width: 0;overflow: hidden}
.df-block{display: flex;flex-direction: column;min-width: 0}
.df-head{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 7px}
.df-title{font-size: 12.5px;font-weight: 700;color: #1A1A1A}
.df-title em{font-style: normal;color: #9a9a9a;font-size: 10px}
.df-tools{display: flex;align-items: center;gap: 11px}
.df-t{display: inline-flex;align-items: center;gap: 4px;font-size: 11px;color: #555;white-space: nowrap}
.df-t svg{width: 12px;height: 12px;color: #888}
.df-t em{font-style: normal;color: #9a9a9a;font-size: 9px}
.df-scroll{overflow: hidden;border: 1px solid #EEE;border-radius: 6px}
.df-tbl{width: 100%;border-collapse: collapse;font-size: 11px;table-layout: fixed}
.df-tbl th{text-align: left;font-size: 9.5px;font-weight: 500;color: #888;padding: 7px 8px;border-bottom: 1px solid #E8E8E8;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: #FBFBFB}
.df-tbl th em{font-style: normal;color: #c2c2c2;font-size: 9px;margin-left: 2px}
.df-tbl td{padding: 0 8px;height: 32px;border-bottom: 1px solid #F3F3F3;color: #4a4a4a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.df-tbl tbody tr:last-child td{border-bottom: none}
.df-tbl tbody tr:hover{background: #FFF8F6}
.df-tbl th:first-child,.df-tbl td:first-child{width: 26px}
.df-lnk{color: #E8450A;text-decoration: none}
.df-lnk:hover{text-decoration: underline}
.df-pill{display: inline-block;font-size: 10px;font-weight: 600;padding: 2px 8px;border-radius: 100px;white-space: nowrap}
.df-pill.assessed{background: #EFF6FF;color: #1D4ED8}
.df-pill.fixed{background: #DCFCE7;color: #166534}
.df-foot{font-size: 11px;color: #999;padding: 6px 2px 0}
.df-right{background: #F5F5F5;display: grid;place-items: stretch;padding: 14px}
.de-panel{background: #fff;border: 1px solid #EEEEEE;border-radius: 10px;overflow: hidden;display: flex;flex-direction: column;width: 100%}
.de-bar{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 9px 12px;border-bottom: 1px solid #EEEEEE}
.de-bar-label{font-size: 10px;letter-spacing: .06em;text-transform: uppercase;color: #9a9a9a;font-weight: 600}
.de-pill{font-size: 10px;font-weight: 600;padding: 3px 9px;border-radius: 100px;background: #FDEBE3;color: #E8450A;white-space: nowrap}
.de-img{position: relative;width: 100%;height: 260px;overflow: hidden}
.de-img img{width: 100%;height: 100%;object-fit: cover;display: block}
.de-circle{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none}
.de-cap{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.55);padding: 8px 12px;display: flex;flex-direction: column;gap: 1px}
.de-cap-t{color: #fff;font-size: 11px;font-weight: 600}
.de-cap-s{color: rgba(255,255,255,.7);font-size: 10px}
.de-meta{display: grid;grid-template-columns: 1fr 1fr;border-top: 1px solid #EEEEEE}
.de-meta-col{padding: 10px 12px;display: flex;flex-direction: column;gap: 2px}
.de-meta-col + .de-meta-col{border-left: 1px solid #EEEEEE}
.de-m-label{font-size: 10px;color: #9a9a9a}
.de-m-val{font-size: 12px;color: #1A1A1A;font-weight: 600}
.de-m-sub{font-size: 10px;color: #9a9a9a}
.de-sev{align-self: flex-start;margin-top: 2px;font-size: 10px;font-weight: 600;padding: 2px 9px;border-radius: 100px;background: #FEF3C7;color: #92400E}
.de-actions{display: flex;align-items: center;gap: 12px;padding: 8px 12px;border-top: 1px solid #EEEEEE}
.de-act{display: flex;align-items: center;gap: 7px}
.de-act-label{font-size: 11px;color: #4a4a4a}
.de-toggle{width: 30px;height: 17px;border-radius: 100px;background: #D4D4D4;position: relative;flex-shrink: 0;transition: background .15s}
.de-toggle i{position: absolute;top: 2px;left: 2px;width: 13px;height: 13px;border-radius: 50%;background: #fff;transition: left .15s}
.de-toggle.on{background: #E8450A}
.de-toggle.on i{left: 15px}
.de-assess{margin-left: auto;font-size: 11px;font-weight: 600;color: #E8450A;background: transparent;border: 1px solid #E8450A;border-radius: 6px;padding: 5px 11px;cursor: pointer;white-space: nowrap;transition: background .15s,color .15s}
.de-assess:hover{background: #E8450A;color: #fff}
.lv-board{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;color: #1A1A1A;display: flex;flex-direction: column}
.lv-board .lp-shell{height: 44px}
.lv-board .cw-titlebar{padding: 16px 18px 10px}
.lv-cols{display: grid;grid-template-columns: 1fr 1fr;gap: 1px;background: #EFEFF0;border-top: 1px solid #EEE}
.lv-panel{background: #fff;padding: 11px 14px;min-width: 0;display: flex;flex-direction: column}
.lv-head{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 8px}
.lv-ptitle{font-size: 13px;font-weight: 700;color: #1A1A1A}
.lv-ptitle em{font-style: normal;color: #9a9a9a;font-size: 10px}
.lv-tools{display: flex;align-items: center;gap: 9px}
.lv-t{display: inline-flex;align-items: center;gap: 4px;font-size: 11px;color: #555;white-space: nowrap}
.lv-t svg{width: 12px;height: 12px;color: #888}
.lv-filter{display: flex;align-items: center;gap: 7px;border: 1px solid #E2E2E2;border-radius: 6px;padding: 5px 9px;font-size: 11px;color: #9a9a9a;margin-bottom: 8px;align-self: flex-end;width: 200px}
.lv-filter svg{width: 12px;height: 12px;flex-shrink: 0}
.lv-tbl-scroll{overflow: hidden}
.lv-tbl{width: 100%;border-collapse: collapse;font-size: 11px;table-layout: fixed}
.lv-tbl th{text-align: left;font-size: 9.5px;font-weight: 500;color: #999;padding: 6px 6px;border-bottom: 1px solid #EEE;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.lv-tbl th em{font-style: normal;color: #c2c2c2;font-size: 9px}
.lv-tbl td{padding: 0 6px;height: 30px;border-bottom: 1px solid #F3F3F3;color: #4a4a4a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.lv-tbl tbody tr:last-child td{border-bottom: none}
.lv-tbl tbody tr:hover{background: #FFF8F6}
.lv-tbl th:first-child,.lv-tbl td:first-child{width: 24px}
.lv-lnk{color: #E8450A;text-decoration: none}
.lv-lnk:hover{text-decoration: underline}
.lv-pill{display: inline-block;font-size: 9.5px;font-weight: 600;padding: 2px 7px;border-radius: 100px;white-space: nowrap}
.lv-pill.onhire{background: #DCFCE7;color: #166534}
.lv-pill.dehired{background: #F3F3F3;color: #555}
.lv-foot{display: flex;align-items: center;justify-content: space-between;margin-top: 7px;font-size: 11px;color: #999}
.lv-pg{color: #777}
.lv-pg em{font-style: normal;color: #b0b0b0}
@media (max-width: 900px){.mc-body--defects{grid-template-columns: 1fr}
.lv-cols{grid-template-columns: 1fr}}
.pf-vendor-shot--cp{aspect-ratio:1900 / 1126}
.lv-pill.pending{background: #FEF3C7;color: #92400E}
.lv-pill.confirmed{background: #EFF6FF;color: #1D4ED8}
.lvx-tiles{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;padding: 11px 14px;background: #fff;border-top: 1px solid #EEE}
.lvx-tile{border: 1px solid #EEE;border-radius: 8px;padding: 11px 12px;display: flex;flex-direction: column;gap: 2px}
.lvx-tile-ic{width: 26px;height: 26px;border-radius: 7px;display: flex;align-items: center;justify-content: center;margin-bottom: 5px}
.lvx-tile-ic svg{width: 15px;height: 15px}
.lvx-tile-ic.blue{background: #EFF6FF;color: #2563EB}
.lvx-tile-ic.orange{background: #FCEDE7;color: #E8450A}
.lvx-tile-ic.green{background: #DCFCE7;color: #16A34A}
.lvx-tile-ic.amber{background: #FEF3C7;color: #B45309}
.lvx-tile-num{font-family: 'Satoshi','Satoshi Fallback',system-ui,sans-serif;font-size: 28px;font-weight: 700;color: #0F0F0F;line-height: 1}
.lvx-tile-lbl{font-size: 11px;color: #1A1A1A;font-weight: 600;margin-top: 4px}
.lvx-tile-sub{font-size: 10px;color: #9a9a9a}
.lv-board .lvx-cols{background: #EFEFF0}
.lv-board .lv-tbl td{height: 28px}
.lvx-chart{background: #fff;border-top: 1px solid #E8E8E8;padding: 12px 16px 14px}
.lvx-chart-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px}
.lvx-chart-lbl{font-size: 10px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: #999;font-family: 'Satoshi','Satoshi Fallback',system-ui,sans-serif}
.lvx-chart-ic{display: flex;align-items: center;gap: 12px;color: #b0b0b0}
.lvx-chart-ic svg{width: 14px;height: 14px}
.lvx-chart-body{display: grid;grid-template-columns: 230px 1fr;gap: 28px;align-items: center}
.lvx-donut-wrap{display: flex;align-items: center;gap: 16px}
.lvx-donut{position: relative;width: 120px;height: 120px;flex-shrink: 0}
.lvx-donut-ring{width: 120px;height: 120px;border-radius: 50%;background: conic-gradient(
#3B82F6 0deg 66.1deg,#22C55E 66.1deg 93.1deg,#F4845C 93.1deg 176.3deg,#8B5CF6 176.3deg 360deg
)}
.lvx-donut-hole{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 78px;height: 78px;border-radius: 50%;background: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center}
.lvx-donut-num{font-family: 'Satoshi','Satoshi Fallback',system-ui,sans-serif;font-size: 22px;font-weight: 700;color: #0F0F0F;line-height: 1}
.lvx-donut-lbl{font-size: 10px;color: #9a9a9a}
.lvx-legend{display: flex;flex-direction: column;gap: 7px}
.lvx-leg{display: flex;align-items: center;gap: 7px;font-size: 11px;color: #555}
.lvx-leg i{width: 9px;height: 9px;border-radius: 3px;flex-shrink: 0}
.lvx-leg b{margin-left: auto;color: #1A1A1A;font-weight: 600;font-variant-numeric: tabular-nums}
.lvx-bars-title{font-size: 10px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: #999;margin-bottom: 10px}
.lvx-bars{display: flex;flex-direction: column;gap: 9px}
.lvx-bar-row{display: grid;grid-template-columns: 84px 1fr 34px;align-items: center;gap: 10px}
.lvx-bar-lbl{font-size: 11px;color: #555}
.lvx-bar-track{height: 12px;background: #F3F3F3;border-radius: 6px;overflow: hidden}
.lvx-bar-fill{height: 100%;border-radius: 6px}
.lvx-bar-val{font-size: 11px;color: #1A1A1A;font-weight: 600;text-align: right;font-variant-numeric: tabular-nums}
@media (max-width: 900px){.lvx-tiles{grid-template-columns: 1fr 1fr}
.lvx-chart-body{grid-template-columns: 1fr;gap: 18px}}
.ms-board{display: flex;flex-direction: column;font-family: system-ui,-apple-system,'Hanken Grotesk','Hanken Fallback',sans-serif}
.ms-stage{flex: 1;min-height: 0;display: flex;align-items: center;justify-content: center;gap: 26px;background: #F8F8F8;padding: 16px}
.ms-cap{text-align: center;font-size: 12px;color: #8a8a8a;padding: 0 40px 14px;background: #F8F8F8}
.ms-phone{width: 208px;height: 416px;background: #fff;border: 2px solid #E0E0E0;border-radius: 28px;box-shadow: 0 4px 20px rgba(0,0,0,0.08);display: flex;flex-direction: column;overflow: hidden;flex-shrink: 0}
.ms-sb{display: flex;align-items: center;justify-content: space-between;padding: 7px 14px 3px;font-size: 10px;font-weight: 700;color: #1A1A1A;flex-shrink: 0}
.ms-sb-ic{display: flex;align-items: center;gap: 4px}
.ms-sb-ic svg{width: 13px;height: 11px}
.ms-screen{flex: 1;min-height: 0;padding: 8px 12px;overflow: hidden;display: flex;flex-direction: column}
.ms-plate{display: inline-block;background: #FDE68A;color: #1A1A1A;font-family: 'SF Mono',ui-monospace,monospace;font-weight: 700;font-size: 10px;letter-spacing: 0.04em;padding: 2px 7px;border-radius: 4px;border: 1px solid #EAC94A}
.ms-pill{display: inline-block;font-size: 9px;font-weight: 700;padding: 2px 7px;border-radius: 100px;white-space: nowrap}
.ms-pill.green{background: #DCFCE7;color: #166534}
.ms-pill.blue{background: #EFF6FF;color: #1D4ED8}
.ms-pill.amber{background: #FEF3C7;color: #92400E}
.ms-pill.orange{background: #FCEDE7;color: #E8450A}
.ms-card{border: 1px solid #EEE;border-radius: 10px;padding: 10px}
.ms-muted{color: #9a9a9a}
.ms-nav{display: flex;align-items: center;justify-content: space-around;border-top: 1px solid #EEE;padding-top: 7px;margin-top: auto}
.ms-nav span{display: flex;flex-direction: column;align-items: center;gap: 2px;font-size: 7.5px;color: #b0b0b0}
.ms-nav span svg{width: 15px;height: 15px}
.ms-nav .active{color: #E8450A}
.ms-btn{display: flex;align-items: center;justify-content: center;gap: 5px;border-radius: 8px;font-size: 10px;font-weight: 700;padding: 8px}
.ms-btn.orange{background: #E8450A;color: #fff}
.ms-meta{font-size: 8.5px;color: #9a9a9a}
.ms-dmg{position: absolute;width: 14px;height: 14px;border-radius: 50%;color: #fff;font-size: 8px;font-weight: 800;display: flex;align-items: center;justify-content: center;border: 1.5px solid #fff}
.ms-dmg.orange{background: #E8450A}
.ms-dmg.blue{background: #3B82F6}
.ms-dmg.green{background: #22C55E}
.va-numrow{display: flex;align-items: center;gap: 7px;font-size: 9.5px;color: #1A1A1A;padding: 3px 0}
.va-numdot{width: 15px;height: 15px;border-radius: 50%;background: #E8450A;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 8px;font-weight: 800;flex-shrink: 0}
.va-status{display: grid;grid-template-columns: 1fr 1fr;gap: 8px 10px}
.va-status > div{display: flex;flex-direction: column;gap: 2px}
.va-status .k{font-size: 8.5px;color: #777}
.va-status .v{font-size: 11px;font-weight: 800}
.va-status .v em{font-style: normal;color: #E8450A}
.va-status .v b{color: #16A34A}
.va-thumb{width: 46px;height: 38px;border-radius: 6px;background: #EEF1F4;border: 1px solid #E2E6EA;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: #9aa7b2}
.va-thumb svg{width: 22px;height: 22px}
.ms-stage--va{gap: 28px}
.ms-stage--va .ms-phone{width: 260px;height: 500px}
.ms-stage--va,.ms-stage--fa{padding: 6px 16px;gap: 30px}
.ms-stage--va .ms-phone,.ms-stage--fa .fa-phone{zoom: 1.22}
@media (max-width: 1180px){.ms-stage--va .ms-phone,.ms-stage--fa .fa-phone{zoom: 1.08}}
@media (max-width: 940px){.ms-stage--va,.ms-stage--fa{gap: 22px}
.ms-stage--va .ms-phone,.ms-stage--fa .fa-phone{zoom: 1}}
.ms-stage--fa{gap: 28px}
.fa-phone{width: 260px;height: 500px;background: #fff;border: 2px solid #E0E0E0;border-radius: 36px;box-shadow: 0 4px 24px rgba(0,0,0,0.10);display: flex;flex-direction: column;overflow: hidden;flex-shrink: 0;position: relative}
.fa-phone .ms-sb{padding: 9px 18px 4px;font-size: 11px}
.fa-phone .ms-sb-ic svg{width: 15px;height: 12px}
.fa-sec{font-size: 9px;font-weight: 700;letter-spacing: 0.13em;color: #9a9a9a;text-transform: uppercase}
.fa-card{background: #fff;border: 1px solid #ECECEC;border-radius: 14px;box-shadow: 0 1px 3px rgba(0,0,0,0.04)}
.fa-open{background: #FEF0EE;border-radius: 14px;padding: 12px 13px}
.fa-bignum{font-size: 30px;font-weight: 800;color: #E8450A;line-height: 1}
.fa-circ{width: 30px;height: 30px;border-radius: 50%;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 11px;font-weight: 800;flex-shrink: 0}
.fa-circ.hgv{background: #F4C12E}
.fa-circ.lcv{background: #2C7BE0}
.fa-circ.oth{background: #6B7280}
.fa-vdiv{width: 2px;background: #EFEFEF;align-self: stretch}
.fa-dots{display: flex;gap: 4px;justify-content: center}
.fa-dots i{width: 5px;height: 5px;border-radius: 50%;background: #E3D5CF}
.fa-dots i.on{width: 14px;border-radius: 3px;background: #E8450A}
.fa-nav{display: flex;align-items: flex-end;justify-content: space-between;border-top: 1px solid #EFEFEF;padding: 8px 26px 4px;margin-top: auto;position: relative}
.fa-nav .it{display: flex;flex-direction: column;align-items: center;gap: 3px;font-size: 9px;color: #b0b0b0}
.fa-nav .it svg{width: 17px;height: 17px}
.fa-nav .it.active{color: #E8450A}
.fa-navfab{width: 46px;height: 46px;border-radius: 50%;background: #3A3F45;color: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 12px rgba(0,0,0,0.22);margin-top: -22px}
.fa-navfab svg{width: 20px;height: 20px}
.fa-statpill{font-size: 9px;font-weight: 700;padding: 2px 9px;border-radius: 100px;display: inline-block}
.fa-statpill.pend{background: #FEE2E2;color: #C2554A}
.fa-statpill.done{background: #EFF6FF;color: #2C7BE0}
.fa-truckph{width: 80px;height: 70px;border-radius: 8px;overflow: hidden;background: transparent;display: flex;align-items: center;justify-content: center;flex-shrink: 0}
.fa-tile{background: #fff;border: 1px solid #ECECEC;border-radius: 12px;padding: 9px 11px;flex: 1}
.fa-row{display: flex;align-items: center;gap: 9px;background: #fff;border: 1px solid #ECECEC;border-radius: 12px;padding: 11px 12px}
.fa-fab-navy{position: absolute;right: 16px;bottom: 18px;width: 48px;height: 48px;border-radius: 50%;background: #16213E;color: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0 5px 14px rgba(22,33,62,0.4)}
.fa-fab-navy svg{width: 22px;height: 22px}
.fa-vanwrap{position: relative;padding: 6px 24px}
.fa-vanarrow{position: absolute;top: 50%;transform: translateY(-50%);color: #C9CDD2}
.fa-vanarrow svg{width: 16px;height: 16px}
.fa-thumb{width: 48px;height: 48px;border-radius: 7px;object-fit: cover;flex-shrink: 0;border: 1px solid #E4E4E4}
.fa-toggle{width: 40px;height: 22px;border-radius: 100px;background: #E0E0E0;position: relative;flex-shrink: 0}
.fa-toggle.on{background: #E8450A}
.fa-toggle i{position: absolute;top: 2px;left: 2px;width: 18px;height: 18px;border-radius: 50%;background: #fff;transition: left .2s}
.fa-toggle.on i{left: 20px}