/* Preserve the supplied wordmark colors on every surface. */
.header .brand,.footer-identity .brand{background:#fff;border-radius:100px;padding:0 8px;overflow:hidden}
.header .brand img.complete-logo,.footer-identity .brand img.complete-logo,:root:not([data-theme=dark]) .header .brand img.complete-logo,[data-theme=dark] .header .brand img.complete-logo{width:204px;height:43px;object-fit:cover;object-position:center;filter:none;mix-blend-mode:normal}
.footer-identity .brand img.complete-logo{width:230px;height:49px}
.header .header-inner{gap:16px}.header nav{gap:20px}
.how,.product-suite,.operation-path{position:relative;isolation:isolate;background-image:radial-gradient(circle at 1px 1px,#5188b819 1px,transparent 0);background-size:28px 28px}
.operation-path{background-color:#f4f9fd;border-block:1px solid var(--line)}
.affiliate-example{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}
.example-heading{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:.65rem;font-weight:700}.example-heading .icon{width:19px;height:19px}
.example-equation{display:flex;gap:17px;align-items:center;margin:23px 0}.example-equation>div{display:flex;flex-direction:column;gap:6px;min-width:0}.example-equation output,.example-equation strong{font-size:1.8rem;font-weight:700;color:var(--ink);white-space:nowrap}.example-equation div>span{font-size:.7rem;color:var(--muted)}.example-equation>span{font-size:1.5rem;color:#63819d}
.affiliate-example label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:10px}.affiliate-example input{width:100%;accent-color:var(--blue);cursor:pointer;min-height:30px;margin:0}.affiliate-example input:focus-visible{outline:3px solid #d99000;outline-offset:4px;border-radius:8px}
.example-total{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.example-total>span{font-size:.8rem;color:var(--muted)}.example-total output{font-size:2rem;font-weight:700;color:var(--blue);white-space:nowrap}.affiliate-example>p{font-size:.72rem;line-height:1.8;color:var(--muted);margin:15px 0 0}
.path-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;padding:0;margin:65px 0 10px;position:relative}.path-steps:before{content:'';position:absolute;left:35px;right:35px;top:38px;height:1px;background:#9ecfe7}.path-steps li{position:relative}.path-symbol{position:relative;display:grid;place-items:center;width:78px;height:78px;border:1px solid #aecfe9;border-radius:25px;background:#fff;box-shadow:0 8px 20px #0757ef08;margin-bottom:30px;transition:transform .5s var(--ease),box-shadow .4s}.path-symbol>.icon{width:30px;height:30px;color:var(--blue)}.path-symbol>span{position:absolute;right:-9px;top:-9px;border-radius:100px;display:grid;place-items:center;width:26px;height:26px;background:var(--blue);color:white;font-size:.6rem;font-weight:700}.path-steps li:hover .path-symbol{transform:translateY(-7px) rotate(-5deg);box-shadow:0 14px 30px #0757ef1f}.path-steps h3{font-size:1.7rem;margin-bottom:14px}.path-steps p{font-size:.9rem;color:var(--muted);max-width:300px;min-height:78px}.path-caption{font-size:.6rem;color:var(--blue);font-weight:700;border-bottom:2px solid #40c1d2;padding-bottom:9px;display:inline-block}
.product-tile,.channels>a,.faq-list details,.flow-node{transition:transform .45s var(--ease),border-color .3s,box-shadow .45s}.product-tile:hover{transform:translateY(-7px);box-shadow:0 20px 45px #0757ef15}.product-tile:hover .product-visual{filter:saturate(1.15)}.channels>a:hover{border-color:#77b6ea;box-shadow:0 12px 26px #0757ef0b}.channels>a>.icon:last-child{transition:transform .3s}.channels>a:hover>.icon:last-child{transform:translate(3px,-3px)}.flow-node:hover{transform:translateX(5px)}.safety-grid article:hover .safety-icon{transform:rotate(-8deg) translateY(-3px)}.safety-icon{transition:transform .4s}.future-grid article>.icon{transition:transform .4s}.future-grid article:hover>.icon{transform:translateY(-6px)}
.footer-ribbon{padding:24px 0;background:#73ece6;transform:none;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.footer-ribbon>.ribbon-track{display:flex;gap:0;width:max-content;animation:ribbon-loop 38s linear infinite}.footer-ribbon .ribbon-group{display:flex;align-items:center;gap:65px;flex-shrink:0;padding-right:65px}.footer-ribbon span{display:flex;align-items:center;gap:20px;font-size:1.15rem;font-weight:700}.footer-ribbon span:after{display:none}.footer-ribbon .icon{width:27px;height:27px}.mega-footer:hover .ribbon-track{animation-duration:55s}
.brand-signoff,[data-theme=dark] .brand-signoff{display:grid;grid-template-columns:1fr auto;gap:0;padding:44px 0 30px;text-align:left;white-space:normal;line-height:1;font-size:11.8rem}.brand-signoff>span:first-child{font-size:5rem;grid-column:1;line-height:1.15;margin-bottom:8px}.brand-signoff>span:nth-child(2){grid-column:1/-1;white-space:nowrap}.brand-signoff .signoff-arrow{grid-column:2;grid-row:1;width:80px;height:80px;color:#8ef5ed;transition:transform .5s}.brand-signoff:hover .signoff-arrow{transform:translate(7px,-7px)}.brand-signoff>span:nth-child(2){transition:color .5s}.brand-signoff:hover>span:nth-child(2){color:#8ef5ed}
[data-theme=dark] .operation-path{background-color:#0c1823}[data-theme=dark] .path-symbol{background:#142434;border-color:#31516b}[data-theme=dark] .path-symbol>.icon,[data-theme=dark] .path-caption,[data-theme=dark] .example-heading,[data-theme=dark] .example-total output{color:#8acaff}[data-theme=dark] .path-steps:before{background:#31516b}
@keyframes ribbon-loop{to{transform:translateX(-50%)}}
@media(max-width:1150px){.header .brand img.complete-logo{width:178px;height:38px}.header nav{gap:14px}.brand-signoff,[data-theme=dark] .brand-signoff{font-size:9rem}.path-steps{gap:30px}}
@media(max-width:850px){.header .brand img.complete-logo{width:158px;height:35px}.header nav{gap:10px}.header .header-inner{gap:10px}.brand-signoff,[data-theme=dark] .brand-signoff{font-size:7rem}.brand-signoff>span:first-child{font-size:3.5rem}.path-steps{gap:25px}.path-steps h3{font-size:1.4rem}.path-steps p{min-height:105px}.example-equation{flex-wrap:wrap;gap:10px}.example-equation output,.example-equation strong{font-size:1.5rem}.example-total output{font-size:1.5rem}}
@media(max-width:700px){.header .brand{padding:0 3px}.header .brand img.complete-logo{width:158px;height:35px}.header-actions{gap:6px}.header .header-inner{width:calc(100% - 20px)}.footer-identity .brand img.complete-logo{width:210px;height:46px}.path-steps{grid-template-columns:1fr;gap:40px;margin-top:35px}.path-steps:before{left:30px;top:0;bottom:0;right:auto;width:1px;height:auto}.path-steps li{padding-left:95px;min-height:150px}.path-symbol{position:absolute;left:0;top:0;width:62px;height:62px;border-radius:20px}.path-symbol>.icon{width:25px;height:25px}.path-steps p{min-height:0;max-width:100%;font-size:.85rem}.path-steps h3{font-size:1.5rem}.path-caption{font-size:.54rem}.footer-ribbon{padding:20px 0}.footer-ribbon span{font-size:.9rem;gap:14px}.footer-ribbon .ribbon-group{gap:35px;padding-right:35px}.footer-ribbon .icon{width:22px;height:22px}.brand-signoff,[data-theme=dark] .brand-signoff{font-size:3.9rem;padding-top:30px}.brand-signoff>span:first-child{font-size:2.8rem}.brand-signoff .signoff-arrow{width:40px;height:40px}.example-equation{flex-wrap:nowrap;gap:15px}.example-total output{font-size:1.8rem}}
@media(max-width:360px){.header .brand img.complete-logo{width:131px;height:31px}.header .header-inner{gap:5px}.header-actions{gap:4px}.brand-signoff,[data-theme=dark] .brand-signoff{font-size:3.1rem}.path-steps li{padding-left:82px}.example-equation div>span{font-size:.63rem}}
@media(prefers-reduced-motion:reduce){.footer-ribbon>.ribbon-track{animation:none}.path-steps li:hover .path-symbol,.product-tile:hover,.channels>a:hover,.flow-node:hover,.safety-grid article:hover .safety-icon,.future-grid article:hover>.icon,.brand-signoff:hover .signoff-arrow{transform:none}}
.motion-paused .path-steps li:hover .path-symbol,.motion-paused .product-tile:hover,.motion-paused .channels>a:hover,.motion-paused .flow-node:hover{transform:none}