.nexus-opening .manifesto-grid .audience{font:11px/1.7 var(--mono);letter-spacing:.07em;margin:0 0 24px;text-transform:uppercase;max-width:500px;color:#006b56}.nexus-opening .manifesto-grid h1{font-size:clamp(40px,4.1vw,64px)}.nexus-opening .buttons .button{white-space:normal;max-width:390px;line-height:1.4}.nav-links{gap:20px}.nav-links>a{font-size:14px}.source-ribbon{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:30px 0 18px}.source-ribbon span{padding:13px 17px;border:1px solid #b4d6c9;background:#e3f9f3;font-size:16px}.source-ribbon strong{font-size:17px;padding:10px}.readiness-note{font-size:15px!important;line-height:1.7;color:#486662;margin:24px 0}.outcome-table{margin-top:50px}.outcome-table h3{font-size:30px}.outcome-table table{width:100%;border-collapse:collapse;margin:25px 0}.outcome-table th,.outcome-table td{padding:18px;text-align:left;border-bottom:1px solid #bdcec5;font-size:18px;vertical-align:top}.outcome-table th{font-size:13px;text-transform:uppercase;letter-spacing:.08em;background:#e3f9f3}.document-output{padding:35px;border-left:3px solid #00a581;background:white;max-width:930px;margin-top:35px}.document-output h3{font-size:30px}.document-output p{margin:20px 0}.relationship-section{background:#e3f9f3}.relationship-section .section-heading{margin-top:28px}.transaction-demo{border:1px solid #9abdb2;padding:32px;background:#f7fbf8;margin:45px 0}.transaction-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.transaction-heading h3{font-size:32px}.transaction-demo>p{font-size:16px;color:#496760;margin:20px 0}.transaction-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#b6cfc5;border:1px solid #b6cfc5;margin:30px 0}.transaction-steps button{border:0;border-radius:0;background:#eaf4ee;color:#23483d;padding:18px 12px;font-size:15px;text-align:left;cursor:pointer}.transaction-steps button span{display:block;font:11px var(--mono);margin-bottom:10px}.transaction-steps button.active{background:#002c35;color:#aaf4d9}.transaction-steps button:focus-visible{outline:3px solid #087b71;outline-offset:3px}.transaction-views{display:grid;grid-template-columns:1fr 1fr;gap:22px}.transaction-views article{background:white;padding:25px;border:1px solid #d0e0d8}.transaction-views h4{font-size:25px;margin:22px 0 15px;font-weight:500;text-transform:none;letter-spacing:0}.transaction-views p{font-size:18px;line-height:1.65}.transaction-views small{display:block;font-size:13px;line-height:1.7;color:#49645e;margin-top:25px}.status{white-space:normal}.relationship-value{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:45px 0}.relationship-value h3{font-size:27px}.relationship-value p{font-size:18px;margin-top:16px}.payment-context{margin:55px 0 25px;border-top:1px solid #b1cdbf;padding-top:35px}.payment-context h3{font-size:32px}.payment-context p{margin-top:22px;max-width:1000px}.full-cost-calculator{margin-top:35px;background:#fff;border:1px solid #b4cec1;padding:32px;max-width:100%}.full-cost-calculator h3{font-size:34px}.full-cost-calculator>p{font-size:17px;margin:20px 0}.full-cost-calculator .calc-grid{grid-template-columns:1fr 1fr;gap:20px}.full-cost-calculator label{font-size:15px;line-height:1.5}.full-cost-calculator input{width:100%;min-width:0;color:#143b31;background:#f4faf6;border:1px solid #93b4a7;border-radius:2px;padding:13px;font-size:18px}.cost-assumptions{margin:24px 0;border-top:1px solid #c3d6cb;border-bottom:1px solid #c3d6cb;padding:20px 0}.cost-assumptions summary{font-size:17px;cursor:pointer}.cost-assumptions .calc-grid{margin-top:23px}.cost-assumptions p{font-size:15px;line-height:1.7;margin-top:16px}.cost-results{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c7dbd1;margin:25px 0}.cost-results>div{background:#eff7f1;padding:22px}.cost-results span{display:block;font-size:14px;line-height:1.5;margin-bottom:12px}.cost-results strong{font-size:30px;font-weight:500;letter-spacing:-.03em}.cost-results .net-result{background:#003d39;color:#c7fce7}.cost-results>div:last-child{grid-column:1/-1}.intelligence-section{background:#001b2e;color:#e0f8ed}.intelligence-section h2{color:#e0f8ed;margin:25px 0 45px}.intelligence-section .readiness-note{color:#bed9d1}.intelligence-section .text-link{color:#aff1d7}.intelligence-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:40px 0}.intelligence-panel{background:#edf7f0;color:#123e36;border-top:3px solid #00aa84;padding:30px;display:flex;flex-direction:column}.intelligence-panel h3{font-size:34px;line-height:1.15;color:#092f31;margin:22px 0}.intelligence-panel>p{font-size:18px;line-height:1.65}.sample-result{background:#fff;border:1px solid #c0d8ce;padding:25px;margin-top:28px;flex:1}.sample-result h4{font-size:25px;letter-spacing:0;text-transform:none;line-height:1.25;margin:24px 0 18px;color:#163f36}.sample-result p{font-size:16px;line-height:1.65;margin:20px 0}.sample-result blockquote{font-size:19px;line-height:1.6;margin:22px 0;padding-left:18px;border-left:2px solid #16ac8b}.sample-result small{font-size:13px;line-height:1.7;color:#42665b}.concept-preview{width:100%;height:auto;background:#f5faf6;border:1px solid #d0e5da;margin:4px 0}.track-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:70px}.track-grid article{padding:30px;background:#e8f6ee;border:1px solid #b7d2c6}.track-grid h3{font-size:29px;margin:20px 0}.track-grid p{font-size:18px;line-height:1.65}.network-direction{background:#e6f5ec}.network-direction .lead{max-width:1020px;margin:30px 0;font-size:22px}.proof-section p{max-width:850px;margin:25px 0;font-size:20px}.result-section{padding-top:40px}.intelligence-panel .eyebrow{color:#006958}.full-cost-calculator #calculator-error{color:#a01d25}.cta h2{max-width:1000px}.cta .container{gap:40px}.cta .button{white-space:normal;max-width:340px;line-height:1.5}.content-layout .calculator{padding:26px}.content-layout .full-cost-calculator h3{font-size:30px}
@media(max-width:1100px){.nav-links{gap:12px}.nav-links>a{font-size:13px}.nav-actions .button{padding:12px 17px}.intelligence-panel{padding:22px}.sample-result{padding:20px}.intelligence-panel h3{font-size:29px}.transaction-steps button{font-size:13px}}
@media(max-width:850px){.intelligence-pair,.transaction-views,.track-grid{grid-template-columns:1fr}.transaction-heading{display:block}.transaction-heading .status{margin-top:20px}.intelligence-panel h3{font-size:32px}.nexus-opening .manifesto-grid h1{font-size:clamp(38px,6.5vw,58px)}.transaction-steps{grid-template-columns:repeat(3,1fr)}.relationship-value{gap:25px}.content-layout .calculator{padding:22px}}
@media(max-width:600px){.nexus-opening .manifesto-grid h1{font-size:clamp(31px,8vw,44px)}.nexus-opening .manifesto-grid .audience{font-size:10px;line-height:1.7;max-width:310px}.transaction-demo,.full-cost-calculator{padding:20px}.transaction-steps{grid-template-columns:1fr 1fr}.transaction-steps button:last-child{grid-column:1/-1}.transaction-views article{padding:20px}.relationship-value,.full-cost-calculator .calc-grid,.cost-results{grid-template-columns:1fr}.cost-results>div:last-child{grid-column:auto}.outcome-table th,.outcome-table td{padding:12px 8px;font-size:15px}.outcome-table th{font-size:11px}.source-ribbon span{font-size:14px}.document-output{padding:23px}.intelligence-panel{padding:20px}.intelligence-panel h3{font-size:29px}.intelligence-panel>p{font-size:17px}.sample-result{padding:18px}.full-cost-calculator h3{font-size:28px}.cost-results strong{font-size:28px}.network-direction .lead{font-size:19px}.cta .button{max-width:100%}.transaction-views h4{font-size:23px}}

.intelligence-section>.container>.eyebrow{color:#90dec4}
/* A two-input estimate, with the full calculation a tab away. */
.payment-estimator{margin:40px 0 0;padding:40px;background:#fff;border:1px solid #b4cec1;max-width:100%;color:#123b37}.estimate-intro h3{font-size:clamp(30px,3vw,42px);letter-spacing:-.04em;margin:18px 0}.estimate-intro>p:last-child{font-size:19px;line-height:1.6;max-width:740px}.estimate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin:35px 0 24px}.estimate-field label{font-size:19px;font-weight:500;display:block}.estimate-field>p{font-size:14px;color:#536d65;margin:9px 0 17px}.estimate-number{display:flex;align-items:center;gap:12px;border:1px solid #a2c7b9;background:#f1faf5;padding:12px 18px;max-width:100%;color:#205e50}.estimate-number span{font-size:25px}.estimate-number input{border:0;outline:none;background:transparent;color:#103f35;font:400 30px/1.3 var(--font);min-width:0;width:100%;padding:0}.estimate-number:focus-within{outline:2px solid #00836e;outline-offset:3px}.estimate-range{width:100%;accent-color:#008a72;cursor:pointer;margin:21px 0 8px;min-height:24px}.range-scale{display:flex;justify-content:space-between;font:11px var(--mono);color:#648078}.payment-estimator #calculator-error:empty{display:none}.payment-estimator #calculator-error{color:#a01d25;font-size:16px;line-height:1.6;margin:20px 0}.estimate-results{background:#002b35;color:#e7fbf2;margin:30px -1px;padding:36px}.estimate-headline{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;border-bottom:1px solid #3a5d61;padding-bottom:28px}.estimate-headline>div>span{display:block;font-size:15px;line-height:1.5;max-width:280px}.estimate-headline>div>strong{display:block;font:400 clamp(37px,4.7vw,62px)/1.15 var(--font);letter-spacing:-.045em;color:#79e4bf;margin:15px 0 10px;overflow-wrap:anywhere}.estimate-headline p{font-size:14px;color:#b1cfc6;margin:0}.estimate-headline .estimate-percent{border-left:1px solid #3a5d61;padding-left:30px;display:flex;flex-direction:column;justify-content:center}.estimate-percent>strong{font-size:clamp(32px,4vw,50px)!important}.estimate-tabs{display:flex;gap:8px;justify-content:center;margin:28px 0}.estimate-tabs button{border:1px solid #537575;background:transparent;color:#c6dfd7;border-radius:30px;padding:11px 25px;font:15px var(--font);cursor:pointer}.estimate-tabs button[aria-selected="true"]{background:#d6f9e9;border-color:#d6f9e9;color:#06483d}.estimate-tabs button:focus-visible,.estimate-results summary:focus-visible{outline:2px solid #86e9c4;outline-offset:4px}.estimate-results [hidden]{display:none!important}.estimate-chart-label{font:11px var(--mono);letter-spacing:.08em;color:#a4c7bd;margin:30px 0 25px}.cost-bar-row{margin:25px 0}.cost-bar-row>div:first-child{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px;font-size:16px}.cost-bar-row strong{font-size:25px;font-weight:500;letter-spacing:-.03em}.cost-track{height:43px;background:#173e46;overflow:hidden}.cost-bar{height:100%;transition:width .35s ease}.cost-bar.current{background:#8fa9ae}.cost-bar.proposed{background:linear-gradient(90deg,#128f91,#60d5ac)}.estimate-method{font-size:14px;line-height:1.65;color:#c2ddd3;margin:22px 0 0}.estimate-footnote{font-size:12px;line-height:1.7;color:#b9d3c9;margin:28px 0 0}.estimate-table-wrap{overflow-x:auto}.estimate-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}.estimate-table caption{text-align:left;font-size:17px;color:#e7fbf2;margin:6px 0 18px}.estimate-table th,.estimate-table td{padding:15px 10px;border-bottom:1px solid #3a5d61;text-align:right}.estimate-table th:first-child{text-align:left;font-weight:400;min-width:105px}.estimate-table thead th{font-weight:400;font-size:12px;color:#b1cfc6}.estimate-table td:last-child{color:#91e9c6}.estimate-table tr:last-child th,.estimate-table tr:last-child td{font-weight:600;border-bottom:2px solid #6da094}.profit-bridge{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0;padding:22px 0;border-bottom:1px solid #3a5d61}.profit-bridge span{font-size:12px;line-height:1.6;color:#bdd9cf}.profit-bridge strong{display:block;font-size:24px;letter-spacing:-.03em;font-weight:500;color:#8be5c3;margin-top:7px}.estimate-explanation h4{font-size:20px;letter-spacing:-.02em;text-transform:none;margin:30px 0 17px;font-weight:500}.estimate-explanation p,.estimate-explanation li{font-size:14px;line-height:1.8;color:#c7e0d6}.estimate-explanation ol{padding-left:19px;margin:15px 0}.estimate-explanation li{padding-left:6px;margin:13px 0}.estimate-explanation strong{color:#e5faf1}.formula-example{background:#113f45;padding:18px;border-left:2px solid #5ed5ac}.estimate-assumptions{margin:25px 0;padding:20px 0;border-top:1px solid #52706d;border-bottom:1px solid #52706d}.estimate-assumptions summary{cursor:pointer;font-size:16px;color:#c9f5df}.assumption-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.assumption-grid label{display:block;font-size:13px;line-height:1.5;margin-bottom:8px;color:#d2eade}.assumption-grid input{width:100%;min-width:0;background:#f0faf5;border:1px solid #9cc6b9;color:#113f35;font-size:18px;padding:12px;border-radius:0}.estimate-exclusions{color:#afc9c0!important}.payment-estimator>.button{margin-top:0}.content-layout .payment-estimator{padding:25px}.content-layout .estimate-results{padding:24px}.content-layout .estimate-inputs{gap:24px}.product-experiences{background:#e2f1e9}.product-experiences h2{margin-bottom:40px}@media(max-width:650px){.payment-estimator,.content-layout .payment-estimator{padding:22px 18px}.estimate-inputs{grid-template-columns:1fr;gap:30px}.estimate-results,.content-layout .estimate-results{padding:23px 17px;margin-left:-7px;margin-right:-7px}.estimate-headline{grid-template-columns:1fr;gap:22px}.estimate-headline .estimate-percent{border-left:0;border-top:1px solid #3a5d61;padding:14px 0 0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.estimate-headline .estimate-percent strong{font-size:34px!important;margin:0}.estimate-headline .estimate-percent span{max-width:160px;font-size:13px}.estimate-headline>div>strong{font-size:45px}.estimate-table{font-size:12px;min-width:390px}.estimate-table th,.estimate-table td{padding:12px 8px}.profit-bridge{grid-template-columns:1fr}.profit-bridge span{display:flex;justify-content:space-between;align-items:center;gap:12px}.profit-bridge strong{font-size:22px;margin:0}.assumption-grid{grid-template-columns:1fr}.estimate-tabs button{padding:10px 23px}.cost-bar-row strong{font-size:23px}.cost-bar-row span{font-size:14px}.estimate-number input{font-size:29px}}@media(prefers-reduced-motion:reduce){.cost-bar{transition:none}}

/* Follow the same transaction: two perspectives on one invoice. */
.tx{position:relative;overflow:hidden;isolation:isolate;margin-top:40px;padding:44px 48px 36px;border-radius:24px;color:#fff;background:radial-gradient(ellipse 60% 55% at 50% 60%,rgba(114,223,189,.10),rgba(0,24,51,0) 70%),radial-gradient(ellipse 50% 60% at 100% 100%,rgba(4,178,155,.22),rgba(0,51,66,0) 70%),linear-gradient(180deg,#00203f 0%,#001833 50%,#120f2c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 140px rgba(0,6,16,.55),0 30px 70px -20px rgba(0,24,51,.4)}
.tx-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.tx-bokeh{position:absolute;border-radius:50%}.tx-bokeh.a{left:8%;top:52%;width:240px;height:240px;background:rgba(114,223,189,.16);filter:blur(64px);animation:tx-drift 14s cubic-bezier(.65,0,.35,1) infinite}.tx-bokeh.b{right:6%;top:14%;width:280px;height:280px;background:rgba(4,178,155,.2);filter:blur(72px);animation:tx-drift 18s cubic-bezier(.65,0,.35,1) infinite reverse}
@keyframes tx-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-14px)}}
.tx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.tx-eyebrow{margin:0;font:500 11px/1.4 var(--font,Inter,Arial,sans-serif);letter-spacing:.14em;color:#72dfbd}
.tx h3{margin:8px 0 0;font-size:clamp(26px,3vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#fff}
.tx-context{margin:8px 0 0;font-size:14px;color:#b9d3cc}
.tx-count{margin:0;flex:none;font-size:13px;color:#8fb3c2}.tx-count b{color:#fff;font-weight:600}
.tx-steps{display:flex;gap:10px;margin-top:28px}
.tx-steps button{flex:1;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#b9d3cc;font:500 14px var(--font,Inter,Arial,sans-serif);text-align:left;cursor:pointer;transition:background .4s cubic-bezier(.65,0,.35,1),color .4s cubic-bezier(.65,0,.35,1),box-shadow .4s cubic-bezier(.65,0,.35,1),border-color .4s cubic-bezier(.65,0,.35,1)}
.tx-steps button span{font-size:11px;color:#8fb3c2}
.tx-steps button.is-done{color:#e3f9f3;border-color:rgba(114,223,189,.3)}.tx-steps button.is-done span{color:#72dfbd}
.tx-steps button.active{background:#fff;color:#061e35;border-color:#fff;box-shadow:0 0 0 4px rgba(114,223,189,.18),0 12px 30px -10px rgba(114,223,189,.55)}.tx-steps button.active span{color:#0aa37f}
.tx-steps button:hover{border-color:rgba(114,223,189,.5)}
.tx-steps button:focus-visible{outline:2px solid #72dfbd;outline-offset:3px}
.tx-views{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:stretch;margin-top:28px}
.tx-panel{position:relative;overflow:hidden;padding:24px;border-radius:20px;min-height:330px}
.tx-contractor{background:linear-gradient(180deg,#fff,#f4f8f6);color:#061e35;box-shadow:inset 0 1px 0 #fff,0 30px 60px -20px rgba(0,0,0,.55),0 0 60px -10px rgba(114,223,189,.25)}
.tx-supplier{background:linear-gradient(180deg,#014d50 0%,#003342 60%,#192f47 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 60px -20px rgba(0,0,0,.6),0 0 60px -10px rgba(4,178,155,.35)}
.tx-accent{position:absolute;left:30px;right:30px;top:0;height:2px;background:linear-gradient(90deg,rgba(4,178,155,0),#04b29b 30%,#42d7b0 50%,#04b29b 70%,rgba(4,178,155,0))}
.tx-who{display:flex;align-items:center;gap:10px}.tx-who em{margin-left:auto;font-style:normal;font-size:12px;color:#526675}.tx-supplier .tx-who em{color:#b3bac2}
.tx-who small{display:block;font-size:11px;letter-spacing:.1em;color:#526675}.tx-supplier .tx-who small{color:#b3bac2}
.tx-who strong{display:block;font-size:14px;font-weight:500}
.tx-avatar{width:34px;height:34px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:#e3f9f3;color:#00684f}.tx-supplier .tx-avatar{background:rgba(255,255,255,.12);color:#fff}
.tx-invoice{margin-top:18px;padding:16px;border-radius:14px;background:#fff;border:1px solid #dbe7e3;box-shadow:0 10px 24px -14px rgba(6,30,53,.3)}
.tx-row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.tx-row+.tx-row{margin-top:10px}.tx-row.muted{font-size:12px;color:#526675}.tx-row b{font-weight:500}
.tx-row.total{padding-top:10px;border-top:1px solid #e6eeeb}.tx-row.total span{font-size:12px;color:#526675}.tx-row.total strong{font-size:22px;font-weight:600;letter-spacing:-.01em}
.tx-tickets{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px}
.tx-ticket{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:13px;color:#e3f9f3;opacity:.45;filter:blur(.6px);transition:opacity .6s cubic-bezier(.65,0,.35,1),filter .6s cubic-bezier(.65,0,.35,1),border-color .6s cubic-bezier(.65,0,.35,1),background .6s cubic-bezier(.65,0,.35,1)}
.tx-ticket span{flex:1}.tx-ticket em{font-style:normal;font-size:11px;color:#b3bac2}
.tx.has-evidence .tx-ticket{opacity:1;filter:none}.tx.has-evidence .tx-ticket.is-key{border-color:#72dfbd;background:rgba(114,223,189,.12)}
.tx-swap{margin-top:18px}.tx-swap.is-swapping{animation:tx-swap .55s cubic-bezier(.16,1,.3,1) both}
@keyframes tx-swap{from{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.tx h4{margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.tx-contractor p{margin:6px 0 0;font-size:15px;line-height:1.5;color:#3d5563}.tx-supplier p{margin:6px 0 0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.86)}
.tx-link{position:relative;display:flex;align-items:center;justify-content:center}
.tx-link svg{position:absolute;left:0;top:50%;width:100%;height:40px;transform:translateY(-50%);overflow:visible}
.tx-line{stroke:#72dfbd;stroke-opacity:.35;stroke-width:2;fill:none;vector-effect:non-scaling-stroke}
.tx-flow{fill:none;stroke:#72dfbd;stroke-width:6;stroke-linecap:round;stroke-dasharray:.01 100;animation:tx-flow 2.6s cubic-bezier(.65,0,.35,1) infinite both}.tx-flow.r{stroke:#42d7b0;stroke-width:5;animation-name:tx-flow-r;animation-delay:-1.3s}
@keyframes tx-flow{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}70%{stroke-dashoffset:-100;opacity:1}80%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes tx-flow-r{0%{stroke-dashoffset:-100;opacity:0}10%{opacity:1}70%{stroke-dashoffset:0;opacity:1}80%,100%{stroke-dashoffset:0;opacity:0}}
.tx-capsule,.tx-halo{position:relative;width:88px;height:56px;border-radius:28px;box-sizing:border-box}
.tx-capsule{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f4560,#052a45);border:1px solid #72dfbd;box-shadow:0 0 30px rgba(114,223,189,.4);font-size:12px;font-weight:600;color:#fff}.tx-capsule small{font-size:10px;font-weight:400;color:#8fb3c2}
.tx-halo{position:absolute;border:1.5px solid #72dfbd;animation:tx-halo 3s cubic-bezier(.16,1,.3,1) infinite}
@keyframes tx-halo{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.7);opacity:0}}
.tx-progress{margin-top:26px;height:3px;border-radius:2px;background:rgba(255,255,255,.08)}.tx-progress i{display:block;height:3px;width:0;border-radius:2px;background:linear-gradient(90deg,#72dfbd,#42d7b0);box-shadow:0 0 12px rgba(114,223,189,.6);transition:width .8s cubic-bezier(.65,0,.35,1)}
.tx-note{margin:14px 0 0;font-size:12px;line-height:1.5;color:#8fb3c2}
body.motion-paused .tx *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.tx *{animation:none!important;transition:none!important}}
@media(max-width:900px){
.tx{padding:28px 20px 24px;border-radius:18px}.tx-head{flex-direction:column;align-items:flex-start;gap:10px}
.tx-steps{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;margin-right:-20px;padding-right:20px}.tx-steps button{flex:0 0 auto;scroll-snap-align:start}
.tx-views{grid-template-columns:1fr;grid-template-rows:auto 72px auto}.tx-link svg{transform:translateY(-50%) rotate(90deg);width:72px;left:50%;margin-left:-36px}.tx-panel{min-height:0}
}
@media(max-width:600px){.tx-who em{display:none}}
/* Keep more of what you earn: cinematic estimator. */
.payment-estimator{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:24px;padding:48px;color:#fff;background:radial-gradient(ellipse 55% 45% at 20% 0%,rgba(127,230,198,.10),rgba(0,24,51,0) 60%),radial-gradient(ellipse 50% 55% at 100% 100%,rgba(4,178,155,.20),rgba(0,51,66,0) 70%),linear-gradient(180deg,#00203f 0%,#001833 48%,#0f1230 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 140px rgba(0,6,16,.5),0 30px 70px -20px rgba(0,24,51,.4)}
.payment-estimator::before,.payment-estimator::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.payment-estimator::before{left:-60px;top:180px;width:340px;height:340px;background:rgba(114,223,189,.13);filter:blur(80px);animation:pe-drift 16s cubic-bezier(.65,0,.35,1) infinite}
.payment-estimator::after{right:-80px;top:40%;width:380px;height:380px;background:rgba(4,178,155,.18);filter:blur(90px);animation:pe-drift 20s cubic-bezier(.65,0,.35,1) infinite reverse}
@keyframes pe-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-24px)}}
.payment-estimator .eyebrow{color:#72dfbd}
.payment-estimator .estimate-intro h3{color:#fff}
.payment-estimator .estimate-intro>p:last-child{color:#b9d3cc}
.payment-estimator .estimate-inputs{gap:20px}
.payment-estimator .estimate-field{padding:22px 24px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 40px -24px rgba(0,0,0,.6)}
.payment-estimator .estimate-field label{color:#fff;font-size:17px}
.payment-estimator .estimate-field>p{color:#8fb3c2}
.payment-estimator .estimate-number{border-radius:12px;border:1px solid rgba(114,223,189,.32);background:rgba(0,10,25,.35);color:#72dfbd;box-shadow:inset 0 2px 8px rgba(0,0,0,.25);transition:border-color .3s ease,box-shadow .3s ease}
.payment-estimator .estimate-number input{color:#fff}
.payment-estimator .estimate-number:focus-within{outline:none;border-color:#72dfbd;box-shadow:inset 0 2px 8px rgba(0,0,0,.25),0 0 0 4px rgba(114,223,189,.18),0 0 24px rgba(114,223,189,.25)}
.payment-estimator .estimate-range{-webkit-appearance:none;appearance:none;height:24px;background:transparent;accent-color:#72dfbd}
.payment-estimator .estimate-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,rgba(114,223,189,.55),rgba(66,215,176,.45))}
.payment-estimator .estimate-range::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,rgba(114,223,189,.55),rgba(66,215,176,.45))}
.payment-estimator .estimate-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:4px solid #72dfbd;box-shadow:0 0 0 6px rgba(114,223,189,.16),0 4px 12px rgba(0,0,0,.4)}
.payment-estimator .estimate-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid #72dfbd;box-shadow:0 0 0 6px rgba(114,223,189,.16),0 4px 12px rgba(0,0,0,.4)}
.payment-estimator .estimate-range:focus-visible{outline:2px solid #72dfbd;outline-offset:4px;border-radius:6px}
.payment-estimator .range-scale{color:#8fb3c2}
.payment-estimator #calculator-error{color:#ffc2c2}
.payment-estimator .estimate-results{position:relative;margin:28px 0 0;padding:36px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -28px rgba(0,0,0,.7)}
.payment-estimator .estimate-headline{border-bottom-color:rgba(255,255,255,.12)}
.payment-estimator .estimate-headline>div>span{color:#d9e6ec}
.payment-estimator .estimate-headline>div>strong{background:linear-gradient(180deg,#ffffff 10%,#8ff0cb 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(114,223,189,.35))}
.payment-estimator .estimate-headline p{color:#b9d3cc}
.payment-estimator .estimate-headline .estimate-percent{border-left-color:rgba(255,255,255,.12)}
.payment-estimator .estimate-percent>strong{color:#81e4ca;text-shadow:0 0 20px rgba(66,215,176,.35)}
.payment-estimator .estimate-percent>span{color:#d9e6ec}
.payment-estimator .estimate-tabs{gap:4px;width:fit-content;margin:28px auto;padding:4px;border-radius:999px;background:rgba(0,10,25,.35);border:1px solid rgba(255,255,255,.1)}
.payment-estimator .estimate-tabs button{border:0;padding:10px 24px;color:#b9d3cc;transition:background .4s cubic-bezier(.65,0,.35,1),color .4s ease,box-shadow .4s ease}
.payment-estimator .estimate-tabs button[aria-selected="true"]{background:#fff;color:#061e35;box-shadow:0 0 0 3px rgba(114,223,189,.18),0 8px 20px -8px rgba(114,223,189,.55)}
.payment-estimator .estimate-chart-label{color:#8fb3c2}
.payment-estimator .cost-bar-row>div:first-child{color:#d9e6ec}
.payment-estimator .cost-bar-row strong{color:#fff}
.payment-estimator .cost-track{height:40px;border-radius:12px;background:rgba(0,10,25,.4);box-shadow:inset 0 2px 8px rgba(0,0,0,.35)}
.payment-estimator .cost-bar{border-radius:12px;transition:width .9s cubic-bezier(.65,0,.35,1)}
.payment-estimator .cost-bar.current{background:linear-gradient(90deg,#4f6a7a,#8fa9ae)}
.payment-estimator .cost-bar.proposed{background:linear-gradient(90deg,#0aa37f,#72dfbd);box-shadow:0 0 24px rgba(114,223,189,.45)}
.payment-estimator .estimate-method,.payment-estimator .estimate-footnote{color:#b9d3cc}
.payment-estimator .estimate-method strong{color:#fff}
.payment-estimator .estimate-table caption{color:#fff}
.payment-estimator .estimate-table th,.payment-estimator .estimate-table td{border-bottom-color:rgba(255,255,255,.1);color:#e3f9f3}
.payment-estimator .estimate-table thead th{color:#8fb3c2}
.payment-estimator .estimate-table td:last-child{color:#8ff0cb}
.payment-estimator .estimate-table tr:last-child th,.payment-estimator .estimate-table tr:last-child td{border-bottom-color:rgba(114,223,189,.5)}
.payment-estimator .profit-bridge{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.payment-estimator .profit-bridge span{display:flex;align-items:baseline;gap:10px;padding:10px 16px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:13px;color:#b9d3cc}
.payment-estimator .profit-bridge strong{font-size:17px;font-weight:600;color:#fff}
.payment-estimator .profit-bridge span:last-child{border-color:rgba(114,223,189,.4);background:rgba(114,223,189,.08)}
.payment-estimator .estimate-explanation h4{color:#fff}
.payment-estimator .estimate-explanation p,.payment-estimator .estimate-explanation li{color:#c7d9de}
.payment-estimator .estimate-explanation strong{color:#fff}
.payment-estimator .estimate-assumptions{border-color:rgba(255,255,255,.12)}
.payment-estimator .estimate-assumptions summary{color:#8ff0cb}
.payment-estimator .assumption-grid label{color:#d9e6ec}
.payment-estimator .assumption-grid input{color:#fff;background:rgba(0,10,25,.35);border:1px solid rgba(114,223,189,.32);border-radius:10px}
.payment-estimator .assumption-grid input:focus{outline:none;border-color:#72dfbd;box-shadow:0 0 0 4px rgba(114,223,189,.18)}
.payment-estimator .estimate-exclusions{color:#9fb7c2!important}
.payment-estimator>.button{margin-top:28px}
body.motion-paused .payment-estimator::before,body.motion-paused .payment-estimator::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.payment-estimator::before,.payment-estimator::after{animation:none}.payment-estimator .cost-bar{transition:none}}
@media(max-width:900px){.payment-estimator{padding:28px 20px;border-radius:18px}.payment-estimator .estimate-results{padding:24px 18px}.payment-estimator .estimate-field{padding:18px}}
.content-layout .payment-estimator{padding:28px}
/* Compact layout: inputs and results side by side, so the estimator fits on one screen. */
.payment-estimator{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"intro results" "form results" "err results" "cta results";column-gap:36px;align-items:start;padding:36px 40px}
.payment-estimator .estimate-intro{grid-area:intro}
.payment-estimator>form{grid-area:form}
.payment-estimator #calculator-error{grid-area:err;margin:10px 0 0}
.payment-estimator .estimate-results{grid-area:results;margin:0;padding:26px 28px}
.payment-estimator>.button{grid-area:cta;margin-top:18px;justify-self:start}
.payment-estimator .estimate-intro h3{font-size:clamp(26px,2.4vw,34px);margin:10px 0 8px}
.payment-estimator .estimate-intro>p:last-child{font-size:15px;line-height:1.5}
.payment-estimator .estimate-inputs{grid-template-columns:1fr;gap:12px;margin:18px 0 0}
.payment-estimator .estimate-field{padding:14px 18px}
.payment-estimator .estimate-field label{font-size:15px}
.payment-estimator .estimate-field>p{margin:4px 0 10px;font-size:12px}
.payment-estimator .estimate-number{padding:6px 14px}
.payment-estimator .estimate-number span{font-size:19px}
.payment-estimator .estimate-number input{font-size:22px}
.payment-estimator .estimate-range{margin:12px 0 4px}
.payment-estimator .estimate-headline{gap:20px;padding-bottom:18px}
.payment-estimator .estimate-headline>div>span{font-size:13px}
.payment-estimator .estimate-headline>div>strong{font-size:clamp(34px,3.4vw,48px);margin:8px 0 6px}
.payment-estimator .estimate-headline p{font-size:12px}
.payment-estimator .estimate-headline .estimate-percent{padding-left:20px}
.payment-estimator .estimate-percent>strong{font-size:clamp(28px,2.6vw,38px)!important}
.payment-estimator .estimate-tabs{margin:16px auto}
.payment-estimator .estimate-tabs button{padding:8px 20px;font-size:14px}
.payment-estimator .estimate-chart-label{margin:6px 0 4px}
.payment-estimator .cost-bar-row{margin:12px 0}
.payment-estimator .cost-bar-row>div:first-child{margin-bottom:6px;font-size:14px}
.payment-estimator .cost-bar-row strong{font-size:19px}
.payment-estimator .cost-track{height:24px;border-radius:8px}.payment-estimator .cost-bar{border-radius:8px}
.payment-estimator .estimate-method{margin:10px 0 0;font-size:13px;line-height:1.5}
.payment-estimator .estimate-footnote{margin:12px 0 0;font-size:11px}
.payment-estimator .estimate-table th,.payment-estimator .estimate-table td{padding:9px 8px;font-size:13px}
.payment-estimator .estimate-table caption{font-size:15px;margin:0 0 8px}
.payment-estimator .profit-bridge{margin:14px 0}
.payment-estimator .estimate-explanation{margin-top:4px;padding-top:12px}
.payment-estimator .estimate-explanation>summary{cursor:pointer;font-size:15px;color:#8ff0cb}
.payment-estimator .estimate-explanation>summary:focus-visible{outline:2px solid #72dfbd;outline-offset:3px}
@media(max-width:980px){.payment-estimator{grid-template-columns:1fr;grid-template-areas:"intro" "form" "err" "results" "cta"}.payment-estimator .estimate-results{margin-top:20px}.payment-estimator .estimate-inputs{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.payment-estimator .estimate-inputs{grid-template-columns:1fr}}
.payment-estimator .profit-bridge span{padding:8px 12px;font-size:12px}.payment-estimator .profit-bridge strong{font-size:15px}
/* Work that repeats / Ideas that move you forward: twin cinematic panels. */
.intelligence-section{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(ellipse 45% 40% at 25% 55%,rgba(114,223,189,.12),rgba(0,24,51,0) 70%),radial-gradient(ellipse 45% 45% at 78% 60%,rgba(4,178,155,.22),rgba(0,51,66,0) 70%),linear-gradient(180deg,#00203f 0%,#001833 45%,#110e2b 100%);box-shadow:inset 0 0 180px rgba(0,6,16,.55)}
.intelligence-section::before,.intelligence-section::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.intelligence-section::before{left:8%;top:38%;width:380px;height:380px;background:rgba(114,223,189,.14);filter:blur(90px);animation:in-drift 16s cubic-bezier(.65,0,.35,1) infinite}
.intelligence-section::after{right:8%;top:32%;width:420px;height:420px;background:rgba(4,178,155,.22);filter:blur(100px);animation:in-drift 20s cubic-bezier(.65,0,.35,1) infinite reverse}
@keyframes in-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(36px,-20px)}}
.intelligence-section>.container>.eyebrow{color:#72dfbd}
.intelligence-section h2{color:#fff}
.intelligence-section h2 .in-accent{background:none;color:#ffffff}
.intelligence-section .intelligence-panel{position:relative;overflow:hidden;border-top:0;border-radius:24px;padding:32px;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(114,223,189,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 80px -40px rgba(0,0,0,.7)}
.intelligence-section .intelligence-panel::before{content:"";position:absolute;left:30px;right:30px;top:0;height:2px;background:linear-gradient(90deg,rgba(114,223,189,0),#72dfbd 30%,#b9f5df 50%,#72dfbd 70%,rgba(114,223,189,0))}
.intelligence-section .intelligence-panel+.intelligence-panel{background:linear-gradient(180deg,rgba(4,178,155,.16),rgba(0,51,66,.55));border-color:rgba(66,215,176,.28)}
.intelligence-section .intelligence-panel+.intelligence-panel::before{background:linear-gradient(90deg,rgba(4,178,155,0),#04b29b 30%,#81e4ca 50%,#04b29b 70%,rgba(4,178,155,0))}
.intelligence-section .intelligence-panel .eyebrow{color:#72dfbd}
.intelligence-section .intelligence-panel+.intelligence-panel .eyebrow{color:#81e4ca}
.intelligence-section .intelligence-panel h3{color:#fff;letter-spacing:-.02em}
.intelligence-section .intelligence-panel>p{color:#b9d3cc}
.intelligence-section .intelligence-panel+.intelligence-panel>p{color:#d6dade}
.intelligence-section .sample-result{border:0;border-radius:16px;padding:24px 26px;color:#061e35;background:linear-gradient(180deg,#ffffff,#f4f8f6);box-shadow:inset 0 1px 0 #fff,0 24px 50px -24px rgba(0,0,0,.6)}
.intelligence-section .sample-result h4{color:#061e35;margin-top:0;font-weight:600;letter-spacing:-.01em}
.intelligence-section .sample-result p{color:#3d5563}.intelligence-section .sample-result strong{color:#061e35}
.intelligence-section .sample-result blockquote{color:#061e35;border-left-color:#0aa37f}
.intelligence-section .intelligence-panel+.intelligence-panel .sample-result blockquote{border-left-color:#04b29b}
.intelligence-section .sample-result small{color:#526675}
.intelligence-section .readiness-note{color:#8fb3c2}
.intelligence-section .text-link{color:#72dfbd}
body.motion-paused .intelligence-section::before,body.motion-paused .intelligence-section::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.intelligence-section::before,.intelligence-section::after{animation:none}}
@media(max-width:700px){.intelligence-section .intelligence-panel{padding:22px;border-radius:18px}.intelligence-section .sample-result{padding:18px}}
.intelligence-section .sample-result{flex:0 0 auto}.intelligence-section .sample-result small{display:block;line-height:1.55}

/* Homepage polish */
.intelligence-panel>p.eyebrow,.proof-section p.eyebrow,.cta p.eyebrow{font-size:11px!important;letter-spacing:.12em!important;line-height:1.7!important}
.intelligence-section .intelligence-pair{align-items:start}
.choice>p.eyebrow{font-size:11px!important;letter-spacing:.12em!important;line-height:1.7!important}
.topic:before{content:"+"}.topic[aria-pressed="true"]:before{content:"✓"}

/* Hero T: light, centered, cinematic. */
.hero-t{position:relative;overflow:hidden;isolation:isolate;padding:72px 0 40px;text-align:center;color:#061e35;background:radial-gradient(ellipse 50% 40% at 50% 6%,rgba(10,163,127,.16),rgba(10,163,127,0) 70%),radial-gradient(ellipse 45% 50% at 94% 100%,rgba(4,178,155,.14),rgba(4,178,155,0) 70%),radial-gradient(ellipse 40% 45% at 4% 92%,rgba(10,163,127,.12),rgba(10,163,127,0) 70%),linear-gradient(180deg,#f7fcfa 0%,#ecf7f2 55%,#f5f6f7 100%)}
.ht-glow{position:absolute;left:50%;top:-20px;width:520px;height:340px;margin-left:-260px;border-radius:50%;background:rgba(114,223,189,.30);filter:blur(90px);z-index:-1;animation:ht-drift 16s cubic-bezier(.65,0,.35,1) infinite}
@keyframes ht-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-22px)}}
.ht-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(6,30,53,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,30,53,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask:radial-gradient(ellipse 60% 55% at 50% 72%,#000,transparent 75%);mask:radial-gradient(ellipse 60% 55% at 50% 72%,#000,transparent 75%)}
.ht-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid #cfe6dd;font:500 11px/1.4 var(--mono,'IBM Plex Mono',monospace);letter-spacing:.1em;text-transform:uppercase;color:#00684f}
.hero-t h1{margin:22px auto 0;max-width:none;font-size:clamp(36px,4.3vw,60px);font-weight:600;letter-spacing:-.045em;line-height:1.03;color:#061e35}
.hero-t h1 span{font-weight:700;background:linear-gradient(90deg,#0aa37f 0%,#067a63 45%,#000000 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ht-lead{margin:20px auto 0;max-width:720px;font-size:17px;line-height:1.6;color:#3d5563}
.ht-buttons{margin-top:28px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}
.ht-buttons .button{box-shadow:0 0 0 6px rgba(3,201,149,.12),0 14px 30px -12px rgba(3,201,149,.6)}
.ht-secondary{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;border:1px solid #061e35;background:rgba(255,255,255,.6);color:#061e35;font-size:15px;text-decoration:none;transition:background .3s cubic-bezier(.65,0,.35,1)}
.ht-secondary:hover{background:#fff}.ht-secondary:focus-visible{outline:2px solid #0aa37f;outline-offset:3px}
.ht-strip{position:relative;width:100%;max-width:1180px;margin:34px auto 0;aspect-ratio:1180/300}
.ht-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ht-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:ht-pk 2.8s cubic-bezier(.65,0,.35,1) infinite both}
@keyframes ht-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}70%{stroke-dashoffset:-100;opacity:1}80%,100%{stroke-dashoffset:-100;opacity:0}}
.ht-halo{transform-box:fill-box;transform-origin:center;animation:ht-halo 3s cubic-bezier(.16,1,.3,1) infinite}
@keyframes ht-halo{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.35);opacity:0}}
.ht-node{position:absolute;left:var(--x);top:4.000%;width:12.712%;height:14.667%;min-height:38px;box-sizing:border-box;padding:0 14px;display:flex;align-items:center;gap:8px;border-radius:10px;background:#fff;border:1px solid var(--c);box-shadow:0 10px 24px -14px rgba(6,30,53,.35);font-size:13px;color:#061e35;white-space:nowrap}
.ht-node i{width:7px;height:7px;flex:none;border-radius:4px;background:var(--c)}
.ht-node.is-off{border-color:#d5e2dd;opacity:.55}
.ht-hub{position:absolute;left:44.915%;top:47.333%;width:10.169%;display:flex;flex-direction:column;align-items:center;color:#fff;line-height:1.2}
.ht-hub b{font-size:18px;font-weight:600}.ht-hub small{font-size:10px;color:#72dfbd}
.ht-result{position:absolute;left:50%;top:77.333%;transform:translateX(-50%);width:min(460px,92%);box-sizing:border-box;padding:12px 18px;border-radius:14px;background:#fff;border:1px solid #d5e8e0;display:flex;align-items:center;gap:14px;text-align:left;box-shadow:0 24px 50px -20px rgba(6,30,53,.35),0 0 50px -12px rgba(10,163,127,.35)}
.ht-check{width:38px;height:38px;flex:none;border-radius:10px;background:#e3f9f3;color:#00684f;display:flex;align-items:center;justify-content:center;font-size:18px}
.ht-result small{display:block;font-size:11px;color:#526675}.ht-result b{font-size:16px;font-weight:600;color:#061e35}.ht-result em{font-style:normal;font-size:12.5px;color:#3d5563}
body.motion-paused .hero-t *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero-t *{animation:none!important}.ht-pk{opacity:0}}
@media(max-width:760px){
.hero-t{padding:44px 0 28px}.hero-t h1{font-size:clamp(34px,9vw,44px)}.ht-lead{font-size:16px}
.ht-strip{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:30px}
.ht-lines{display:none}
.ht-node{position:static;width:auto;height:auto;padding:10px 12px;white-space:normal}
.ht-hub{position:static;grid-column:1/-1;justify-self:center;width:110px;height:110px;margin:10px 0;border-radius:50%;background:#001833;box-shadow:0 0 0 6px rgba(10,163,127,.15),0 0 0 1px #72dfbd inset;justify-content:center}
.ht-result{position:static;transform:none;grid-column:1/-1;width:100%}
}
.trusted-band{background:#000!important;border-top-color:rgba(255,255,255,.08)!important}

/* Hero strip: cinematic finish. */
.ht-strip{isolation:isolate}
.ht-pool{position:absolute;left:50%;top:18%;width:56%;height:90%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.9),rgba(255,255,255,0) 60%);z-index:-1;pointer-events:none}
.ht-trail{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:10 100;animation:ht-trail 3s cubic-bezier(.65,0,.35,1) infinite both}
@keyframes ht-trail{0%{stroke-dashoffset:10;opacity:0}12%,60%{opacity:.55}66%,100%{stroke-dashoffset:-90;opacity:0}}
.ht-pk{fill:none;stroke-width:4;stroke-dasharray:.01 100;stroke-linecap:round;animation:ht-pk 3s cubic-bezier(.65,0,.35,1) infinite both}.ht-pk.ht-core{stroke:#fff;stroke-width:7}
@keyframes ht-pk{0%{stroke-dashoffset:0;opacity:0}8%{opacity:1}66%{stroke-dashoffset:-100;opacity:1}72%,100%{stroke-dashoffset:-100;opacity:0}}
.ht-ripple{fill:none;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;animation:ht-ripple 3s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes ht-ripple{0%,64%{opacity:0;transform:scale(.4)}68%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3)}}
.ht-halo{transform-box:fill-box;transform-origin:center;animation:ht-halo 3s cubic-bezier(.16,1,.3,1) infinite}.ht-halo.late{animation-delay:-1.5s}
@keyframes ht-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.4);opacity:0}}
.ht-bezel{transform-box:fill-box;transform-origin:center;animation:ht-spin 40s linear infinite}
.ht-ring{transform-box:fill-box;transform-origin:center;animation:ht-orbit 6s cubic-bezier(.65,0,.35,1) infinite}
@keyframes ht-spin{to{transform:rotate(360deg)}}
@keyframes ht-orbit{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
.ht-breathe{transform-box:fill-box;transform-origin:center;animation:ht-breathe 6s cubic-bezier(.65,0,.35,1) infinite}
@keyframes ht-breathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}
.ht-flow{stroke-dasharray:14 100;animation:ht-flowdash 1.8s cubic-bezier(.65,0,.35,1) infinite}
@keyframes ht-flowdash{from{stroke-dashoffset:100}to{stroke-dashoffset:-14}}
.ht-node{width:13.220%;height:15.333%;min-height:40px;padding:0 12px;gap:9px;border-radius:12px;font-weight:500;border:1px solid transparent;background:linear-gradient(180deg,#fff,#f8fbfa) padding-box,linear-gradient(135deg,var(--c) 0%,#dbe7e3 45%,#dbe7e3 70%,color-mix(in srgb,var(--c) 45%,transparent) 100%) border-box;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(6,30,53,.06),0 12px 26px -12px rgba(6,30,53,.24),0 22px 40px -26px color-mix(in srgb,var(--c) 60%,transparent);animation:ht-float 7s cubic-bezier(.65,0,.35,1) infinite}
.ht-node.f1{animation-delay:-2.3s}.ht-node.f2{animation-delay:-4.6s}
@keyframes ht-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.ht-node.k-off{background:rgba(250,252,251,.85);border:1px dashed #c3d3cd;box-shadow:none;animation:none;opacity:.7;color:#526675}
.ht-ic{width:26px;height:26px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--c);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--c) 12%,#fff));box-shadow:inset 0 0 0 1px rgba(6,30,53,.06)}
.ht-node.k-off .ht-ic{color:#8aa0a8}
.ht-live{margin-left:auto;width:6px;height:6px;flex:none;border-radius:3px;background:var(--c);animation:ht-live 2.4s cubic-bezier(.16,1,.3,1) infinite}
@keyframes ht-live{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 60%,transparent)}70%,100%{box-shadow:0 0 0 6px transparent}}
.ht-node>i:first-child{display:none}
.ht-hub{top:48.000%}.ht-hub b{font-size:19px;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.3)}.ht-hub small{font-size:10px;letter-spacing:.04em;color:#8ff0cb}
.ht-result{top:82.000%;overflow:hidden;border:1px solid transparent;background:linear-gradient(180deg,#fff,#f6fbf9) padding-box,linear-gradient(135deg,#0aa37f 0%,#d5e8e0 40%,#d5e8e0 70%,color-mix(in srgb,#04b29b 45%,transparent) 100%) border-box;box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(6,30,53,.05),0 28px 56px -22px rgba(6,30,53,.38),0 0 70px -14px rgba(10,163,127,.42)}
.ht-check{background:linear-gradient(180deg,#e8faf4,#d2f2e7);color:#00785a;box-shadow:inset 0 0 0 1px rgba(10,163,127,.2)}
.ht-sheen{position:absolute;inset:0;width:30%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(114,223,189,.22),rgba(255,255,255,0));animation:ht-sheen 5s cubic-bezier(.65,0,.35,1) infinite;pointer-events:none}
@keyframes ht-sheen{0%{transform:translateX(-120%)}55%,100%{transform:translateX(420%)}}
.ht-result em{color:#00785a}
@media(prefers-reduced-motion:reduce){.ht-trail,.ht-ripple{opacity:0}}
@media(max-width:760px){.ht-node{width:auto;height:auto;padding:10px 12px}.ht-pool{display:none}.ht-hub{background:radial-gradient(circle at 40% 28%,#1a6a86,#05344f 45%,#001833);box-shadow:0 0 0 6px #fff,0 0 0 8px #dbe7e3,0 0 40px rgba(10,163,127,.35)}}
@media(min-width:761px){.ht-node{padding:0 10px;gap:7px;font-size:12.5px}.ht-ic{width:24px;height:24px}}
@media(min-width:761px) and (max-width:1240px){.ht-live{display:none}}@media(min-width:761px) and (max-width:1100px){.ht-ic{display:none}.ht-node{justify-content:center}}

/* Hero strip story: Connect, Understand, Create. */
.ht-strip{aspect-ratio:1180/400}
.ht-route{transition:opacity .7s cubic-bezier(.65,0,.35,1)}
.ht-draw{stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset 1s cubic-bezier(.65,0,.35,1);transition-delay:calc(var(--i,0)*.22s)}
.ht-strip.is-reset .ht-draw{stroke-dashoffset:100;transition:none}
.ht-strip.is-reset .ht-route .ht-pk,.ht-strip.is-reset .ht-route .ht-trail,.ht-strip.is-reset .ht-route .ht-ripple{opacity:0!important}
.ht-node{transition:opacity .6s cubic-bezier(.65,0,.35,1),filter .6s cubic-bezier(.65,0,.35,1),box-shadow .6s cubic-bezier(.65,0,.35,1)}
.ht-strip.is-reset .ht-node{opacity:.45}
.ht-strip[data-stage="connect"] .ht-node{transition-delay:calc(var(--d,0)*1ms)}
.ht-strip[data-stage="understand"] .ht-node.is-dim,.ht-strip[data-stage="create"] .ht-node.is-dim{opacity:.38;filter:saturate(.4)}
.ht-strip[data-stage="understand"] .ht-route.is-dim,.ht-strip[data-stage="create"] .ht-route.is-dim{opacity:.15}
.ht-node.is-pick{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent),0 14px 30px -12px color-mix(in srgb,var(--c) 60%,transparent)}
.ht-chip{position:absolute;transform:translate(-50%,-50%) scale(.6);opacity:0;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid #cfe6dd;box-shadow:0 10px 22px -12px rgba(6,30,53,.4);font-size:12px;font-weight:500;color:#061e35;white-space:nowrap;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),left .8s cubic-bezier(.65,0,.35,1),top .8s cubic-bezier(.65,0,.35,1)}
.ht-chip i{width:6px;height:6px;border-radius:3px;background:#0aa37f}
.ht-chip .hb{display:none}.ht-strip[data-scenario="b"] .ht-chip .ha{display:none}.ht-strip[data-scenario="b"] .ht-chip .hb{display:inline}
.ht-chip.c0{left:33.898%;top:37.500%}.ht-chip.c1{left:64.407%;top:37.500%}.ht-chip.c2{left:39.831%;top:53.500%}
.ht-strip[data-stage="understand"] .ht-chip{opacity:1;transform:translate(-50%,-50%) scale(1)}
.ht-strip[data-stage="understand"] .ht-chip.c1{transition-delay:.25s}.ht-strip[data-stage="understand"] .ht-chip.c2{transition-delay:.5s}
.ht-strip[data-stage="create"] .ht-chip{left:50%;top:69.000%;opacity:0;transform:translate(-50%,-50%) scale(.5)}
.ht-strip[data-stage="create"] .ht-chip.c1{transition-delay:.1s}.ht-strip[data-stage="create"] .ht-chip.c2{transition-delay:.2s}
.ht-status{position:absolute;left:50%;top:64.500%;transform:translateX(-50%);font:500 10.5px var(--mono,'IBM Plex Mono',monospace);letter-spacing:.12em;text-transform:uppercase;color:#00785a;white-space:nowrap;transition:opacity .4s cubic-bezier(.65,0,.35,1)}
.ht-status span{display:none}.ht-strip[data-stage="connect"] .ht-status .sa,.ht-strip[data-stage="understand"] .ht-status .sb{display:inline}
.ht-strip[data-stage="create"] .ht-status{opacity:0}
.ht-result{top:61.500%;opacity:0;transform:translate(-50%,14px) scale(.98);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.ht-strip[data-stage="create"] .ht-result{opacity:1;transform:translate(-50%,0) scale(1);transition-delay:.35s}
.ht-rt{min-width:0}.ht-rt.rb{display:none}.ht-strip[data-scenario="b"] .ht-rt.ra{display:none}.ht-strip[data-scenario="b"] .ht-rt.rb{display:inline}
.ht-result em{display:block;margin-top:2px}
.ht-rail{position:absolute;left:50%;top:91.500%;transform:translateX(-50%);width:min(460px,92%);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:9px;font-size:12px;color:#526675}
.ht-rail::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:#d5e2dd}
.ht-railfill{position:absolute;left:0;top:0;height:2px;width:0;border-radius:2px;background:linear-gradient(90deg,#0aa37f,#04b29b);box-shadow:0 0 10px rgba(10,163,127,.5);transition:width 1s cubic-bezier(.65,0,.35,1)}
.ht-strip[data-stage="connect"] .ht-railfill{width:33.3%}.ht-strip[data-stage="understand"] .ht-railfill{width:66.6%}.ht-strip[data-stage="create"] .ht-railfill{width:100%}
.ht-strip.is-reset .ht-railfill{width:0;transition:none}
.ht-rail span{display:flex;gap:6px;align-items:baseline;transition:color .4s cubic-bezier(.65,0,.35,1)}.ht-rail b{font:500 10px var(--mono,'IBM Plex Mono',monospace);color:#8aa0a8}
.ht-strip[data-stage="connect"] .r1,.ht-strip[data-stage="understand"] .r2,.ht-strip[data-stage="create"] .r3{color:#061e35;font-weight:600}
.ht-strip[data-stage="connect"] .r1 b,.ht-strip[data-stage="understand"] .r2 b,.ht-strip[data-stage="create"] .r3 b{color:#0aa37f}
.ht-strip[data-stage="understand"] .ht-hubg{animation:ht-hubpulse 1.2s cubic-bezier(.16,1,.3,1) 1}
.ht-hubg{transform-box:fill-box;transform-origin:center}
@keyframes ht-hubpulse{0%{transform:scale(1)}35%{transform:scale(1.07)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.ht-chip,.ht-status{display:none}}
@media(max-width:760px){
.ht-chip,.ht-status{display:none}
.ht-result{opacity:1!important;transform:none!important}
.ht-rail{position:static;transform:none;grid-column:1/-1;width:100%;margin-top:6px}
.ht-strip.is-reset .ht-node{opacity:1}
}
.ht-node{top:2.500%;height:11.500%}.ht-hub{top:36.000%}
@media(max-width:760px){.ht-strip{aspect-ratio:auto!important}.ht-node{height:auto!important}.ht-result{position:static!important}}

/* Fit the whole hero on screen */
@media(min-width:761px){
.hero-t{padding:clamp(22px,4.2vh,72px) 0 clamp(14px,2.6vh,40px)}
.hero-t h1{margin-top:clamp(12px,2vh,22px);font-size:clamp(34px,min(4.3vw,6.4vh),60px)}
.ht-lead{max-width:880px;margin-top:clamp(10px,1.8vh,20px);font-size:clamp(15px,2vh,17px)}
.ht-buttons{margin-top:clamp(14px,2.6vh,28px)}
.ht-strip{margin-top:clamp(12px,2.6vh,34px);max-width:var(--ht-max,1180px)}
.ht-strip.is-compact .ht-ic,.ht-strip.is-compact .ht-live{display:none}
.ht-strip.is-compact .ht-node{font-size:11.5px;justify-content:center;padding:0 6px;min-height:30px;border-radius:10px}
.ht-strip.is-compact .ht-result{padding:9px 14px;gap:10px;width:min(420px,72%)}
.ht-strip.is-compact .ht-check{width:30px;height:30px}
.ht-strip.is-compact .ht-result b{font-size:14px}.ht-strip.is-compact .ht-result em,.ht-strip.is-compact .ht-result small{font-size:11px}
.ht-strip.is-compact .ht-chip{font-size:11px;padding:4px 9px}
.ht-strip.is-compact .ht-rail{font-size:11px;padding-top:6px}
.ht-strip.is-compact .ht-status{font-size:9.5px}
.ht-strip.is-compact .ht-hub b{font-size:15px}.ht-strip.is-compact .ht-hub small{font-size:9px}
}
@media(max-width:760px){
.hero-t{padding:24px 0 18px}
.hero-t h1{font-size:clamp(30px,8.4vw,40px);margin-top:14px}
.ht-eyebrow{font-size:10px;padding:5px 11px}
.ht-lead{font-size:15px;line-height:1.55;margin-top:12px}
.ht-buttons{margin-top:18px;gap:10px}
.ht-strip{margin-top:16px;display:block!important}
.ht-strip .ht-node,.ht-strip .ht-hub,.ht-strip .ht-pool{display:none!important}
.ht-result{margin:0 auto}
.ht-rail{margin-top:10px}
}
@media(min-width:761px){.ht-strip.is-compact .ht-result{top:58%}.ht-strip.is-compact .ht-rail{top:95%}.ht-strip.is-compact .ht-result em{display:inline;margin:0 0 0 4px}.ht-strip.is-compact .ht-result small{display:none}}
@media(max-width:760px){.ht-rail{position:relative!important;left:auto!important;top:auto!important}}

/* Hero wallpaper: quarry contours */
.hero-t{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(10,163,127,.10),rgba(10,163,127,0) 70%),radial-gradient(ellipse 45% 50% at 94% 100%,rgba(4,178,155,.08),rgba(4,178,155,0) 70%),linear-gradient(180deg,#f7fbf9,#eef5f1)!important}
.hero-t .ht-grid{display:none}
.ht-topo{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.ht-topo g{fill:none;stroke:#0aa37f;stroke-opacity:.15;stroke-width:1.1;vector-effect:non-scaling-stroke}
.ht-topo-a{animation:ht-topo 26s cubic-bezier(.65,0,.35,1) infinite}
.ht-topo-b{animation:ht-topo 32s cubic-bezier(.65,0,.35,1) infinite reverse}
@keyframes ht-topo{0%,100%{transform:translate(0,0)}50%{transform:translate(-14px,8px)}}
.ht-topo-pool{position:absolute;left:50%;top:42%;width:min(1000px,100%);height:560px;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(247,251,249,.95),rgba(247,251,249,0) 65%)}
body.motion-paused .ht-topo g{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ht-topo g{animation:none}}
@media(max-width:760px){.ht-topo g{stroke-opacity:.11}}
/* From connected records to a clear next step: cinematic finish. */
.result-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 45% 40% at 12% 18%,rgba(10,163,127,.10),rgba(10,163,127,0) 70%),radial-gradient(ellipse 40% 45% at 92% 60%,rgba(4,178,155,.08),rgba(4,178,155,0) 70%),linear-gradient(180deg,#fbfdfc 0%,#f2f8f5 100%)}
.result-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(6,30,53,.10) 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask:radial-gradient(ellipse 70% 60% at 30% 30%,#000,transparent 70%);mask:radial-gradient(ellipse 70% 60% at 30% 30%,#000,transparent 70%)}
.result-section::after{content:"";position:absolute;left:4%;top:12%;width:380px;height:380px;border-radius:50%;z-index:-1;background:rgba(114,223,189,.18);filter:blur(90px);pointer-events:none;animation:res-drift 18s cubic-bezier(.65,0,.35,1) infinite}
@keyframes res-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,24px)}}
.result-section .section-heading h2{color:#061e35;letter-spacing:-.035em}
.result-section .section-heading h2 .res-accent{background:linear-gradient(90deg,#0aa37f 0%,#067a63 45%,#000000 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.result-section .section-heading>p{color:#3d5563}
.result-section .source-ribbon{position:relative;gap:10px;margin:34px 0 16px}
.result-section .source-ribbon span{position:relative;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;font-size:14px;font-weight:500;color:#061e35;border:1px solid transparent;background:linear-gradient(180deg,#fff,#f6fbf9) padding-box,linear-gradient(135deg,#0aa37f,#dbe7e3 50%,#dbe7e3 75%,rgba(10,163,127,.4)) border-box;box-shadow:inset 0 1px 0 #fff,0 10px 22px -14px rgba(6,30,53,.35)}
.result-section .source-ribbon span::before{content:"";width:7px;height:7px;border-radius:4px;background:#0aa37f;box-shadow:0 0 0 3px rgba(10,163,127,.14)}
.result-section .source-ribbon strong{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-size:14px;font-weight:600;color:#ffffff;background:radial-gradient(circle at 30% 20%,#145a72,#001833 70%);box-shadow:0 0 0 4px rgba(114,223,189,.16),0 14px 30px -12px rgba(0,24,51,.55),0 0 34px -6px rgba(10,163,127,.5);position:relative;overflow:hidden}
.result-section .source-ribbon strong::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(114,223,189,.35),rgba(255,255,255,0));animation:res-sheen 4.5s cubic-bezier(.65,0,.35,1) infinite}
@keyframes res-sheen{0%{transform:translateX(0)}60%,100%{transform:translateX(380%)}}
.result-section .readiness-note{color:#526675}
.result-section .outcome-table{position:relative;margin-top:44px;padding:30px 32px 18px;border-radius:22px;border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,253,252,.92)) padding-box,linear-gradient(135deg,#0aa37f 0%,#dbe7e3 35%,#dbe7e3 70%,rgba(4,178,155,.45) 100%) border-box;box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(6,30,53,.04),0 30px 60px -30px rgba(6,30,53,.28),0 0 80px -30px rgba(10,163,127,.35)}
.result-section .outcome-table h3{color:#061e35;letter-spacing:-.02em}
.result-section .outcome-table table{margin:18px 0 8px}
.result-section .outcome-table thead th{background:linear-gradient(90deg,#e6f8f1,#eef3fb);color:#00684f;border-bottom:0;font-size:11px;letter-spacing:.1em}
.result-section .outcome-table thead th:first-child{border-radius:10px 0 0 10px}.result-section .outcome-table thead th:last-child{border-radius:0 10px 10px 0}
.result-section .outcome-table tbody th,.result-section .outcome-table td{border-bottom:1px solid #e3ece8;transition:background .3s cubic-bezier(.65,0,.35,1)}
.result-section .outcome-table tbody tr:last-child th,.result-section .outcome-table tbody tr:last-child td{border-bottom:0}
.result-section .outcome-table tbody th{color:#061e35}
.result-section .outcome-table td{color:#0b5e4a;font-weight:500}
.result-section .outcome-table td::before{content:"→";color:#0aa37f;margin-right:10px;font-weight:400}
.result-section .outcome-table tbody tr:hover th,.result-section .outcome-table tbody tr:hover td{background:rgba(10,163,127,.05)}
.result-section .document-output{position:relative;overflow:hidden;margin-top:28px;padding:32px 36px;border-left:0;border-radius:22px;max-width:none;color:#fff;background:radial-gradient(ellipse 50% 70% at 0% 0%,rgba(114,223,189,.18),rgba(0,24,51,0) 60%),radial-gradient(ellipse 45% 70% at 100% 100%,rgba(4,178,155,.24),rgba(0,51,66,0) 70%),linear-gradient(135deg,#00213f 0%,#001833 55%,#14112d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -28px rgba(0,24,51,.55)}
.result-section .document-output::before{content:"Draft for review";display:inline-block;margin-bottom:14px;padding:4px 10px;border-radius:999px;background:rgba(114,223,189,.12);border:1px solid rgba(114,223,189,.3);font:500 10px/1.5 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.12em;text-transform:uppercase;color:#72dfbd}
.result-section .document-output::after{content:"";position:absolute;left:36px;right:36px;top:0;height:2px;background:linear-gradient(90deg,rgba(114,223,189,0),#72dfbd 30%,#81e4ca 70%,rgba(129,228,202,0))}
.result-section .document-output h3{color:#fff;letter-spacing:-.02em}
.result-section .document-output p{color:#b9d3cc;max-width:860px;margin-bottom:0}
body.motion-paused .result-section::after,body.motion-paused .result-section .source-ribbon strong::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.result-section::after,.result-section .source-ribbon strong::after{animation:none}}
@media(max-width:700px){.result-section .outcome-table{padding:20px 16px 10px;border-radius:18px}.result-section .document-output{padding:24px 20px}.result-section .source-ribbon span,.result-section .source-ribbon strong{font-size:13px;padding:9px 13px}}
/* One connected foundation: cinematic finish. */
.capabilities-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 40% 45% at 6% 20%,rgba(10,163,127,.12),rgba(10,163,127,0) 70%),radial-gradient(ellipse 40% 45% at 96% 92%,rgba(4,178,155,.10),rgba(4,178,155,0) 70%),linear-gradient(180deg,#f7fcfa 0%,#eef6f2 100%)!important}
.capabilities-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(6,30,53,.10) 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask:radial-gradient(ellipse 50% 50% at 90% 10%,#000,transparent 70%);mask:radial-gradient(ellipse 50% 50% at 90% 10%,#000,transparent 70%)}
.capabilities-section::after{content:"";position:absolute;left:-60px;top:30%;width:420px;height:420px;border-radius:50%;z-index:-1;background:rgba(114,223,189,.20);filter:blur(100px);pointer-events:none;animation:cap-drift 20s cubic-bezier(.65,0,.35,1) infinite}
@keyframes cap-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(50px,-30px)}}
.capabilities-section h2{color:#061e35;letter-spacing:-.035em}
.capabilities-section h2 .cap-accent{background:linear-gradient(90deg,#0aa37f 0%,#067a63 45%,#000000 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.capabilities-section .section-heading>p{color:#3d5563}
.capabilities-section .capabilities{border-top:0;display:flex;flex-direction:column;gap:12px;margin-top:40px}
.capabilities-section .cap-card{--c:#0aa37f;position:relative;overflow:hidden;padding:26px 28px!important;border-radius:20px;border:1px solid transparent!important;background:linear-gradient(180deg,#fff,#f8fbfa) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--c) 70%,#dbe7e3) 0%,#dbe7e3 30%,#dbe7e3 75%,color-mix(in srgb,var(--c) 35%,#dbe7e3) 100%) border-box!important;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(6,30,53,.05),0 18px 40px -26px rgba(6,30,53,.3);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)!important}
.capabilities-section .cap-card:nth-child(2){--c:#04b29b}.capabilities-section .cap-card:nth-child(3){--c:#2479b8}.capabilities-section .cap-card:nth-child(4){--c:#2a9a8f}.capabilities-section .cap-card:nth-child(5){--c:#03a37a}
.capabilities-section .cap-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 35% 120% at 0% 50%,color-mix(in srgb,var(--c) 10%,transparent),transparent 70%);opacity:.8;transition:opacity .45s}
.capabilities-section .cap-card::after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:25%;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.65),rgba(255,255,255,0));transform:translateX(0);opacity:0}
.capabilities-section .cap-card:hover{transform:translateY(-3px)!important;box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(6,30,53,.05),0 28px 50px -26px rgba(6,30,53,.38),0 0 50px -18px color-mix(in srgb,var(--c) 55%,transparent)!important;background:linear-gradient(180deg,#fff,#f8fbfa) padding-box,linear-gradient(135deg,var(--c) 0%,#dbe7e3 40%,#dbe7e3 70%,var(--c) 100%) border-box!important}
.capabilities-section .cap-card:hover::after{animation:cap-sheen 1s cubic-bezier(.65,0,.35,1)}
@keyframes cap-sheen{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(620%)}}
.capabilities-section .cap-card .icon{display:block!important;width:48px!important;height:48px!important;padding:12px;box-sizing:border-box;border-radius:14px;color:var(--c)!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--c) 12%,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 22%,transparent),0 10px 20px -12px color-mix(in srgb,var(--c) 60%,transparent)}
.capabilities-section .cap-card .eyebrow{font-size:10px!important;color:color-mix(in srgb,var(--c) 75%,#061e35)!important}
.capabilities-section .cap-card h3{color:#061e35}
.capabilities-section .cap-card p:not(.eyebrow){color:#3d5563}
.capabilities-section .cap-card .small-tag{display:inline-block;justify-self:start;padding:4px 10px!important;margin-top:10px!important;border-radius:999px;font-size:10px!important;color:#02826e!important;background:rgba(4,178,155,.08);border:1px solid rgba(4,178,155,.2)!important}
.capabilities-section .cap-card .card-arrow{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px!important;color:#061e35;border:1px solid #d5e2dd;background:#fff;transition:background .35s,color .35s,border-color .35s,transform .45s cubic-bezier(.16,1,.3,1)}
.capabilities-section .cap-card:hover .card-arrow{background:var(--c);border-color:var(--c);color:#fff;transform:translateX(3px)}
.capabilities-section .cap-card:focus-visible{outline:2px solid var(--c);outline-offset:3px}
.capabilities-section .related-links .text-link{color:#061e35}
body.motion-paused .capabilities-section::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.capabilities-section::after{animation:none}.capabilities-section .cap-card:hover::after{animation:none}}
@media(min-width:1001px){.capabilities-section .cap-card{grid-template-columns:56px 1.05fr 1.7fr 48px!important}}
@media(max-width:700px){.capabilities-section .cap-card{padding:22px 20px!important;border-radius:16px}}
@media(max-width:1000px){.capabilities-section .cap-card .icon{display:none!important}}
@media(max-width:760px){.capabilities-section .cap-card{grid-template-columns:minmax(0,1fr) 44px!important}.capabilities-section .cap-card .small-tag{max-width:100%;white-space:normal}}
@media(min-width:761px) and (max-width:1000px){.capabilities-section .cap-card{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 48px!important}}
.sys-accent{background:linear-gradient(90deg,#0aa37f 0%,#067a63 45%,#000000 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(min-width:761px){
.ht-strip{container-type:inline-size}
.ht-strip .ht-node{width:14.24%;margin-left:-.51%;font-size:clamp(10.5px,1.06cqw,12.5px);gap:clamp(5px,.6cqw,7px);padding:0 clamp(7px,.85cqw,10px)}
.ht-strip .ht-ic{width:clamp(19px,2.03cqw,24px);height:clamp(19px,2.03cqw,24px)}
.ht-strip .ht-ic svg{width:clamp(12px,1.36cqw,16px);height:clamp(12px,1.36cqw,16px)}
.ht-strip:not(.is-compact) .ht-ic{display:flex}
.ht-strip:not(.is-compact) .ht-live{display:block;margin-left:auto}
.ht-strip:not(.is-compact) .ht-node{justify-content:flex-start}
}
@media(max-width:760px){.ht-result{position:relative!important;left:auto!important;top:auto!important;transform:none!important}}

/* What is Fractal Nexus: answer + Systems, Context, Work */
.what-is-nexus{position:relative;overflow:hidden;padding:88px 0 96px;background:radial-gradient(ellipse 45% 55% at 85% 20%,rgba(4,178,155,.18),rgba(0,24,51,0) 70%),radial-gradient(ellipse 40% 50% at 10% 90%,rgba(114,223,189,.12),rgba(0,24,51,0) 70%),#001833!important;color:#fff}
.what-is-nexus::before,.what-is-nexus::after{display:none!important}
.what-is-nexus .wn-q{margin:0;font:500 11px/1.4 var(--mono,"IBM Plex Mono",monospace)!important;letter-spacing:.14em!important;text-transform:uppercase;color:#72dfbd!important}
.what-is-nexus .wn-answer{margin:18px 0 0;max-width:920px;font-size:clamp(28px,3.1vw,42px);font-weight:600;letter-spacing:-.03em;line-height:1.14;color:#fff}
.what-is-nexus .wn-answer span{color:#72dfbd}
.wn-steps{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;gap:14px;align-items:stretch}
.wn-step{position:relative;padding:28px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(114,223,189,.18);transition-delay:calc(var(--i)*.15s)!important;animation:wn-lit 6s cubic-bezier(.65,0,.35,1) infinite;animation-delay:calc(var(--i)*2s)}
@keyframes wn-lit{0%,30%{border-color:rgba(114,223,189,.75);box-shadow:0 0 0 1px rgba(114,223,189,.35),0 30px 60px -30px rgba(114,223,189,.55);translate:0 -4px}36%,100%{border-color:rgba(114,223,189,.18);box-shadow:none;translate:0 0}}
.wn-ic{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#72dfbd;background:rgba(114,223,189,.1);border:1px solid rgba(114,223,189,.3)}
.wn-no{display:block;margin-top:22px;font:500 11px var(--mono,"IBM Plex Mono",monospace);letter-spacing:.14em;color:#72dfbd}
.wn-step h3{margin:4px 0 0;font-size:28px;font-weight:600;letter-spacing:-.02em;color:#fff}
.wn-step p{margin:10px 0 0;font-size:15px;line-height:1.55;color:#b9d3cc}
.wn-arrow{align-self:center;justify-self:center;font-size:26px;color:#72dfbd;animation:wn-arrow 6s cubic-bezier(.65,0,.35,1) infinite}
.wn-arrow:nth-child(4){animation-delay:2s}
@keyframes wn-arrow{0%,25%{opacity:.35;translate:0 0}30%{opacity:1;translate:6px 0}40%,100%{opacity:.35;translate:0 0}}
body.motion-paused .wn-step,body.motion-paused .wn-arrow{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.wn-step,.wn-arrow{animation:none}}
@media(max-width:900px){.wn-steps{grid-template-columns:1fr;gap:10px}.wn-arrow{transform:rotate(90deg);font-size:22px}.what-is-nexus{padding:64px 0 72px}}
@media(max-width:600px){.wn-step{padding:22px}.wn-step h3{font-size:24px}}
/* What is Fractal Nexus: cinematic finish */
.what-is-nexus{isolation:isolate;background:radial-gradient(ellipse 60% 70% at 50% 120%,rgba(10,163,127,.10),rgba(0,24,51,0) 70%),linear-gradient(180deg,#00203f 0%,#001833 45%,#0d1530 100%)!important;box-shadow:inset 0 0 180px rgba(0,6,16,.55)}
.what-is-nexus>.container{position:relative;z-index:1}
.what-is-nexus .wn-glow{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(100px)}
.what-is-nexus .wn-glow.a{right:-6%;top:-18%;width:560px;height:560px;background:rgba(4,178,155,.30);animation:wn-drift 22s cubic-bezier(.65,0,.35,1) infinite}
.what-is-nexus .wn-glow.b{left:-8%;bottom:-30%;width:520px;height:520px;background:rgba(114,223,189,.16);animation:wn-drift 18s cubic-bezier(.65,0,.35,1) infinite reverse}
.what-is-nexus .wn-dots{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(207,232,255,.14) 1px,transparent 1.2px);background-size:18px 18px;-webkit-mask:radial-gradient(ellipse 45% 60% at 88% 20%,#000,transparent 70%);mask:radial-gradient(ellipse 45% 60% at 88% 20%,#000,transparent 70%)}
@keyframes wn-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,30px)}}
.what-is-nexus h2.wn-q::after{display:none!important}
.what-is-nexus .wn-q{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 12px;border-radius:999px;background:rgba(114,223,189,.08);border:1px solid rgba(114,223,189,.28)}
.what-is-nexus .wn-q::before{content:"";width:7px;height:7px;border-radius:4px;background:#72dfbd;box-shadow:0 0 0 4px rgba(114,223,189,.16),0 0 12px rgba(114,223,189,.8)}
.what-is-nexus .wn-answer{margin-top:22px;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.what-is-nexus .wn-answer span{background:linear-gradient(90deg,#72dfbd,#b9f5df 55%,#ffffff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(114,223,189,.3))}
.wn-steps{margin-top:52px}
.wn-step{overflow:hidden;border:1px solid transparent!important;background:linear-gradient(180deg,rgba(14,46,74,.75),rgba(6,26,48,.55)) padding-box,linear-gradient(140deg,rgba(114,223,189,.55),rgba(114,223,189,.08) 38%,rgba(255,255,255,.04) 62%,rgba(66,215,176,.38)) border-box!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -36px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation-name:wn-lit2!important;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.wn-step::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 20% 0%,rgba(114,223,189,.16),transparent 70%);opacity:.6;transition:opacity .6s}
.wn-step::after{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(185,245,223,.8),transparent);opacity:0}
@keyframes wn-lit2{0%,30%{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(114,223,189,.45),0 34px 70px -30px rgba(114,223,189,.45),0 0 60px -10px rgba(114,223,189,.25);translate:0 -5px}36%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -36px rgba(0,0,0,.8);translate:0 0}}
.wn-step:hover{transform:translateY(-3px)}
.wn-ic{position:relative;background:linear-gradient(180deg,rgba(114,223,189,.22),rgba(114,223,189,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px -10px rgba(114,223,189,.6)}
.wn-step:nth-of-type(3) .wn-ic{color:#81e4ca;border-color:rgba(66,215,176,.4);background:linear-gradient(180deg,rgba(66,215,176,.24),rgba(66,215,176,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px -10px rgba(66,215,176,.6)}
.wn-step h3{text-shadow:0 2px 14px rgba(0,0,0,.3)}
.wn-step p{color:#c3d6dd}
.wn-arrow{position:relative;width:40px;height:2px;font-size:0!important;align-self:center;background:linear-gradient(90deg,rgba(114,223,189,.15),rgba(114,223,189,.6));border-radius:2px;animation:none!important;opacity:1}
.wn-arrow::before{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid #72dfbd;border-right:2px solid #72dfbd;transform:rotate(45deg);border-radius:1px}
.wn-arrow::after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #72dfbd,0 0 20px rgba(114,223,189,.8);animation:wn-pk 2s cubic-bezier(.65,0,.35,1) infinite}
.wn-arrow:nth-child(4)::after{animation-delay:1s}
@keyframes wn-pk{0%{left:-4px;opacity:0}15%{opacity:1}75%{left:28px;opacity:1}100%{left:30px;opacity:0}}
body.motion-paused .wn-glow,body.motion-paused .wn-arrow::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.wn-glow,.wn-arrow::after{animation:none}.wn-arrow::after{display:none}}
@media(max-width:900px){.wn-arrow{width:2px;height:28px;justify-self:center;background:linear-gradient(180deg,rgba(114,223,189,.15),rgba(114,223,189,.6));transform:none}.wn-arrow::before{right:auto;left:-4px;top:auto;bottom:-1px;transform:rotate(135deg)}.wn-arrow::after{left:-3px!important;animation-name:wn-pkv}@keyframes wn-pkv{0%{top:-4px;opacity:0}15%{opacity:1}75%{top:16px;opacity:1}100%{top:18px;opacity:0}}}

/* Trusted by: scrolling logo band */
.tm-band{padding:26px 0 22px!important;background:#000!important;border-top:0!important;overflow:hidden}
.tm-label{margin:0;display:flex;align-items:center;gap:8px;font:500 11px/1.4 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.14em;text-transform:uppercase;color:#72dfbd}
.tm-label::before{content:"";width:5px;height:5px;border-radius:3px;background:#72dfbd}
.tm-marquee{margin-top:10px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.tm-track{display:flex;width:max-content;margin:0;padding:0;list-style:none;animation:tm-scroll 36s linear infinite}
.tm-marquee:hover .tm-track,.tm-marquee:focus-within .tm-track{animation-play-state:paused}
.tm-item{flex:none;width:250px;height:100px;display:flex;align-items:center;justify-content:center}
.tm-item img{height:var(--h);width:auto;max-width:200px;object-fit:contain}
@keyframes tm-scroll{to{transform:translateX(-50%)}}
body.motion-paused .tm-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.tm-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.tm-item[aria-hidden="true"]{display:none}.tm-marquee{-webkit-mask:none;mask:none}}
@media(max-width:760px){.tm-band{padding:20px 0 14px!important}.tm-item{width:170px;height:76px}.tm-item img{height:calc(var(--h)*.72);max-width:140px}.tm-label{font-size:10.5px}}
.tm-label{font:500 16px/1.4 var(--font,Inter,Arial,sans-serif)!important;letter-spacing:-.005em!important;text-transform:none!important;color:#d9e6ec!important}.tm-label::before{width:6px;height:6px;background:#03c995}@media(max-width:760px){.tm-label{font-size:14px!important}}
/* Trusted by: static row (no scrolling) */
.tm-marquee{max-width:1440px;margin:12px auto 0;padding:0 48px;-webkit-mask:none!important;mask:none!important}
.tm-track{animation:none!important;width:100%!important;display:flex;justify-content:space-between;align-items:center}
.tm-item[aria-hidden="true"]{display:none!important}
.tm-item{flex:1 1 0;width:auto;min-width:0;height:96px}
.tm-item img{max-width:min(170px,90%)}
@media(max-width:900px){.tm-marquee{padding:0 20px}.tm-track{flex-wrap:wrap;justify-content:center}.tm-item{flex:0 0 25%;height:78px}.tm-item img{height:calc(var(--h)*.68)}}
@media(max-width:520px){.tm-item{flex:0 0 33.33%}}

/* Discover Nexus for business: color and light */
.button.cta-discover{position:relative;isolation:isolate;border:0!important;font-weight:600;letter-spacing:-.005em;color:#00172e!important;
background:radial-gradient(120% 140% at 30% 0%,#8ff0cb 0%,rgba(143,240,203,0) 55%),linear-gradient(180deg,#14d9a6 0%,#03c995 55%,#02a57c 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,60,45,.25),0 0 0 1px rgba(3,201,149,.35),0 10px 26px -10px rgba(3,201,149,.75),0 0 34px -8px rgba(114,223,189,.45)!important;
text-shadow:0 1px 0 rgba(255,255,255,.25);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),filter .35s ease}
.button.cta-discover::before{content:"";position:absolute;left:10%;right:10%;top:1px;height:45%;border-radius:999px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));z-index:-1}
.button.cta-discover:hover{transform:translateY(-1px);filter:saturate(1.08) brightness(1.04)}
.cta .button.cta-discover{color:#e9fbf5!important;text-shadow:0 1px 0 rgba(0,0,0,.25);
background:radial-gradient(120% 150% at 28% 0%,rgba(114,223,189,.38) 0%,rgba(114,223,189,0) 55%),linear-gradient(180deg,#0d3a5a 0%,#001833 60%,#000d1d 100%)!important;
box-shadow:inset 0 1px 0 rgba(185,245,223,.35),inset 0 -1px 0 rgba(0,0,0,.4),0 0 0 1px rgba(114,223,189,.25),0 12px 28px -12px rgba(0,24,51,.7),0 0 34px -10px rgba(10,163,127,.45)!important}
.cta .button.cta-discover::before{background:linear-gradient(180deg,rgba(185,245,223,.14),rgba(185,245,223,0))}
@media(prefers-reduced-motion:reduce){.button.cta-discover{transition:none}}

/* See how it connects: color and light (navy) */
.ht-secondary{position:relative;isolation:isolate;font-weight:600;letter-spacing:-.005em;color:#e9fbf5!important;border:0!important;text-shadow:0 1px 0 rgba(0,0,0,.25);
background:radial-gradient(120% 150% at 28% 0%,rgba(114,223,189,.38) 0%,rgba(114,223,189,0) 55%),linear-gradient(180deg,#0d3a5a 0%,#001833 60%,#000d1d 100%)!important;
box-shadow:inset 0 1px 0 rgba(185,245,223,.35),inset 0 -1px 0 rgba(0,0,0,.4),0 0 0 1px rgba(114,223,189,.25),0 12px 28px -12px rgba(0,24,51,.7),0 0 34px -10px rgba(10,163,127,.45);
transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),filter .35s ease}
.ht-secondary::before{content:"";position:absolute;left:10%;right:10%;top:1px;height:45%;border-radius:999px;pointer-events:none;background:linear-gradient(180deg,rgba(185,245,223,.14),rgba(185,245,223,0));z-index:-1}
.ht-secondary:hover{transform:translateY(-1px);filter:brightness(1.12)}
.ht-secondary span{color:#72dfbd}
@media(prefers-reduced-motion:reduce){.ht-secondary{transition:none}}
#your-systems{scroll-margin-top:0}
/* Your systems: one lit stage */
#connected-systems .sys-pill{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;padding:6px 14px 6px 12px;border-radius:999px;background:rgba(10,163,127,.08);border:1px solid rgba(10,163,127,.25);font:500 11px/1.4 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.12em;text-transform:uppercase;color:#00684f}
#connected-systems .sys-pill::before{content:"";width:7px;height:7px;border-radius:4px;background:#0aa37f;box-shadow:0 0 0 4px rgba(10,163,127,.15)}
#connected-systems .section-heading{margin-bottom:22px}
.sys-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;padding:18px 24px;background:radial-gradient(ellipse 50% 60% at 50% 46%,#ffffff 0%,rgba(255,255,255,0) 70%),radial-gradient(ellipse 40% 50% at 10% 0%,rgba(10,163,127,.10),rgba(10,163,127,0) 70%),radial-gradient(ellipse 40% 50% at 95% 100%,rgba(4,178,155,.08),rgba(4,178,155,0) 70%),linear-gradient(180deg,#f6faf8,#e9f1ee);box-shadow:inset 0 1px 0 #fff,0 0 0 1px #d5e2dd,0 40px 80px -40px rgba(6,30,53,.35),0 0 80px -40px rgba(10,163,127,.35)}
.sys-stage::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(6,30,53,.09) 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask:radial-gradient(ellipse 60% 60% at 50% 46%,#000,transparent 75%);mask:radial-gradient(ellipse 60% 60% at 50% 46%,#000,transparent 75%)}
.sys-stage .map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:0;border:0}
.sys-stage .map-modes{display:inline-flex;gap:4px;padding:4px;border:1px solid #dbe7e3!important;border-radius:999px;background:rgba(255,255,255,.85);box-shadow:0 8px 20px -12px rgba(6,30,53,.3)}
.sys-stage .map-modes button{border:0!important;margin:0!important;padding:8px 16px!important;border-radius:999px!important;background:transparent!important;color:#3d5563!important;font-size:13px!important;font-weight:500;box-shadow:none!important;transition:background .35s cubic-bezier(.65,0,.35,1),color .35s}
.sys-stage .map-modes button::after{display:none!important}
.sys-stage .map-modes button.active{background:#001833!important;color:#fff!important;box-shadow:0 6px 14px -6px rgba(0,24,51,.5)!important}
.sys-stage .map-modes button:focus-visible{outline:2px solid #0aa37f;outline-offset:2px}
.sys-hint{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#526675}
.sys-illus{padding:3px 9px;border-radius:999px;background:rgba(6,30,53,.05);border:1px solid rgba(6,30,53,.1);font:500 10px var(--mono,"IBM Plex Mono",monospace);letter-spacing:.1em;text-transform:uppercase}
.sys-stage .hub-map{padding:0}
.sys-stage .hub-stage{max-width:min(1100px,calc((100svh - 420px) * 2.29));margin:0 auto}
#connected-systems .sys-stage .pm-details{position:relative;margin:6px 0 0!important;max-width:none!important;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:14px 22px!important;border-radius:16px;background:linear-gradient(180deg,rgba(0,24,51,.95),rgba(9,20,45,.97))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 40px -20px rgba(0,24,51,.6)!important;color:#fff}
.sys-stage .pm-accent{position:absolute!important;left:22px;right:22px;top:0;height:2px!important;background:linear-gradient(90deg,rgba(4,178,155,0),#04b29b 30%,#81e4ca 50%,#04b29b 70%,rgba(4,178,155,0))!important;border-radius:0!important}
.sys-stage .pm-copy{grid-column:1/3;grid-row:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}
.sys-stage .pm-headline{display:contents}
.sys-stage .pm-tag{grid-column:1;white-space:nowrap}
.sys-stage .pm-title{grid-column:2;grid-row:1;display:block;font-size:16px!important;line-height:1.3}
.sys-stage .pm-text{grid-column:2;grid-row:2;margin:-18px 0 0!important;font-size:13.5px!important;line-height:1.45;color:#b9d3cc!important}
.sys-stage .pm-divider{display:none!important}
.sys-stage .pm-aside{grid-column:3;grid-row:1}
.sys-stage .pm-legend{margin:0!important;white-space:nowrap}
.sys-note{margin:12px 4px 0;font-size:12px;line-height:1.5;color:#7a8f99}
@media(max-width:1100px){#connected-systems .sys-stage .pm-details{grid-template-columns:minmax(0,1fr)}.sys-stage .pm-copy{grid-column:1}.sys-stage .pm-aside{grid-column:1;grid-row:2}}
@media(max-width:979px){.sys-stage{padding:14px}.sys-stage .map-toolbar{flex-direction:column;align-items:flex-start}.sys-stage .hub-stage{max-width:none}}
@media(max-width:700px){.sys-stage{border-radius:18px;padding:12px}.sys-stage .map-modes{max-width:100%;overflow-x:auto}.sys-stage .map-modes button{white-space:nowrap;padding:8px 12px!important}.sys-stage .pm-copy{grid-template-columns:1fr;gap:8px}.sys-stage .pm-title,.sys-stage .pm-text{grid-column:1;grid-row:auto}.sys-stage .pm-text{margin:0!important}.sys-stage .pm-legend{white-space:normal}.sys-hint{flex-wrap:wrap}}
@media(min-width:980px){
#connected-systems{padding-top:clamp(28px,4vh,64px)!important;padding-bottom:clamp(28px,4vh,72px)!important}
#connected-systems .sys-pill{margin-bottom:12px}
#connected-systems .section-heading{margin-bottom:16px;align-items:end}
#connected-systems .section-heading h2{font-size:clamp(34px,min(4vw,5.4vh),58px)!important;line-height:1.02}
#connected-systems .section-heading>p{font-size:clamp(14px,1.9vh,17px)}
.sys-stage{padding:14px 22px}
.sys-stage .hub-stage{max-width:min(1100px,calc((100svh - 450px) * 2.29))}
}
@media(min-width:980px){.sys-stage .hub-stage{max-width:min(1100px,calc((100svh - 500px) * 2.29))}}
@media(min-width:980px){
.hub-stage{container-type:inline-size}
.hub-node{gap:clamp(7px,1.1cqw,12px)!important;padding:clamp(6px,.9cqw,10px) clamp(8px,1.25cqw,14px)!important;min-height:0!important;height:auto}
.hub-info strong{font-size:clamp(10.5px,1.18cqw,13px)!important;white-space:nowrap}
.hub-info small{font-size:clamp(9.5px,1cqw,11px)!important;white-space:nowrap}
.hub-ic{width:clamp(24px,3.3cqw,36px)!important;height:clamp(24px,3.3cqw,36px)!important}
.hub-ic svg{width:clamp(13px,1.6cqw,18px);height:clamp(13px,1.6cqw,18px)}
.hub-live{top:clamp(7px,1.1cqw,12px)!important;right:clamp(7px,1.1cqw,12px)!important}
.hub-group-title{font-size:clamp(8.5px,.9cqw,10px)!important}
.hub-center-name{font-size:clamp(22px,2.9cqw,32px)!important}.hub-center-sub{font-size:clamp(10px,1.1cqw,12px)!important}.hub-center-health{font-size:clamp(9.5px,1.05cqw,11.5px)!important}
.hub-steps{font-size:clamp(10.5px,1.1cqw,12px)!important}
}
@media(min-width:980px){.sys-stage .hub-stage{max-width:max(780px,min(1100px,calc((100svh - 500px) * 2.29)))}}
@media(min-width:980px){.hub-node:not(.k-off){padding-right:clamp(16px,2.2cqw,24px)!important}}
@media(min-width:980px){.hub-info strong{font-size:clamp(9.5px,1.1cqw,13px)!important}.hub-ic{width:clamp(22px,3.2cqw,36px)!important;height:clamp(22px,3.2cqw,36px)!important}}
#connected-operation{scroll-margin-top:0}
@media(max-width:760px){.sys-stage .map-modes button{min-height:44px}}
@media(max-width:760px){.sys-stage .map-modes{display:flex;width:100%;overflow:visible}.sys-stage .map-modes button{flex:1 1 auto;padding:8px 6px!important;font-size:11.5px!important;white-space:normal;line-height:1.2;text-align:center}}

/* Phones: portrait hero animation */
.htp{display:none}
@media(max-width:760px){
.hero-t{padding:18px 0 22px!important}
.hero-t .htp-more{display:none}
.hero-t .ht-eyebrow{font-size:9.5px!important;padding:4px 10px;letter-spacing:.08em}
.hero-t h1{font-size:clamp(26px,7.4vw,30px)!important;margin-top:10px!important;line-height:1.06}
.hero-t .ht-lead{font-size:13.5px;line-height:1.45;margin-top:8px}
.hero-t .ht-buttons{margin-top:14px;flex-wrap:nowrap;gap:8px}
.hero-t .ht-buttons a{padding:11px 14px!important;font-size:13.5px!important;min-height:44px;box-sizing:border-box;white-space:nowrap}
.hero-t .ht-strip{display:none!important}
.htp{display:block;margin:44px auto 0;width:390px;max-width:100%;overflow:visible}
.htp-box{position:relative;width:390px;left:50%;margin-left:-195px}
.htp-box svg{position:absolute;left:0;top:0;overflow:visible}
}
@media(max-width:380px){.htp{zoom:.9;margin-top:30px}}@media(max-width:350px){.htp{zoom:.85}}
.htp-chip{position:absolute;width:112px;height:30px;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:9px;font-size:11px;font-weight:500;color:#061e35;background:linear-gradient(180deg,#fff,#f8fbfa) padding-box,linear-gradient(135deg,var(--c),#dbe7e3 50%,#dbe7e3 75%,var(--c)) border-box;border:1px solid transparent;box-shadow:0 8px 18px -12px rgba(6,30,53,.4);white-space:nowrap;animation:htp-chip 12s cubic-bezier(.65,0,.35,1) infinite both}
.htp-chip i{width:6px;height:6px;border-radius:3px;background:var(--c);flex:none}
.htp-chip.off{background:rgba(250,252,251,.85);border:1px dashed #c3d3cd;box-shadow:none;color:#526675;animation:none}
@keyframes htp-chip{0%{opacity:.35}4%,100%{opacity:1}}
.htp-chip.dim{animation-name:htp-chipdim}@keyframes htp-chipdim{0%{opacity:.35}4%,23%{opacity:1}28%,92%{opacity:.38;filter:saturate(.4)}100%{opacity:1}}
.htp-chip.pick{animation-name:htp-chippick}@keyframes htp-chippick{0%{opacity:.35}4%,23%{opacity:1}28%,92%{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent),0 12px 24px -12px var(--c)}100%{opacity:1}}
.htp-draw{stroke-dasharray:100;animation:htp-draw 12s cubic-bezier(.65,0,.35,1) infinite both}@keyframes htp-draw{0%{stroke-dashoffset:100}10%,100%{stroke-dashoffset:0}}
.htp-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:htp-pk 2.6s cubic-bezier(.65,0,.35,1) infinite both}@keyframes htp-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}70%{stroke-dashoffset:-100;opacity:1}80%,100%{stroke-dashoffset:-100;opacity:0}}
.htp-r.dim{animation:htp-rdim 12s cubic-bezier(.65,0,.35,1) infinite both}@keyframes htp-rdim{0%,23%{opacity:1}28%,92%{opacity:.12}100%{opacity:1}}
.htp-hub{transform-box:fill-box;transform-origin:center;animation:htp-hub 12s cubic-bezier(.16,1,.3,1) infinite both}@keyframes htp-hub{0%,23%{transform:scale(1)}26%{transform:scale(1.08)}30%,100%{transform:scale(1)}}
.htp-halo{transform-box:fill-box;transform-origin:center;animation:htp-halo 3s cubic-bezier(.16,1,.3,1) infinite}@keyframes htp-halo{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.5);opacity:0}}
.htp-hubtext{position:absolute;width:80px;text-align:center;color:#fff;line-height:1.1;display:flex;flex-direction:column}.htp-hubtext b{font-size:13px}.htp-hubtext span{font-size:7.5px;color:#72dfbd}
.htp-ctx{position:absolute;padding:3px 8px;border-radius:999px;background:#fff;border:1px solid #cfe6dd;font-size:10px;font-weight:500;color:#061e35;box-shadow:0 8px 16px -10px rgba(6,30,53,.4);opacity:0;transform:translateY(6px) scale(.9);animation:htp-ctx 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes htp-ctx{0%,26%{opacity:0;transform:translateY(6px) scale(.9)}31%,46%{opacity:1;transform:none}52%,100%{opacity:0;transform:translateY(30px) scale(.6)}}
.htp-cap{position:absolute;left:0;right:0;text-align:center;font:500 9px var(--mono,"IBM Plex Mono",monospace);letter-spacing:.12em;text-transform:uppercase;color:#00785a}
.htp-cap span{position:absolute;left:0;right:0}.htp-cap .a{animation:htp-capa 12s steps(1) infinite both}.htp-cap .b{opacity:0;animation:htp-capb 12s steps(1) infinite both}
@keyframes htp-capa{0%{opacity:1}25%,100%{opacity:0}}@keyframes htp-capb{0%,24%{opacity:0}25%,50%{opacity:1}51%,100%{opacity:0}}
.htp-card{position:absolute;left:18px;right:18px;overflow:hidden;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:13px;text-align:left;background:linear-gradient(180deg,#fff,#f6fbf9) padding-box,linear-gradient(135deg,#0aa37f,#d5e8e0 40%,#d5e8e0 70%,rgba(4,178,155,.45)) border-box;border:1px solid transparent;box-shadow:0 16px 32px -18px rgba(6,30,53,.4),0 0 36px -12px rgba(10,163,127,.4);opacity:0;transform:translateY(12px);animation:htp-card 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes htp-card{0%,48%{opacity:0;transform:translateY(12px)}54%,94%{opacity:1;transform:none}100%{opacity:0}}
.htp-card{padding:7px 12px!important;line-height:1.25}.htp-card small{display:block;font-size:9.5px;color:#526675}.htp-card b{font-size:13.5px;color:#061e35}.htp-card em{display:block;font-style:normal;font-size:10.5px;color:#00785a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.htp-card>span:last-child{min-width:0}
.htp-check{width:28px;height:28px;flex:none;border-radius:8px;background:linear-gradient(180deg,#e8faf4,#d2f2e7);color:#00785a;display:flex;align-items:center;justify-content:center;font-size:13px}
.htp-sheen{position:absolute;inset:0;width:30%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(114,223,189,.25),rgba(255,255,255,0));animation:htp-sh 5s cubic-bezier(.65,0,.35,1) infinite}@keyframes htp-sh{0%{transform:translateX(-120%)}55%,100%{transform:translateX(420%)}}
.htp-rail{position:absolute;left:18px;right:18px;padding-top:6px;display:grid;grid-template-columns:repeat(3,1fr);font-size:10.5px;color:#526675;text-align:left}
.htp-rail>i{position:absolute;left:0;right:0;top:0;height:2px;background:#d5e2dd}.htp-rail>i.htp-fill{right:auto;background:linear-gradient(90deg,#0aa37f,#04b29b);animation:htp-fill 12s cubic-bezier(.65,0,.35,1) infinite both}
@keyframes htp-fill{0%{width:0}8%{width:33%}25%{width:33%}30%{width:66%}50%{width:66%}55%,95%{width:100%}100%{width:0}}
.htp-rail b{font:500 8.5px var(--mono,"IBM Plex Mono",monospace);color:#8aa0a8}
.htp-rail .s1{animation:htp-s1 12s steps(1) infinite}@keyframes htp-s1{0%{color:#061e35;font-weight:600}25%,100%{color:#526675;font-weight:400}}
.htp-rail .s2{animation:htp-s2 12s steps(1) infinite}@keyframes htp-s2{0%{color:#526675}25%{color:#061e35;font-weight:600}51%,100%{color:#526675;font-weight:400}}
.htp-rail .s3{animation:htp-s3 12s steps(1) infinite}@keyframes htp-s3{0%{color:#526675}51%{color:#061e35;font-weight:600}97%,100%{color:#526675;font-weight:400}}
body.motion-paused .htp *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.htp *{animation:none!important}.htp-card{opacity:1;transform:none}.htp-ctx,.htp-cap .b,.htp-pk{opacity:0}.htp-rail>i.htp-fill{width:100%}}

/* Phones: compact portrait connected-systems map */
.sysp{display:none}
@media(max-width:760px){
.sys-stage .hub-stage{display:none!important}
.sysp{display:block;padding:6px 2px 4px}
.sysp-label{margin:10px 0 6px 24px;font:500 9px/1.4 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.12em;text-transform:uppercase;color:#526675}
.sysp-group{position:relative;display:grid;gap:6px;padding-left:24px}
.sysp-group::before{content:"";position:absolute;left:9px;top:17px;bottom:-30px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(10,163,127,.2),rgba(10,163,127,.75))}
.sysp-group.out::before{top:-30px;bottom:17px;background:linear-gradient(180deg,rgba(36,121,184,.75),rgba(36,121,184,.2))}
.sysp-card{position:relative;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:10px;font:inherit;text-align:left;cursor:pointer;--c:#0aa37f;border:1px solid transparent;background:linear-gradient(180deg,#fff,#f8fbfa) padding-box,linear-gradient(135deg,var(--c),#dbe7e3 45%,#dbe7e3 70%,color-mix(in srgb,var(--c) 40%,transparent)) border-box;box-shadow:0 8px 16px -12px rgba(6,30,53,.35);transition:opacity .4s cubic-bezier(.65,0,.35,1),box-shadow .3s cubic-bezier(.65,0,.35,1)}
.sysp-card::before{content:"";position:absolute;left:-15px;top:50%;width:15px;height:2px;margin-top:-1px;background:var(--c);opacity:.8}
.sysp-card.k-two,.sysp-card.k-app{--c:#2479b8}
.sysp-card.k-off{--c:#a7bbb4;border:1px dashed #c3d3cd;background:rgba(250,252,251,.85);box-shadow:none}
.sysp-card.k-off::before{opacity:.5}
.sysp-card b{font-size:12px;font-weight:600;color:#061e35;white-space:nowrap}.sysp-card.k-off b{font-weight:500;color:#526675}
.sysp-card span{font-size:10px;color:#3d5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sysp-live{margin-left:auto;flex:none;width:6px;height:6px;border-radius:3px;background:var(--c);animation:sysp-live 2.4s cubic-bezier(.16,1,.3,1) infinite}
@keyframes sysp-live{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 55%,transparent)}70%,100%{box-shadow:0 0 0 6px transparent}}
.sysp-card[aria-pressed="true"],.sysp-hub[aria-pressed="true"]{box-shadow:0 0 0 3px color-mix(in srgb,var(--c,#0aa37f) 25%,transparent),0 12px 24px -12px var(--c,#0aa37f)}
.sysp-card:focus-visible,.sysp-hub:focus-visible{outline:2px solid #0aa37f;outline-offset:2px}
.sysp-pk{position:absolute;left:6px;top:0;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #0aa37f,0 0 12px #72dfbd;animation:sysp-down 2.4s cubic-bezier(.65,0,.35,1) infinite}
.sysp-pk.late{animation-delay:-1.2s}
@keyframes sysp-down{0%{top:10px;opacity:0}10%{opacity:1}85%{opacity:1}100%{top:calc(100% + 24px);opacity:0}}
.sysp-pk.up{box-shadow:0 0 0 2px #4aa3d6,0 0 12px #9fd3f0;animation:sysp-up 2.8s cubic-bezier(.65,0,.35,1) infinite}
@keyframes sysp-up{0%{top:calc(100% - 22px);opacity:0}10%{opacity:1}85%{opacity:1}100%{top:-24px;opacity:0}}
.sysp-pk.dn{animation:sysp-dn 2.8s cubic-bezier(.65,0,.35,1) infinite;animation-delay:-1.4s}
@keyframes sysp-dn{0%{top:-24px;opacity:0}10%{opacity:1}85%{opacity:1}100%{top:calc(100% - 22px);opacity:0}}
.sysp-hubrow{position:relative;height:120px;margin:4px 0}
.sysp-join{position:absolute;left:0;top:0;width:160px;height:120px;overflow:visible}
.sysp-hub{position:absolute;left:50%;top:50%;width:100px;height:100px;margin:-50px 0 0 -38px;border:0;border-radius:50%;cursor:pointer;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:radial-gradient(circle at 40% 28%,#1a6a86,#05344f 45%,#001833);box-shadow:0 0 0 5px #fff,0 0 0 7px #dbe7e3,0 14px 28px -12px rgba(0,24,51,.4)}
.sysp-hub::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(#0aa37f 0 66.6%,transparent 66.6% 100%);-webkit-mask:radial-gradient(circle,transparent 63%,#000 64%,#000 69%,transparent 70%);mask:radial-gradient(circle,transparent 63%,#000 64%,#000 69%,transparent 70%)}
.sysp-hub::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:3px dotted rgba(122,143,153,.4);animation:sysp-spin 40s linear infinite}
@keyframes sysp-spin{to{transform:rotate(360deg)}}
.sysp-hub b{font-size:18px;font-weight:600;letter-spacing:-.02em}.sysp-hub span{font-size:9px;color:#e3f9f3}
.hub-map[data-flow="delivery"] .sysp [data-system="checkout"],.hub-map[data-flow="delivery"] .sysp [data-system="avalara"],.hub-map[data-flow="delivery"] .sysp [data-system="trackit"],
.hub-map[data-flow="payments"] .sysp [data-system="cloud"],.hub-map[data-flow="payments"] .sysp [data-system="apex"],.hub-map[data-flow="payments"] .sysp [data-system="integra"],.hub-map[data-flow="payments"] .sysp [data-system="trackit"],.hub-map[data-flow="payments"] .sysp [data-system="avalara"]{opacity:.35}
.hub-map[data-selected] .sysp-card:not([aria-pressed="true"]){opacity:.55}
.sys-stage .hub-map{padding:0}
}
@media(max-width:360px){.sysp-card span{display:none}}
body.motion-paused .sysp *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.sysp *{animation:none!important}.sysp-pk{display:none}}

/* Phones: Orbit connected-systems map (fits one screen) */
.syso{display:none}
@media(max-width:760px){
.sysp{display:none!important}
.sys-stage .hub-stage{display:none!important}
.syso{display:block;padding:12px 0 4px}
.syso-box{position:relative;margin:0 auto}
.syso-lines{position:absolute;left:0;top:0;overflow:visible}
.syso-tile{position:absolute;width:64px;height:64px;box-sizing:border-box;padding:0;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font:inherit;color:var(--c);
border:1px solid transparent;background:linear-gradient(180deg,#fff,#f8fbfa) padding-box,linear-gradient(135deg,var(--c),#dbe7e3 50%,#dbe7e3 75%,color-mix(in srgb,var(--c) 40%,transparent)) border-box;box-shadow:0 10px 20px -14px rgba(6,30,53,.4);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.65,0,.35,1)}
.syso-tile span{font-size:10.5px;font-weight:600;color:#061e35;white-space:nowrap}
.syso-tile.k-off{border:1px dashed #c3d3cd;background:rgba(250,252,251,.9);box-shadow:none;color:#8aa0a8}.syso-tile.k-off span{color:#526675}
.syso-tile[aria-pressed="true"]{transform:translateY(-2px);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent),0 14px 26px -12px var(--c)}
.syso-tile:focus-visible,.syso-hub:focus-visible{outline:2px solid #0aa37f;outline-offset:2px}
.syso-hub{position:absolute;width:84px;height:84px;border:0;border-radius:50%;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;font:inherit}
.syso-hub b{font-size:16px;font-weight:600}.syso-hub span{font-size:8.5px;color:#e3f9f3}
.syso-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:syso-pk 2.4s cubic-bezier(.65,0,.35,1) infinite both}
@keyframes syso-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}70%{stroke-dashoffset:-100;opacity:1}80%,100%{stroke-dashoffset:-100;opacity:0}}
.syso-pkr{stroke-dasharray:.01 100;stroke-linecap:round;animation:syso-pkr 2.8s cubic-bezier(.65,0,.35,1) infinite both;animation-delay:-1.2s}
@keyframes syso-pkr{0%{stroke-dashoffset:-100;opacity:0}10%{opacity:1}70%{stroke-dashoffset:0;opacity:1}80%,100%{stroke-dashoffset:0;opacity:0}}
.syso-halo{transform-box:fill-box;transform-origin:center;animation:syso-halo 3s cubic-bezier(.16,1,.3,1) infinite}@keyframes syso-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.35);opacity:0}}
.syso-spin{transform-box:fill-box;transform-origin:center;animation:syso-spin 40s linear infinite}@keyframes syso-spin{to{transform:rotate(360deg)}}
.hub-map[data-flow="delivery"] .syso [data-system="checkout"],.hub-map[data-flow="delivery"] .syso [data-system="avalara"],.hub-map[data-flow="delivery"] .syso [data-system="trackit"],
.hub-map[data-flow="payments"] .syso [data-system="cloud"],.hub-map[data-flow="payments"] .syso [data-system="apex"],.hub-map[data-flow="payments"] .syso [data-system="integra"],.hub-map[data-flow="payments"] .syso [data-system="trackit"],.hub-map[data-flow="payments"] .syso [data-system="avalara"],
.hub-map[data-flow="delivery"] .syso [data-route="checkout"],.hub-map[data-flow="delivery"] .syso [data-route="avalara"],.hub-map[data-flow="delivery"] .syso [data-route="trackit"],
.hub-map[data-flow="payments"] .syso [data-route="cloud"],.hub-map[data-flow="payments"] .syso [data-route="apex"],.hub-map[data-flow="payments"] .syso [data-route="integra"],.hub-map[data-flow="payments"] .syso [data-route="trackit"],.hub-map[data-flow="payments"] .syso [data-route="avalara"]{opacity:.3}
.hub-map[data-selected]:not([data-selected="nexus"]) .syso-tile:not([aria-pressed="true"]){opacity:.55}
.syso [data-route]{transition:opacity .4s cubic-bezier(.65,0,.35,1)}
.hub-map[data-selected]:not([data-selected="nexus"]) .syso [data-route]{opacity:.15}
.hub-map[data-selected="cloud"] .syso [data-route="cloud"]{opacity:1}.hub-map[data-selected="apex"] .syso [data-route="apex"]{opacity:1}.hub-map[data-selected="integra"] .syso [data-route="integra"]{opacity:1}.hub-map[data-selected="trackit"] .syso [data-route="trackit"]{opacity:1}.hub-map[data-selected="netsuite"] .syso [data-route="netsuite"]{opacity:1}.hub-map[data-selected="avalara"] .syso [data-route="avalara"]{opacity:1}.hub-map[data-selected="checkout"] .syso [data-route="checkout"]{opacity:1}
}
@media(max-width:350px){.syso-box{zoom:.9}}
body.motion-paused .syso *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.syso *{animation:none!important}.syso-pk,.syso-pkr{opacity:0}}
@media(max-width:760px){
#connected-systems{padding-top:20px!important;padding-bottom:28px!important}
#connected-systems .sys-pill{margin-bottom:8px}
#connected-systems .section-heading{margin-bottom:10px!important;gap:0!important}
#connected-systems .section-heading h2{font-size:24px!important;line-height:1.05}
#connected-systems .section-heading h2 .reveal-line{display:inline}
#connected-systems .section-heading>p{display:none}
.sys-stage{padding:10px!important}
.sys-stage .sys-hint{display:none}
.sys-stage .map-toolbar{gap:0}
.syso{padding:10px 0 2px}
#connected-systems .sys-stage .pm-details{padding:11px 14px!important;gap:6px!important;margin-top:4px!important}
.sys-stage .pm-aside{display:none!important}
.sys-stage .pm-tag{font-size:10.5px!important}
.sys-stage .pm-title{font-size:14px!important}
.sys-stage .pm-text{font-size:11.5px!important;line-height:1.4!important}
.sys-note{font-size:11px;margin-top:8px}
}
@media(max-width:380px){.syso-box{zoom:.9}}@media(max-width:340px){.syso-box{zoom:.82}}
@media(max-width:380px){.syso-box{zoom:.84}}
@media(max-width:760px){#connected-systems .section-heading h2 .reveal-line+.reveal-line{margin-left:.26em}}

/* Phones: Follow the same transaction, contractor and supplier side by side */
.tx-mstep,.tx-mnav{display:none}
@media(max-width:760px){
.tx{padding:16px 12px 14px!important;border-radius:20px!important}
.tx-head{display:block!important}
.tx-head h3{font-size:22px!important;margin:4px 0 2px!important}
.tx-context{font-size:11px!important;line-height:1.4!important;margin:0!important}
.tx-count{display:none!important}
.tx-steps{display:flex!important;align-items:center;justify-content:space-between;gap:0!important;overflow:visible!important;margin:14px 2px 0!important;padding:0!important;position:relative}
.tx-steps::before{content:"";position:absolute;left:16px;right:16px;top:50%;height:1px;background:rgba(255,255,255,.16);z-index:0}
.tx-steps button{position:relative;z-index:1;flex:none!important;width:44px!important;height:44px!important;min-width:0!important;padding:0!important;border-radius:50%!important;font-size:0!important;display:flex!important;align-items:center;justify-content:center;background:#0b2340!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:none!important}
.tx-steps button span{font:500 11px var(--mono,"IBM Plex Mono",monospace)!important;color:#b9d3cc;margin:0!important}
.tx-steps button.is-done{background:rgba(114,223,189,.18)!important;border-color:rgba(114,223,189,.45)!important}.tx-steps button.is-done span{color:#72dfbd}
.tx-steps button.active{background:#fff!important;border-color:#fff!important;box-shadow:0 0 0 4px rgba(114,223,189,.22),0 8px 16px -6px rgba(114,223,189,.6)!important}.tx-steps button.active span{color:#001833}
.tx-mstep{display:block;margin:12px 4px 0;font-size:17px;font-weight:600;color:#fff;letter-spacing:-.01em}
.tx-mstep span{display:block;font:500 9.5px var(--mono,"IBM Plex Mono",monospace);letter-spacing:.12em;text-transform:uppercase;color:#9fb7c2;margin-bottom:2px}
.tx-views{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;margin-top:22px!important;align-items:stretch}
.tx-views::before{content:"";position:absolute;left:50%;top:14px;bottom:10px;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(114,223,189,.6),rgba(129,228,202,.5));border-radius:2px;z-index:2;opacity:.55}
.tx-link{position:absolute!important;left:50%!important;top:-12px!important;transform:translateX(-50%)!important;width:auto!important;height:auto!important;margin:0!important;z-index:3;display:block!important}
.tx-link svg,.tx-link .tx-halo{display:none!important}
.tx-capsule{display:flex!important;align-items:center;gap:5px;flex-direction:row!important;width:auto!important;height:auto!important;padding:4px 10px!important;border-radius:999px!important;font-size:9.5px!important;white-space:nowrap;background:#03304a!important;border:1px solid rgba(114,223,189,.55)!important;box-shadow:0 0 18px -4px rgba(114,223,189,.6)!important}
.tx-capsule small{font-size:9.5px!important;margin:0!important}
.tx-panel{grid-row:1;padding:10px!important;border-radius:14px!important;min-width:0}
.tx-contractor{grid-column:1}.tx-supplier{grid-column:2}
.tx-who{gap:6px!important;margin:0 0 8px!important}
.tx-who .tx-avatar{width:22px!important;height:22px!important;font-size:8.5px!important;border-radius:6px!important}
.tx-who small{font-size:8.5px!important}.tx-who strong{font-size:10.5px!important}.tx-who em{display:none!important}
.tx-invoice{padding:8px!important;border-radius:10px!important}
.tx-row{font-size:10px!important;padding:3px 0!important}
.tx-row.total strong{font-size:19px!important}.tx-row.total span{font-size:9px!important}
.tx-tickets{gap:5px!important;margin:0!important}
.tx-ticket{padding:6px 8px!important;font-size:9.5px!important;border-radius:8px!important}
.tx-ticket svg,.tx-ticket em{display:none!important}
.tx-swap h4{display:none!important}
.tx-swap p{margin:9px 0 0!important;font-size:11.5px!important;line-height:1.45!important}
.tx-accent{left:10px!important;right:10px!important}
.tx-progress{display:none!important}
.tx-mnav{display:flex;gap:8px;margin-top:14px}
.tx-mnav button{height:44px;border-radius:999px;font:600 13px var(--font,Inter,Arial,sans-serif);cursor:pointer}
.tx-mprev{width:44px;flex:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);color:#fff}
.tx-mnext{flex:1;border:0;color:#00172e;background:linear-gradient(180deg,#14d9a6,#03c995 55%,#02a57c);box-shadow:0 10px 22px -10px rgba(3,201,149,.7)}
.tx-mnav button:disabled{opacity:.35;cursor:default}
.tx-mnav button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tx-note{font-size:9.5px!important;margin-top:10px!important}
.tx-views{min-height:0!important;height:auto!important;padding:0!important;grid-template-rows:auto!important}
.tx-panel{height:auto!important;min-height:0!important;align-self:stretch}
.tx-row{display:flex!important;justify-content:space-between;gap:6px;white-space:nowrap}
.tx-row span,.tx-row b{min-width:0;overflow:hidden;text-overflow:ellipsis}
.tx-row.muted span:first-child{max-width:62%}
.tx-row.total{flex-direction:column!important;align-items:flex-start!important;gap:0!important}
.tx-invoice{margin:0!important}
.tx-who{flex-wrap:nowrap!important}.tx-who>span:nth-child(2){min-width:0;overflow:hidden}.tx-who strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.tx-head .tx-eyebrow{font-size:9.5px!important;margin:0!important}
.tx-mstep{margin-top:10px}
.tx-views{margin-top:20px!important}
.tx-mnav{margin-top:12px}
}
@media(max-width:380px){.tx-context{display:none!important}.tx-swap p{font-size:11px!important}}

/* Phones: payment estimator fits one screen (inputs on top, results below) */
@media(max-width:760px){
.payment-estimator{padding:16px 14px 14px!important;border-radius:20px!important;gap:0!important;display:flex!important;flex-direction:column}
.payment-estimator .estimate-intro{margin:0!important;padding:0!important}
.payment-estimator .estimate-intro .eyebrow{font-size:9.5px!important;margin:0!important}
.payment-estimator .estimate-intro h3{font-size:22px!important;margin:5px 0 0!important;line-height:1.15}
.payment-estimator .estimate-intro>p:not(.eyebrow){display:none!important}
.payment-estimator form{margin:12px 0 0!important}
.payment-estimator .estimate-inputs{display:grid!important;gap:6px!important;padding:12px 14px 8px!important;margin:0!important;border-radius:16px!important}
.payment-estimator .estimate-field{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 10px!important;padding:6px 0 4px!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important}
.payment-estimator .estimate-field+.estimate-field{border-top:1px solid rgba(255,255,255,.08)!important;padding-top:10px!important}
.payment-estimator .estimate-field label{grid-column:1;font-size:12.5px!important;margin:0!important}
.payment-estimator .estimate-field>p{display:none!important}
.payment-estimator .estimate-number{grid-column:2;grid-row:1;width:132px!important;min-height:40px!important;height:40px!important;margin:0!important;padding:0 10px!important;border-radius:10px!important}
.payment-estimator .estimate-number input{font-size:15px!important;min-height:0!important;height:38px!important;padding:0 4px!important}
.payment-estimator .estimate-number span{font-size:13px!important}
.payment-estimator .estimate-range{grid-column:1/-1;margin:6px 0 0!important;min-height:32px}
.payment-estimator .range-scale{grid-column:1/-1;font-size:9px!important;margin:0!important}
.payment-estimator #calculator-error:empty{display:none}
.payment-estimator .estimate-results{margin:10px 0 0!important;padding:14px!important;border-radius:16px!important}
.payment-estimator .estimate-headline{display:flex!important;align-items:flex-end;justify-content:space-between;gap:10px!important;padding:0!important;margin:0!important;border:0!important}
.payment-estimator .estimate-headline>div:first-child>span{font-size:11px!important}
.payment-estimator .estimate-headline strong[data-result="profit"]{font-size:38px!important;line-height:1.1!important;margin:2px 0 0!important}
.payment-estimator .estimate-headline>div:first-child>p{display:none!important}
.payment-estimator .estimate-percent{padding:0 0 6px!important;margin:0!important;border:0!important;text-align:right;flex:none}
.payment-estimator .estimate-percent strong{font-size:20px!important}.payment-estimator .estimate-percent span{font-size:10px!important}
.payment-estimator .estimate-tabs{margin:12px 0 10px!important}
.payment-estimator .estimate-tabs button{min-height:40px!important;padding:8px 0!important;font-size:12.5px!important}
.payment-estimator .estimate-chart-label{display:none!important}
.payment-estimator #net-cost-panel .estimate-method{display:none!important}
.payment-estimator .cost-comparison{gap:10px!important;margin:0!important}
.payment-estimator .cost-bar-row>div:first-child{font-size:11.5px!important}
.payment-estimator .cost-track{height:14px!important;margin-top:5px!important}
.payment-estimator .estimate-footnote{font-size:9.5px!important;margin:8px 0 0!important;text-align:center}
.payment-estimator>.button{margin:12px 0 0!important;width:100%!important;justify-content:center;min-height:44px!important;padding:11px 16px!important;font-size:13.5px!important}
.payment-estimator .estimate-table{font-size:11px!important}
.payment-estimator .estimate-number{width:118px!important}
.payment-estimator .estimate-field label{font-size:12px!important;line-height:1.25}
.payment-estimator .range-scale{display:none!important}
.payment-estimator .estimate-range{margin:4px 0 0!important}
.payment-estimator .estimate-inputs{padding:8px 12px 6px!important}
.payment-estimator .estimate-percent{display:flex!important;flex-direction:column;align-items:flex-end;gap:0!important}
.payment-estimator .estimate-headline strong[data-result="profit"]{font-size:34px!important}
.payment-estimator .estimate-tabs{display:flex!important;width:100%!important;margin:10px 0 8px!important}
.payment-estimator .estimate-tabs button{flex:1 1 0!important;min-height:38px!important}
.payment-estimator .cost-comparison{gap:8px!important}
.payment-estimator .estimate-results{padding:12px 14px!important}
.payment-estimator .estimate-table-wrap{overflow-x:auto!important;max-width:100%}
.payment-estimator .estimate-table{table-layout:fixed;width:100%!important;font-size:10.5px!important}
.payment-estimator .estimate-table th:nth-child(4),.payment-estimator .estimate-table td:nth-child(4){display:none}
.payment-estimator .estimate-table th,.payment-estimator .estimate-table td{padding:6px 4px!important}
.payment-estimator .estimate-table caption{font-size:13px!important}
.payment-estimator .estimate-results,.payment-estimator #net-cost-panel,.payment-estimator #detailed-panel{min-width:0!important;max-width:100%!important;box-sizing:border-box}
.payment-estimator .estimate-results{overflow:hidden}
.payment-estimator #detailed-panel *{max-width:100%;box-sizing:border-box}
.payment-estimator .profit-bridge{display:grid!important;gap:4px!important;font-size:11px!important}
.payment-estimator .cost-bar-row strong{font-size:15px!important}
.payment-estimator .cost-bar-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline}
.payment-estimator .estimate-headline>div:first-child>span{font-size:10.5px!important;white-space:nowrap}
.payment-estimator .estimate-intro h3{font-size:21px!important}
.payment-estimator{padding:14px 12px 12px!important}
.payment-estimator .estimate-field{padding:4px 0 2px!important}
.payment-estimator .estimate-field+.estimate-field{padding-top:8px!important}
.payment-estimator .estimate-number{height:38px!important;min-height:38px!important}
.payment-estimator>.button{margin-top:8px!important}
.payment-estimator .estimate-table{min-width:0!important}
.payment-estimator .estimate-table th:first-child,.payment-estimator .estimate-table td:first-child{width:44%}
.payment-estimator .estimate-footnote{margin-top:6px!important}
}
@media(max-width:760px){.payment-estimator .estimate-range{min-height:44px!important;height:44px!important;margin:0!important}.payment-estimator .estimate-field{padding:2px 0 0!important}.payment-estimator .estimate-field+.estimate-field{padding-top:6px!important}}

/* Nexus Platform hero animation */



.pl3-lay{animation:pl3k-float 8s cubic-bezier(0.65, 0, 0.35, 1) infinite}
.pl3-lay-int{animation-delay:-.6s}.pl3-lay-con{animation-delay:-1.2s}.pl3-lay-sys{animation-delay:-1.8s}
@keyframes pl3k-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.pl3-under{animation:pl3k-und 5s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes pl3k-und{0%,100%{opacity:.75}50%{opacity:1}}
.pl3-sweep{stroke-dasharray:14 100;stroke-dashoffset:110;opacity:.0;animation:pl3k-sw 5s cubic-bezier(0.65, 0, 0.35, 1) infinite}
.pl3-lay-sys .pl3-sweep{animation-delay:.2s}.pl3-lay-con .pl3-sweep{animation-delay:1.9s}.pl3-lay-int .pl3-sweep{animation-delay:3.6s}
@keyframes pl3k-sw{0%{stroke-dashoffset:110;opacity:0}5%{opacity:.9}30%{stroke-dashoffset:-4;opacity:.9}34%,100%{stroke-dashoffset:-4;opacity:0}}
.pl3-beam{animation:pl3k-beam 5s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes pl3k-beam{0%,100%{opacity:.35}70%{opacity:.7}}
.pl3-rec{opacity:0;animation:pl3k-rise 5.0s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes pl3k-rise{0%{transform:translate(var(--x),342px);opacity:0}10%{opacity:1}42%{transform:translate(var(--x),244px);opacity:1}58%{transform:translate(var(--tx),244px)}88%{transform:translate(var(--tx),150px);opacity:1}100%{transform:translate(var(--tx),132px);opacity:0}}
.pl3-pkr{stroke-dasharray:.01 100;stroke-linecap:round;animation:pl3k-pkr 3.4s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes pl3k-pkr{0%{stroke-dashoffset:-100;opacity:0}10%{opacity:1}72%{stroke-dashoffset:0;opacity:1}82%,100%{stroke-dashoffset:0;opacity:0}}
.pl3-out{animation:pl3k-out 5.0s cubic-bezier(0.16, 1, 0.3, 1) infinite both}
@keyframes pl3k-out{0%,80%{transform:translateY(0)}88%{transform:translateY(-4px);box-shadow:0 22px 44px -14px rgba(4,178,155,.85),0 0 60px -8px rgba(66,215,176,.6)}100%{transform:none}}
.pl3-sheen{position:absolute;inset:0;width:34%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(129,228,202,.35),rgba(255,255,255,0));animation:pl3k-sh 5.0s cubic-bezier(0.65, 0, 0.35, 1) infinite}
@keyframes pl3k-sh{0%,78%{transform:translateX(-120%)}96%,100%{transform:translateX(380%)}}
.pl3-cyc span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;animation:pl3k-cyc 15.0s steps(1) infinite}
.pl3-cyc span:nth-child(2){animation-delay:5.0s}.pl3-cyc span:nth-child(3){animation-delay:10s}
@keyframes pl3k-cyc{0%,33%{opacity:1}33.4%,100%{opacity:0}}
.pl3-bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:pl3k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}
@keyframes pl3k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
@media (prefers-reduced-motion: reduce){.pl3 *{animation:none!important}.pl3-rec{opacity:0}}


.pl3{position:absolute;inset:0;overflow:hidden;border-radius:18px;container-type:size}
.pl3-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--pl3s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="layers"] .study-fallback{opacity:0!important}
.particle-study[data-study="layers"] .study-cross{z-index:2}
body.motion-paused .pl3 *{animation-play-state:paused!important}
.pl3{overflow:visible!important}.pl3-bok{opacity:.8}
.pl3.is-narrow .pl3-box{transform:scale(var(--pl3s,1)) translateX(-74px)}.pl3.is-narrow .pl3-box>div[style*="left:22px"]{display:none}

/* Nexus Connect hero animation */



.nc4-mono{font-family:'IBM Plex Mono',monospace}
.nc4-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:nc4k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes nc4k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.pkr{stroke-dasharray:.01 100;stroke-linecap:round;animation:nc4k-pkr 3.2s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes nc4k-pkr{0%{stroke-dashoffset:-100;opacity:0}10%{opacity:1}72%{stroke-dashoffset:0;opacity:1}82%,100%{stroke-dashoffset:0;opacity:0}}
.nc4-spin{transform-box:fill-box;transform-origin:center;animation:nc4k-spin 36s linear infinite}.nc4-spinr{transform-box:fill-box;transform-origin:center;animation:nc4k-spin 52s linear infinite reverse}@keyframes nc4k-spin{to{transform:rotate(360deg)}}
.nc4-halo{transform-box:fill-box;transform-origin:center;animation:nc4k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes nc4k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.nc4-bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:nc4k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes nc4k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.sheen{position:absolute;inset:0;width:34%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(114,223,189,.3),rgba(255,255,255,0));animation:nc4k-sh 6s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes nc4k-sh{0%,70%{transform:translateX(-120%)}92%,100%{transform:translateX(380%)}}
.nc4-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}

.nc4-spec{opacity:.35;transform:translateY(6px);animation:nc4k-spec 9s cubic-bezier(0.16, 1, 0.3, 1) infinite both}
.nc4-p0{animation-delay:0.0s}.nc4-p1{animation-delay:0.5s}.nc4-p2{animation-delay:1.0s}.nc4-p3{animation-delay:1.5s}.nc4-p4{animation-delay:2.0s}.nc4-p5{animation-delay:2.5s}
@keyframes nc4k-spec{0%{opacity:.3;transform:translateY(6px)}6%,80%{opacity:1;transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(114,223,189,.3),0 14px 30px -16px rgba(114,223,189,.5)}92%,100%{opacity:.3;transform:translateY(6px)}}
.nc4-beat{stroke-dasharray:30 100;stroke-dashoffset:130;animation:nc4k-beat 2.6s linear infinite;opacity:.8}@keyframes nc4k-beat{to{stroke-dashoffset:0}}
.nc4-live{animation:nc4k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes nc4k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}
@media (prefers-reduced-motion: reduce){.nc4 *{animation:none!important}}

.nc4{position:absolute;inset:0;overflow:visible}
.nc4-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--nc4s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.nc4.is-narrow .nc4-box{transform:scale(var(--nc4s,1)) translateX(-6px)}
.particle-study[data-study="bridge"] .study-fallback{opacity:0!important}
.particle-study[data-study="bridge"] .study-cross{z-index:2}
body.motion-paused .nc4 *{animation-play-state:paused!important}

/* Sitemap restructure */
.footer-grid.footer-grid-5{grid-template-columns:1.5fr repeat(4,1fr)}
@media(max-width:900px){.footer-grid.footer-grid-5{grid-template-columns:1fr 1fr}}
.nav-links{gap:20px}
@media(min-width:1181px) and (max-width:1380px){.nav-links{gap:14px;font-size:14px}.nav-actions .phone{display:none}}
.placeholder-note{display:flex;gap:8px;align-items:flex-start;margin:0 0 28px;padding:14px 16px;border-radius:12px;background:#fff7e0;border:1px dashed #d9a400;color:#5b4300;font-size:14px;line-height:1.5}
.placeholder-note b{color:#5b4300}
.blog-card.placeholder,.faq-item.placeholder{outline:1px dashed #d9a400;outline-offset:3px}
.faq-wrap{max-width:900px}
.faq-group{margin-top:30px}.faq-group .eyebrow{margin-bottom:12px}
.faq-item{border:1px solid var(--line,#c9ded8);border-radius:14px;background:#fff;margin:0 0 10px;overflow:hidden}
.faq-item summary{display:flex;gap:14px;align-items:center;padding:16px 20px;cursor:pointer;font-weight:600;list-style:none;min-height:44px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";margin-left:auto;font-size:20px;color:#0aa37f}
.faq-item[open] summary::after{content:"−"}
.faq-num{font:500 11px var(--mono,"IBM Plex Mono",monospace);color:#0aa37f;letter-spacing:.1em}
.faq-item p{margin:0;padding:0 20px 18px 54px;color:#3d5563}
.press-contact{margin-top:34px;padding-top:20px;border-top:1px solid var(--line,#c9ded8)}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:4px;margin-right:8px;vertical-align:1px}
.status-dot.ok{background:#03c995;box-shadow:0 0 0 4px rgba(3,201,149,.15)}
.status-dot.plan{background:#04b29b;box-shadow:0 0 0 4px rgba(4,178,155,.15)}
.portal-status .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.calc-section{background:radial-gradient(ellipse 60% 50% at 20% 0%,rgba(10,163,127,.10),transparent 70%),#f4f8f6}
.choice .related-links{margin-top:14px}
/* homepage */
.hp-challenges,.hp-impl,.hp-res{position:relative;background:radial-gradient(ellipse 50% 60% at 0% 0%,rgba(10,163,127,.10),transparent 70%),radial-gradient(ellipse 40% 50% at 100% 100%,rgba(4,178,155,.08),transparent 70%),#f6faf8}
.hp-impl{background:radial-gradient(ellipse 50% 60% at 100% 0%,rgba(10,163,127,.10),transparent 70%),#fff}
.hp-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:36px}
.hp-card{position:relative;padding:26px 24px;border-radius:20px;background:linear-gradient(180deg,#fff,#f7fbf9) padding-box,linear-gradient(140deg,rgba(10,163,127,.55),#dbe7e3 40%,#dbe7e3 70%,rgba(4,178,155,.35)) border-box;border:1px solid transparent;box-shadow:0 24px 48px -32px rgba(6,30,53,.35)}
.hp-card h3{margin:14px 0 8px;font-size:21px;letter-spacing:-.02em}
.hp-card p{margin:0;color:#3d5563;font-size:15px;line-height:1.55}
.hp-card .hp-impact{margin-top:14px;padding-top:12px;border-top:1px solid #e3ece8;font-size:14px;color:#061e35}
.hp-card .hp-impact b{display:block;font:500 10px var(--mono,"IBM Plex Mono",monospace);letter-spacing:.14em;text-transform:uppercase;color:#0aa37f;margin-bottom:3px}
.hp-num{font:500 11px var(--mono,"IBM Plex Mono",monospace);letter-spacing:.14em;color:#0aa37f}
.hp-steps{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
.hp-steps li{position:relative;padding:24px;border-radius:18px;background:#f6faf8;border:1px solid #dbe7e3}
.hp-steps li::after{content:"";position:absolute;top:34px;right:-14px;width:10px;height:2px;background:linear-gradient(90deg,#0aa37f,#04b29b)}
.hp-steps li:last-child::after{display:none}
.hp-steps h3{margin:12px 0 6px;font-size:19px}.hp-steps p{margin:0;font-size:15px;line-height:1.55;color:#3d5563}
.hp-who{background:radial-gradient(ellipse 50% 60% at 90% 10%,rgba(4,178,155,.28),transparent 70%),radial-gradient(ellipse 50% 60% at 0% 100%,rgba(114,223,189,.14),transparent 70%),linear-gradient(180deg,#00203f,#001833 55%,#14112d);color:#fff}
.hp-who h2{color:#fff}.hp-who p{color:#c9d9e0}.hp-who .sys-accent{background:linear-gradient(90deg,#72dfbd,#b9f5df 55%,#fff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hp-who .eyebrow{color:#72dfbd}.hp-who .text-link{color:#fff}
.hp-who-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.hp-facts{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hp-facts li{padding:18px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.5),rgba(255,255,255,.06) 50%,rgba(66,215,176,.4)) border-box;border:1px solid transparent}
.hp-facts b{display:block;font-size:17px;color:#fff}.hp-facts span{display:block;margin-top:3px;font-size:14px;color:#b9d3cc}
.hp-res-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.15fr;gap:18px;margin-top:36px;align-items:stretch}
.hp-calc{padding:26px;border-radius:20px;color:#fff;background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(4,178,155,.35),transparent 70%),linear-gradient(180deg,#00203f,#001833);box-shadow:0 30px 60px -36px rgba(0,24,51,.7)}
.hp-calc .eyebrow{color:#72dfbd}.hp-calc h3{color:#fff;font-size:22px;margin:10px 0 8px}.hp-calc p{color:#c9d9e0;font-size:15px}
.hp-calc .button{margin-top:14px}
.capabilities.caps-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.proof-accent{background:linear-gradient(90deg,#0aa37f,#067a63 45%,#000);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:1100px){.hp-grid4,.hp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-steps li::after{display:none}}
@media(max-width:760px){.hp-grid4,.hp-steps,.hp-res-grid,.hp-who-grid,.portal-status .choice-grid,.capabilities.caps-6{grid-template-columns:1fr!important}.hp-who-grid{gap:28px}.hp-card,.hp-steps li,.hp-calc{padding:20px}.faq-item p{padding-left:20px}}
@media(max-width:760px){.press-contact a[href^="tel:"],.choice a[href^="tel:"]{display:inline-block;padding:12px 2px;margin:-12px 0}}

/* Nexus Edge hero animation */



.ne7-mono{font-family:'IBM Plex Mono',monospace}
.ne7-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:ne7k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes ne7k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.ne7-spin{transform-box:fill-box;transform-origin:center;animation:ne7k-spin 36s linear infinite}.ne7-spinr{transform-box:fill-box;transform-origin:center;animation:ne7k-spin 52s linear infinite reverse}@keyframes ne7k-spin{to{transform:rotate(360deg)}}
.ne7-halo{transform-box:fill-box;transform-origin:center;animation:ne7k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes ne7k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.ne7-bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:ne7k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes ne7k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.ne7-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:ne7k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes ne7k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.ne7-draw{stroke-dasharray:100;stroke-dashoffset:100;animation:ne7k-draw 12s cubic-bezier(0.65, 0, 0.35, 1) infinite}.ne7-d2{animation-delay:.5s}.ne7-d3{animation-delay:1s}
@keyframes ne7k-draw{0%{stroke-dashoffset:100;opacity:1}18%,88%{stroke-dashoffset:0;opacity:1}96%,100%{stroke-dashoffset:0;opacity:0}}
.ne7-win{fill:rgba(143,208,255,.18);stroke:#8fd0ff;stroke-width:.8;animation:ne7k-win 12s steps(1) infinite}@keyframes ne7k-win{0%,14%{opacity:0}15%,92%{opacity:1}100%{opacity:0}}
.ne7-smoke{animation:ne7k-smoke 3s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes ne7k-smoke{0%{opacity:0;transform:translateY(4px)}40%{opacity:.6}100%{opacity:0;transform:translateY(-6px)}}
.ne7-scan{animation:ne7k-scan 7s cubic-bezier(0.65, 0, 0.35, 1) infinite}.ne7-s1{animation-delay:2.3s}.ne7-s2{animation-delay:4.6s}@keyframes ne7k-scan{0%{transform:translateX(0)}100%{transform:translateX(360px)}}
.ne7-dot{display:inline-block;width:6px;height:6px;border-radius:3px;margin-right:6px;background:#72dfbd;box-shadow:0 0 6px #72dfbd;vertical-align:1px}
.ne7-d1{animation:ne7k-dotw 9s steps(1) infinite}@keyframes ne7k-dotw{0%,33%{background:#72dfbd;box-shadow:0 0 6px #72dfbd}34%,62%{background:#f2b544;box-shadow:0 0 8px #f2b544}63%,100%{background:#72dfbd;box-shadow:0 0 6px #72dfbd}}
.ne7-c1{animation:ne7k-cw 9s steps(1) infinite}@keyframes ne7k-cw{0%,33%{stroke:#8fd0ff;stroke-opacity:.5}34%,62%{stroke:#f2b544;stroke-opacity:.8}63%,100%{stroke:#8fd0ff;stroke-opacity:.5}}
.ne7-drop{animation:ne7k-drop 9s steps(1) infinite}@keyframes ne7k-drop{0%,33%{opacity:1}34%,62%{opacity:.08}63%,100%{opacity:1}}
.ne7-gap{opacity:0;animation:ne7k-gap 9s steps(1) infinite}@keyframes ne7k-gap{0%,33%{opacity:0}34%,62%{opacity:.9}63%,100%{opacity:0}}
.ne7-m{position:absolute;left:0;top:0;white-space:nowrap;opacity:0}.ne7-m0{animation:ne7k-m0 9s steps(1) infinite}.ne7-m1{animation:ne7k-m1 9s steps(1) infinite}.ne7-m2{animation:ne7k-m2 9s steps(1) infinite}
@keyframes ne7k-m0{0%{opacity:1}34%,100%{opacity:0}}@keyframes ne7k-m1{0%,33%{opacity:0}34%{opacity:1}63%,100%{opacity:0}}@keyframes ne7k-m2{0%,62%{opacity:0}63%,96%{opacity:1}97%,100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.ne7 *{animation:none!important}}

.ne7{position:absolute;inset:0;overflow:visible}
.ne7-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--ne7s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="plant"] .study-fallback{opacity:0!important}
.particle-study[data-study="plant"] .study-cross{z-index:2}
body.motion-paused .ne7 *{animation-play-state:paused!important}

/* /products/nexus-apps/ hero animation */



.na6-mono{font-family:'IBM Plex Mono',monospace}
.na6-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:na6k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes na6k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:na6k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:na6k-spin 52s linear infinite reverse}@keyframes na6k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:na6k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes na6k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.na6-bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:na6k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes na6k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.na6-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.na6-live{animation:na6k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes na6k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.na6-row{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.na6-st{position:relative;display:grid;grid-template-columns:6px auto;align-items:center;gap:6px;font-size:10px;justify-self:end}.na6-st i{grid-area:1/1;width:6px;height:6px;border-radius:3px}.na6-st b{grid-area:1/2;font-weight:500;white-space:nowrap;justify-self:end}
.na6-st-open i{background:#9fb7c2}.na6-st-open b{color:#9fb7c2}

.na6-st-paid .na6-a{color:#9fb7c2;animation:na6k-sa 9s steps(1) infinite}.na6-st-paid .na6-b{color:#72dfbd;opacity:0;animation:na6k-sb 9s steps(1) infinite}.na6-st-paid i{background:#9fb7c2;animation:na6k-si 9s steps(1) infinite}
.na6-st-exc .na6-a{color:#f2b544;animation:na6k-sa 9s steps(1) infinite;animation-delay:2.2s}.na6-st-exc .na6-b{color:#72dfbd;opacity:0;animation:na6k-sb 9s steps(1) infinite;animation-delay:2.2s}.na6-st-exc i{background:#f2b544;animation:na6k-si 9s steps(1) infinite;animation-delay:2.2s}
@keyframes na6k-sa{0%,24%{opacity:1}25%,96%{opacity:0}100%{opacity:1}}@keyframes na6k-sb{0%,24%{opacity:0}25%,96%{opacity:1}100%{opacity:0}}@keyframes na6k-si{25%,96%{background:#72dfbd;box-shadow:0 0 8px #72dfbd}}
.na6-r0{animation:na6k-rl 9s cubic-bezier(0.65, 0, 0.35, 1) infinite}.na6-r1{animation:na6k-rl 9s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:2.2s}
@keyframes na6k-rl{0%,20%{box-shadow:none}25%,40%{box-shadow:0 0 0 1px rgba(114,223,189,.5),0 10px 24px -12px rgba(114,223,189,.6);background:rgba(114,223,189,.08)}55%,100%{box-shadow:none}}
.na6-bal span,.na6-exn span,.na6-mt span{position:absolute;left:0;top:0}
.na6-b2,.na6-t2{opacity:0;animation:na6k-sb 9s steps(1) infinite}.na6-b1,.na6-t1{animation:na6k-sa 9s steps(1) infinite}
.na6-e1{animation:na6k-sa 9s steps(1) infinite;animation-delay:2.2s}.na6-e2{opacity:0;animation:na6k-sb 9s steps(1) infinite;animation-delay:2.2s}
@media (prefers-reduced-motion: reduce){.na6 *{animation:none!important}}

.na6{position:absolute;inset:0;overflow:visible}
.na6-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--na6s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="modules"] .study-fallback{opacity:0!important}
.particle-study[data-study="modules"] .study-cross{z-index:2}
body.motion-paused .na6 *{animation-play-state:paused!important}

/* /products/nexus-intelligence/ hero animation */



.ni5-mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:ni5k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes ni5k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:ni5k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:ni5k-spin 52s linear infinite reverse}@keyframes ni5k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:ni5k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes ni5k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.ni5-bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:ni5k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes ni5k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.ni5-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:ni5k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes ni5k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.ni5-scene{position:absolute;inset:0;opacity:0;animation:ni5k-scene 16s steps(1) infinite}.ni5-sc1{animation-delay:8s}
@keyframes ni5k-scene{0%,49.9%{opacity:1}50%,100%{opacity:0}}
.ni5-typ{max-width:0;animation:ni5k-typ 16s steps(40) infinite}.ni5-sc1 .ni5-typ{animation-delay:8s}
@keyframes ni5k-typ{0%{max-width:0}10%,50%{max-width:470px}100%{max-width:470px}}
.ni5-caret{width:2px;height:16px;background:#81e4ca;animation:ni5k-blk 1s steps(1) infinite}@keyframes ni5k-blk{50%{opacity:0}}
.ni5-chip{opacity:0;transform:translateY(6px);animation:ni5k-chip 16s cubic-bezier(0.16, 1, 0.3, 1) infinite}.ni5-ch1{animation-delay:.25s}.ni5-ch2{animation-delay:.5s}
.ni5-sc1 .ni5-chip{animation-delay:8s}.ni5-sc1 .ni5-ch1{animation-delay:8.25s}.ni5-sc1 .ni5-ch2{animation-delay:8.5s}
@keyframes ni5k-chip{0%,12%{opacity:0;transform:translateY(6px)}16%,50%{opacity:1;transform:none}100%{opacity:1}}
.ni5-stp{animation:ni5k-stp 16s cubic-bezier(0.65, 0, 0.35, 1) infinite}.ni5-sp0{animation-delay:0s}.ni5-sp1{animation-delay:.9s}.ni5-sp2{animation-delay:1.8s}
.ni5-sc1 .ni5-sp0{animation-delay:8s}.ni5-sc1 .ni5-sp1{animation-delay:8.9s}.ni5-sc1 .ni5-sp2{animation-delay:9.8s}
@keyframes ni5k-stp{0%,18%{color:#8c97a3;border-color:rgba(66,215,176,.2);box-shadow:none}22%,50%{color:#fff;border-color:rgba(129,228,202,.7);box-shadow:0 0 18px -6px rgba(66,215,176,.8);background:rgba(4,178,155,.18)}100%{color:#fff}}
.ni5-res{opacity:0;transform:translateY(10px);animation:ni5k-res 16s cubic-bezier(0.16, 1, 0.3, 1) infinite}.ni5-sc1 .ni5-res{animation-delay:8s}
@keyframes ni5k-res{0%,30%{opacity:0;transform:translateY(10px)}36%,50%{opacity:1;transform:none}100%{opacity:1}}
@media (prefers-reduced-motion: reduce){.ni5 *{animation:none!important}}

.ni5{position:absolute;inset:0;overflow:visible}
.ni5-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--ni5s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="cortex"] .study-fallback{opacity:0!important}
.particle-study[data-study="cortex"] .study-cross{z-index:2}
body.motion-paused .ni5 *{animation-play-state:paused!important}

/* /products/fractal-payments/ hero animation */



.fp8-mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:fp8k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes fp8k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:fp8k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:fp8k-spin 52s linear infinite reverse}@keyframes fp8k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:fp8k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes fp8k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.fp8-bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:fp8k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes fp8k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.fp8-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:fp8k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes fp8k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.fp8-tl{animation:fp8k-tl 10s cubic-bezier(0.16, 1, 0.3, 1) infinite both}
.fp8-t0{animation-delay:0.00s}.fp8-t1{animation-delay:0.45s}.fp8-t2{animation-delay:0.90s}.fp8-t3{animation-delay:1.35s}.fp8-t4{animation-delay:1.80s}.fp8-t5{animation-delay:2.25s}
@keyframes fp8k-tl{0%,6%{transform:none;opacity:1}22%,86%{transform:translate(var(--tx),var(--ty)) scale(.0);opacity:0}100%{transform:none;opacity:1}}
.fp8-kv span{position:absolute;left:0;top:0;white-space:nowrap}.fp8-kv .fp8-a{animation:fp8k-ka 10s steps(1) infinite}.fp8-kv .fp8-b{opacity:0;animation:fp8k-kb 10s steps(1) infinite}
@keyframes fp8k-ka{0%,39%{opacity:1}40%,92%{opacity:0}93%,100%{opacity:1}}@keyframes fp8k-kb{0%,39%{opacity:0}40%,92%{opacity:1}93%,100%{opacity:0}}.fp8-lr{opacity:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);animation:fp8k-lr 10s cubic-bezier(0.16, 1, 0.3, 1) infinite both}
.fp8-r0{animation-delay:1.10s}.fp8-r1{animation-delay:1.55s}.fp8-r2{animation-delay:2.00s}.fp8-r3{animation-delay:2.45s}.fp8-r4{animation-delay:2.90s}.fp8-r5{animation-delay:3.35s}
@keyframes fp8k-lr{0%,8%{opacity:0;transform:translateX(-10px)}14%,86%{opacity:1;transform:none}96%,100%{opacity:0}}
.fp8-rc{opacity:0;animation:fp8k-rc 10s steps(1) infinite;animation-delay:3.6s}@keyframes fp8k-rc{0%,4%{opacity:0}5%,60%{opacity:1}61%,100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.fp8 *{animation:none!important}}

.fp8{position:absolute;inset:0;overflow:visible}
.fp8-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--fp8s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="receipt"]:has(.fp8) .study-fallback{opacity:0!important}
.particle-study[data-study="receipt"]:has(.fp8) .study-cross{z-index:2}
body.motion-paused .fp8 *{animation-play-state:paused!important}

/* /solutions/integrations/ hero animation */



.ig18-mono{font-family:'IBM Plex Mono',monospace}
.ig18-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:ig18k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes ig18k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.ig18-spin{transform-box:fill-box;transform-origin:center;animation:ig18k-spin 36s linear infinite}.ig18-spinr{transform-box:fill-box;transform-origin:center;animation:ig18k-spin 52s linear infinite reverse}@keyframes ig18k-spin{to{transform:rotate(360deg)}}
.ig18-halo{transform-box:fill-box;transform-origin:center;animation:ig18k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes ig18k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.ig18-bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:ig18k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes ig18k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.ig18-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:ig18k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes ig18k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}


@media (prefers-reduced-motion: reduce){.ig18 *{animation:none!important}}

.ig18{position:absolute;inset:0;overflow:visible}
.ig18-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--ig18s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="circuit"]:has(.ig18) .study-fallback{opacity:0!important}
.particle-study[data-study="circuit"]:has(.ig18) .study-cross{z-index:2}
body.motion-paused .ig18 *{animation-play-state:paused!important}

/* /solutions/managed-data/ hero animation */



.md10-mono{font-family:'IBM Plex Mono',monospace}
.md10-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:md10k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes md10k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:md10k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:md10k-spin 52s linear infinite reverse}@keyframes md10k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:md10k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes md10k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.md10-bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:md10k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes md10k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.md10-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:md10k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes md10k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.md10-fv{color:#e3f9f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 4px;border-radius:5px}
.md10-fv0a,.md10-fv1a,.md10-fv3a,.md10-fv0b,.md10-fv2b,.md10-fv3b,.md10-fv1c,.md10-fv3c{animation:md10k-mis 8s cubic-bezier(0.65, 0, 0.35, 1) infinite}
@keyframes md10k-mis{0%,10%{background:transparent;color:#e3f9f3}18%,40%{background:rgba(242,181,68,.18);color:#f2b544}52%,100%{background:rgba(114,223,189,.14);color:#72dfbd}}
.md10-uv{opacity:0;animation:md10k-uv 8s cubic-bezier(0.16, 1, 0.3, 1) infinite}.md10-uv1{animation-delay:.25s}.md10-uv2{animation-delay:.5s}.md10-uv3{animation-delay:.75s}
@keyframes md10k-uv{0%,48%{opacity:0;transform:translateX(6px)}56%,94%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.md10 *{animation:none!important}}

.md10{position:absolute;inset:0;overflow:visible}
.md10-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--md10s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="reservoir"]:has(.md10) .study-fallback{opacity:0!important}
.particle-study[data-study="reservoir"]:has(.md10) .study-cross{z-index:2}
body.motion-paused .md10 *{animation-play-state:paused!important}
.md10-box>.md10-bok,.md10-box>div[style*="background-size:18px"]{display:none!important}

/* /solutions/private-enterprise-cloud/ hero animation */



.pe11-mono{font-family:'IBM Plex Mono',monospace}
.pe11-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:pe11k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes pe11k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:pe11k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:pe11k-spin 52s linear infinite reverse}@keyframes pe11k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:pe11k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes pe11k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:pe11k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes pe11k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.pe11-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:pe11k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes pe11k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.pe11-bnd{animation:pe11k-bnd 5s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes pe11k-bnd{0%,100%{stroke-opacity:.55}50%{stroke-opacity:1}}
.pe11-ck{color:#9fb7c2;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);animation:pe11k-ck 10s cubic-bezier(0.65, 0, 0.35, 1) infinite}
.pe11-c0{animation-delay:0.0s}.pe11-c0 .pe11-ok{animation-delay:0.0s}.pe11-c1{animation-delay:0.6s}.pe11-c1 .pe11-ok{animation-delay:0.6s}.pe11-c2{animation-delay:1.2s}.pe11-c2 .pe11-ok{animation-delay:1.2s}.pe11-c3{animation-delay:1.8s}.pe11-c3 .pe11-ok{animation-delay:1.8s}.pe11-c4{animation-delay:2.4s}.pe11-c4 .pe11-ok{animation-delay:2.4s}
@keyframes pe11k-ck{0%,4%{color:#9fb7c2;border-color:rgba(255,255,255,.08)}10%,80%{color:#e3f9f3;border-color:rgba(114,223,189,.45);box-shadow:0 0 16px -6px rgba(114,223,189,.6)}92%,100%{color:#9fb7c2;border-color:rgba(255,255,255,.08)}}
.pe11-ok{width:14px;height:14px;flex:none;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:8.5px;background:rgba(255,255,255,.08);color:transparent;animation:pe11k-ok 10s cubic-bezier(0.65, 0, 0.35, 1) infinite}
@keyframes pe11k-ok{0%,4%{background:rgba(255,255,255,.08);color:transparent}10%,80%{background:#0aa37f;color:#fff}92%,100%{background:rgba(255,255,255,.08);color:transparent}}
@media (prefers-reduced-motion: reduce){.pe11 *{animation:none!important}}

.pe11{position:absolute;inset:0;overflow:visible}
.pe11-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--pe11s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="orbit"]:has(.pe11) .study-fallback{opacity:0!important}
.particle-study[data-study="orbit"]:has(.pe11) .study-cross{z-index:2}
body.motion-paused .pe11 *{animation-play-state:paused!important}

/* Nexus Platform card: its own color scheme (brand Navy for the shared foundation) */
.capabilities-section .cap-card:nth-child(1){--c:#001833}

/* ---- Copy-review blocks ---- */
.content-section .copy-items{display:grid;gap:22px;margin:24px 0 8px;max-width:820px}
.content-section .copy-items>div{padding-left:18px;border-left:2px solid rgba(3,201,149,.45)}
.content-section .copy-items h3{font-size:21px;line-height:1.25;letter-spacing:-.02em;margin:0 0 6px}
.content-section .copy-items h3 a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(3,201,149,.6)}
.content-section .copy-items p{margin:0}
.content-section .copy-sub{margin-top:28px;padding:20px 22px;border-radius:12px;background:rgba(3,201,149,.07);border:1px solid rgba(3,201,149,.22);max-width:820px}
.content-section .copy-sub h3{font-size:19px;margin:0 0 6px;letter-spacing:-.015em}
.content-section .copy-sub p{margin:0}
.copy-note{font-size:14px!important;line-height:1.6!important;opacity:.78;margin-top:14px!important;max-width:780px}
.copy-note a{text-decoration:underline}
.content-section .section-links{margin-top:20px}
.hero-note{font-size:14px;line-height:1.55;opacity:.72;margin-top:16px;max-width:640px}
.product-map{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px;max-width:820px}
.product-map li{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:baseline;padding:14px 0;border-top:1px solid rgba(0,24,51,.12)}
.product-map li:last-child{border-bottom:1px solid rgba(0,24,51,.12)}
.product-map a{color:inherit;text-decoration:none}.product-map b{font-size:18px;letter-spacing:-.015em}
.product-map a:hover b{color:#02826e}
@media(max-width:640px){.product-map li{grid-template-columns:1fr;gap:4px}}
.hp-subhead{font-size:22px;letter-spacing:-.02em;margin:6px 0 22px}
.hp-card .hp-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin:6px 0 4px}
.choice .choice-name{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#02826e;margin:0 0 6px}
.choice-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.choice-grid-4{grid-template-columns:1fr}}
.form-placeholder{margin:0 0 34px;padding:22px 24px;border:1.5px dashed rgba(0,24,51,.25);border-radius:14px;background:rgba(3,201,149,.05);max-width:820px}
.form-placeholder p{margin:4px 0 0}
.intel-intro{margin-bottom:34px}
.demo-next-inner{max-width:860px}.demo-next-inner h2{font-size:clamp(30px,3.4vw,46px);margin:8px 0 20px}.demo-next-body p{margin:0 0 14px}
.content-section .architecture{margin:22px 0 26px}
.arch-box span b{font-weight:600}

/* /solutions/contractor-portal/ hero animation */



.cp13-mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:cp13k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes cp13k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:cp13k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:cp13k-spin 52s linear infinite reverse}@keyframes cp13k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:cp13k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes cp13k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:cp13k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes cp13k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.cp13-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:cp13k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes cp13k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.cp13-pane{position:absolute;left:14px;right:14px;top:12px;opacity:0;animation:cp13k-pane 12s steps(1) infinite}.cp13-p1{animation-delay:3s}.cp13-p2{animation-delay:6s}.cp13-p3{animation-delay:9s}
@keyframes cp13k-pane{0%,24.9%{opacity:1}25%,100%{opacity:0}}
.cp13-nv{color:#9fb7c2;animation:cp13k-nv 12s steps(1) infinite}.cp13-v1{animation-delay:3s}.cp13-v2{animation-delay:6s}.cp13-v3{animation-delay:9s}
@keyframes cp13k-nv{0%,24.9%{color:#fff;background:rgba(114,223,189,.14);box-shadow:inset 2px 0 0 #72dfbd}25%,100%{color:#9fb7c2;background:transparent;box-shadow:none}}
@media (prefers-reduced-motion: reduce){.cp13 *{animation:none!important}}

.cp13{position:absolute;inset:0;overflow:visible}
.cp13-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--cp13s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="network"]:has(.cp13) .study-fallback{opacity:0!important}
.particle-study[data-study="network"]:has(.cp13) .study-cross{z-index:2}
body.motion-paused .cp13 *{animation-play-state:paused!important}

/* /implementation/ hero animation */



.im17-mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:im17k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes im17k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:im17k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:im17k-spin 52s linear infinite reverse}@keyframes im17k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:im17k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes im17k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:im17k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes im17k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.im17-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:im17k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes im17k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.im17-prog{stroke-dasharray:100;stroke-dashoffset:100;animation:im17k-prog 10s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes im17k-prog{0%{stroke-dashoffset:100}80%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.im17-m0{animation:im17k-ms 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:0.0s}.im17-c0{animation:im17k-cd 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:0.0s}.im17-c0 .im17-ok{animation:im17k-ok 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:0.0s}.im17-m1{animation:im17k-ms 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:2.6s}.im17-c1{animation:im17k-cd 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:2.6s}.im17-c1 .im17-ok{animation:im17k-ok 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:2.6s}.im17-m2{animation:im17k-ms 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:5.2s}.im17-c2{animation:im17k-cd 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:5.2s}.im17-c2 .im17-ok{animation:im17k-ok 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:5.2s}.im17-m3{animation:im17k-ms 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:7.8s}.im17-c3{animation:im17k-cd 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:7.8s}.im17-c3 .im17-ok{animation:im17k-ok 10s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:7.8s}
@keyframes im17k-ms{0%{fill:#02172a}4%,90%{fill:#72dfbd;filter:drop-shadow(0 0 6px #72dfbd)}100%{fill:#02172a}}
@keyframes im17k-cd{0%{opacity:.45}4%,90%{opacity:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(114,223,189,.4),0 18px 40px -16px rgba(114,223,189,.45)}100%{opacity:.45}}
.im17-ok{width:15px;height:15px;flex:none;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:8.5px;background:rgba(255,255,255,.08);color:transparent}
@keyframes im17k-ok{0%{background:rgba(255,255,255,.08);color:transparent}4%,90%{background:#0aa37f;color:#fff}100%{background:rgba(255,255,255,.08);color:transparent}}
@media (prefers-reduced-motion: reduce){.im17 *{animation:none!important}}

.im17{position:absolute;inset:0;overflow:visible}
.im17-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--im17s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="gears"]:has(.im17) .study-fallback{opacity:0!important}
.particle-study[data-study="gears"]:has(.im17) .study-cross{z-index:2}
body.motion-paused .im17 *{animation-play-state:paused!important}

/* ---- Legal pages ---- */
.legal-body{max-width:820px;font-size:16px;line-height:1.7}
.legal-body p{font-size:16px;line-height:1.7;margin:0 0 14px;color:inherit}
.legal-body strong{font-weight:600}
.legal-section{padding:34px 0 18px;border-top:1px solid rgba(0,24,51,.12);scroll-margin-top:110px}
.legal-section:first-of-type{margin-top:22px}
.legal-section h2{font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.02em;margin:0 0 16px;display:flex;gap:14px;align-items:baseline}
.legal-num{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.08em;color:#02826e;min-width:26px}
.legal-toc a{font-size:13px;line-height:1.35}
.legal-draft{padding:14px 18px;border-radius:12px;background:rgba(242,181,68,.14);border:1px solid rgba(242,181,68,.55);margin:0 0 26px;font-size:15px}
mark.legal-placeholder{background:rgba(242,181,68,.35);color:inherit;padding:0 3px;border-radius:3px}

/* /resources/ hero animation */



.rs21-mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:rs21k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes rs21k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:rs21k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:rs21k-spin 52s linear infinite reverse}@keyframes rs21k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:rs21k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes rs21k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:rs21k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes rs21k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.rs21-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:rs21k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes rs21k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.rs21-rd .rs21-bar{width:0;animation:rs21k-bar 8s cubic-bezier(0.65, 0, 0.35, 1) infinite}.rs21-r0 .rs21-bar{animation-delay:0s}.rs21-r1 .rs21-bar{animation-delay:2s}.rs21-r2 .rs21-bar{animation-delay:4s}.rs21-r3 .rs21-bar{animation-delay:6s}
@keyframes rs21k-bar{0%{width:0}22%{width:100%}25%,100%{width:100%;opacity:.0}}
.rs21-f1{animation:rs21k-f1 8s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes rs21k-f1{0%,10%{width:30%}40%,90%{width:62%}100%{width:30%}}
.rs21-f2{animation:rs21k-f2 8s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes rs21k-f2{0%,10%{width:45%}40%,90%{width:80%}100%{width:45%}}
.rs21-k1,.rs21-k2{position:absolute;top:-4px;width:14px;height:14px;margin-left:-7px;border-radius:7px;background:#fff;box-shadow:0 0 0 3px rgba(114,223,189,.35),0 0 12px rgba(114,223,189,.6)}
.rs21-k1{animation:rs21k-k1 8s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes rs21k-k1{0%,10%{left:30%}40%,90%{left:62%}100%{left:30%}}
.rs21-k2{animation:rs21k-k2 8s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes rs21k-k2{0%,10%{left:45%}40%,90%{left:80%}100%{left:45%}}
.rs21-sv span{position:absolute;left:0;top:0}.rs21-s1{animation:rs21k-s1 8s steps(1) infinite}.rs21-s2{opacity:0;color:#00785a;animation:rs21k-s2 8s steps(1) infinite}
@keyframes rs21k-s1{0%,39%{opacity:1}40%,92%{opacity:0}93%,100%{opacity:1}}@keyframes rs21k-s2{0%,39%{opacity:0}40%,92%{opacity:1}93%,100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.rs21 *{animation:none!important}}

.rs21{position:absolute;inset:0;overflow:visible}
.rs21-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--rs21s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="pages"]:has(.rs21) .study-fallback{opacity:0!important}
.particle-study[data-study="pages"]:has(.rs21) .study-cross{z-index:2}
body.motion-paused .rs21 *{animation-play-state:paused!important}

/* /resources/press/ hero animation */



.pr33-mono{font-family:'IBM Plex Mono',monospace}
.pr33-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:pr33k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes pr33k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.pr33-spin{transform-box:fill-box;transform-origin:center;animation:pr33k-spin 36s linear infinite}.pr33-spinr{transform-box:fill-box;transform-origin:center;animation:pr33k-spin 52s linear infinite reverse}@keyframes pr33k-spin{to{transform:rotate(360deg)}}
.pr33-halo{transform-box:fill-box;transform-origin:center;animation:pr33k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes pr33k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:pr33k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes pr33k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.pr33-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:pr33k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes pr33k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.pr33-wave{transform-box:fill-box;transform-origin:center;opacity:0;animation:pr33k-wave 6s cubic-bezier(0.16, 1, 0.3, 1) infinite}.pr33-w1{animation-delay:2s}.pr33-w2{animation-delay:4s}
@keyframes pr33k-wave{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.1);opacity:0}}
.pr33-chn{animation:pr33k-chn 6s cubic-bezier(0.65, 0, 0.35, 1) infinite}.pr33-n1{animation-delay:2s}.pr33-n2{animation-delay:4s}
@keyframes pr33k-chn{0%,8%{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}16%,34%{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(114,223,189,.45),0 18px 40px -16px rgba(114,223,189,.5)}46%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}}
.pr33-sk{display:block;height:5px;border-radius:3px;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.22),rgba(255,255,255,.1));background-size:200% 100%;animation:pr33k-sk 2.4s linear infinite}@keyframes pr33k-sk{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion: reduce){.pr33 *{animation:none!important}}

.pr33{position:absolute;inset:0;overflow:visible}
.pr33-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--pr33s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="signal"]:has(.pr33) .study-fallback{opacity:0!important}
.particle-study[data-study="signal"]:has(.pr33) .study-cross{z-index:2}
body.motion-paused .pr33 *{animation-play-state:paused!important}

.product-faq .faq-wrap{max-width:none}.product-faq .section-heading p a{text-decoration:underline}

/* /resources/calculator/ hero animation */



.cc31-mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:cc31k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes cc31k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:cc31k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:cc31k-spin 52s linear infinite reverse}@keyframes cc31k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:cc31k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes cc31k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:cc31k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes cc31k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:cc31k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes cc31k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.cc31-ln{opacity:0;transform:translateY(-6px);animation:cc31k-ln 9s cubic-bezier(0.16, 1, 0.3, 1) infinite}.cc31-l0{animation-delay:0.60s}.cc31-l1{animation-delay:1.15s}.cc31-l2{animation-delay:1.70s}.cc31-l3{animation-delay:2.25s}
@keyframes cc31k-ln{0%{opacity:0;transform:translateY(-6px)}5%,90%{opacity:1;transform:none}98%,100%{opacity:0}}
.cc31-hi{animation:cc31k-hi 9s cubic-bezier(0.65, 0, 0.35, 1) infinite;animation-delay:3.4s;border-radius:4px}@keyframes cc31k-hi{0%{background:transparent}6%,80%{background:rgba(114,223,189,.35)}90%,100%{background:transparent}}
.cc31-stamp{opacity:0;transform:scale(1.2) rotate(-2deg);animation:cc31k-st 9s cubic-bezier(0.16, 1, 0.3, 1) infinite;animation-delay:4.2s}@keyframes cc31k-st{0%{opacity:0;transform:scale(1.2) rotate(-2deg)}5%,74%{opacity:1;transform:none}84%,100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.cc31 *{animation:none!important}}

.cc31{position:absolute;inset:0;overflow:visible}
.cc31-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--cc31s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="receipt"]:has(.cc31) .study-fallback{opacity:0!important}
.particle-study[data-study="receipt"]:has(.cc31) .study-cross{z-index:2}
body.motion-paused .cc31 *{animation-play-state:paused!important}

/* /resources/faq/ hero animation */



.fq32-mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:fq32k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes fq32k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:fq32k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:fq32k-spin 52s linear infinite reverse}@keyframes fq32k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:fq32k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes fq32k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:fq32k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes fq32k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.fq32-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:fq32k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes fq32k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.fq32-scn{position:absolute;inset:0;opacity:0;animation:fq32k-scn 15s steps(1) infinite}.fq32-s1{animation-delay:5s}.fq32-s2{animation-delay:10s}
@keyframes fq32k-scn{0%,33.2%{opacity:1}33.3%,100%{opacity:0}}
.fq32-typ{max-width:0;animation:fq32k-typ 15s steps(30) infinite}.fq32-s1 .fq32-typ{animation-delay:5s}.fq32-s2 .fq32-typ{animation-delay:10s}
@keyframes fq32k-typ{0%{max-width:0}9%,33%{max-width:420px}100%{max-width:420px}}
.fq32-caret{width:2px;height:16px;background:#72dfbd;animation:fq32k-blk 1s steps(1) infinite}@keyframes fq32k-blk{50%{opacity:0}}
.fq32-hit{opacity:0;transform:translateY(10px);animation:fq32k-hit 15s cubic-bezier(0.16, 1, 0.3, 1) infinite}.fq32-s1 .fq32-hit{animation-delay:5s}.fq32-s2 .fq32-hit{animation-delay:10s}
@keyframes fq32k-hit{0%,11%{opacity:0;transform:translateY(10px)}15%,33%{opacity:1;transform:none}100%{opacity:1}}
@media (prefers-reduced-motion: reduce){.fq32 *{animation:none!important}}

.fq32{position:absolute;inset:0;overflow:visible}
.fq32-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--fq32s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="pages"]:has(.fq32) .study-fallback{opacity:0!important}
.particle-study[data-study="pages"]:has(.fq32) .study-cross{z-index:2}
body.motion-paused .fq32 *{animation-play-state:paused!important}
.fq32-box>.fq32-scn{top:44px}

/* /about/ hero animation */



.ab02-mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:ab02k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes ab02k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.ab02-spin{transform-box:fill-box;transform-origin:center;animation:ab02k-spin 36s linear infinite}.ab02-spinr{transform-box:fill-box;transform-origin:center;animation:ab02k-spin 52s linear infinite reverse}@keyframes ab02k-spin{to{transform:rotate(360deg)}}
.ab02-halo{transform-box:fill-box;transform-origin:center;animation:ab02k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes ab02k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:ab02k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes ab02k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.ab02-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:ab02k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes ab02k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.ab02-br{stroke-dasharray:100;stroke-dashoffset:100;animation:ab02k-br 8s cubic-bezier(0.65, 0, 0.35, 1) infinite}.ab02-b0,.ab02-f0{animation-delay:0.30s}.ab02-b1,.ab02-f1{animation-delay:0.65s}.ab02-b2,.ab02-f2{animation-delay:1.00s}.ab02-b3,.ab02-f3{animation-delay:1.35s}.ab02-b4,.ab02-f4{animation-delay:1.70s}.ab02-b5,.ab02-f5{animation-delay:2.05s}
@keyframes ab02k-br{0%{stroke-dashoffset:100}14%,86%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:0;opacity:0}}
.ab02-lf{opacity:0;transform:scale(.9);animation:ab02k-lf 8s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes ab02k-lf{0%,10%{opacity:0;transform:scale(.9)}16%,86%{opacity:1;transform:none}96%,100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.ab02 *{animation:none!important}}

.ab02{position:absolute;inset:0;overflow:visible}
.ab02-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--ab02s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="seed"]:has(.ab02) .study-fallback{opacity:0!important}
.particle-study[data-study="seed"]:has(.ab02) .study-cross{z-index:2}
body.motion-paused .ab02 *{animation-play-state:paused!important}

/* /products/ hero animation */



.pd16-mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:pd16k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes pd16k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:pd16k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:pd16k-spin 52s linear infinite reverse}@keyframes pd16k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:pd16k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes pd16k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:pd16k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes pd16k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:pd16k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes pd16k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.pd16-sg{transform:translate(var(--dx),var(--dy));opacity:0;animation:pd16k-sg 9s cubic-bezier(0.16, 1, 0.3, 1) infinite}.pd16-s0,.pd16-l0{animation-delay:0.00s}.pd16-s1,.pd16-l1{animation-delay:0.45s}.pd16-s2,.pd16-l2{animation-delay:0.90s}.pd16-s3,.pd16-l3{animation-delay:1.35s}.pd16-s4,.pd16-l4{animation-delay:1.80s}
@keyframes pd16k-sg{0%{transform:translate(var(--dx),var(--dy));opacity:0}14%,86%{transform:none;opacity:1}96%,100%{opacity:0}}
.pd16-sl{opacity:0;animation:pd16k-sl 9s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes pd16k-sl{0%,10%{opacity:0}18%,86%{opacity:1}96%,100%{opacity:0}}
.pd16-done{opacity:0;animation:pd16k-dn 9s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes pd16k-dn{0%,32%{opacity:0}40%,84%{opacity:.7}94%,100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.pd16 *{animation:none!important}}

.pd16{position:absolute;inset:0;overflow:visible}
.pd16-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--pd16s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="constellation"]:has(.pd16) .study-fallback{opacity:0!important}
.particle-study[data-study="constellation"]:has(.pd16) .study-cross{z-index:2}
body.motion-paused .pd16 *{animation-play-state:paused!important}

/* /solutions/ hero animation */



.sl30-mono{font-family:'IBM Plex Mono',monospace}
.sl30-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:sl30k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes sl30k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:sl30k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:sl30k-spin 52s linear infinite reverse}@keyframes sl30k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:sl30k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes sl30k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:sl30k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes sl30k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.sl30-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(66,215,176,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:sl30k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes sl30k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.sl30-qd{animation:sl30k-qd 8s cubic-bezier(0.65, 0, 0.35, 1) infinite}.sl30-q0{animation-delay:0s}.sl30-q1{animation-delay:2s}.sl30-q2{animation-delay:4s}.sl30-q3{animation-delay:6s}
@keyframes sl30k-qd{0%,18%{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(114,223,189,.45),0 20px 42px -16px rgba(114,223,189,.5)}26%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}}
.sl30-bar{animation:sl30k-bar 2.4s cubic-bezier(0.65, 0, 0.35, 1) infinite alternate}.sl30-r0{animation-delay:0.0s}.sl30-r1{animation-delay:0.2s}.sl30-r2{animation-delay:0.4s}.sl30-r3{animation-delay:0.6s}.sl30-r4{animation-delay:0.8s}@keyframes sl30k-bar{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.sl30-bx{animation:sl30k-bx 3s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes sl30k-bx{0%,100%{stroke-opacity:.5}50%{stroke-opacity:1}}
@media (prefers-reduced-motion: reduce){.sl30 *{animation:none!important}}

.sl30{position:absolute;inset:0;overflow:visible}
.sl30-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--sl30s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="circuit"]:has(.sl30) .study-fallback{opacity:0!important}
.particle-study[data-study="circuit"]:has(.sl30) .study-cross{z-index:2}
body.motion-paused .sl30 *{animation-play-state:paused!important}

.legal-doc-title{margin:0 0 6px!important;font-size:15px!important;opacity:.85}
.legal-table-wrap{overflow-x:auto;margin:18px 0 8px}
.legal-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.legal-table th,.legal-table td{border-top:1px solid rgba(0,24,51,.12);padding:12px 14px;text-align:left;vertical-align:top}
.legal-table thead th{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-top:0;color:#02826e}
.legal-table tbody th{font-weight:600;width:32%}

/* /contact/ hero animation */



.ct34-mono{font-family:'IBM Plex Mono',monospace}
.ct34-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:ct34k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes ct34k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.ct34-spin{transform-box:fill-box;transform-origin:center;animation:ct34k-spin 36s linear infinite}.ct34-spinr{transform-box:fill-box;transform-origin:center;animation:ct34k-spin 52s linear infinite reverse}@keyframes ct34k-spin{to{transform:rotate(360deg)}}
.ct34-halo{transform-box:fill-box;transform-origin:center;animation:ct34k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes ct34k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:ct34k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes ct34k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.ct34-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(167,139,250,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:ct34k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes ct34k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.ct34-rt{stroke-dasharray:100;stroke-dashoffset:100;opacity:0;animation:ct34k-rt 12s cubic-bezier(0.65, 0, 0.35, 1) infinite}
@keyframes ct34k-rt{0%{stroke-dashoffset:100;opacity:1}8%,22%{stroke-dashoffset:0;opacity:1}25%,100%{opacity:0}}
.ct34-tm{opacity:.5;animation:ct34k-tm 12s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes ct34k-tm{0%,6%{opacity:.5}9%,22%{opacity:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(114,223,189,.5),0 18px 40px -16px rgba(114,223,189,.5)}26%,100%{opacity:.5;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}}
.ct34-t0,.ct34-m0{animation-delay:0s}.ct34-t1,.ct34-m1{animation-delay:3s}.ct34-t2,.ct34-m2{animation-delay:6s}.ct34-t3,.ct34-m3{animation-delay:9s}
@media (prefers-reduced-motion: reduce){.ct34 *{animation:none!important}}

.ct34{position:absolute;inset:0;overflow:visible}
.ct34-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--ct34s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="dialogue"]:has(.ct34) .study-fallback{opacity:0!important}
.particle-study[data-study="dialogue"]:has(.ct34) .study-cross{z-index:2}
body.motion-paused .ct34 *{animation-play-state:paused!important}

/* /terms/ hero animation */



.tm24-mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:tm24k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes tm24k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:tm24k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:tm24k-spin 52s linear infinite reverse}@keyframes tm24k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:tm24k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes tm24k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:tm24k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes tm24k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(167,139,250,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:tm24k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes tm24k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.tm24-toc{animation:tm24k-toc 22s linear infinite}@keyframes tm24k-toc{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.tm24-ti.tm24-key{background:rgba(242,181,68,.18)}.imp{font-size:7px;font-family:"IBM Plex Mono",monospace;letter-spacing:.08em;color:#9a6a00;white-space:nowrap;align-self:center}
@media (prefers-reduced-motion: reduce){.tm24 *{animation:none!important}}

.tm24{position:absolute;inset:0;overflow:visible}
.tm24-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--tm24s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="key"]:has(.tm24) .study-fallback{opacity:0!important}
.particle-study[data-study="key"]:has(.tm24) .study-cross{z-index:2}
body.motion-paused .tm24 *{animation-play-state:paused!important}

/* /dpa/ hero animation */



.dp25-mono{font-family:'IBM Plex Mono',monospace}
.dp25-pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:dp25k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes dp25k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:dp25k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:dp25k-spin 52s linear infinite reverse}@keyframes dp25k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:dp25k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes dp25k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:dp25k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes dp25k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.dp25-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(167,139,250,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:dp25k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes dp25k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.dp25-st{animation:dp25k-st 10s cubic-bezier(0.65, 0, 0.35, 1) infinite}.dp25-s0{animation-delay:0s}.dp25-s1{animation-delay:2s}.dp25-s2{animation-delay:4s}.dp25-s3{animation-delay:6s}.dp25-s4{animation-delay:8s}
@keyframes dp25k-st{0%,16%{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(114,223,189,.5),0 18px 40px -16px rgba(114,223,189,.5);transform:translateY(-3px)}22%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7);transform:none}}
@media (prefers-reduced-motion: reduce){.dp25 *{animation:none!important}}

.dp25{position:absolute;inset:0;overflow:visible}
.dp25-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--dp25s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="key"]:has(.dp25) .study-fallback{opacity:0!important}
.particle-study[data-study="key"]:has(.dp25) .study-cross{z-index:2}
body.motion-paused .dp25 *{animation-play-state:paused!important}

/* /privacy/ hero animation */



.pv23-mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:pv23k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes pv23k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:pv23k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:pv23k-spin 52s linear infinite reverse}@keyframes pv23k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:pv23k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes pv23k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:pv23k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes pv23k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.pv23-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(167,139,250,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:pv23k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes pv23k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.pv23-ok{width:16px;height:16px;flex:none;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;color:transparent;background:rgba(255,255,255,.08);animation:pv23k-ok 10s cubic-bezier(0.65, 0, 0.35, 1) infinite}
.pv23-fd{animation:pv23k-fd 10s cubic-bezier(0.65, 0, 0.35, 1) infinite}.pv23-f0,.pv23-f0 .pv23-ok{animation-delay:0.0s}.pv23-f1,.pv23-f1 .pv23-ok{animation-delay:0.7s}.pv23-f2,.pv23-f2 .pv23-ok{animation-delay:1.4s}.pv23-f3,.pv23-f3 .pv23-ok{animation-delay:2.1s}
@keyframes pv23k-ok{0%,4%{color:transparent;background:rgba(255,255,255,.08)}8%,84%{color:#fff;background:#0aa37f}94%,100%{color:transparent;background:rgba(255,255,255,.08)}}
@keyframes pv23k-fd{0%,4%{border-color:rgba(255,255,255,.08)}8%,84%{border-color:rgba(114,223,189,.45)}94%,100%{border-color:rgba(255,255,255,.08)}}
.pv23-x{width:16px;height:16px;flex:none;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#ff8a7a;border:1px solid rgba(255,138,122,.5)}
.pv23-no{opacity:.55;text-decoration:line-through;text-decoration-color:rgba(255,138,122,.0);animation:pv23k-no 10s cubic-bezier(0.65, 0, 0.35, 1) infinite}.pv23-n0{animation-delay:3.0s}.pv23-n1{animation-delay:3.6s}.pv23-n2{animation-delay:4.2s}.pv23-n3{animation-delay:4.8s}
@keyframes pv23k-no{0%,4%{opacity:.55;text-decoration-color:rgba(255,138,122,0)}10%,70%{opacity:.9;text-decoration-color:rgba(255,138,122,.8)}86%,100%{opacity:.55;text-decoration-color:rgba(255,138,122,0)}}
@media (prefers-reduced-motion: reduce){.pv23 *{animation:none!important}}

.pv23{position:absolute;inset:0;overflow:visible}
.pv23-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--pv23s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="key"]:has(.pv23) .study-fallback{opacity:0!important}
.particle-study[data-study="key"]:has(.pv23) .study-cross{z-index:2}
body.motion-paused .pv23 *{animation-play-state:paused!important}

/* /book-a-demo/ hero animation */



.mono{font-family:'IBM Plex Mono',monospace}
.pk{stroke-dasharray:.01 100;stroke-linecap:round;animation:bd22k-pk 2.8s cubic-bezier(0.65, 0, 0.35, 1) infinite both}
@keyframes bd22k-pk{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}72%{stroke-dashoffset:-100;opacity:1}82%,100%{stroke-dashoffset:-100;opacity:0}}
.spin{transform-box:fill-box;transform-origin:center;animation:bd22k-spin 36s linear infinite}.spinr{transform-box:fill-box;transform-origin:center;animation:bd22k-spin 52s linear infinite reverse}@keyframes bd22k-spin{to{transform:rotate(360deg)}}
.halo{transform-box:fill-box;transform-origin:center;animation:bd22k-halo 3.4s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes bd22k-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.45);opacity:0}}
.bok{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:bd22k-drift 18s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes bd22k-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}
.bd22-glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(114,223,189,.55),rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 60%,rgba(167,139,250,.45)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}
.live{animation:bd22k-live 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}@keyframes bd22k-live{0%{box-shadow:0 0 0 0 rgba(114,223,189,.6)}70%,100%{box-shadow:0 0 0 6px rgba(114,223,189,0)}}

.bd22-fc{opacity:.5;animation:bd22k-fc 12s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes bd22k-fc{0%,2%{opacity:.5}4%,15%{opacity:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(114,223,189,.5),0 16px 34px -14px rgba(114,223,189,.5)}17%,100%{opacity:.5;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -18px rgba(0,0,0,.7)}}
.bd22-bm{stroke-dasharray:100;stroke-dashoffset:100;opacity:0;animation:bd22k-bm 12s cubic-bezier(0.65, 0, 0.35, 1) infinite}@keyframes bd22k-bm{0%{stroke-dashoffset:100;opacity:1}6%,15%{stroke-dashoffset:0;opacity:1}17%,100%{opacity:0}}
.bd22-fv{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;animation-fill-mode:backwards;color:#00785a;animation:bd22k-fv 12s steps(1) infinite}@keyframes bd22k-fv{0%,16.66%{opacity:1}16.67%,100%{opacity:0}}
.bd22-c0,.bd22-b0,.bd22-v0{animation-delay:0s}.bd22-c1,.bd22-b1,.bd22-v1{animation-delay:2s}.bd22-c2,.bd22-b2,.bd22-v2{animation-delay:4s}.bd22-c3,.bd22-b3,.bd22-v3{animation-delay:6s}.bd22-c4,.bd22-b4,.bd22-v4{animation-delay:8s}.bd22-c5,.bd22-b5,.bd22-v5{animation-delay:10s}
@media (prefers-reduced-motion: reduce){.bd22 *{animation:none!important}}

.bd22{position:absolute;inset:0;overflow:visible}
.bd22-box{position:absolute;left:50%;top:50%;width:620px;height:440px;margin:-220px 0 0 -310px;transform:scale(var(--bd22s,1));transform-origin:center;font-family:var(--font,Inter,Arial,sans-serif);color:#fff}
.particle-study[data-study="dialogue"]:has(.bd22) .study-fallback{opacity:0!important}
.particle-study[data-study="dialogue"]:has(.bd22) .study-cross{z-index:2}
body.motion-paused .bd22 *{animation-play-state:paused!important}