@charset "UTF-8";

/* Homepage art direction v2: editorial library photography, ink navy and cobalt. */
.home-page{background:#f7f7f5}
.home-page .site-header{height:84px;background:rgba(247,247,245,.9);border-bottom:1px solid rgba(17,24,39,.06);backdrop-filter:blur(18px)}
.home-page .brand-mark i{background:#3157d5}.home-page .brand-mark i:last-child{background:#7290ef}.home-page .brand-mark i::after{background:#f7f7f5}
.home-page .wordmark em{color:#3157d5}.home-page .nav{gap:32px}.home-page .nav>a{color:#344054;font-weight:650}.home-page .nav>a:hover{color:#3157d5}
.home-page .nav .button{border-radius:999px;padding:11px 19px;background:#3157d5;box-shadow:0 8px 20px rgba(49,87,213,.2)}

.home-page .hero{padding-top:20px}
.home-page .hero-panel{position:relative;isolation:isolate;display:block;min-height:680px;border-radius:32px;background:#0b1324;box-shadow:0 34px 90px rgba(16,24,40,.16);overflow:hidden}
.home-page .hero-panel::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(7,12,24,.98) 0%,rgba(7,12,24,.93) 28%,rgba(7,12,24,.57) 52%,rgba(7,12,24,.08) 80%),linear-gradient(0deg,rgba(7,12,24,.74) 0%,transparent 34%);pointer-events:none}
.home-page .hero-panel::after{content:"";position:absolute;z-index:1;inset:0;border:1px solid rgba(255,255,255,.13);border-radius:inherit;pointer-events:none}
.home-page .hero-media{position:absolute;z-index:0;inset:0;margin:0}.home-page .hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.home-page .hero-copy{position:relative;z-index:2;width:min(67%,760px);padding:92px 72px 190px;color:#fff}
.home-page .hero-eyebrow{display:inline-flex;width:max-content;align-items:center;gap:11px;margin:0 0 35px;padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);color:#eef2ff;font-size:10px;font-weight:700;letter-spacing:.16em;backdrop-filter:blur(10px)}
.home-page .hero-eyebrow .dot{width:6px;height:6px;background:#89a5ff;box-shadow:0 0 0 5px rgba(137,165,255,.14)}
.home-page .hero h1{max-width:720px;margin:0 0 28px;font-size:clamp(48px,5vw,72px);font-weight:740;line-height:1.22;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 4px 30px rgba(0,0,0,.28)}
.home-page .hero h1 strong{color:#9db4ff;font-weight:inherit}
.home-page .hero-copy>p{max-width:530px;margin:0;color:rgba(255,255,255,.74);font-size:17px;line-height:1.85;letter-spacing:-.025em}
.home-page .hero .actions{margin-top:38px;gap:10px}.home-page .hero .button{min-height:52px;padding:14px 22px;border-radius:999px;gap:26px;font-size:13px}
.home-page .hero .button.light{background:#fff;color:#111827;box-shadow:0 12px 28px rgba(0,0,0,.18)}.home-page .hero .button.light:hover{background:#eef2ff}
.home-page .hero .button.dark-outline{border-color:rgba(255,255,255,.36);background:rgba(10,17,31,.23);backdrop-filter:blur(8px)}.home-page .hero .button.dark-outline:hover{background:rgba(255,255,255,.1)}
.home-page .hero-proof{position:absolute;z-index:2;left:72px;right:72px;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);color:#fff}
.home-page .hero-proof>div{position:relative;padding:27px 32px 30px;border-left:1px solid rgba(255,255,255,.14);background:rgba(7,12,24,.22);backdrop-filter:blur(9px)}.home-page .hero-proof>div:first-child{border-left:0;padding-left:0}
.home-page .hero-proof span{display:block;margin-bottom:9px;color:#9db4ff;font-family:Consolas,monospace;font-size:9px;letter-spacing:.14em}.home-page .hero-proof strong{display:block;font-size:15px;letter-spacing:.01em}.home-page .hero-proof small{display:block;margin-top:4px;color:rgba(255,255,255,.55);font-size:10px}
.home-page .intro-strip{margin:0 10px;padding:34px 4px 30px;border-bottom:1px solid #dbdde2}.home-page .intro-strip>span{color:#98a2b3;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.home-page .intro-strip>div{gap:42px;color:#475467}.home-page .intro-strip .icon{color:#3157d5}.home-page .intro-strip>div span{display:inline-flex;align-items:center;font-size:12px}

.home-page .section{padding-block:120px}.home-page .section-sm{padding-block:82px}
.home-page .section-heading{margin-bottom:50px}.home-page .section-heading h2{max-width:820px;font-size:clamp(36px,4vw,54px);line-height:1.18;font-weight:710;letter-spacing:-.06em}.home-page .section-heading p{font-size:15px;line-height:1.9}
.home-page .eyebrow{color:#3157d5;font-size:10px;letter-spacing:.2em}.home-page .eyebrow::before{width:24px}
.home-page .solutions{gap:28px}.home-page .solution-card{min-height:590px;padding:46px 46px 0;border:1px solid #e0e4ec;border-radius:28px;background:linear-gradient(145deg,#f0f3fb 0%,#e8edf9 100%);box-shadow:0 18px 45px rgba(16,24,40,.06);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.home-page .solution-card:hover{transform:translateY(-8px);border-color:#c5d1f3;box-shadow:0 28px 60px rgba(16,24,40,.11)}
.home-page .solution-card.marc{color:#fff;border-color:#202d46;background:radial-gradient(circle at 80% 5%,rgba(77,111,226,.28),transparent 42%),linear-gradient(145deg,#131d31,#0c1424)}
.home-page .solution-top{margin-bottom:35px}.home-page .solution-top>span{color:#3157d5;font-size:10px;letter-spacing:.18em}.home-page .solution-card.marc .solution-top>span{color:#9db4ff}
.home-page .pill.green{border-color:#c7d3f5;background:#e8edff;color:#3157d5}.home-page .pill.green .dot{background:#3157d5}.home-page .pill.orange{border-color:#ead6c8;background:#fff4ec;color:#a95b34}
.home-page .solution-card h3{margin-bottom:18px;font-size:36px;font-weight:700}.home-page .solution-card>p{max-width:410px;color:#667085;font-size:15px;line-height:1.85}.home-page .solution-card.marc>p{color:#aeb9cc}
.home-page .tags{gap:8px}.home-page .tags span{padding:6px 11px;border-color:#cfd7e9;border-radius:999px;color:#475467;font-size:10px;background:rgba(255,255,255,.42)}.home-page .marc .tags span{border-color:rgba(255,255,255,.18);color:#cbd5e7;background:rgba(255,255,255,.05)}
.home-page .solution-links{margin-top:30px}.home-page .solution-links a{font-size:13px}.home-page .solution-links a:first-child{color:#3157d5}.home-page .solution-card.marc .solution-links a:first-child{color:#b9c8ff}.home-page .solution-card.marc .solution-links a:last-child{color:#aeb9cc;border-color:#59657b}
.home-page .card-preview{margin-top:42px;min-height:193px;padding:25px 28px;border-radius:16px 16px 0 0;box-shadow:0 16px 38px rgba(16,24,40,.08)}.home-page .solution-card.marc .card-preview{background:#f8f9fc;color:#111827}
.home-page .card-preview-label{margin-bottom:24px;font-size:11px}.home-page .shelf-preview{min-height:119px;border-color:#aeb8d5}.home-page .book-spine{background:#94a8e7;color:#1e377f}.home-page .book-spine:nth-child(2){background:#d7c6ad;color:#67543d}.home-page .book-spine:nth-child(3){background:#233a71;color:#fff}.home-page .book-spine:nth-child(4){background:#b8c5ea;color:#233a71}.home-page .code-preview b,.home-page .code-preview em{color:#3157d5}

.home-page .connection{border:0;background:#111b31;color:#fff}.home-page .connection-inner{padding-block:70px}.home-page .connection h2{font-size:33px;line-height:1.35}.home-page .connection p{color:#9eabc0}.home-page .flow-step{color:#dfe6f5}.home-page .flow-step .icon-box{width:62px;height:62px;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#9db4ff}.home-page .flow-arrow{color:#536581}
.home-page .benefits{gap:24px}.home-page .benefit{min-height:285px;padding:34px 32px;border:1px solid #e2e5ea;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(16,24,40,.045)}.home-page .benefit-top{margin-bottom:48px;color:#3157d5}.home-page .benefit h3{font-size:23px}.home-page .benefit p{font-size:14px}
.home-page .brand-story{border-radius:30px;background:radial-gradient(circle at 25% 30%,rgba(94,126,231,.22),transparent 40%),#0d172a;box-shadow:0 24px 70px rgba(16,24,40,.16)}.home-page .brand-art{min-height:430px}.home-page .brand-art::before,.home-page .brand-art::after{border-color:rgba(157,180,255,.17);width:300px;height:300px}.home-page .brand-equation{font-size:118px}.home-page .brand-equation em,.home-page .brand-story h2 em{color:#9db4ff}.home-page .brand-art>span{color:#aab9d3}.home-page .brand-story-copy{display:flex;flex-direction:column;justify-content:center;padding:70px}.home-page .brand-story .eyebrow{color:#9db4ff}.home-page .brand-story h2{font-size:39px;line-height:1.42}.home-page .brand-story p{color:#aeb9cc;font-size:15px}
.home-page .roadmap{gap:18px}.home-page .roadmap-item{min-height:225px;padding:32px;border-color:#e2e5ea;border-radius:18px;box-shadow:0 10px 28px rgba(16,24,40,.04)}.home-page .roadmap-item.current{border-color:#c5d1f3;background:#eef2ff}.home-page .roadmap-item>div{margin-bottom:35px}.home-page .roadmap-item h3{font-size:21px}.home-page .roadmap-item p{font-size:14px}
.home-page .faq-layout{gap:100px}.home-page .faq-list details{padding:24px 0}.home-page .faq-list summary{font-size:15px}.home-page .faq-list summary::after{color:#3157d5}
.home-page .contact-panel{min-height:260px;padding:55px 64px;border:0;border-radius:28px;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 28%),linear-gradient(135deg,#3157d5,#233e9f);color:#fff;box-shadow:0 25px 70px rgba(49,87,213,.2)}.home-page .contact-panel .eyebrow{color:#cbd7ff}.home-page .contact-panel h2{font-size:36px}.home-page .contact-panel p{color:#cbd7ff}.home-page .contact-panel .button{background:#fff;color:#233e9f;border-radius:999px;box-shadow:0 12px 25px rgba(14,28,74,.18)}
.home-page .site-footer{background:#fff;margin-top:80px}.home-page .site-footer .brand-mark i{background:#3157d5}.home-page .site-footer .brand-mark i::after{background:#fff}

@media(max-width:1120px){
  .home-page .hero-panel{min-height:630px}.home-page .hero-copy{padding:76px 50px 180px}.home-page .hero h1{font-size:52px}.home-page .hero-proof{left:50px;right:50px}.home-page .solution-card{padding:38px 36px 0}.home-page .brand-story-copy{padding:52px}
}
@media(max-width:900px){
  .home-page .hero-panel{display:block;min-height:660px}.home-page .hero-panel::before{background:linear-gradient(90deg,rgba(7,12,24,.96),rgba(7,12,24,.73) 63%,rgba(7,12,24,.26)),linear-gradient(0deg,rgba(7,12,24,.75),transparent 42%)}
  .home-page .hero-copy{width:76%;padding:72px 46px 180px}.home-page .hero h1{font-size:49px}.home-page .hero-proof{left:46px;right:46px}
  .home-page .solution-card{min-height:560px}.home-page .brand-story-copy{padding:44px}.home-page .brand-story h2{font-size:32px}.home-page .faq-layout{gap:50px}
}
@media(max-width:720px){
  .home-page .site-header{height:72px}.home-page .nav{top:72px;background:#f7f7f5}.home-page .hero{padding-top:10px}.home-page .hero-panel{min-height:720px;border-radius:22px}.home-page .hero-media img{object-position:64% center}
  .home-page .hero-panel::before{background:linear-gradient(180deg,rgba(7,12,24,.88) 0%,rgba(7,12,24,.71) 57%,rgba(7,12,24,.92) 100%)}
  .home-page .hero-copy{width:100%;padding:42px 27px 230px}.home-page .hero-eyebrow{margin-bottom:28px;padding:8px 10px;font-size:8px}.home-page .hero h1{font-size:39px;line-height:1.3}.home-page .hero-copy>p{font-size:14px}.home-page .hero-copy>p br{display:block}.home-page .hero .actions{margin-top:30px}.home-page .hero .button{min-height:48px;padding:12px 17px;font-size:11px;gap:14px}
  .home-page .hero-proof{left:27px;right:27px;grid-template-columns:1fr;bottom:17px}.home-page .hero-proof>div{display:grid;grid-template-columns:30px 90px 1fr;align-items:center;gap:5px;padding:13px 0;border-left:0;border-top:1px solid rgba(255,255,255,.12);background:transparent;backdrop-filter:none}.home-page .hero-proof>div:first-child{border-top:0;padding-left:0}.home-page .hero-proof span,.home-page .hero-proof strong,.home-page .hero-proof small{margin:0}.home-page .hero-proof span{font-size:8px}.home-page .hero-proof strong{font-size:12px}.home-page .hero-proof small{font-size:9px}
  .home-page .intro-strip{margin:0;padding:25px 0}.home-page .intro-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.home-page .intro-strip>div span{font-size:10px}.home-page .section{padding-block:76px}.home-page .section-sm{padding-block:54px}.home-page .section-heading{margin-bottom:32px}.home-page .section-heading h2{font-size:33px}.home-page .section-heading p{font-size:13px}.home-page .solutions{gap:18px}
  .home-page .solution-card{min-height:0;padding:32px 26px 0;border-radius:21px}.home-page .solution-card h3{font-size:29px}.home-page .solution-card>p{font-size:13px}.home-page .solution-top{margin-bottom:26px}.home-page .card-preview{margin-top:32px;padding:20px;min-height:165px}
  .home-page .connection-inner{padding-block:48px}.home-page .connection h2{font-size:27px}.home-page .flow-step .icon-box{width:46px;height:46px}.home-page .benefits{gap:14px}.home-page .benefit{min-height:0;padding:28px 25px}.home-page .benefit-top{margin-bottom:26px}
  .home-page .brand-story{border-radius:22px}.home-page .brand-art{min-height:275px}.home-page .brand-equation{font-size:92px}.home-page .brand-art::before,.home-page .brand-art::after{width:190px;height:190px}.home-page .brand-story-copy{padding:36px 27px}.home-page .brand-story h2{font-size:29px}
  .home-page .roadmap-item{min-height:0;padding:26px}.home-page .roadmap-item>div{margin-bottom:24px}.home-page .faq-layout{gap:20px}.home-page .contact-panel{min-height:0;padding:36px 27px;border-radius:21px}.home-page .contact-panel h2{font-size:29px}.home-page .site-footer{margin-top:55px}
}

/* Full-bleed responsive hero using the team's library photography. */
.home-page .site-header{position:fixed;inset:0 0 auto;height:92px;color:#fff;background:linear-gradient(180deg,rgba(5,10,20,.52),transparent);border:0;box-shadow:none;backdrop-filter:none;transition:height .3s,color .3s,background .3s,box-shadow .3s,backdrop-filter .3s}
.home-page .site-header:not(.scrolled) .wordmark{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.home-page .site-header:not(.scrolled) .brand-logo{filter:invert(1) drop-shadow(0 2px 10px rgba(0,0,0,.28))}
.home-page .site-header:not(.scrolled) .brand-name{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.35)}
.home-page .site-header:not(.scrolled) .nav>a{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.home-page .site-header:not(.scrolled) .nav>a:hover{color:#b9c8ff}
.home-page .site-header:not(.scrolled) .nav .nav-portal{border-color:rgba(255,255,255,.3)}
.home-page .site-header:not(.scrolled) .menu-toggle{color:#fff}
.home-page .site-header.scrolled{height:74px;color:#111827;background:rgba(255,255,255,.93);border-bottom:1px solid rgba(17,24,39,.08);box-shadow:0 10px 35px rgba(16,24,40,.08);backdrop-filter:blur(18px)}
.home-page .site-header.scrolled .wordmark{color:#111827;text-shadow:none}.home-page .site-header.scrolled .brand-name{color:#667085;border-color:#d0d5dd}
.home-page .site-header.scrolled .brand-logo,.home-page .site-footer .brand-logo{filter:none}
.home-page .site-header.scrolled .nav>a{color:#344054;text-shadow:none}.home-page .site-header.scrolled .nav>a:hover{color:#3157d5}.home-page .site-header.scrolled .nav .nav-portal{border-color:#d0d5dd}
.home-page .hero.container{width:100%;max-width:none;margin:0;padding:0}
.home-page .hero-panel{min-height:100svh;border-radius:0;box-shadow:none}
.home-page .hero-panel::before{z-index:1;background:linear-gradient(90deg,rgba(5,10,20,.9) 0%,rgba(5,10,20,.74) 35%,rgba(5,10,20,.28) 67%,rgba(5,10,20,.08) 100%),linear-gradient(180deg,rgba(5,10,20,.28) 0%,transparent 48%,rgba(5,10,20,.82) 100%)}
.home-page .hero-panel::after{border:0;border-radius:0}
.home-page .hero-slides,.home-page .hero-slide{position:absolute;inset:0;margin:0;overflow:hidden}
/* Fade between still images; avoid continuous full-screen scaling. */
.home-page .hero-slide{opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s linear 1.1s}
.home-page .hero-slide.is-active{opacity:1;visibility:visible;transition-delay:0s}
.home-page .hero-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.home-page .hero-slide:nth-child(1) img{object-position:center 50%}.home-page .hero-slide:nth-child(2) img{object-position:center 56%}.home-page .hero-slide:nth-child(3) img{object-position:center 51%}.home-page .hero-slide:nth-child(4) img{object-position:center 54%}.home-page .hero-slide:nth-child(5) img{object-position:center 50%}
.home-page .hero-copy{container-type:inline-size;width:min(100%,calc(800px + max(48px,calc((100vw - 1280px)/2))));padding:clamp(155px,20vh,215px) 0 240px max(48px,calc((100vw - 1280px)/2))}
.home-page .hero h1{font-size:min(clamp(52px,5.1vw,78px),10cqi);white-space:nowrap;text-wrap:nowrap}







.home-page .hero-proof{left:max(48px,calc((100vw - 1280px)/2));right:max(48px,calc((100vw - 1280px)/2))}
.home-page .intro-strip{width:min(calc(100% - 64px),1280px);margin-inline:auto}

@media(min-width:721px){
  .home-page .hero-proof>div{text-align:center}.home-page .hero-proof>div:first-child{padding-left:32px}
}

@media(max-width:900px){
  .home-page .hero-panel{min-height:100svh}.home-page .hero-panel::before{background:linear-gradient(90deg,rgba(5,10,20,.9),rgba(5,10,20,.58) 72%,rgba(5,10,20,.18)),linear-gradient(180deg,rgba(5,10,20,.3),transparent 48%,rgba(5,10,20,.82))}
  .home-page .hero-copy{width:86%;padding:clamp(145px,19vh,185px) 46px 230px}.home-page .hero-proof{left:46px;right:46px}
}
@media(max-width:720px){
  .home-page .site-header{height:72px}.home-page .site-header.scrolled{height:68px}.home-page .site-header:has(.nav.is-open){color:#111827;background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.1);backdrop-filter:blur(18px)}
  .home-page .site-header:has(.nav.is-open) .wordmark{color:#111827;text-shadow:none}.home-page .site-header:has(.nav.is-open) .brand-name{color:#667085;border-color:#d0d5dd}.home-page .site-header:has(.nav.is-open) .brand-logo{filter:none}.home-page .site-header:has(.nav.is-open) .menu-toggle{color:#111827}
  .home-page .nav{top:72px;background:#fff}.home-page .site-header.scrolled .nav{top:68px}
  .home-page .hero-panel{min-height:max(760px,100svh)}
  .home-page .hero-panel::before{background:linear-gradient(180deg,rgba(5,10,20,.78) 0%,rgba(5,10,20,.54) 48%,rgba(5,10,20,.91) 100%)}
  .home-page .hero-slide:nth-child(1) img{object-position:48% center}.home-page .hero-slide:nth-child(2) img{object-position:50% center}.home-page .hero-slide:nth-child(3) img{object-position:50% center}.home-page .hero-slide:nth-child(4) img{object-position:62% center}.home-page .hero-slide:nth-child(5) img{object-position:54% center}
  .home-page .hero-copy{width:100%;padding:122px 27px 275px}.home-page .hero h1{font-size:min(clamp(39px,11vw,48px),10cqi)}
  
  .home-page .hero-proof{left:27px;right:27px;bottom:18px}.home-page .intro-strip{width:calc(100% - 36px)}
}




















@media(prefers-reduced-motion:reduce){.home-page .hero-slide{transition:none}}