: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-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%)}}}
.section-wrapper{padding: 140px 0;position: relative;background: var(--bg-light)}
.border-top{border-top: 1px solid var(--border-muted-light)}
.section-heading{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 900;font-size: 2.8rem;line-height: 1.15;color: var(--text-dark-primary);letter-spacing: -0.02em;margin-bottom: 24px}
.section-desc{font-size: 16px;line-height: 1.65;color: var(--text-dark-secondary)}
.eyebrow{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 11px;font-weight: 600;letter-spacing: 0.18em;color: var(--accent-purple);display: block}
@keyframes pillarPanelIn{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: translateY(0)}}
.cta-banner{background: var(--bg-wash);border-top: 1px solid var(--border-muted-light);padding: 88px 0;text-align: center}
.cta-banner-inner{max-width: 760px;margin: 0 auto;padding: 0 24px;display: flex;flex-direction: column;align-items: center}
.cta-banner-heading{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 900;font-size: clamp(2.1rem,4.5vw,3.1rem);line-height: 1.04;letter-spacing: -0.02em;color: var(--text-dark-primary);text-wrap: balance}
.cta-banner-sub{font-size: 18px;line-height: 1.6;color: var(--text-dark-secondary);max-width: 560px;margin: 20px 0 36px;text-wrap: pretty}
.cta-banner-actions{display: flex;gap: 16px;justify-content: center;flex-wrap: wrap}
.cta-banner .btn-primary{background: var(--orange);color: #FFFFFF;border-color: var(--orange)}
.cta-banner .btn-primary:hover{background: var(--orange-strong);border-color: var(--orange-strong);color: #FFFFFF}
.cta-banner .btn-secondary{color: var(--text-dark-primary);border-color: var(--border-muted-light)}
.cta-banner .btn-secondary:hover{background: var(--bg-pure-white);border-color: var(--text-dark-primary)}
@media (max-width: 600px){.cta-banner{padding: 64px 0}
.cta-banner-actions{width: 100%;flex-direction: column}
.cta-banner-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,.eyebrow,.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}
.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){.section-wrapper{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}}
.cta-banner{background: #0F0F12;border-top: 1px solid #0F0F12;padding: clamp(72px,8vw,104px) 0}
.cta-banner-heading{color: #FFFFFF}
.cta-banner-sub{color: rgba(255,255,255,0.66)}
.cta-banner .btn-secondary{color: #FFFFFF;background: transparent;border: 1px solid rgba(255,255,255,0.5)}
.cta-banner .btn-secondary:hover{background: rgba(255,255,255,0.08);border-color: #FFFFFF;color: #FFFFFF}
.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}}
.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}
.wrap{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 48px}
@media (max-width: 992px){.wrap{padding: 0 30px}}
.rel{position: relative;z-index: 1}
.glow{position: absolute;border-radius: 50%;filter: blur(80px);pointer-events: none;z-index: 0}
.glow-purple{background: radial-gradient(circle,rgba(233,78,27,0.5),transparent 70%)}
.btn-lg{padding: 16px 32px;font-size: 15px}
.eyebrow{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: 11px;font-weight: 600;color: var(--accent-purple);letter-spacing: 0.15em;text-transform: uppercase;display: inline-flex;align-items: center}
.subhero-zone-fixed{background-color: var(--bg-light) !important;border-bottom: 1px solid var(--border-muted-light);position: relative;padding-top: clamp(150px,18vh,210px);padding-bottom: clamp(72px,10vh,110px);overflow: hidden;isolation: isolate}
.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}
.subhero-display-fixed{font-family: 'Satoshi','Satoshi Fallback',sans-serif;font-weight: 900;font-size: clamp(2.4rem,4.5vw,3.8rem);line-height: 1.12;color: var(--text-dark-primary);letter-spacing: -0.025em;margin: 16px 0 0 0}
.subhero-lead-fixed{font-family: 'Hanken Grotesk','Hanken Fallback',sans-serif;font-size: clamp(16px,1.2vw,19px);line-height: 1.65;color: var(--text-dark-secondary);max-width: 52ch;margin: 24px 0 0 0}
.subhero-zone-fixed .btn-primary{background: var(--orange);color: #FFFFFF;border-color: var(--orange)}
.subhero-zone-fixed .btn-primary:hover{background: var(--orange-strong);border-color: var(--orange-strong);color: #FFFFFF}
.subhero-zone-fixed .btn-secondary{color: var(--text-dark-primary);border-color: var(--border-muted-light)}
.subhero-zone-fixed .btn-secondary:hover{background: var(--bg-wash);border-color: var(--text-dark-primary)}