/*! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#cdd5e1;opacity:1}input::placeholder,textarea::placeholder{color:#cdd5e1;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}@font-face{font-display:swap;font-family:Mulish;font-style:normal;font-weight:400;src:url("/media/b6d792ace093-mulish-v13-latin-400.woff2?v=9e7fe0edbc32") format("woff2")}@font-face{font-display:swap;font-family:Mulish;font-style:normal;font-weight:600;src:url("/media/d9e890c3ff61-mulish-v13-latin-600.woff2?v=08f317abcc37") format("woff2")}@font-face{font-display:swap;font-family:Mulish;font-style:normal;font-weight:700;src:url("/media/f19a27eaaec0-mulish-v13-latin-700.woff2?v=72da494867e9") format("woff2")}@font-face{font-display:swap;font-family:Cardo;font-style:normal;font-weight:400;src:url("/media/aa1a89303169-cardo-v19-latin-400.woff2?v=f1346360729e") format("woff2")}@font-face{font-display:swap;font-family:Cardo;font-style:italic;font-weight:400;src:url("/media/6245528e02a6-cardo-v19-latin-italic.woff2?v=bc802f41dcc8") format("woff2")}@font-face{font-display:swap;font-family:Cardo;font-style:normal;font-weight:700;src:url("/media/5e7706e9b1ab-cardo-v19-latin-700.woff2?v=f94a0b25ed42") format("woff2")}html{background:#fff;color-scheme:only light;font-family:Mulish,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-synthesis:none;scroll-padding-top:96px}[class*=helply],[id*=helply],iframe[src*="helply.com"]{display:none!important}main img[src*=".jpeg"]:not(.logo-img),main img[src*=".jpg"]:not(.logo-img),main img[src*=".png"]:not(.logo-img),main img[src*=".webp"]:not(.logo-img){border-radius:1rem}h1,h2{letter-spacing:.01em}:focus-visible{border-radius:4px;outline:3px solid rgba(85,120,255,.55);outline-offset:2px}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(85,120,255,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(85,120,255,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.ui-stage{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));border-radius:1.5rem;border-width:1px;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;overflow:hidden;padding:1.25rem;position:relative}@media (min-width:640px){.ui-stage{padding:2rem}}@media (min-width:1024px){.ui-stage{padding:2.5rem}}.ui-card{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px rgba(11,21,38,.06),0 8px 24px -8px rgba(11,21,38,.18);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color),0 8px 24px -8px var(--tw-shadow-color);background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));border-radius:1rem;border-width:1px;box-shadow:0 0 transparent,0 0 transparent,0 1px 2px rgba(11,21,38,.06),0 8px 24px -8px rgba(11,21,38,.18);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;position:relative}.ui-card--navy{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#244486;background-color:rgb(36 68 134/var(--tw-bg-opacity));border-color:#244486;border-color:rgb(36 68 134/var(--tw-border-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.ui-eyebrow{--tw-text-opacity:1;color:#5b677a;color:rgb(91 103 122/var(--tw-text-opacity));font-size:.75rem;font-weight:700;letter-spacing:.05em;line-height:1rem;text-transform:uppercase}.ui-title{--tw-text-opacity:1;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-size:.875rem;font-weight:700;line-height:1.25rem;line-height:1.375}.ui-meta{--tw-text-opacity:1;color:#5b677a;color:rgb(91 103 122/var(--tw-text-opacity));font-size:.75rem;line-height:1rem;line-height:1.375}.ui-amount{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-weight:700}.ui-row{--tw-border-opacity:1;align-items:center;border-bottom-width:1px;border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));display:flex;gap:1rem;justify-content:space-between;padding-bottom:.75rem;padding-top:.75rem}.ui-row:last-child{border-bottom-width:0}.ui-chip{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.375rem;line-height:1rem;line-height:1;padding:.25rem .625rem;white-space:nowrap}.ui-chip--ok{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity));color:#065f46;color:rgb(6 95 70/var(--tw-text-opacity))}.ui-chip--wait{background:#fff4dc;color:#8a5a00}.ui-chip--stop{background:#ffe8e8;color:#b42318}.ui-chip--info{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#dfe9ff;background-color:rgb(223 233 255/var(--tw-bg-opacity));color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity))}.ui-dot{background-color:currentColor;border-radius:9999px;display:inline-block;flex-shrink:0;height:.5rem;width:.5rem}.ui-avatar{background-color:#dfe9ff;background-color:rgb(223 233 255/var(--tw-bg-opacity));border-radius:9999px;font-size:.75rem;font-weight:700;height:2.25rem;line-height:1rem;width:2.25rem}.ui-avatar,.ui-icon{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity));display:inline-flex;flex-shrink:0;justify-content:center}.ui-icon{background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));border-radius:.75rem;height:2.5rem;width:2.5rem}.ui-icon svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;height:1.25rem;width:1.25rem}.ui-step{--tw-bg-opacity:1;--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;background-color:#244486;background-color:rgb(36 68 134/var(--tw-bg-opacity));border-radius:9999px;flex-shrink:0;font-size:.75rem;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-weight:700;height:1.75rem;line-height:1rem;width:1.75rem}.ui-button,.ui-step{align-items:center;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));display:inline-flex;justify-content:center}.ui-button{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#0b1526;background-color:rgb(11 21 38/var(--tw-bg-opacity));border-radius:.75rem;font-size:.875rem;font-weight:600;line-height:1.25rem;min-height:44px;padding:.625rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ui-button:active:not(:disabled),.ui-button:hover{--tw-bg-opacity:1;background-color:#1e2a3b;background-color:rgb(30 42 59/var(--tw-bg-opacity))}.ui-button:active:not(:disabled){transform:scale(.98)}.ui-button:focus-visible{outline:3px solid #3f59bf;outline-offset:3px}.ui-button:disabled{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#e2e8f0;background-color:rgb(226 232 240/var(--tw-bg-opacity));color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity));cursor:not-allowed}.ui-button--ghost{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));border-width:1px;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity))}.ui-button--ghost:active:not(:disabled),.ui-button--ghost:hover:not(:disabled){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));border-color:#a8cbff;border-color:rgb(168 203 255/var(--tw-border-opacity));color:#4d6ce6;color:rgb(77 108 230/var(--tw-text-opacity))}.ui-button--ghost:disabled{--tw-border-opacity:1;--tw-text-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity));color:#a0aec0;color:rgb(160 174 192/var(--tw-text-opacity))}.ui-divider{--tw-border-opacity:1;border-color:#a8cbff;border-top:1px #a8cbff;border-color:rgb(168 203 255/var(--tw-border-opacity));border-style:dashed}@keyframes ui-skeleton-sweep{to{transform:translateX(100%)}}.ui-empty{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));border:1px dashed #a8cbff;border-color:rgb(168 203 255/var(--tw-border-opacity));border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;padding:2.5rem 1.5rem;text-align:center}.ui-empty-title{--tw-text-opacity:1;color:#0b1526;color:rgb(11 21 38/var(--tw-text-opacity));font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.005em;line-height:1.4}.ui-empty-body{--tw-text-opacity:1;color:#5b677a;color:rgb(91 103 122/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;max-width:24rem}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-6{bottom:-1.5rem;left:-1.5rem;right:-1.5rem;top:-1.5rem}.inset-0{bottom:0;left:0;right:0;top:0}.inset-6{bottom:1.5rem;left:1.5rem;right:1.5rem;top:1.5rem}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.\!top-14{top:3.5rem!important}.-bottom-2{bottom:-.5rem}.-bottom-4{bottom:-1rem}.-left-12{left:-3rem}.-left-20{left:-5rem}.-left-28{left:-7rem}.-left-40{left:-10rem}.-left-6{left:-1.5rem}.-right-1\/2{right:-50%}.-right-16{right:-4rem}.-right-2{right:-.5rem}.-right-20{right:-5rem}.-right-28{right:-7rem}.-right-40{right:-10rem}.-right-6{right:-1.5rem}.-top-24{top:-6rem}.-top-4{top:-1rem}.-top-7{top:-1.75rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.bottom-\[6px\]{bottom:6px}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-5{left:1.25rem}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-\[15\%\]{right:15%}.right-\[40\%\]{right:40%}.right-auto{right:auto}.top-0{top:0}.top-1\/2{top:50%}.top-14{top:3.5rem}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-32{top:8rem}.top-5{top:1.25rem}.top-\[200px\]{top:200px}.top-\[75px\]{top:75px}.top-auto{top:auto}.top-full{top:100%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1\]{z-index:1}.z-\[200\]{z-index:200}.z-\[998\]{z-index:998}.z-\[999\]{z-index:999}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-first{order:-9999}.order-none{order:0}.col-span-1{grid-column:span 1/span 1}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-4{grid-column-start:4}.col-start-9{grid-column-start:9}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.\!m-0{margin:0!important}.m-0{margin:0}.m-1{margin:.25rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.-mx-7{margin-left:-1.75rem;margin-right:-1.75rem}.-my-3{margin-bottom:-.75rem;margin-top:-.75rem}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.my-12{margin-bottom:3rem;margin-top:3rem}.my-16{margin-bottom:4rem;margin-top:4rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.\!mb-0{margin-bottom:0!important}.\!mb-12{margin-bottom:3rem!important}.\!mb-24{margin-bottom:6rem!important}.\!mb-4{margin-bottom:1rem!important}.\!mb-6{margin-bottom:1.5rem!important}.\!mb-8{margin-bottom:2rem!important}.\!mt-12{margin-top:3rem!important}.\!mt-14{margin-top:3.5rem!important}.\!mt-20{margin-top:5rem!important}.-mb-6{margin-bottom:-1.5rem}.-mb-px{margin-bottom:-1px}.-ml-2{margin-left:-.5rem}.-ml-2\.5{margin-left:-.625rem}.-mt-1{margin-top:-.25rem}.-mt-2{margin-top:-.5rem}.-mt-4{margin-top:-1rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.mb-\[7px\]{margin-bottom:7px}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-10{margin-left:2.5rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.\!h-full{height:100%!important}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[11rem\]{height:11rem}.h-\[12rem\]{height:12rem}.h-\[14\.4rem\]{height:14.4rem}.h-\[14rem\]{height:14rem}.h-\[15\.5rem\]{height:15.5rem}.h-\[180px\]{height:180px}.h-\[18px\]{height:18px}.h-\[29rem\]{height:29rem}.h-\[3\.25rem\]{height:3.25rem}.h-\[3\.5rem\]{height:3.5rem}.h-\[32\.75rem\]{height:32.75rem}.h-\[33rem\]{height:33rem}.h-\[3px\]{height:3px}.h-\[4\.5rem\]{height:4.5rem}.h-\[5\.5rem\]{height:5.5rem}.h-\[76px\]{height:76px}.h-\[84px\]{height:84px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.\!max-h-none{max-height:none!important}.max-h-32{max-height:8rem}.max-h-\[16\.5rem\]{max-height:16.5rem}.max-h-\[18\.5rem\]{max-height:18.5rem}.max-h-\[7\.5rem\]{max-height:7.5rem}.max-h-\[calc\(100vh-10rem\)\]{max-height:calc(100vh - 10rem)}.min-h-0{min-height:0}.min-h-\[1\.5rem\]{min-height:1.5rem}.min-h-\[144px\]{min-height:144px}.min-h-\[14rem\]{min-height:14rem}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[56px\]{min-height:56px}.min-h-\[64px\]{min-height:64px}.min-h-\[72px\]{min-height:72px}.min-h-\[88px\]{min-height:88px}.min-h-screen{min-height:100vh}.\!w-2\/3{width:66.666667%!important}.\!w-\[16px\]{width:16px!important}.\!w-\[320px\]{width:320px!important}.\!w-full{width:100%!important}.w-0{width:0}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/5{width:60%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[120px\]{width:120px}.w-\[154px\]{width:154px}.w-\[184px\]{width:184px}.w-\[18px\]{width:18px}.w-\[248px\]{width:248px}.w-\[300px\]{width:300px}.w-\[30rem\]{width:30rem}.w-\[32\%\]{width:32%}.w-\[7\.5rem\]{width:7.5rem}.w-\[88px\]{width:88px}.w-\[90\%\]{width:90%}.w-\[calc\(100\%\+3\.5rem\)\]{width:calc(100% + 3.5rem)}.w-\[min\(85\%\2c 350px\)\]{width:min(85%,350px)}.w-\[min\(90\%\2c 25rem\)\]{width:min(90%,25rem)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\[2rem\]{min-width:2rem}.min-w-\[44px\]{min-width:44px}.\!max-w-\[10rem\]{max-width:10rem!important}.\!max-w-\[320px\]{max-width:320px!important}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[1000px\]{max-width:1000px}.max-w-\[104px\]{max-width:104px}.max-w-\[10rem\]{max-width:10rem}.max-w-\[12ch\]{max-width:12ch}.max-w-\[1440px\]{max-width:1440px}.max-w-\[160px\]{max-width:160px}.max-w-\[1650px\]{max-width:1650px}.max-w-\[16rem\]{max-width:16rem}.max-w-\[200px\]{max-width:200px}.max-w-\[20ch\]{max-width:20ch}.max-w-\[20rem\]{max-width:20rem}.max-w-\[21ch\]{max-width:21ch}.max-w-\[22ch\]{max-width:22ch}.max-w-\[22rem\]{max-width:22rem}.max-w-\[23ch\]{max-width:23ch}.max-w-\[24ch\]{max-width:24ch}.max-w-\[25ch\]{max-width:25ch}.max-w-\[26ch\]{max-width:26ch}.max-w-\[26rem\]{max-width:26rem}.max-w-\[28ch\]{max-width:28ch}.max-w-\[300px\]{max-width:300px}.max-w-\[30ch\]{max-width:30ch}.max-w-\[32ch\]{max-width:32ch}.max-w-\[32rem\]{max-width:32rem}.max-w-\[34rem\]{max-width:34rem}.max-w-\[360px\]{max-width:360px}.max-w-\[36ch\]{max-width:36ch}.max-w-\[36rem\]{max-width:36rem}.max-w-\[38ch\]{max-width:38ch}.max-w-\[40ch\]{max-width:40ch}.max-w-\[44ch\]{max-width:44ch}.max-w-\[44rem\]{max-width:44rem}.max-w-\[45ch\]{max-width:45ch}.max-w-\[46ch\]{max-width:46ch}.max-w-\[46rem\]{max-width:46rem}.max-w-\[48ch\]{max-width:48ch}.max-w-\[50ch\]{max-width:50ch}.max-w-\[51ch\]{max-width:51ch}.max-w-\[52ch\]{max-width:52ch}.max-w-\[52rem\]{max-width:52rem}.max-w-\[56ch\]{max-width:56ch}.max-w-\[58ch\]{max-width:58ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[66ch\]{max-width:66ch}.max-w-\[72ch\]{max-width:72ch}.max-w-\[75ch\]{max-width:75ch}.max-w-\[80\%\]{max-width:80%}.max-w-\[85ch\]{max-width:85ch}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-px{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),-1px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-150{--tw-scale-x:1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.5) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-75{--tw-scale-y:.75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(.75)}.scale-y-75,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.scroll-mt-28{scroll-margin-top:7rem}.scroll-mt-32{scroll-margin-top:8rem}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[350px_1fr_350px\]{grid-template-columns:350px 1fr 350px}.grid-cols-\[380px_1fr_380px\]{grid-template-columns:380px 1fr 380px}.grid-cols-\[6\.5rem_minmax\(0\2c 1fr\)\]{grid-template-columns:6.5rem minmax(0,1fr)}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-rows-\[repeat\(2\2c 5\.5rem\)\]{grid-template-rows:repeat(2,5.5rem)}.\!flex-row{flex-direction:row!important}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.\!gap-2{gap:.5rem!important}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-24{-moz-column-gap:6rem;column-gap:6rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-3\.5{-moz-column-gap:.875rem;column-gap:.875rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-0{row-gap:0}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-1\.5{row-gap:.375rem}.gap-y-10{row-gap:2.5rem}.gap-y-14{row-gap:3.5rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-8{row-gap:2rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:2.5rem;margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:.5rem;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:.75rem;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:1rem;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:1.25rem;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:2rem;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:1px;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:0;border-right-width:calc(1px*var(--tw-divide-x-reverse))}.place-self-center{align-self:center;justify-self:center;place-self:center}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-visible{overflow-y:visible}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{word-wrap:break-word}.\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.rounded-l-xl{border-bottom-left-radius:.75rem;border-top-left-radius:.75rem}.rounded-r-xl{border-bottom-right-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-blue-100{--tw-border-opacity:1;border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity))}.border-blue-100\/60{border-color:rgba(223,233,255,.6)}.border-blue-200{--tw-border-opacity:1;border-color:#c9daff;border-color:rgb(201 218 255/var(--tw-border-opacity))}.border-blue-200\/10{border-color:rgba(201,218,255,.1)}.border-blue-200\/20{border-color:rgba(201,218,255,.2)}.border-blue-200\/60{border-color:rgba(201,218,255,.6)}.border-blue-200\/70{border-color:rgba(201,218,255,.7)}.border-blue-300{--tw-border-opacity:1;border-color:#a8cbff;border-color:rgb(168 203 255/var(--tw-border-opacity))}.border-blue-300\/20{border-color:rgba(168,203,255,.2)}.border-blue-300\/30{border-color:rgba(168,203,255,.3)}.border-blue-300\/40{border-color:rgba(168,203,255,.4)}.border-blue-500{--tw-border-opacity:1;border-color:#5578ff;border-color:rgb(85 120 255/var(--tw-border-opacity))}.border-blue-600{--tw-border-opacity:1;border-color:#4d6ce6;border-color:rgb(77 108 230/var(--tw-border-opacity))}.border-blue-700{--tw-border-opacity:1;border-color:#3f59bf;border-color:rgb(63 89 191/var(--tw-border-opacity))}.border-blue-900\/30{border-color:rgba(54,80,134,.3)}.border-blue-navbar{--tw-border-opacity:1;border-color:#244486;border-color:rgb(36 68 134/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:#f2f3f7;border-color:rgb(242 243 247/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity))}.border-gray-300\/60{border-color:rgba(226,232,240,.6)}.border-gray-400{--tw-border-opacity:1;border-color:#cdd5e1;border-color:rgb(205 213 225/var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:#a0aec0;border-color:rgb(160 174 192/var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity:1;border-color:#5b677a;border-color:rgb(91 103 122/var(--tw-border-opacity))}.border-gray-700{--tw-border-opacity:1;border-color:#4a5568;border-color:rgb(74 85 104/var(--tw-border-opacity))}.border-green-200{--tw-border-opacity:1;border-color:#a7f3d0;border-color:rgb(167 243 208/var(--tw-border-opacity))}.border-ink-900\/10{border-color:rgba(11,21,38,.1)}.border-ink-900\/20{border-color:rgba(11,21,38,.2)}.border-transparent{border-color:transparent}.border-white-0{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-white-0\/10{border-color:hsla(0,0%,100%,.1)}.border-white-0\/20{border-color:hsla(0,0%,100%,.2)}.border-white-0\/25{border-color:hsla(0,0%,100%,.25)}.border-white-0\/30{border-color:hsla(0,0%,100%,.3)}.border-white-0\/40{border-color:hsla(0,0%,100%,.4)}.border-white-0\/50{border-color:hsla(0,0%,100%,.5)}.bg-blue-100{--tw-bg-opacity:1;background-color:#dfe9ff;background-color:rgb(223 233 255/var(--tw-bg-opacity))}.bg-blue-100\/50{background-color:rgba(223,233,255,.5)}.bg-blue-200{--tw-bg-opacity:1;background-color:#c9daff;background-color:rgb(201 218 255/var(--tw-bg-opacity))}.bg-blue-200\/10{background-color:rgba(201,218,255,.1)}.bg-blue-300{--tw-bg-opacity:1;background-color:#a8cbff;background-color:rgb(168 203 255/var(--tw-bg-opacity))}.bg-blue-300\/10{background-color:rgba(168,203,255,.1)}.bg-blue-50{--tw-bg-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity))}.bg-blue-50\/60{background-color:rgba(238,243,255,.6)}.bg-blue-500{--tw-bg-opacity:1;background-color:#5578ff;background-color:rgb(85 120 255/var(--tw-bg-opacity))}.bg-blue-500\/30{background-color:rgba(85,120,255,.3)}.bg-blue-600{--tw-bg-opacity:1;background-color:#4d6ce6;background-color:rgb(77 108 230/var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity:1;background-color:#3f59bf;background-color:rgb(63 89 191/var(--tw-bg-opacity))}.bg-blue-900{--tw-bg-opacity:1;background-color:#365086;background-color:rgb(54 80 134/var(--tw-bg-opacity))}.bg-blue-navbar{--tw-bg-opacity:1;background-color:#244486;background-color:rgb(36 68 134/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f2f3f7;background-color:rgb(242 243 247/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:#e2e8f0;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity:1;background-color:#cdd5e1;background-color:rgb(205 213 225/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:#4a5568;background-color:rgb(74 85 104/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:#1a202c;background-color:rgb(26 32 44/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:#d1fae5;background-color:rgb(209 250 229/var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity))}.bg-ink-900{--tw-bg-opacity:1;background-color:#0b1526;background-color:rgb(11 21 38/var(--tw-bg-opacity))}.bg-ink-900\/20{background-color:rgba(11,21,38,.2)}.bg-ink-900\/30{background-color:rgba(11,21,38,.3)}.bg-ink-900\/80{background-color:rgba(11,21,38,.8)}.bg-red-100{--tw-bg-opacity:1;background-color:#fff5f5;background-color:rgb(255 245 245/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white-0{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white-0\/10{background-color:hsla(0,0%,100%,.1)}.bg-white-0\/20{background-color:hsla(0,0%,100%,.2)}.bg-white-0\/5{background-color:hsla(0,0%,100%,.05)}.bg-white-0\/90{background-color:hsla(0,0%,100%,.9)}.bg-white-0\/95{background-color:hsla(0,0%,100%,.95)}.bg-white-200{--tw-bg-opacity:1;background-color:#fafafc;background-color:rgb(250 250 252/var(--tw-bg-opacity))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-none{background-image:none}.from-blue-100{--tw-gradient-from:#dfe9ff;--tw-gradient-to:rgba(223,233,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-white-0{--tw-gradient-to:#fff}.bg-cover{background-size:cover}.bg-scroll{background-attachment:scroll}.bg-bottom{background-position:bottom}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-left{-o-object-position:left;object-position:left}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.\!px-0{padding-left:0!important;padding-right:0!important}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!py-40{padding-bottom:10rem!important;padding-top:10rem!important}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-14{padding-bottom:3.5rem;padding-top:3.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-28{padding-bottom:7rem;padding-top:7rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-32{padding-bottom:8rem;padding-top:8rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.\!pb-6{padding-bottom:1.5rem!important}.\!pr-0{padding-right:0!important}.\!pr-2{padding-right:.5rem!important}.\!pt-0{padding-top:0!important}.\!pt-10{padding-top:2.5rem!important}.\!pt-16{padding-top:4rem!important}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-28{padding-bottom:7rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-48{padding-bottom:12rem}.pb-5{padding-bottom:1.25rem}.pb-56{padding-bottom:14rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pl-1{padding-left:.25rem}.pl-1\.5{padding-left:.375rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-14{padding-left:3.5rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-14{padding-right:3.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-0{padding-top:0}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-28{padding-top:7rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.pt-9{padding-top:2.25rem}.\!text-left{text-align:left!important}.text-left{text-align:left}.\!text-center{text-align:center!important}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-cardo{font-family:Cardo,serif}.font-muli{font-family:Mulish,Helvetica Neue,Helvetica,sans-serif}.\!text-2xl{font-size:1.5rem!important;line-height:2rem!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-2xs{font-size:.625rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.75rem\]{font-size:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-display-lg{font-size:3.5rem;letter-spacing:.01em;line-height:1.15}.text-display-md{font-size:2.75rem;letter-spacing:.01em;line-height:1.18}.text-display-sm{font-size:2rem;letter-spacing:.01em;line-height:1.2}.text-display-xl{font-size:4.5rem;letter-spacing:.01em;line-height:1.15}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-title-lg{font-size:1.75rem;letter-spacing:.005em;line-height:1.25}.text-title-md{font-size:1.5rem;letter-spacing:.005em;line-height:1.3}.text-title-sm{font-size:1.25rem;letter-spacing:.005em;line-height:1.4}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\!font-bold{font-weight:700!important}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\[1\.65\]{line-height:1.65}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.01em\]{letter-spacing:.01em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-blue-200{--tw-text-opacity:1!important;color:#c9daff!important;color:rgb(201 218 255/var(--tw-text-opacity))!important}.\!text-blue-500{--tw-text-opacity:1!important;color:#5578ff!important;color:rgb(85 120 255/var(--tw-text-opacity))!important}.\!text-blue-600{--tw-text-opacity:1!important;color:#4d6ce6!important;color:rgb(77 108 230/var(--tw-text-opacity))!important}.\!text-blue-navbar{--tw-text-opacity:1!important;color:#244486!important;color:rgb(36 68 134/var(--tw-text-opacity))!important}.\!text-gray-600{--tw-text-opacity:1!important;color:#5b677a!important;color:rgb(91 103 122/var(--tw-text-opacity))!important}.\!text-white-0{--tw-text-opacity:1!important;color:#fff!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-blue-100{--tw-text-opacity:1;color:#dfe9ff;color:rgb(223 233 255/var(--tw-text-opacity))}.text-blue-100\/80{color:rgba(223,233,255,.8)}.text-blue-200{--tw-text-opacity:1;color:#c9daff;color:rgb(201 218 255/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:#5578ff;color:rgb(85 120 255/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:#4d6ce6;color:rgb(77 108 230/var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity:1;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity))}.text-blue-900{--tw-text-opacity:1;color:#365086;color:rgb(54 80 134/var(--tw-text-opacity))}.text-blue-navbar{--tw-text-opacity:1;color:#244486;color:rgb(36 68 134/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:#cdd5e1;color:rgb(205 213 225/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:#a0aec0;color:rgb(160 174 192/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:#5b677a;color:rgb(91 103 122/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity))}.text-green-900{--tw-text-opacity:1;color:#064e3b;color:rgb(6 78 59/var(--tw-text-opacity))}.text-ink-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity))}.text-ink-600{--tw-text-opacity:1;color:#334155;color:rgb(51 65 85/var(--tw-text-opacity))}.text-ink-700{--tw-text-opacity:1;color:#1e2a3b;color:rgb(30 42 59/var(--tw-text-opacity))}.text-ink-900{--tw-text-opacity:1;color:#0b1526;color:rgb(11 21 38/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:#c53030;color:rgb(197 48 48/var(--tw-text-opacity))}.text-white-0{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white-0\/80{color:hsla(0,0%,100%,.8)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.\!no-underline{text-decoration-line:none!important}.decoration-blue-200{text-decoration-color:#c9daff}.decoration-gray-300{text-decoration-color:#e2e8f0}.decoration-red-500{text-decoration-color:#f56565}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:#cdd5e1;color:rgb(205 213 225/var(--tw-placeholder-opacity))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:#cdd5e1;color:rgb(205 213 225/var(--tw-placeholder-opacity))}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 2px 4px rgba(11,21,38,.06),0 20px 48px -12px rgba(11,21,38,.28);--tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 20px 48px -12px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 2px 4px rgba(11,21,38,.06),0 20px 48px -12px rgba(11,21,38,.28);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 1px 2px rgba(11,21,38,.06),0 8px 24px -8px rgba(11,21,38,.18);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color),0 8px 24px -8px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 1px 2px rgba(11,21,38,.06),0 8px 24px -8px rgba(11,21,38,.18);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;box-shadow:0 0 transparent,0 0 transparent,0 0 transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px rgba(11,21,38,.06);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 1px 2px rgba(11,21,38,.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-blue-200{--tw-ring-opacity:1;--tw-ring-color:rgba(201,218,255,var(--tw-ring-opacity))}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgba(85,120,255,var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px);filter:blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) invert(100%) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-250{transition-duration:.25s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.box-shadow{box-shadow:0 1px 2px rgba(11,21,38,.06),0 8px 24px -8px rgba(11,21,38,.18)}.page-hero-top{padding-top:4rem}@media (min-width:1024px){.page-hero-top{padding-top:6rem}}.container-padding{padding-left:1.5rem;padding-right:1.5rem}@media (min-width:1024px){.container-padding{padding-left:2rem;padding-right:2rem}}.section-title-2-italic,.section-title-italic{color:currentColor;font-family:Cardo,serif;font-style:italic;font-weight:400}h1 .section-title-2-italic,h1 .section-title-italic,h2 .section-title-2-italic,h2 .section-title-italic,h3 .section-title-2-italic,h3 .section-title-italic{font-size:inherit;line-height:inherit}.section-title-2-italic,.section-title-italic{font-size:inherit;line-height:inherit;vertical-align:baseline}h1 .font-cardo,h2 .font-cardo,h3 .font-cardo{font-size:inherit;line-height:inherit}img.img-fade{opacity:0;transition:opacity .35s ease}img.img-fade:not(.img-ready){background-color:#eef3ff}img.img-fade.img-ready{opacity:1}@media (prefers-reduced-motion:reduce){img.img-fade{transition:none}}*{-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:reduce){.ui-skeleton:after{animation:none}.ui-button:active:not(:disabled){transform:none}}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:#a0aec0;color:rgb(160 174 192/var(--tw-text-opacity))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:#a0aec0;color:rgb(160 174 192/var(--tw-text-opacity))}.first\:border-b:first-child{border-bottom-width:1px}.first\:border-t-0:first-child{border-top-width:0}.first\:border-gray-400:first-child{--tw-border-opacity:1;border-color:#cdd5e1;border-color:rgb(205 213 225/var(--tw-border-opacity))}.first\:pt-0:first-child{padding-top:0}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0}.last\:border-r-0:last-child{border-right-width:0}.last\:pb-0:last-child{padding-bottom:0}.hover\:border-blue-600:hover{--tw-border-opacity:1;border-color:#4d6ce6;border-color:rgb(77 108 230/var(--tw-border-opacity))}.hover\:border-blue-navbar:hover{--tw-border-opacity:1;border-color:#244486;border-color:rgb(36 68 134/var(--tw-border-opacity))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:#dfe9ff;background-color:rgb(223 233 255/var(--tw-bg-opacity))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.hover\:text-blue-200:hover{--tw-text-opacity:1;color:#c9daff;color:rgb(201 218 255/var(--tw-text-opacity))}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:#5578ff;color:rgb(85 120 255/var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:#4d6ce6;color:rgb(77 108 230/var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity))}.hover\:text-blue-navbar:hover{--tw-text-opacity:1;color:#244486;color:rgb(36 68 134/var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity))}.hover\:text-white-0:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#5578ff;border-color:rgb(85 120 255/var(--tw-border-opacity))}.focus\:border-blue-600:focus{--tw-border-opacity:1;border-color:#4d6ce6;border-color:rgb(77 108 230/var(--tw-border-opacity))}.focus\:bg-blue-50:focus{--tw-bg-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(223,233,255,var(--tw-ring-opacity))}.focus-visible\:rounded:focus-visible{border-radius:.25rem}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-\[3px\]:focus-visible{outline-width:3px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-blue-500:focus-visible{outline-color:#5578ff}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-blue-600:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgba(77,108,230,var(--tw-ring-opacity))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}@media (min-width:640px){.sm\:right-auto{right:auto}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-8{grid-column:span 8/span 8}.sm\:col-start-2{grid-column-start:2}.sm\:col-start-3{grid-column-start:3}.sm\:-mx-10{margin-left:-2.5rem;margin-right:-2.5rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-10{margin-left:2.5rem;margin-right:2.5rem}.sm\:mx-5{margin-left:1.25rem;margin-right:1.25rem}.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:-mt-4{margin-top:-1rem}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-4{margin-top:1rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-28{height:7rem}.sm\:w-8{width:2rem}.sm\:w-\[calc\(100\%\+5rem\)\]{width:calc(100% + 5rem)}.sm\:w-auto{width:auto}.sm\:\!max-w-md{max-width:28rem!important}.sm\:max-w-none{max-width:none}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-none{flex:none}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:gap-6{gap:1.5rem}.sm\:self-center{align-self:center}.sm\:overflow-visible{overflow:visible}.sm\:rounded-3xl{border-radius:1.5rem}.sm\:border{border-width:1px}.sm\:border-blue-100{--tw-border-opacity:1;border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity))}.sm\:bg-blue-50{--tw-bg-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity))}.sm\:bg-blue-navbar{--tw-bg-opacity:1;background-color:#244486;background-color:rgb(36 68 134/var(--tw-bg-opacity))}.sm\:p-10{padding:2.5rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:p-9{padding:2.25rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-0{padding-bottom:0;padding-top:0}.sm\:py-1{padding-bottom:.25rem;padding-top:.25rem}.sm\:py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.sm\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.sm\:py-8{padding-bottom:2rem;padding-top:2rem}.sm\:pr-10{padding-right:2.5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-display-md{font-size:2.75rem;letter-spacing:.01em;line-height:1.18}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-title-md{font-size:1.5rem;letter-spacing:.005em;line-height:1.3}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:container-padding{padding-left:1.5rem;padding-right:1.5rem}@media (min-width:1024px){.sm\:container-padding{padding-left:2rem;padding-right:2rem}}}@media (min-width:768px){.md\:bottom-auto{bottom:auto}.md\:order-2{order:2}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:my-12{margin-bottom:3rem;margin-top:3rem}.md\:my-16{margin-bottom:4rem;margin-top:4rem}.md\:ml-8{margin-left:2rem}.md\:mr-0{margin-right:0}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-\[10rem\]{height:10rem}.md\:h-\[212px\]{height:212px}.md\:h-auto{height:auto}.md\:max-h-none{max-height:none}.md\:min-h-\[104px\]{min-height:104px}.md\:min-h-\[10rem\]{min-height:10rem}.md\:min-h-\[460px\]{min-height:460px}.md\:w-3\/4{width:75%}.md\:w-4\/5{width:80%}.md\:max-w-\[125px\]{max-width:125px}.md\:max-w-\[150px\]{max-width:150px}.md\:max-w-\[180px\]{max-width:180px}.md\:max-w-\[300px\]{max-width:300px}.md\:max-w-\[530px\]{max-width:530px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[0\.85fr_1\.4fr\]{grid-template-columns:.85fr 1.4fr}.md\:grid-cols-\[minmax\(0\2c 1fr\)_5rem_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1fr) 5rem minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:gap-10{gap:2.5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:rounded-2xl{border-radius:1rem}.md\:border-b-0{border-bottom-width:0}.md\:border-l{border-left-width:1px}.md\:border-t-0{border-top-width:0}.md\:px-0{padding-left:0;padding-right:0}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-0{padding-bottom:0;padding-top:0}.md\:py-4{padding-bottom:1rem;padding-top:1rem}.md\:text-center{text-align:center}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-display-lg{font-size:3.5rem;letter-spacing:.01em;line-height:1.15}.md\:text-display-md{font-size:2.75rem;letter-spacing:.01em;line-height:1.18}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:sticky{position:sticky}.lg\:-right-28{right:-7rem}.lg\:-top-10{top:-2.5rem}.lg\:right-2{right:.5rem}.lg\:top-28{top:7rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-first{order:-9999}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-4{grid-column-start:4}.lg\:col-start-6{grid-column-start:6}.lg\:col-start-7{grid-column-start:7}.lg\:col-start-8{grid-column-start:8}.lg\:col-start-9{grid-column-start:9}.lg\:col-start-auto{grid-column-start:auto}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:row-start-1{grid-row-start:1}.lg\:row-start-2{grid-row-start:2}.lg\:m-0{margin:0}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-16{margin-left:4rem;margin-right:4rem}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:my-24{margin-bottom:6rem;margin-top:6rem}.lg\:my-auto{margin-bottom:auto;margin-top:auto}.lg\:\!mb-0{margin-bottom:0!important}.lg\:\!mb-5{margin-bottom:1.25rem!important}.lg\:\!mt-0{margin-top:0!important}.lg\:-ml-6{margin-left:-1.5rem}.lg\:mb-0{margin-bottom:0}.lg\:mb-10{margin-bottom:2.5rem}.lg\:mb-12{margin-bottom:3rem}.lg\:mb-14{margin-bottom:3.5rem}.lg\:mb-24{margin-bottom:6rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:mb-7{margin-bottom:1.75rem}.lg\:mb-8{margin-bottom:2rem}.lg\:ml-0{margin-left:0}.lg\:ml-1{margin-left:.25rem}.lg\:ml-12{margin-left:3rem}.lg\:mr-auto{margin-right:auto}.lg\:mt-12{margin-top:3rem}.lg\:mt-14{margin-top:3.5rem}.lg\:mt-16{margin-top:4rem}.lg\:mt-24{margin-top:6rem}.lg\:mt-7{margin-top:1.75rem}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:\!hidden{display:none!important}.lg\:hidden{display:none}.lg\:h-24{height:6rem}.lg\:h-48{height:12rem}.lg\:h-\[26rem\]{height:26rem}.lg\:h-\[33rem\]{height:33rem}.lg\:h-full{height:100%}.lg\:\!min-h-\[35rem\]{min-height:35rem!important}.lg\:\!min-h-\[42rem\]{min-height:42rem!important}.lg\:min-h-\[18rem\]{min-height:18rem}.lg\:min-h-\[26rem\]{min-height:26rem}.lg\:min-h-\[36rem\]{min-height:36rem}.lg\:min-h-\[38rem\]{min-height:38rem}.lg\:min-h-\[480px\]{min-height:480px}.lg\:\!w-4\/5{width:80%!important}.lg\:w-1\/2{width:50%}.lg\:w-1\/4{width:25%}.lg\:w-10\/12{width:83.333333%}.lg\:w-11\/12{width:91.666667%}.lg\:w-2\/5{width:40%}.lg\:w-3\/4{width:75%}.lg\:w-3\/5{width:60%}.lg\:w-5\/12{width:41.666667%}.lg\:w-8\/12{width:66.666667%}.lg\:w-\[78\%\]{width:78%}.lg\:w-\[85\%\]{width:85%}.lg\:w-\[88\%\]{width:88%}.lg\:w-\[90\%\]{width:90%}.lg\:w-\[92\%\]{width:92%}.lg\:w-\[calc\(100\%\+6rem\)\]{width:calc(100% + 6rem)}.lg\:w-full{width:100%}.lg\:w-max{width:-moz-max-content;width:max-content}.lg\:min-w-\[150px\]{min-width:150px}.lg\:min-w-\[896px\]{min-width:896px}.lg\:max-w-2xl{max-width:42rem}.lg\:max-w-\[23rem\]{max-width:23rem}.lg\:max-w-\[25\%\]{max-width:25%}.lg\:max-w-\[25rem\]{max-width:25rem}.lg\:max-w-\[26\.75rem\]{max-width:26.75rem}.lg\:max-w-\[36rem\]{max-width:36rem}.lg\:max-w-\[375px\]{max-width:375px}.lg\:max-w-\[45rem\]{max-width:45rem}.lg\:max-w-\[60rem\]{max-width:60rem}.lg\:max-w-\[80\%\]{max-width:80%}.lg\:max-w-\[90\%\]{max-width:90%}.lg\:max-w-md{max-width:28rem}.lg\:max-w-none{max-width:none}.lg\:flex-1{flex:1 1 0%}.lg\:auto-rows-min{grid-auto-rows:min-content}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1\.12fr_0\.88fr\]{grid-template-columns:1.12fr .88fr}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:grid-cols-\[10rem_1fr\]{grid-template-columns:10rem 1fr}.lg\:grid-cols-\[12rem_1fr\]{grid-template-columns:12rem 1fr}.lg\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr}.lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:grid-cols-\[256px_1fr\]{grid-template-columns:256px 1fr}.lg\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.lg\:grid-cols-\[minmax\(0\2c 0\.82fr\)_minmax\(0\2c 1\.18fr\)\]{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.lg\:grid-cols-\[minmax\(0\2c 0\.85fr\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(0\2c 0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:items-baseline{align-items:baseline}.lg\:items-stretch{align-items:stretch}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-0{gap:0}.lg\:gap-12{gap:3rem}.lg\:gap-16{gap:4rem}.lg\:gap-2{gap:.5rem}.lg\:gap-3{gap:.75rem}.lg\:gap-7{gap:1.75rem}.lg\:gap-8{gap:2rem}.lg\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.lg\:gap-y-8{row-gap:2rem}.lg\:place-self-start{align-self:start;justify-self:start;place-self:start}.lg\:self-start{align-self:flex-start}.lg\:self-center{align-self:center}.lg\:whitespace-nowrap{white-space:nowrap}.lg\:\!rounded-l-xl{border-bottom-left-radius:.75rem!important;border-top-left-radius:.75rem!important}.lg\:\!rounded-r-xl{border-bottom-right-radius:.75rem!important;border-top-right-radius:.75rem!important}.lg\:border-l{border-left-width:1px}.lg\:border-r{border-right-width:1px}.lg\:border-t-0{border-top-width:0}.lg\:border-blue-100{--tw-border-opacity:1;border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity))}.lg\:border-ink-900\/10{border-color:rgba(11,21,38,.1)}.lg\:object-right{-o-object-position:right;object-position:right}.lg\:p-10{padding:2.5rem}.lg\:p-3{padding:.75rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-bottom:0;padding-top:0}.lg\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.lg\:py-14{padding-bottom:3.5rem;padding-top:3.5rem}.lg\:py-16{padding-bottom:4rem;padding-top:4rem}.lg\:py-20{padding-bottom:5rem;padding-top:5rem}.lg\:py-24{padding-bottom:6rem;padding-top:6rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:\!pb-10{padding-bottom:2.5rem!important}.lg\:\!pt-10{padding-top:2.5rem!important}.lg\:\!pt-16{padding-top:4rem!important}.lg\:\!pt-24{padding-top:6rem!important}.lg\:pb-0{padding-bottom:0}.lg\:pb-16{padding-bottom:4rem}.lg\:pb-20{padding-bottom:5rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pb-8{padding-bottom:2rem}.lg\:pl-12{padding-left:3rem}.lg\:pr-10{padding-right:2.5rem}.lg\:pr-16{padding-right:4rem}.lg\:pr-20{padding-right:5rem}.lg\:pt-0{padding-top:0}.lg\:pt-10{padding-top:2.5rem}.lg\:pt-12{padding-top:3rem}.lg\:pt-14{padding-top:3.5rem}.lg\:pt-16{padding-top:4rem}.lg\:pt-24{padding-top:6rem}.lg\:pt-28{padding-top:7rem}.lg\:pt-32{padding-top:8rem}.lg\:pt-36{padding-top:9rem}.lg\:pt-6{padding-top:1.5rem}.lg\:pt-\[140px\]{padding-top:140px}.lg\:\!text-left{text-align:left!important}.lg\:text-left{text-align:left}.lg\:\!text-center{text-align:center!important}.lg\:text-center{text-align:center}.lg\:\!text-2xl{font-size:1.5rem!important;line-height:2rem!important}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-display-lg{font-size:3.5rem;letter-spacing:.01em;line-height:1.15}.lg\:text-display-md{font-size:2.75rem;letter-spacing:.01em;line-height:1.18}.lg\:text-display-sm{font-size:2rem;letter-spacing:.01em;line-height:1.2}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-title-lg{font-size:1.75rem;letter-spacing:.005em;line-height:1.25}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:font-normal{font-weight:400}.lg\:no-underline{text-decoration-line:none}.lg\:focus\:underline:focus,.lg\:hover\:underline:hover{text-decoration-line:underline}}@media (min-width:1280px){.xl\:pointer-events-none{pointer-events:none}.xl\:visible{visibility:visible}.xl\:invisible{visibility:hidden}.xl\:\!fixed{position:fixed!important}.xl\:absolute{position:absolute}.xl\:relative{position:relative}.xl\:\!left-1\/2{left:50%!important}.xl\:\!top-14{top:3.5rem!important}.xl\:-bottom-2{bottom:-.5rem}.xl\:-bottom-8{bottom:-2rem}.xl\:-left-20{left:-5rem}.xl\:-right-16{right:-4rem}.xl\:-right-7{right:-1.75rem}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:col-start-2{grid-column-start:2}.xl\:mb-0{margin-bottom:0}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:h-full{height:100%}.xl\:\!w-\[19rem\]{width:19rem!important}.xl\:w-11\/12{width:91.666667%}.xl\:w-3\/4{width:75%}.xl\:w-\[26rem\]{width:26rem}.xl\:w-auto{width:auto}.xl\:max-w-\[70\%\]{max-width:70%}.xl\:max-w-\[80\%\]{max-width:80%}.xl\:max-w-full{max-width:100%}.xl\:\!-translate-x-1\/2{--tw-translate-x:-50%!important;transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.xl\:scroll-mt-48{scroll-margin-top:12rem}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:gap-10{gap:2.5rem}.xl\:gap-12{gap:3rem}.xl\:gap-8{gap:2rem}.xl\:bg-transparent{background-color:transparent}.xl\:bg-center{background-position:50%}.xl\:px-4{padding-left:1rem;padding-right:1rem}.xl\:py-0{padding-bottom:0;padding-top:0}.xl\:pt-20{padding-top:5rem}.xl\:text-base{font-size:1rem;line-height:1.5rem}.xl\:text-display-lg{font-size:3.5rem}.xl\:text-display-lg,.xl\:text-display-xl{letter-spacing:.01em;line-height:1.15}.xl\:text-display-xl{font-size:4.5rem}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}.xl\:tracking-normal{letter-spacing:0}.xl\:opacity-0{opacity:0}.xl\:opacity-100{opacity:1}}@media (min-width:1536px){.\32xl\:px-0{padding-left:0;padding-right:0}}:root{--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-soft:cubic-bezier(0.33,1,0.68,1);--motion-reveal-duration:640ms}html.motion-ready{scroll-behavior:smooth}html.motion-ready [data-reveal]{opacity:0;transition-delay:0s;transition-delay:var(--reveal-delay,0ms);transition-duration:.64s;transition-duration:var(--motion-reveal-duration);transition-property:opacity,transform,filter;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-timing-function:var(--ease-out-expo);will-change:opacity,transform}html.motion-ready [data-reveal=up]{transform:translateY(20px)}html.motion-ready [data-reveal=left]{transform:translateX(-24px)}html.motion-ready [data-reveal=right]{transform:translateX(24px)}html.motion-ready [data-reveal=scale]{transform:scale(1.04)}html.motion-ready [data-reveal=blur]{filter:blur(6px);transform:translateY(12px)}html.motion-ready [data-reveal][data-revealed]{filter:none;opacity:1;transform:none}html.motion-ready [data-split] .split-mask{display:inline-block;margin-bottom:-.12em;overflow:hidden;padding-bottom:.12em;vertical-align:bottom}html.motion-ready [data-split] .split-word{display:inline-block;transform:translateY(115%);transition:transform .68s cubic-bezier(.16,1,.3,1);transition:transform .68s var(--ease-out-expo);transition-delay:calc(var(--wi)*60ms);transition-delay:calc(var(--wi)*60ms + var(--split-delay,0ms));will-change:transform}html.motion-ready [data-split][data-revealed] .split-word{transform:translateY(0)}html.motion-ready [data-cascade] [data-cascade-child]{opacity:0;transform:translateY(14px);transition:opacity .64s cubic-bezier(.16,1,.3,1),transform .64s cubic-bezier(.16,1,.3,1);transition:opacity .64s var(--ease-out-expo),transform .64s var(--ease-out-expo);transition-delay:0s;transition-delay:calc(var(--ci,0)*90ms);will-change:opacity,transform}html.motion-ready [data-cascade][data-revealed] [data-cascade-child]{opacity:1;transform:none}html.motion-ready [data-tilt]{transform:rotateX(0) rotateY(0);transform:rotateX(var(--tilt-rx,0deg)) rotateY(var(--tilt-ry,0deg));transform-style:preserve-3d}html.motion-ready [data-magnetic]{transform:translate(0);transform:translate(var(--magnet-x,0),var(--magnet-y,0))}html.motion-ready a[data-magnetic]{display:inline-block}.page-enter-active{transition:opacity .18s cubic-bezier(.33,1,.68,1),transform .18s cubic-bezier(.33,1,.68,1);transition:opacity .18s var(--ease-out-soft),transform .18s var(--ease-out-soft)}.page-leave-active{transition:opacity .14s ease-in,transform .14s ease-in}.page-enter{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-6px)}html.motion-ready .button{transition-duration:.2s;transition-property:color,background-color,border-color,box-shadow}@media (prefers-reduced-motion:reduce){html.motion-ready{scroll-behavior:auto}html.motion-ready [data-reveal]{filter:none;opacity:1;transform:none;transition:none}html.motion-ready [data-split] .split-word{transform:none;transition:none}html.motion-ready [data-cascade] [data-cascade-child]{opacity:1;transform:none;transition:none}.page-enter-active,.page-leave-active{transition:none}.page-enter,.page-leave-to{transform:none}}.nuxt-progress{background-color:#244486;height:3px;left:0;opacity:1;position:fixed;right:0;top:0;transition:width .1s,opacity .4s;width:0;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){.fade-enter-active,.fade-leave-active{transition:none}}.skip-link{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:#0b1526;background-color:rgb(11 21 38/var(--tw-bg-opacity));border-radius:.75rem;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));display:inline-flex;font-size:.875rem;font-weight:600;left:1rem;line-height:1.25rem;min-height:44px;padding:.5rem 1rem;position:absolute;text-decoration-line:none;top:0;transform:translateY(-150%);transition:transform .15s ease;z-index:1000}.skip-link:focus,.skip-link:focus-visible{outline:3px solid #3f59bf;outline-offset:3px;transform:translateY(1rem)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.header[data-v-883f3e92]{--tw-bg-opacity:1;background-color:#5578ff;background-color:rgb(85 120 255/var(--tw-bg-opacity))}.header.primary[data-v-883f3e92]{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bar[data-v-883f3e92]{--tw-bg-opacity:1;background-color:#4a5568;background-color:rgb(74 85 104/var(--tw-bg-opacity));height:2px;margin-bottom:.375rem;margin-top:.375rem;width:35px}.scrolled[data-v-883f3e92]{z-index:999}@media (orientation:landscape) and (max-width:1023px){.landscape-menu .scrolled .landscape-menu__open[data-v-883f3e92],.landscape-menu__open[data-v-883f3e92]{height:100%;z-index:30}}.header-menu[data-v-6158591d]{--tw-bg-opacity:1;background-color:#244486;background-color:rgb(36 68 134/var(--tw-bg-opacity));border-bottom-width:1px;border-color:hsla(0,0%,100%,.1);transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.header-menu.scrolled[data-v-6158591d]{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:hsla(0,0%,100%,.9);border-color:rgba(11,21,38,.1);box-shadow:0 1px 2px rgba(11,21,38,.06),0 8px 24px -8px rgba(11,21,38,.18)}.header-menu.header-menu--clear[data-v-6158591d]{background-color:transparent;border-color:transparent}.navbar-container[data-v-6158591d]{max-width:1650px;padding-left:0;padding-right:0;width:100%}@media (min-width:1280px){.navbar-container[data-v-6158591d]{display:grid;grid-template-columns:350px 1fr 350px}}@media (min-width:1400px){.navbar-container[data-v-6158591d]{grid-template-columns:380px 1fr 380px}}.navbar-container.scrolled[data-v-6158591d]{background:0 0;z-index:50}.menu-item[data-v-6158591d]{--tw-text-opacity:1;align-items:center;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-weight:700;justify-content:center;margin-bottom:0}.menu-item.scrolled[data-v-6158591d]{--tw-text-opacity:1;color:#244486;color:rgb(36 68 134/var(--tw-text-opacity))}.disabled[data-v-6158591d]{--tw-text-opacity:1;color:#cdd5e1;color:rgb(205 213 225/var(--tw-text-opacity));cursor:not-allowed}.submenu[data-v-59238194]{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:.5rem}@media (min-width:1280px){.submenu[data-v-59238194]{display:none}}.submenu-grid[data-v-59238194]{grid-row-gap:.25rem;--tw-border-opacity:1;grid-column-gap:33px;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity));border-right-width:1px;-moz-column-gap:33px;column-gap:33px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows),auto);padding-right:1rem;position:relative;row-gap:.25rem}.submenu-grid--split[data-v-59238194]:before{--tw-bg-opacity:1;background-color:#e2e8f0;background-color:rgb(226 232 240/var(--tw-bg-opacity));bottom:0;content:"";left:316px;pointer-events:none;position:absolute;top:0;width:1px}.submenu-entry[data-v-59238194]{border-radius:.75rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:300px}.submenu-entry[data-v-59238194]:focus-within:not(.disabled),.submenu-entry[data-v-59238194]:hover:not(.disabled){--tw-bg-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity))}.submenu-link[data-v-59238194]{align-items:flex-start;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem}.submenu-link[data-v-59238194]:focus{outline:2px solid transparent;outline-offset:2px}.submenu-link[data-v-59238194]:focus-visible{outline:3px solid #5578ff;outline-offset:2px}.navitem[data-v-59238194]:focus-visible{outline:3px solid #5578ff;outline-offset:2px}.submenu-icon[data-v-59238194]{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));border-radius:.5rem;color:#4d6ce6;color:rgb(77 108 230/var(--tw-text-opacity));display:flex;flex-shrink:0;height:2.25rem;justify-content:center;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2.25rem}.submenu-entry:focus-within .submenu-icon[data-v-59238194],.submenu-entry:hover .submenu-icon[data-v-59238194]{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.itemName[data-v-59238194]{color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-size:1rem;font-weight:600;line-height:1.5rem;line-height:1.375;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.itemName[data-v-59238194],.submenu-description[data-v-59238194]{--tw-text-opacity:1;font-family:Mulish,Helvetica Neue,Helvetica,sans-serif}.submenu-description[data-v-59238194]{color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity));font-size:.875rem;font-weight:400;line-height:1.25rem;line-height:1.375;margin-top:.25rem}.desktop-submenu[data-v-59238194]{min-width:243px;transition:opacity .2s ease}.desktop-submenu a[data-v-59238194]{width:100%}.desktop-submenu.is-open[data-v-59238194]{opacity:1!important;visibility:visible!important}.submenu-panel[data-v-59238194]{align-items:flex-start;max-height:calc(100vh - 5.5rem);max-height:calc(100dvh - 5.5rem);overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:.75rem;transition:box-shadow .2s ease}.submenu-panel a[data-v-59238194]{scroll-margin-block:.75rem}.desktop-submenu.is-open .submenu-panel[data-v-59238194]{box-shadow:-2px 5px 46.6px 0 rgba(0,0,0,.102)}html.motion-ready .desktop-submenu>div[data-v-59238194]{transform:translateY(6px);transform-origin:top center;transition:transform .18s var(--ease-out-expo)}html.motion-ready .desktop-submenu.is-open>div[data-v-59238194]{transform:none}.menu-arrow[data-v-59238194]{transition:transform .22s var(--ease-out-expo)}@media (prefers-reduced-motion:reduce){html.motion-ready .desktop-submenu>div[data-v-59238194]{opacity:1;transform:none;transition:none}.menu-arrow[data-v-59238194]{transition:none}}.vertical-line[data-v-59238194]{border-right:1px solid #e2e8f0;margin-right:2rem;padding-right:2rem}.disabled[data-v-59238194]{--tw-text-opacity:1;color:#cdd5e1;color:rgb(205 213 225/var(--tw-text-opacity));cursor:not-allowed}.last-column[data-v-59238194]{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;padding-left:1.5rem;width:248px}.resources-column[data-v-59238194]{width:320px!important}.resources-column[data-v-59238194] .blog-post-card{width:100%!important}.last-column[data-v-59238194] .section-title-2-italic,.last-column[data-v-59238194] .section-title-italic{font-size:inherit!important}.last-column[data-v-59238194] .section-title-2-italic,.last-column[data-v-59238194] .section-title-italic{font-family:inherit;font-style:inherit;font-weight:inherit;line-height:inherit}.promo-media[data-v-59238194]{align-self:flex-start;max-height:7.5rem;-o-object-fit:contain;object-fit:contain;width:auto}.promo-title[data-v-59238194]{--tw-text-opacity:1;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:.005em;line-height:1.375;margin-top:.5rem}.promo-text[data-v-59238194]{color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity));font-weight:400;line-height:1.25rem;line-height:1.625}.promo-link[data-v-59238194],.promo-text[data-v-59238194]{--tw-text-opacity:1;font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:.875rem}.promo-link[data-v-59238194]{align-items:center;align-self:flex-start;border-radius:.25rem;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity));display:inline-flex;font-weight:600;gap:.5rem;line-height:1.25rem;margin-top:.25rem}.promo-link[data-v-59238194]:hover{text-decoration-line:underline;text-underline-offset:4px}.promo-link[data-v-59238194]:focus-visible{outline:3px solid #5578ff;outline-offset:3px}.menu-video[data-v-59238194]{--tw-bg-opacity:1;background-color:#f2f3f7;background-color:rgb(242 243 247/var(--tw-bg-opacity));border-radius:.75rem;display:block;flex-shrink:0;height:8.5rem;max-height:8.5rem;-o-object-fit:cover;object-fit:cover;width:100%}@media (hover:hover){@media (min-width:1280px){.menu-item[data-v-59238194]:hover{--tw-text-opacity:1;color:#a8cbff;color:rgb(168 203 255/var(--tw-text-opacity))}}.desktop-submenu a:hover:not(.disabled) .itemName[data-v-59238194]{--tw-text-opacity:1;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity))}}.blog-post-card[data-v-b8b1224c]{color:inherit}.blog-post-card[data-v-b8b1224c]:focus-visible{border-radius:16px;outline:3px solid #4d6ce6;outline-offset:6px}.blog-post-card .post-cover[data-v-b8b1224c]{transition:border-color .2s ease,box-shadow .2s ease}.blog-post-card:hover .post-cover[data-v-b8b1224c]{border-color:#a8cbff;box-shadow:0 8px 24px -8px rgba(11,21,38,.12)}.post-excerpt[data-v-b8b1224c]{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.post-horizontal .post-excerpt[data-v-b8b1224c]{-webkit-line-clamp:2}.post-horizontal[data-v-b8b1224c]{grid-gap:22px;align-items:center;display:grid;gap:22px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.post-horizontal .post-cover[data-v-b8b1224c]{align-items:center;align-self:stretch;display:flex}.editorial-cover[data-v-4262dd05]{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;width:100%}.editorial-cover--tint-1[data-v-4262dd05],.editorial-cover[data-v-4262dd05]{background:#eef3ff}.editorial-cover--tint-2[data-v-4262dd05]{background:#fffaf0}.editorial-cover svg[data-v-4262dd05]{display:block;height:auto;width:100%}.cover-grid[data-v-4262dd05]{stroke:#244486;opacity:.045}.cover-paper[data-v-4262dd05]{fill:#fff;stroke:#e2e8f0}.cover-surface[data-v-4262dd05]{fill:#f2f3f7}.cover-line[data-v-4262dd05]{fill:#e2e8f0}.cover-muted[data-v-4262dd05]{fill:#c9daff}.cover-kicker[data-v-4262dd05]{fill:#5b677a;font:600 12px Mulish,sans-serif;letter-spacing:1.5px}.cover-title[data-v-4262dd05]{fill:#244486;font:700 19px Mulish,sans-serif}.cover-title--sm[data-v-4262dd05]{font-size:16px}.cover-label[data-v-4262dd05]{fill:#5b677a;font:500 16px Mulish,sans-serif}.cover-label--sm[data-v-4262dd05]{font-size:14px}.cover-caption[data-v-4262dd05]{fill:#fff;font:600 14px Mulish,sans-serif}.cover-pill-text[data-v-4262dd05]{fill:#244486;font:700 12px Mulish,sans-serif;letter-spacing:.5px}.cover-pill-text--light[data-v-4262dd05]{fill:#fff}.cover-quote[data-v-4262dd05]{fill:#5578ff;font:400 96px Cardo,serif}.cover-blue[data-v-4262dd05]{fill:#5578ff}.cover-lime[data-v-4262dd05]{fill:#c9daff}.cover-navy[data-v-4262dd05]{fill:#244486}.cover-rule[data-v-4262dd05]{stroke:#e2e8f0}.cover-flow[data-v-4262dd05]{stroke:#a0aec0;stroke-width:2;stroke-dasharray:5 5}.cover-chart[data-v-4262dd05]{stroke:#5578ff;stroke-width:3;stroke-linecap:round}.cover-ring[data-v-4262dd05]{stroke:#244486;stroke-width:2}.cover-seal[data-v-4262dd05]{stroke:#244486;stroke-width:1.5;stroke-dasharray:3 4}.cover-check[data-v-4262dd05]{stroke:#244486;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cover-check--small[data-v-4262dd05]{stroke-width:1.5}.lang-compact[data-v-3e3c3978]{border-radius:9999px;flex-shrink:0;font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:.75rem;font-weight:700;height:2.75rem;letter-spacing:.025em;line-height:1rem;min-width:44px;padding-left:.375rem;padding-right:.375rem;position:relative;transition:background-color .15s}.lang-compact[data-v-3e3c3978],.lang-compact__display[data-v-3e3c3978]{align-items:center;display:inline-flex;justify-content:center}.lang-compact__display[data-v-3e3c3978]{gap:.25rem;pointer-events:none}.lang-compact__globe[data-v-3e3c3978]{stroke:currentColor;stroke-width:1.25;height:1rem;width:1rem}.lang-compact__select[data-v-3e3c3978]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:9999px;bottom:0;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));cursor:pointer;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.lang-compact[data-v-3e3c3978]:not(.lang-compact--single):hover{--tw-bg-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity))}.lang-compact[data-v-3e3c3978]:focus-within{outline:3px solid #5578ff;outline-offset:3px}.lang-compact--navy[data-v-3e3c3978]{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.lang-compact--navy[data-v-3e3c3978]:not(.lang-compact--single):hover{background-color:hsla(0,0%,100%,.1)}.lang-compact--navy[data-v-3e3c3978]:focus-within{outline-color:#fff}.lang-toggle[data-v-3e3c3978]{align-items:center;border-color:rgba(11,21,38,.16);border-radius:9999px;border-width:1px;display:inline-flex;padding:.25rem}.lang-toggle--navy[data-v-3e3c3978]{border-color:hsla(0,0%,100%,.3)}.lang-toggle__option[data-v-3e3c3978]{border-radius:9999px;color:#5b677a;font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.025em;line-height:1rem;min-height:44px;min-width:44px;padding-left:.75rem;padding-right:.75rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.lang-toggle__option[data-v-3e3c3978]:hover{background:#eef3ff;color:#244486}.lang-toggle__option.is-current[data-v-3e3c3978]{background:#244486;color:#fff}.lang-toggle--navy .lang-toggle__option[data-v-3e3c3978]{color:#e7f1ff}.lang-toggle--navy .lang-toggle__option[data-v-3e3c3978]:hover{background:hsla(0,0%,100%,.12);color:#fff}.lang-toggle--navy .lang-toggle__option.is-current[data-v-3e3c3978]{background:#fff;color:#244486}.lang-toggle__option[data-v-3e3c3978]:focus-visible{outline:3px solid #5578ff;outline-offset:2px}.lang-toggle--navy .lang-toggle__option[data-v-3e3c3978]:focus-visible{outline-color:#fff}.lang-toggle__single[data-v-3e3c3978]{color:#5b677a;font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.025em;line-height:1.25rem}a[data-v-556381da],button[data-v-556381da]{--tw-text-opacity:1;--tw-shadow:0 1px 2px rgba(11,21,38,.06);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color);border-radius:.75rem;box-shadow:0 0 transparent,0 0 transparent,0 1px 2px rgba(11,21,38,.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:center;line-height:1.5rem;outline:0;padding:.75rem 1.25rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}a[data-v-556381da]:focus-visible,button[data-v-556381da]:focus-visible{outline:3px solid #3f59bf;outline-offset:3px}a[data-v-556381da]:focus,a[data-v-556381da]:hover,button[data-v-556381da]:focus,button[data-v-556381da]:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#4d6ce6;background-color:rgb(77 108 230/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}a[data-v-556381da]:active:not(:disabled),button[data-v-556381da]:active:not(:disabled){--tw-bg-opacity:1;background-color:#3f59bf;background-color:rgb(63 89 191/var(--tw-bg-opacity));transform:scale(.98)}a.primary[data-v-556381da],button.primary[data-v-556381da]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#4d6ce6;background-color:rgb(77 108 230/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}a.primary[data-v-556381da]:not(:disabled):focus,a.primary[data-v-556381da]:not(:disabled):hover,button.primary[data-v-556381da]:not(:disabled):focus,button.primary[data-v-556381da]:not(:disabled):hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:#3f59bf;background-color:rgb(63 89 191/var(--tw-bg-opacity));border-color:#3f59bf;border-color:rgb(63 89 191/var(--tw-border-opacity))}a.white[data-v-556381da],button.white[data-v-556381da]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));background-image:none;border-color:rgba(11,21,38,.1);border-width:1px;box-shadow:0 1px 2px rgba(11,21,38,.06),0 8px 24px -8px rgba(11,21,38,.18);color:#0b1526;color:rgb(11 21 38/var(--tw-text-opacity));font-weight:600}a.white[data-v-556381da]:active:not(:disabled),a.white[data-v-556381da]:focus,a.white[data-v-556381da]:hover,button.white[data-v-556381da]:active:not(:disabled),button.white[data-v-556381da]:focus,button.white[data-v-556381da]:hover{--tw-bg-opacity:1;background-color:#fafafc;background-color:rgb(250 250 252/var(--tw-bg-opacity))}a.green[data-v-556381da],button.green[data-v-556381da]{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;background-color:#0b1526;background-color:rgb(11 21 38/var(--tw-bg-opacity));box-shadow:0 0 transparent,0 0 transparent,0 0 transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));position:relative}a.green[data-v-556381da]:focus:not(:disabled),a.green[data-v-556381da]:hover:not(:disabled),button.green[data-v-556381da]:focus:not(:disabled),button.green[data-v-556381da]:hover:not(:disabled){--tw-bg-opacity:1;background-color:#1e2a3b;background-color:rgb(30 42 59/var(--tw-bg-opacity));opacity:1}a.cta[data-v-556381da],button.cta[data-v-556381da]{background:linear-gradient(81.14deg,#3f59bf,#5578ff);box-shadow:0 1px 2px rgba(11,21,38,.06),0 8px 24px -8px rgba(11,21,38,.28)}a.cta[data-v-556381da]:active:not(:disabled),a.cta[data-v-556381da]:focus,a.cta[data-v-556381da]:hover,button.cta[data-v-556381da]:active:not(:disabled),button.cta[data-v-556381da]:focus,button.cta[data-v-556381da]:hover{background:linear-gradient(81.14deg,#365086,#4d6ce6)}a.signup[data-v-556381da],button.signup[data-v-556381da]{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;background-color:#0b1526;background-color:rgb(11 21 38/var(--tw-bg-opacity));box-shadow:0 0 transparent,0 0 transparent,0 0 transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));font-size:.875rem;font-weight:600;letter-spacing:0;line-height:1.25rem;position:relative}a.signup[data-v-556381da]:focus:not(:disabled),a.signup[data-v-556381da]:hover:not(:disabled),button.signup[data-v-556381da]:focus:not(:disabled),button.signup[data-v-556381da]:hover:not(:disabled){--tw-bg-opacity:1;background-color:#1e2a3b;background-color:rgb(30 42 59/var(--tw-bg-opacity));opacity:1}a.signup[data-v-556381da]:active:not(:disabled),button.signup[data-v-556381da]:active:not(:disabled){--tw-bg-opacity:1;background-color:#1e2a3b;background-color:rgb(30 42 59/var(--tw-bg-opacity))}a[data-v-556381da]:disabled,button[data-v-556381da]:disabled{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;background-color:#e2e8f0;background-color:rgb(226 232 240/var(--tw-bg-opacity));border-color:transparent;box-shadow:0 0 transparent,0 0 transparent,0 0 transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity));cursor:not-allowed;transform:none}a.outlined[data-v-556381da],button.outlined[data-v-556381da]{--tw-border-opacity:1;--tw-text-opacity:1;background-color:transparent;border-color:#4d6ce6;border-color:rgb(77 108 230/var(--tw-border-opacity));border-width:1px;color:#4d6ce6;color:rgb(77 108 230/var(--tw-text-opacity))}a.outlined[data-v-556381da]:active:not(:disabled),a.outlined[data-v-556381da]:focus,a.outlined[data-v-556381da]:hover,button.outlined[data-v-556381da]:active:not(:disabled),button.outlined[data-v-556381da]:focus,button.outlined[data-v-556381da]:hover{--tw-border-opacity:1;--tw-text-opacity:1;border-color:#3f59bf;border-color:rgb(63 89 191/var(--tw-border-opacity));color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity))}a.outlined[data-v-556381da]:disabled,button.outlined[data-v-556381da]:disabled{--tw-border-opacity:1;--tw-text-opacity:1;background-color:transparent;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity));color:#a0aec0;color:rgb(160 174 192/var(--tw-text-opacity))}@media (prefers-reduced-motion:reduce){a[data-v-556381da],button[data-v-556381da]{transition:none}&[data-v-556381da]:active:not(:disabled){transform:none}}.menu-max-height[data-v-0991ca5b]{max-height:calc(100vh - 5rem)}@supports (height:100dvh){.header-menu[data-v-0991ca5b]{height:100dvh}.menu-max-height[data-v-0991ca5b]{max-height:calc(100dvh - 5rem)}}html.motion-ready .header-menu:not(.hidden)>div[data-v-0991ca5b]{animation:mobile-menu-in-0991ca5b .3s var(--ease-out-expo)}html.motion-ready .header-menu.menu-closing>div[data-v-0991ca5b]{animation:mobile-menu-out-0991ca5b .22s var(--ease-out-expo) forwards}html.motion-ready .header-menu.menu-closing[data-v-0991ca5b]{pointer-events:none}html.motion-ready .header-menu:not(.hidden) .menu-item[data-v-0991ca5b]{animation:mobile-item-in-0991ca5b .46s var(--ease-out-expo) both}html.motion-ready .header-menu:not(.hidden) .menu-item[data-v-0991ca5b]:first-child{animation-delay:20ms}html.motion-ready .header-menu:not(.hidden) .menu-item[data-v-0991ca5b]:nth-child(2){animation-delay:60ms}html.motion-ready .header-menu:not(.hidden) .menu-item[data-v-0991ca5b]:nth-child(3){animation-delay:.1s}html.motion-ready .header-menu:not(.hidden) .menu-item[data-v-0991ca5b]:nth-child(4){animation-delay:.14s}html.motion-ready .header-menu:not(.hidden) .menu-item[data-v-0991ca5b]:nth-child(5){animation-delay:.18s}html.motion-ready .header-menu:not(.hidden) .menu-item[data-v-0991ca5b]:nth-child(6){animation-delay:.22s}html.motion-ready .header-menu:not(.hidden) .social-buttons[data-v-0991ca5b]{animation:mobile-item-in-0991ca5b .46s var(--ease-out-expo) .24s both}html.motion-ready .submenu .submenu-item[data-v-0991ca5b]{animation:mobile-item-in-0991ca5b .34s var(--ease-out-expo) both}html.motion-ready .submenu .submenu-item[data-v-0991ca5b]:nth-child(2){animation-delay:45ms}html.motion-ready .submenu .submenu-item[data-v-0991ca5b]:nth-child(3){animation-delay:90ms}html.motion-ready .submenu .submenu-item[data-v-0991ca5b]:nth-child(4){animation-delay:135ms}html.motion-ready .submenu .submenu-item[data-v-0991ca5b]:nth-child(5){animation-delay:.18s}html.motion-ready .submenu .submenu-item[data-v-0991ca5b]:nth-child(6){animation-delay:225ms}@keyframes mobile-menu-in-0991ca5b{0%{opacity:0}to{opacity:1}}@keyframes mobile-menu-out-0991ca5b{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes mobile-item-in-0991ca5b{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html.motion-ready .header-menu:not(.hidden) .menu-item[data-v-0991ca5b],html.motion-ready .header-menu:not(.hidden) .social-buttons[data-v-0991ca5b],html.motion-ready .header-menu:not(.hidden)>div[data-v-0991ca5b],html.motion-ready .submenu .submenu-item[data-v-0991ca5b]{animation:none}}.menu-item[data-v-0991ca5b]{margin-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}.menu-name[data-v-0991ca5b]{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:1.125rem;font-weight:600;letter-spacing:.025em;line-height:1.75rem}.menu-name.opened[data-v-0991ca5b]{--tw-text-opacity:1;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity))}.submenu-item[data-v-0991ca5b]{font-family:Mulish,Helvetica Neue,Helvetica,sans-serif}.mobile-sub-link[data-v-0991ca5b]{border-radius:.5rem;display:flex;flex-direction:column}.mobile-sub-link[data-v-0991ca5b]:focus-visible{outline:3px solid #5578ff;outline-offset:4px}.mobile-sub-name[data-v-0991ca5b]{--tw-text-opacity:1;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-size:1rem;font-weight:600;line-height:1.5rem;line-height:1.375}.mobile-sub-description[data-v-0991ca5b]{--tw-text-opacity:1;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;line-height:1.375;margin-top:.25rem}.disabled[data-v-0991ca5b]{--tw-text-opacity:1;color:#cdd5e1;color:rgb(205 213 225/var(--tw-text-opacity));cursor:not-allowed}.bar[data-v-0991ca5b]{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));height:2px;margin-bottom:.375rem;margin-top:.375rem;width:35px}.hide-scrollbar[data-v-0991ca5b]::-webkit-scrollbar{display:none}.hide-scrollbar[data-v-0991ca5b]{-ms-overflow-style:none;scrollbar-width:none}[data-v-0991ca5b] .signup-button button{width:100%}.mobile-header[data-v-76fc243a]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#0b1526;color:rgb(11 21 38/var(--tw-text-opacity));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mobile-header--clear[data-v-76fc243a]{background-color:transparent}.mobile-header--on-dark[data-v-76fc243a]{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.mobile-header__brand[data-v-76fc243a]:focus-visible,.mobile-header__menu[data-v-76fc243a]:focus-visible{outline:3px solid #5578ff;outline-offset:3px}.mobile-header__menu[data-v-76fc243a]:hover{--tw-bg-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity))}.mobile-header--on-dark .mobile-header__menu[data-v-76fc243a]:hover{background-color:hsla(0,0%,100%,.1)}.mobile-header--on-dark .mobile-header__brand[data-v-76fc243a]:focus-visible,.mobile-header--on-dark .mobile-header__menu[data-v-76fc243a]:focus-visible{outline-color:#fff}.mobile-header__menu>svg[data-v-76fc243a]{stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.mobile-header__signup[data-v-76fc243a]{display:none}@media (min-width:360px){.mobile-header__signup[data-v-76fc243a]{display:block}}.mobile-header__signup[data-v-76fc243a] button{padding-left:.75rem;padding-right:.75rem}.opened[data-v-76fc243a]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#244486;background-color:rgb(36 68 134/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.opened .bar[data-v-76fc243a]{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.opened .mobile-header__menu[data-v-76fc243a]:hover{background-color:hsla(0,0%,100%,.1)}.opened .mobile-header__brand[data-v-76fc243a]:focus-visible,.opened .mobile-header__menu[data-v-76fc243a]:focus-visible{outline-color:#fff}.scrolled[data-v-76fc243a]{box-shadow:0 1px 2px rgba(11,21,38,.06),0 8px 24px -8px rgba(11,21,38,.18)}.bar[data-v-76fc243a]{--tw-bg-opacity:1;background-color:#dfe9ff;background-color:rgb(223 233 255/var(--tw-bg-opacity));height:2px;margin-bottom:.375rem;margin-top:.375rem;width:35px}@media (prefers-reduced-motion:reduce){.mobile-header[data-v-76fc243a]{transition:none}}.signup-form[data-v-6f632006]{align-items:stretch;width:100%}.signup-field[data-v-6f632006],.signup-form[data-v-6f632006]{display:flex}.signup-field[data-v-6f632006]{--tw-bg-opacity:1;align-items:center;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border:1px solid rgba(11,21,38,.2);border-radius:.75rem;flex:1 1 0%;height:3.25rem;min-width:0;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.signup-field[data-v-6f632006]:focus-within{--tw-border-opacity:1;border-color:#4d6ce6;border-color:rgb(77 108 230/var(--tw-border-opacity));box-shadow:0 0 0 3px rgba(77,108,230,.3)}.signup-field.field-invalid[data-v-6f632006]{--tw-border-opacity:1;border-color:#c53030;border-color:rgb(197 48 48/var(--tw-border-opacity))}.signup-input[data-v-6f632006]{--tw-text-opacity:1;background-color:transparent;border-radius:.75rem;border-width:0;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));flex:1 1 0%;height:100%;min-width:0;outline:0;padding:1.25rem 1rem .25rem;width:100%}.signup-input[data-v-6f632006],.signup-label[data-v-6f632006]{font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:1rem;font-weight:600;line-height:1.5rem}.signup-label[data-v-6f632006]{--tw-translate-y:-50%;--tw-text-opacity:1;color:#5b677a;color:rgb(91 103 122/var(--tw-text-opacity));left:1rem;max-width:calc(100% - 2rem);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:top .15s ease,font-size .15s ease,transform .15s ease;white-space:nowrap}.signup-input:not(:-moz-placeholder-shown)+.signup-label[data-v-6f632006]{--tw-translate-y:0px;--tw-text-opacity:1;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity));font-size:.75rem;font-weight:700;line-height:1rem;top:.5rem;transform:translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.signup-input:focus+.signup-label[data-v-6f632006],.signup-input:not(:placeholder-shown)+.signup-label[data-v-6f632006]{--tw-translate-y:0px;--tw-text-opacity:1;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity));font-size:.75rem;font-weight:700;line-height:1rem;top:.5rem;transform:translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.signup-input:focus+.signup-label[data-v-6f632006]{--tw-text-opacity:1;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity))}.signup-submit[data-v-6f632006]{border-radius:.75rem;flex-shrink:0;margin:.25rem;min-height:44px;padding-left:1rem;padding-right:1rem;position:relative;white-space:nowrap}@media (max-width:639px){.signup-field[data-v-6f632006]{align-items:stretch;background-color:transparent;border-width:0;flex-direction:column;gap:.5rem;height:auto}.signup-field[data-v-6f632006]:focus-within{box-shadow:none}.signup-label[data-v-6f632006]{top:1.625rem}.signup-input[data-v-6f632006]{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border:1px solid rgba(11,21,38,.2);flex:none;height:3.25rem;transition:border-color .15s ease,box-shadow .15s ease}.signup-input[data-v-6f632006]:focus{--tw-border-opacity:1;border-color:#4d6ce6;border-color:rgb(77 108 230/var(--tw-border-opacity));box-shadow:0 0 0 3px rgba(77,108,230,.3)}.signup-field.field-invalid .signup-input[data-v-6f632006]{--tw-border-opacity:1;border-color:#c53030;border-color:rgb(197 48 48/var(--tw-border-opacity))}.signup-submit[data-v-6f632006]{border-radius:.75rem;height:3.25rem;margin:0;width:100%}}@media (prefers-reduced-motion:reduce){.signup-field[data-v-6f632006],.signup-input[data-v-6f632006],.signup-label[data-v-6f632006]{transition:none}}.fade-in[data-v-6f632006]{animation-duration:.75s;animation-fill-mode:both;animation-name:fadeIn-6f632006}@keyframes fadeIn-6f632006{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media only screen and (min-width:465px){.social-buttons[data-v-6f632006]{align-items:center;flex-direction:row;justify-content:space-between;margin-top:.75rem;row-gap:.5rem}.linked-in-button-text[data-v-6f632006]{font-size:.85rem}.linked-in-button[data-v-6f632006]{height:2.6rem;width:48%}}.google-sso-separator[data-v-4d797324]:after,.google-sso-separator[data-v-4d797324]:before{--tw-border-opacity:1;border-color:#a0aec0;border-color:rgb(160 174 192/var(--tw-border-opacity));border-width:1px;content:"";display:block;position:absolute;top:50%;width:45%}.google-sso-separator[data-v-4d797324]:before{left:0}.google-sso-separator[data-v-4d797324]:after{right:0}.linked-in-button[data-v-ae87a3e0]{background-color:#0a66c2}[data-v-71150622] .hero{background:#fff!important}[data-v-71150622] .hero .hero-container>div{align-items:center;height:100%;position:relative}.hero-available[data-v-3674be52]{--tw-text-opacity:1;color:#365086;color:rgb(54 80 134/var(--tw-text-opacity));font-size:.875rem;font-weight:600;letter-spacing:.025em;line-height:1.25rem;margin-bottom:2.25rem;text-align:center}@media (min-width:1024px){.hero-available[data-v-3674be52]{margin-bottom:2.5rem;margin-left:.25rem;text-align:left}}.hero[data-v-3674be52] .hero-container{padding-top:4rem!important}@media (min-width:1024px){.hero[data-v-3674be52] .hero-container{padding-top:6rem!important}.hero[data-v-3674be52] .hero-container{min-height:0}}.hero[data-v-69cbc2cc]{background-image:linear-gradient(60deg,rgba(43,43,43,.8) 0,rgba(21,22,36,.7) 15%,rgba(43,43,43,.5) 50%),var(--bg-mobile)}.hero[data-v-69cbc2cc] .section-title{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.hero__dark[data-v-69cbc2cc]{background-image:linear-gradient(60deg,hsla(0,0%,6%,.9) 0,rgba(8,8,8,.8) 15%,hsla(0,0%,6%,.6) 50%),var(--bg-mobile)}.hero__clear[data-v-69cbc2cc]{background-image:var(--bg-mobile)}@media (min-width:640px){.hero[data-v-69cbc2cc]{background-image:linear-gradient(60deg,rgba(43,43,43,.8) 0,rgba(21,22,36,.7) 15%,rgba(43,43,43,.5) 50%),var(--bg-desktop)}.hero__dark[data-v-69cbc2cc]{background-image:linear-gradient(60deg,hsla(0,0%,6%,.9) 0,rgba(8,8,8,.8) 15%,hsla(0,0%,6%,.6) 50%),var(--bg-desktop)}.hero__clear[data-v-69cbc2cc]{background-image:var(--bg-desktop)}}.collect-visual[data-v-1c111a26]{font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;margin-left:auto;margin-right:auto;max-width:30rem;padding:0 0 3.5rem;position:relative;width:100%}.collect-card[data-v-1c111a26]{margin-right:2.5rem;padding:1.5rem}.collect-head[data-v-1c111a26]{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.collect-holder[data-v-1c111a26]{--tw-text-opacity:1;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-family:Cardo,serif;font-size:1.25rem;line-height:1.75rem;line-height:1.25;margin-top:.25rem}h1 .collect-holder[data-v-1c111a26],h2 .collect-holder[data-v-1c111a26],h3 .collect-holder[data-v-1c111a26]{font-size:inherit;line-height:inherit}@media (min-width:640px){.collect-holder[data-v-1c111a26]{font-size:1.5rem;line-height:2rem}}.collect-details[data-v-1c111a26]{--tw-bg-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));border-radius:.75rem;padding-left:1rem;padding-right:1rem}.collect-details .ui-row[data-v-1c111a26]{padding-bottom:.625rem;padding-top:.625rem}.detail-value[data-v-1c111a26]{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);white-space:nowrap}.incoming-head[data-v-1c111a26]{align-items:baseline;-moz-column-gap:.75rem;column-gap:.75rem;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:.25rem;margin-top:1.25rem;row-gap:.25rem}.incoming-row[data-v-1c111a26]{gap:.75rem;justify-content:flex-start}.incoming-who[data-v-1c111a26]{align-items:flex-start;display:flex;flex:1 1 0%;flex-direction:column;gap:.25rem;min-width:0}.rail[data-v-1c111a26]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity));font-size:.75rem;font-weight:700;line-height:1rem;line-height:1;padding:.25rem .5rem}.incoming-amount[data-v-1c111a26]{font-size:.875rem;line-height:1.25rem;margin-left:auto;white-space:nowrap}.wallet-card[data-v-1c111a26]{align-items:center;bottom:0;display:flex;gap:.75rem;padding:.75rem 1.25rem .75rem .75rem;position:absolute;right:0}.wallet-check[data-v-1c111a26]{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:#d1fae5;background-color:rgb(209 250 229/var(--tw-bg-opacity));border-radius:9999px;color:#064e3b;color:rgb(6 78 59/var(--tw-text-opacity));display:flex;flex-shrink:0;height:2.25rem;justify-content:center;width:2.25rem}.wallet-check svg[data-v-1c111a26]{stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;height:1.25rem;width:1.25rem}.wallet-title[data-v-1c111a26]{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-size:.875rem;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-weight:700;line-height:1.25rem}.wallet-amount[data-v-1c111a26]{white-space:nowrap}.wallet-meta[data-v-1c111a26]{--tw-text-opacity:1;color:#dfe9ff;color:rgb(223 233 255/var(--tw-text-opacity));font-size:.75rem;line-height:1rem}@media (max-width:639px){.collect-visual[data-v-1c111a26]{padding:0}.collect-card[data-v-1c111a26]{margin-right:0;padding:1.25rem}.wallet-card[data-v-1c111a26]{bottom:auto;margin:-1rem 1rem 0 auto;max-width:calc(100% - 2rem);position:relative;right:auto;width:-moz-fit-content;width:fit-content;z-index:1}.wallet-sep[data-v-1c111a26]{display:none}.wallet-amount[data-v-1c111a26]{display:block}}.ask-ai-section[data-v-177bc806]{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:1024px){.ask-ai-section[data-v-177bc806]{padding-left:4rem;padding-right:4rem}}.ask-ai-card[data-v-177bc806]{--tw-border-opacity:1;border-bottom-width:1px;border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));border-top-width:1px;padding-bottom:1.25rem;padding-top:1.25rem}.ask-ai-section.embedded[data-v-177bc806]{margin-top:2.5rem;max-width:none;padding-left:0;padding-right:0}.ask-ai-section.embedded .ask-ai-card[data-v-177bc806]{border-bottom-width:0;padding-bottom:0;padding-top:1.75rem}.ask-ai-content[data-v-177bc806]{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width:1024px){.ask-ai-content[data-v-177bc806]{flex-direction:row;gap:2rem}}.ask-ai-title[data-v-177bc806]{font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:.875rem;line-height:1.25rem;line-height:1.375;text-align:center}@media (min-width:1024px){.ask-ai-title[data-v-177bc806]{text-align:left;white-space:nowrap}}.ask-ai-title__line1[data-v-177bc806]{--tw-text-opacity:1;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-weight:600}.ask-ai-title__line2[data-v-177bc806]{--tw-text-opacity:1;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity))}.ask-ai-buttons[data-v-177bc806]{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px;width:100%}@media (min-width:640px){.ask-ai-buttons[data-v-177bc806]{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:none;width:auto}}@media (min-width:1024px){.ask-ai-buttons[data-v-177bc806]{justify-content:flex-start}}.ask-ai-btn[data-v-177bc806]{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));border-radius:9999px;border-width:1px;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity));display:flex;font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:.75rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1rem;min-height:44px;padding:.375rem .75rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ask-ai-btn[data-v-177bc806]:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:#cdd5e1;border-color:rgb(205 213 225/var(--tw-border-opacity));color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity))}.ask-ai-btn[data-v-177bc806]:focus-visible{outline:3px solid #5578ff;outline-offset:3px}.ask-ai-btn__icon[data-v-177bc806]{--tw-text-opacity:1;color:#5b677a;color:rgb(91 103 122/var(--tw-text-opacity));flex-shrink:0;height:1rem;width:1rem}.ask-ai-btn:hover .ask-ai-btn__icon[data-v-177bc806]{--tw-text-opacity:1;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity))}.ask-ai-btn__icon--sm[data-v-177bc806]{width:12px}.rails-intro[data-v-7ac0923a]{margin-bottom:2rem}@media (min-width:1024px){.rails-intro[data-v-7ac0923a]{align-items:flex-end;display:flex;gap:4rem;justify-content:space-between;margin-bottom:2.5rem}.rails-intro h2[data-v-7ac0923a]{flex-shrink:0}}.rails-intro p[data-v-7ac0923a]{margin-left:auto;margin-right:auto;max-width:36rem}@media (min-width:1024px){.rails-intro p[data-v-7ac0923a]{margin-left:0;margin-right:0;max-width:28rem}}.rails-table[data-v-7ac0923a]{text-align:left;width:100%}.rails-table th[data-v-7ac0923a]{font-weight:400;text-align:left}.rails-method[data-v-7ac0923a]{--tw-text-opacity:1;align-items:center;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));display:flex;font-size:1rem;gap:.75rem;line-height:1.5rem}.rails-table[data-v-7ac0923a]{display:block}.rails-table thead[data-v-7ac0923a]{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.rails-table tbody[data-v-7ac0923a]{grid-gap:.75rem;display:grid;gap:.75rem}.rails-table tbody th[data-v-7ac0923a],.rails-table td[data-v-7ac0923a]{display:block}.rails-table tbody tr[data-v-7ac0923a]{grid-column-gap:1rem;grid-row-gap:1rem;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));border-radius:1rem;border-width:1px;box-shadow:0 22px 48px -30px rgba(36,68,134,.55),0 2px 6px -2px rgba(36,68,134,.08);-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem;row-gap:1rem}.rails-table tbody th[data-v-7ac0923a]{grid-column:span 2/span 2}.cell-label[data-v-7ac0923a]{--tw-text-opacity:1;color:#5b677a;color:rgb(91 103 122/var(--tw-text-opacity));display:block;font-size:.75rem;line-height:1rem;line-height:1.375;margin-bottom:.25rem}.cell-value[data-v-7ac0923a]{--tw-text-opacity:1;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));display:block;font-size:.875rem;font-weight:700;line-height:1.25rem;line-height:1.375}@media (min-width:640px){.rails-table tbody tr[data-v-7ac0923a]{grid-template-columns:repeat(4,minmax(0,1fr));padding:1.25rem}.rails-table tbody th[data-v-7ac0923a]{grid-column:span 4/span 4}}@media (min-width:1024px){.rails-stage[data-v-7ac0923a]{background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));border-radius:1.5rem;border-width:1px;padding:2.5rem}.rails-card[data-v-7ac0923a],.rails-stage[data-v-7ac0923a]{--tw-border-opacity:1;--tw-bg-opacity:1}.rails-card[data-v-7ac0923a]{background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));border-radius:1rem;border-width:1px;box-shadow:0 22px 48px -30px rgba(36,68,134,.55),0 2px 6px -2px rgba(36,68,134,.08);overflow:hidden}.rails-table[data-v-7ac0923a]{display:table;table-layout:fixed}.rails-table thead[data-v-7ac0923a]{clip:auto;display:table-header-group;height:auto;margin:0;overflow:visible;padding:0;position:static;white-space:normal;width:auto}.rails-table tbody[data-v-7ac0923a]{display:table-row-group}.rails-table tbody tr[data-v-7ac0923a],.rails-table tr[data-v-7ac0923a]{background:0 0;border:0;border-radius:0;box-shadow:none;display:table-row;padding:0}.rails-table tbody th[data-v-7ac0923a],.rails-table td[data-v-7ac0923a],.rails-table thead th[data-v-7ac0923a]{--tw-border-opacity:1;border-bottom-width:1px;border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));padding:1.25rem;vertical-align:middle}@media (min-width:1280px){.rails-table tbody th[data-v-7ac0923a],.rails-table td[data-v-7ac0923a],.rails-table thead th[data-v-7ac0923a]{padding-left:1.5rem;padding-right:1.5rem}}.rails-table tbody th[data-v-7ac0923a],.rails-table td[data-v-7ac0923a],.rails-table thead th[data-v-7ac0923a]{display:table-cell}.rails-table thead th[data-v-7ac0923a]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));color:#5b677a;color:rgb(91 103 122/var(--tw-text-opacity));font-size:.75rem;font-weight:700;letter-spacing:.05em;line-height:1rem;padding-bottom:1rem;padding-top:1rem;text-transform:uppercase}.rails-table thead th[data-v-7ac0923a]:first-child{width:26%}.rails-table thead th[data-v-7ac0923a]:nth-child(2){width:21%}.rails-table thead th[data-v-7ac0923a]:nth-child(3){width:15%}.rails-table thead th[data-v-7ac0923a]:nth-child(4){width:21%}.rails-table thead th[data-v-7ac0923a]:nth-child(5){width:17%}.rails-table tbody tr:last-child>[data-v-7ac0923a]{border-bottom-width:0}.cell-label[data-v-7ac0923a]{display:none}.cell-value[data-v-7ac0923a]{--tw-text-opacity:1;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity));font-size:1rem;font-weight:400;line-height:1.5rem}}.feature-grid[data-v-b19614c6]{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(1,minmax(0,1fr));width:100%}@media (min-width:1024px){.feature-grid[data-v-b19614c6]{gap:2rem;grid-template-columns:repeat(12,minmax(0,1fr))}}.feature-text[data-v-b19614c6]{margin-left:auto;margin-right:auto;max-width:36rem;width:100%}@media (min-width:1024px){.feature-text[data-v-b19614c6]{grid-column:span 5/span 5;grid-column-start:2;grid-row-start:1;max-width:none}}.feature-visual[data-v-b19614c6]{width:100%}@media (min-width:1024px){.feature-visual[data-v-b19614c6]{grid-column:span 5/span 5;grid-row-start:1}.feature-visual[data-v-b19614c6],.is-reversed .feature-text[data-v-b19614c6]{grid-column-start:8}.is-reversed .feature-visual[data-v-b19614c6]{grid-column-start:2}}@media (min-width:1024px){.feature-text h2[data-v-b19614c6] br{display:none}}.feature-list[data-v-b19614c6]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:1.5rem;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.feature-item[data-v-b19614c6]{align-items:flex-start;display:flex;gap:1rem}.feature-item .ui-icon[data-v-b19614c6]{margin-top:.125rem}.feature-point[data-v-b19614c6]{margin-bottom:1.75rem}.feature-point[data-v-b19614c6]:last-child{margin-bottom:0}.rules-visual[data-v-82f15c3c]{font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;margin-left:auto;margin-right:auto;max-width:30rem;padding:0 0 4.5rem;position:relative;width:100%}.rules-card[data-v-82f15c3c]{margin-right:2.5rem;padding:1.5rem}.rules-title[data-v-82f15c3c]{--tw-text-opacity:1;color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-family:Cardo,serif;font-size:1.25rem;line-height:1.75rem;line-height:1.25;margin-top:.25rem}h1 .rules-title[data-v-82f15c3c],h2 .rules-title[data-v-82f15c3c],h3 .rules-title[data-v-82f15c3c]{font-size:inherit;line-height:inherit}@media (min-width:640px){.rules-title[data-v-82f15c3c]{font-size:1.5rem;line-height:2rem}}.modes[data-v-82f15c3c]{grid-gap:.25rem;--tw-bg-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));border-radius:.75rem;display:grid;gap:.25rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.5rem;margin-top:1rem;padding:.25rem}.mode[data-v-82f15c3c]{--tw-text-opacity:1;align-items:center;border-radius:.5rem;color:#5b677a;color:rgb(91 103 122/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;justify-content:center;line-height:1rem;line-height:1.375;padding:.5rem;text-align:center}.mode.is-selected[data-v-82f15c3c]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:0 1px 3px rgba(36,68,134,.16);color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity))}.rules-method[data-v-82f15c3c]{align-items:center;display:flex;gap:.75rem;min-width:0}.switch[data-v-82f15c3c]{background-color:#4d6ce6;background-color:rgb(77 108 230/var(--tw-bg-opacity));flex-shrink:0;height:1.25rem;position:relative;width:2.25rem}.switch-knob[data-v-82f15c3c],.switch[data-v-82f15c3c]{--tw-bg-opacity:1;border-radius:9999px}.switch-knob[data-v-82f15c3c]{background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));height:1rem;right:.125rem;top:.125rem;width:1rem}.client-card[data-v-82f15c3c],.switch-knob[data-v-82f15c3c]{position:absolute}.client-card[data-v-82f15c3c]{bottom:0;padding:1rem;right:0;width:17rem}.client-methods[data-v-82f15c3c]{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.client-method[data-v-82f15c3c]{align-items:center;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:#dfe9ff;border-color:rgb(223 233 255/var(--tw-border-opacity));border-radius:.75rem;border-width:1px;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;justify-content:center;line-height:1rem;padding-bottom:.5rem;padding-top:.5rem}.client-method.is-selected[data-v-82f15c3c],.client-method[data-v-82f15c3c]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.client-method.is-selected[data-v-82f15c3c]{background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));border-color:#4d6ce6;border-color:rgb(77 108 230/var(--tw-border-opacity));box-shadow:inset 0 0 0 1px #4d6ce6;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity))}@media (max-width:639px){.rules-visual[data-v-82f15c3c]{padding:0}.rules-card[data-v-82f15c3c]{margin-right:0;padding:1.25rem}.client-card[data-v-82f15c3c]{bottom:auto;margin:-1rem 1rem 0 auto;max-width:calc(100% - 2rem);position:relative;right:auto;width:auto;z-index:1}}.editorial-photo[data-v-1a9507fa]{min-width:0;width:100%}.editorial-photo img[data-v-1a9507fa]{border-radius:1rem;display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.editorial-photo figcaption[data-v-1a9507fa]{--tw-text-opacity:1;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity));font-size:.75rem;line-height:1rem;line-height:1.625;margin-top:.75rem}.faq-section[data-v-591bc7ec]{--tw-bg-opacity:1;background-color:#eef3ff;background-color:rgb(238 243 255/var(--tw-bg-opacity));border-radius:1rem;margin:4rem 1rem 2rem;padding-bottom:4rem;padding-top:4rem}@media (min-width:640px){.faq-section[data-v-591bc7ec]{margin-left:1.5rem;margin-right:1.5rem}}@media (min-width:1024px){.faq-section[data-v-591bc7ec]{margin:6rem 4rem 3rem;padding-bottom:6rem;padding-top:6rem}}.faq-grid[data-v-591bc7ec]{grid-gap:2.5rem;display:grid;gap:2.5rem}@media (min-width:1024px){.faq-grid[data-v-591bc7ec]{-moz-column-gap:2rem;column-gap:2rem;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:0}.faq-copy[data-v-591bc7ec]{grid-column:span 4/span 4;grid-column-start:2}.faq-list[data-v-591bc7ec]{grid-column:span 5/span 5;grid-column-start:7}}.faq-page-shell[data-v-591bc7ec]{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:1024px){.faq-page-shell[data-v-591bc7ec]{padding-left:4rem;padding-right:4rem}.faq-grid-flush .faq-copy[data-v-591bc7ec],.faq-grid-flush .faq-list[data-v-591bc7ec]{grid-column:span 6/span 6;grid-column-start:auto}}.eyebrow[data-v-591bc7ec]{align-items:center;color:#365086;color:rgb(54 80 134/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.1em;line-height:1rem;margin-bottom:1.5rem}.eyebrow[data-v-591bc7ec],.faq-heading[data-v-591bc7ec]{--tw-text-opacity:1}.faq-heading[data-v-591bc7ec]{color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-family:Cardo,serif;font-size:2rem;font-weight:400;letter-spacing:.01em;line-height:1.2}h1 .faq-heading[data-v-591bc7ec],h2 .faq-heading[data-v-591bc7ec],h3 .faq-heading[data-v-591bc7ec]{font-size:inherit;line-height:inherit}@media (min-width:1024px){.faq-heading[data-v-591bc7ec]{font-size:2.75rem;letter-spacing:.01em;line-height:1.18}}.faq-heading[data-v-591bc7ec]{text-wrap:balance}.faq-heading[data-v-591bc7ec] .section-title-2-italic,.faq-heading[data-v-591bc7ec] em{font-style:italic}.body-copy[data-v-591bc7ec]{--tw-text-opacity:1;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;line-height:1.625;margin-top:1.5rem}@media (min-width:1024px){.body-copy[data-v-591bc7ec]{font-size:1.125rem;line-height:1.75rem}}.faq-footer[data-v-591bc7ec]{margin-top:2rem}.faq-section a[data-v-591bc7ec]:focus-visible{border-radius:4px;outline:3px solid #5578ff;outline-offset:5px}@media (prefers-reduced-motion:reduce){.faq-section [data-v-591bc7ec],.faq-section[data-v-591bc7ec] :after,.faq-section[data-v-591bc7ec] :before{transition:none!important}}.faq-accordion[data-v-757399d0]{contain:inline-size}.faq-item[data-v-757399d0]{--tw-border-opacity:1;border-bottom-width:1px;border-color:#a8cbff;border-color:rgb(168 203 255/var(--tw-border-opacity))}.faq-row[data-v-757399d0]{align-items:center;cursor:pointer;display:flex;gap:1.25rem;justify-content:space-between;min-height:44px;padding-bottom:1.5rem;padding-top:1.5rem;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.faq-row[data-v-757399d0]:hover{--tw-text-opacity:1;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity))}.faq-row[data-v-757399d0]:active{--tw-text-opacity:1;color:#4d6ce6;color:rgb(77 108 230/var(--tw-text-opacity))}.faq-row[data-v-757399d0]:focus{outline:2px solid transparent;outline-offset:2px}.faq-row[data-v-757399d0]:focus-visible{border-radius:4px;outline:3px solid #5578ff;outline-offset:5px}@media (prefers-reduced-motion:reduce){.faq-row[data-v-757399d0]{transition:none}}.faq-question[data-v-757399d0]{color:#1a202c;color:rgb(26 32 44/var(--tw-text-opacity));font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:1rem;font-weight:600;line-height:1.5rem}.faq-plus[data-v-757399d0],.faq-question[data-v-757399d0]{--tw-text-opacity:1}.faq-plus[data-v-757399d0]{color:#4d6ce6;color:rgb(77 108 230/var(--tw-text-opacity));flex-shrink:0;font-size:1.5rem;font-weight:400;line-height:2rem;transition:transform .2s ease}.faq-plus.is-open[data-v-757399d0]{transform:rotate(45deg)}.faq-answer[data-v-757399d0]{word-wrap:break-word;--tw-text-opacity:1;color:#4a5568;color:rgb(74 85 104/var(--tw-text-opacity));font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;font-size:1rem;line-height:1.5rem;line-height:1.625;padding-bottom:1.5rem;padding-right:.25rem}@media (min-width:640px){.faq-answer[data-v-757399d0]{padding-right:2.5rem}}.faq-answer[data-v-757399d0]{max-width:68ch}.faq-answer[data-v-757399d0] p+p,.faq-answer[data-v-757399d0] p+ul,.faq-answer[data-v-757399d0] ul+p{margin-top:.75rem}.faq-answer[data-v-757399d0] ul{list-style-type:disc;padding-left:1.25rem}.faq-answer[data-v-757399d0] a{--tw-text-opacity:1;color:#3f59bf;color:rgb(63 89 191/var(--tw-text-opacity));cursor:pointer;text-decoration-line:underline}.accordion-enter-active[data-v-757399d0],.accordion-leave-active[data-v-757399d0]{overflow:hidden;transition:height .3s ease-in-out,opacity .3s ease-in-out}.accordion-enter[data-v-757399d0],.accordion-leave-to[data-v-757399d0]{height:0!important;opacity:0}@media (prefers-reduced-motion:reduce){.accordion-enter-active[data-v-757399d0],.accordion-leave-active[data-v-757399d0],.faq-plus[data-v-757399d0]{transition:none!important}}.site-footer[data-v-90d4090a]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#244486;background-color:rgb(36 68 134/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));font-family:Mulish,Helvetica Neue,Helvetica,sans-serif}.footer-cta[data-v-90d4090a]{padding-bottom:4rem;padding-top:4rem}@media (min-width:1024px){.footer-cta[data-v-90d4090a]{padding-bottom:5rem;padding-top:5rem}}.footer-cta-body[data-v-90d4090a]{--tw-text-opacity:1;color:#dfe9ff;color:rgb(223 233 255/var(--tw-text-opacity));font-size:1.125rem;line-height:1.75rem;line-height:1.625;margin-bottom:1.75rem;max-width:22rem;white-space:pre-line}@media (min-width:1024px){.footer-cta-body[data-v-90d4090a]{max-width:36rem}}.footer-base[data-v-90d4090a]{--tw-bg-opacity:1;background-color:#244486;background-color:rgb(36 68 134/var(--tw-bg-opacity));padding-bottom:2.5rem;padding-top:3.5rem}@media (min-width:1024px){.footer-base[data-v-90d4090a]{padding-top:4rem}}.footer-top[data-v-90d4090a]{grid-gap:2.5rem;display:grid;gap:2.5rem;padding-bottom:3rem}@media (min-width:1024px){.footer-top[data-v-90d4090a]{gap:3rem;grid-template-columns:10rem 1fr}}.footer-logo-link[data-v-90d4090a]{align-items:center;align-self:flex-start;border-radius:.5rem;display:none;min-height:44px}@media (min-width:1024px){.footer-logo-link[data-v-90d4090a]{display:inline-flex}}.footer-logo[data-v-90d4090a]{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));width:7.5rem}.footer-meta[data-v-90d4090a]{--tw-text-opacity:1;border-color:hsla(0,0%,100%,.2);border-top-width:1px;color:#dfe9ff;color:rgb(223 233 255/var(--tw-text-opacity));display:flex;flex-direction:column;font-size:.875rem;gap:1.5rem;line-height:1.25rem;padding-bottom:1.5rem;padding-top:1.5rem}@media (min-width:640px){.footer-meta[data-v-90d4090a]{align-items:center;flex-direction:row;justify-content:space-between}}.footer-meta a[data-v-90d4090a]{align-items:center;display:inline-flex;min-height:44px;text-underline-offset:4px}.footer-meta a[data-v-90d4090a]:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));text-decoration-line:underline}.footer-donotsell[data-v-90d4090a]{align-items:center;cursor:pointer;display:inline-flex;min-height:44px;text-underline-offset:4px}.footer-donotsell[data-v-90d4090a]:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));text-decoration-line:underline}.footer-donotsell[data-v-90d4090a]:focus-visible{border-radius:4px;outline:3px solid #c9daff;outline-offset:3px}.footer-legal[data-v-90d4090a]{border-color:hsla(0,0%,100%,.2);border-top-width:1px;display:flex;flex-direction:column;gap:1.5rem;padding-top:2rem}@media (min-width:1024px){.footer-legal[data-v-90d4090a]{align-items:flex-start;flex-direction:row;gap:3rem;justify-content:space-between}}.footer-trademark[data-v-90d4090a]{--tw-text-opacity:1;color:#dfe9ff;color:rgb(223 233 255/var(--tw-text-opacity));display:flex;flex-direction:column;font-size:.875rem;gap:1.25rem;line-height:1.25rem;line-height:1.625;max-width:75ch}.footer-award[data-v-90d4090a]{flex-shrink:0;height:6rem;mix-blend-mode:luminosity;width:6rem}.footer-award-wrap[data-v-90d4090a]{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;text-align:center}@media (min-width:1024px){.footer-award-wrap[data-v-90d4090a]{padding-top:.25rem}}.footer-award-caption[data-v-90d4090a]{--tw-text-opacity:1;text-wrap:balance;color:#dfe9ff;color:rgb(223 233 255/var(--tw-text-opacity));font-size:.75rem;font-weight:600;line-height:1rem;line-height:1.375;max-width:10rem;opacity:.8}.site-footer a[data-v-90d4090a]:focus-visible{border-radius:4px;outline:3px solid #c9daff;outline-offset:3px}.signup-form[data-v-90d4090a] div.fade-in{margin-top:.5rem}.footer-links[data-v-99506f10]{grid-column-gap:1.5rem;grid-row-gap:2.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem;display:grid;font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.5rem}@media (min-width:1024px){.footer-links[data-v-99506f10]{-moz-column-gap:2rem;column-gap:2rem;grid-template-columns:repeat(4,minmax(0,1fr))}}.footer-group-title[data-v-a039f662]{--tw-text-opacity:1;color:#a8cbff;color:rgb(168 203 255/var(--tw-text-opacity));font-size:.75rem;font-weight:700;letter-spacing:.05em;line-height:1rem;margin-bottom:1rem;text-transform:uppercase}.footer-group-item[data-v-a039f662]{--tw-text-opacity:1;color:#dfe9ff;color:rgb(223 233 255/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;line-height:1.375;margin-bottom:.75rem}.footer-group-item a[data-v-a039f662]{align-items:center;display:inline-flex;min-height:44px;min-width:44px;text-underline-offset:4px}.footer-group-item a[data-v-a039f662]:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));text-decoration-line:underline}.footer-group-disabled[data-v-a039f662]{align-items:center;color:hsla(0,0%,100%,.4);cursor:not-allowed;display:inline-flex;min-height:44px}.consent-banner[data-v-3a01437f]{--tw-bg-opacity:1;--tw-shadow:0 2px 4px rgba(11,21,38,.06),0 20px 48px -12px rgba(11,21,38,.28);--tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 20px 48px -12px var(--tw-shadow-color);background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgba(11,21,38,.1);border-radius:1rem;border-width:1px;bottom:1rem;box-shadow:0 0 transparent,0 0 transparent,0 2px 4px rgba(11,21,38,.06),0 20px 48px -12px rgba(11,21,38,.28);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);font-family:Mulish,Helvetica Neue,Helvetica,sans-serif;left:1rem;padding:1.25rem;position:fixed;right:1rem;z-index:1000}@media (min-width:640px){.consent-banner[data-v-3a01437f]{max-width:24rem;right:auto}}.consent-text[data-v-3a01437f]{--tw-text-opacity:1;color:#334155;color:rgb(51 65 85/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;line-height:1.625}.consent-link[data-v-3a01437f]{--tw-text-opacity:1;color:#4d6ce6;color:rgb(77 108 230/var(--tw-text-opacity));font-weight:600;text-decoration-line:underline;text-underline-offset:2px;white-space:nowrap}.consent-actions[data-v-3a01437f]{display:flex;gap:.75rem;margin-top:1rem}.consent-accept[data-v-3a01437f]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#0b1526;background-color:rgb(11 21 38/var(--tw-bg-opacity));border-radius:.75rem;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));flex:1 1 0%;font-size:.875rem;font-weight:700;line-height:1.25rem;min-height:44px;padding-left:1rem;padding-right:1rem;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.consent-accept[data-v-3a01437f]:hover{--tw-bg-opacity:1;background-color:#1e2a3b;background-color:rgb(30 42 59/var(--tw-bg-opacity))}.consent-reject[data-v-3a01437f]{--tw-text-opacity:1;border-color:rgba(11,21,38,.2);border-radius:.75rem;border-width:1px;color:#0b1526;color:rgb(11 21 38/var(--tw-text-opacity));flex:1 1 0%;font-size:.875rem;font-weight:600;line-height:1.25rem;min-height:44px;padding-left:1rem;padding-right:1rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.consent-reject[data-v-3a01437f]:hover{border-color:rgba(11,21,38,.4)}.consent-banner button[data-v-3a01437f]:focus-visible{outline:3px solid #5578ff;outline-offset:2px}.consent-in-enter-active[data-v-3a01437f]{transition:opacity .25s ease,transform .25s ease-out;transition:opacity .25s ease,transform .25s var(--ease-out-expo,ease-out)}.consent-in-enter[data-v-3a01437f]{opacity:0;transform:translateY(12px)}.consent-in-leave-active[data-v-3a01437f]{transition:opacity .2s ease,transform .2s ease}.consent-in-leave-to[data-v-3a01437f]{opacity:0;transform:translateY(12px)}@media (prefers-reduced-motion:reduce){.consent-in-enter-active[data-v-3a01437f],.consent-in-leave-active[data-v-3a01437f]{transition:none}}
/* Pinned, isolated source-render styles */
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(85 120 255 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(85 120 255 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #CDD5E1; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  /* mulish-400 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    src: url("/media/b6d792ace093-mulish-v13-latin-400.woff2?v=9e7fe0edbc32") format('woff2');
  }
  /* mulish-600 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    src: url("/media/d9e890c3ff61-mulish-v13-latin-600.woff2?v=08f317abcc37") format('woff2');
  }
  /* mulish-700 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    src: url("/media/f19a27eaaec0-mulish-v13-latin-700.woff2?v=72da494867e9") format('woff2');
  }
  /* cardo-400 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Cardo';
    font-style: normal;
    font-weight: 400;
    src: url("/media/aa1a89303169-cardo-v19-latin-400.woff2?v=f1346360729e") format('woff2');
  }
  /* cardo-italic - latin */
  @font-face {
    font-display: swap;
    font-family: 'Cardo';
    font-style: italic;
    font-weight: 400;
    src: url("/media/6245528e02a6-cardo-v19-latin-italic.woff2?v=bc802f41dcc8") format('woff2');
  }
  /* cardo-700 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Cardo';
    font-style: normal;
    font-weight: 700;
    src: url("/media/5e7706e9b1ab-cardo-v19-latin-700.woff2?v=f94a0b25ed42") format('woff2');
  }

  html {
    font-family: 'Mulish', system-ui, sans-serif;
    background: #fff;
    color-scheme: only light;
    /* Never let the browser fake a missing weight/italic - ship the real face. */
    font-synthesis: none;
    /* Anchor jumps (#faq, sidebar links) clear the fixed 80px nav
       everywhere, so no section's first lines hide underneath it. */
    scroll-padding-top: 96px;
  }

  /* Helply's launcher covers the hero on mobile. Script is not loaded. */
  [id*='helply'],
  [class*='helply'],
  iframe[src*='helply.com'] {
    display: none !important;
  }

  /* Raster photos and product shots. Skip logos and SVG icons/flags.
     Scoped to main content so nav/footer brand marks stay sharp. */
  main img[src*='.webp']:not(.logo-img),
  main img[src*='.png']:not(.logo-img),
  main img[src*='.jpg']:not(.logo-img),
  main img[src*='.jpeg']:not(.logo-img) {
    border-radius: 1rem;
  }

  /* Display headings are Cardo; open tracking keeps letterspacing airy
     (tight values fused "fi" pairs on phones). */
  h1,
  h2 {
    letter-spacing: 0.01em;
  }

  /* Premium keyboard focus - visible everywhere. */
  :focus-visible {
    outline: 3px solid rgba(85, 120, 255, 0.55);
    outline-offset: 2px;
    border-radius: 4px;
  }
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
  .ui-stage {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
  @media (min-width: 640px) {

  .ui-stage {
    padding: 2rem;
  }
}
  @media (min-width: 1024px) {

  .ui-stage {
    padding: 2.5rem;
  }
}
  .ui-card {
  position: relative;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  .ui-card--navy {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
  .ui-eyebrow {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
  .ui-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
  .ui-meta {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
  .ui-amount {
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
  .drawer-row .ui-amount[data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
  .ui-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
  .ui-row:last-child {
  border-bottom-width: 0px;
}
  .ui-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1;
}
  .ui-chip--ok {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
  .ui-chip--wait {
    background: #fff4dc;
    color: #8a5a00;
  }
  .ui-chip--stop {
    background: #ffe8e8;
    color: #b42318;
  }
  .ui-chip--info {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  .ui-dot {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  background-color: currentColor;
}
  .ui-avatar {
  display: inline-flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  .ui-icon {
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  .ui-icon svg {
  height: 1.25rem;
  width: 1.25rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
  .ui-step {
  display: inline-flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
  .drawer-row .ui-step[data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
  .ui-button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
  /* Every control carries all five states; see DESIGN.md 6.1. */
  .ui-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
  .ui-button:active:not(:disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
    transform: scale(0.98);
}
  .ui-button:focus-visible {
    outline: 3px solid #3F59BF;
    outline-offset: 3px;
  }
  .ui-button:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
  .ui-button--ghost {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  .ui-button--ghost:hover:not(:disabled) {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
  .ui-button--ghost:active:not(:disabled) {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
  .ui-button--ghost:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity, 1));
}
  .ui-divider {
  border-top-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
}

  /* Loading placeholder. Sits where content will land so the page does not
     jump when it arrives. */
  @keyframes ui-skeleton-sweep {
    100% {
      transform: translateX(100%);
    }
  }

  /* Empty result. Always a title, a line of explanation, and a way out. */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.-inset-6 {
  inset: -1.5rem;
}
.inset-0 {
  inset: 0px;
}
.inset-6 {
  inset: 1.5rem;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.\!top-14 {
  top: 3.5rem !important;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-bottom-4 {
  bottom: -1rem;
}
.-left-12 {
  left: -3rem;
}
.-left-20 {
  left: -5rem;
}
.-left-28 {
  left: -7rem;
}
.-left-40 {
  left: -10rem;
}
.-left-6 {
  left: -1.5rem;
}
.-right-1\/2 {
  right: -50%;
}
.-right-16 {
  right: -4rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-20 {
  right: -5rem;
}
.-right-28 {
  right: -7rem;
}
.-right-40 {
  right: -10rem;
}
.-right-6 {
  right: -1.5rem;
}
.-top-24 {
  top: -6rem;
}
.-top-4 {
  top: -1rem;
}
.-top-7 {
  top: -1.75rem;
}
.-top-8 {
  top: -2rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-\[6px\] {
  bottom: 6px;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-5 {
  left: 1.25rem;
}
.right-0 {
  right: 0px;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-\[15\%\] {
  right: 15%;
}
.right-\[40\%\] {
  right: 40%;
}
.right-auto {
  right: auto;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-14 {
  top: 3.5rem;
}
.top-2 {
  top: 0.5rem;
}
.top-20 {
  top: 5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-32 {
  top: 8rem;
}
.top-5 {
  top: 1.25rem;
}
.top-auto {
  top: auto;
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.-z-10 {
  z-index: -10;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[998\] {
  z-index: 998;
}
.z-\[999\] {
  z-index: 999;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-first {
  order: -9999;
}
.order-none {
  order: 0;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-4 {
  grid-column-start: 4;
}
.col-start-9 {
  grid-column-start: 9;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.row-start-2 {
  grid-row-start: 2;
}
.\!m-0 {
  margin: 0px !important;
}
.m-0 {
  margin: 0px;
}
.m-1 {
  margin: 0.25rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.\!mb-12 {
  margin-bottom: 3rem !important;
}
.\!mb-24 {
  margin-bottom: 6rem !important;
}
.\!mb-4 {
  margin-bottom: 1rem !important;
}
.\!mb-6 {
  margin-bottom: 1.5rem !important;
}
.\!mb-8 {
  margin-bottom: 2rem !important;
}
.\!mt-12 {
  margin-top: 3rem !important;
}
.\!mt-14 {
  margin-top: 3.5rem !important;
}
.\!mt-20 {
  margin-top: 5rem !important;
}
.-mb-6 {
  margin-bottom: -1.5rem;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-ml-2\.5 {
  margin-left: -0.625rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-11 {
  margin-bottom: 2.75rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-32 {
  margin-bottom: 8rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-12 {
  margin-left: 3rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-20 {
  margin-left: 5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-auto {
  margin-top: auto;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[11rem\] {
  height: 11rem;
}
.h-\[14\.4rem\] {
  height: 14.4rem;
}
.h-\[15\.5rem\] {
  height: 15.5rem;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[29rem\] {
  height: 29rem;
}
.h-\[3\.25rem\] {
  height: 3.25rem;
}
.h-\[3\.5rem\] {
  height: 3.5rem;
}
.h-\[32\.75rem\] {
  height: 32.75rem;
}
.h-\[33rem\] {
  height: 33rem;
}
.h-\[4\.5rem\] {
  height: 4.5rem;
}
.h-\[76px\] {
  height: 76px;
}
.h-\[84px\] {
  height: 84px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-\[16\.5rem\] {
  max-height: 16.5rem;
}
.max-h-\[18\.5rem\] {
  max-height: 18.5rem;
}
.max-h-\[7\.5rem\] {
  max-height: 7.5rem;
}
.max-h-\[calc\(100vh-10rem\)\] {
  max-height: calc(100vh - 10rem);
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[1\.5rem\] {
  min-height: 1.5rem;
}
.min-h-\[144px\] {
  min-height: 144px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[56px\] {
  min-height: 56px;
}
.min-h-\[64px\] {
  min-height: 64px;
}
.min-h-\[72px\] {
  min-height: 72px;
}
.min-h-\[88px\] {
  min-height: 88px;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-2\/3 {
  width: 66.666667% !important;
}
.\!w-\[16px\] {
  width: 16px !important;
}
.\!w-\[320px\] {
  width: 320px !important;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/5 {
  width: 40%;
}
.w-24 {
  width: 6rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[154px\] {
  width: 154px;
}
.w-\[184px\] {
  width: 184px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[248px\] {
  width: 248px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[30rem\] {
  width: 30rem;
}
.w-\[32\%\] {
  width: 32%;
}
.w-\[7\.5rem\] {
  width: 7.5rem;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[min\(85\%\2c 350px\)\] {
  width: min(85%,350px);
}
.w-\[min\(90\%\2c 25rem\)\] {
  width: min(90%,25rem);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[44px\] {
  min-width: 44px;
}
.\!max-w-\[320px\] {
  max-width: 320px !important;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[104px\] {
  max-width: 104px;
}
.max-w-\[10rem\] {
  max-width: 10rem;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-\[1650px\] {
  max-width: 1650px;
}
.max-w-\[16rem\] {
  max-width: 16rem;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[20ch\] {
  max-width: 20ch;
}
.max-w-\[20rem\] {
  max-width: 20rem;
}
.max-w-\[21ch\] {
  max-width: 21ch;
}
.max-w-\[22ch\] {
  max-width: 22ch;
}
.max-w-\[22rem\] {
  max-width: 22rem;
}
.max-w-\[23ch\] {
  max-width: 23ch;
}
.max-w-\[24ch\] {
  max-width: 24ch;
}
.max-w-\[25ch\] {
  max-width: 25ch;
}
.max-w-\[26ch\] {
  max-width: 26ch;
}
.max-w-\[28ch\] {
  max-width: 28ch;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[30ch\] {
  max-width: 30ch;
}
.max-w-\[32ch\] {
  max-width: 32ch;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[36ch\] {
  max-width: 36ch;
}
.max-w-\[38ch\] {
  max-width: 38ch;
}
.max-w-\[44ch\] {
  max-width: 44ch;
}
.max-w-\[44rem\] {
  max-width: 44rem;
}
.max-w-\[45ch\] {
  max-width: 45ch;
}
.max-w-\[46rem\] {
  max-width: 46rem;
}
.max-w-\[48ch\] {
  max-width: 48ch;
}
.max-w-\[50ch\] {
  max-width: 50ch;
}
.max-w-\[51ch\] {
  max-width: 51ch;
}
.max-w-\[52ch\] {
  max-width: 52ch;
}
.max-w-\[52rem\] {
  max-width: 52rem;
}
.max-w-\[56ch\] {
  max-width: 56ch;
}
.max-w-\[58ch\] {
  max-width: 58ch;
}
.max-w-\[60ch\] {
  max-width: 60ch;
}
.max-w-\[66ch\] {
  max-width: 66ch;
}
.max-w-\[72ch\] {
  max-width: 72ch;
}
.max-w-\[75ch\] {
  max-width: 75ch;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[85ch\] {
  max-width: 85ch;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-px {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-150 {
  --tw-scale-x: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-75 {
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  user-select: none;
}
.resize {
  resize: both;
}
.scroll-mt-32 {
  scroll-margin-top: 8rem;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[350px_1fr_350px\] {
  grid-template-columns: 350px 1fr 350px;
}
.grid-cols-\[380px_1fr_380px\] {
  grid-template-columns: 380px 1fr 380px;
}
.grid-cols-\[6\.5rem_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 6.5rem minmax(0,1fr);
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-x-1 {
  column-gap: 0.25rem;
}
.gap-x-10 {
  column-gap: 2.5rem;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-3 {
  column-gap: 0.75rem;
}
.gap-x-3\.5 {
  column-gap: 0.875rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-x-5 {
  column-gap: 1.25rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.gap-x-8 {
  column-gap: 2rem;
}
.gap-y-0\.5 {
  row-gap: 0.125rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-wrap {
  text-wrap: wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.\!rounded-full {
  border-radius: 9999px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.border-blue-100\/60 {
  border-color: rgb(223 233 255 / 0.6);
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
}
.border-blue-200\/10 {
  border-color: rgb(201 218 255 / 0.1);
}
.border-blue-200\/20 {
  border-color: rgb(201 218 255 / 0.2);
}
.border-blue-200\/60 {
  border-color: rgb(201 218 255 / 0.6);
}
.border-blue-200\/70 {
  border-color: rgb(201 218 255 / 0.7);
}
.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
}
.border-blue-300\/20 {
  border-color: rgb(168 203 255 / 0.2);
}
.border-blue-300\/30 {
  border-color: rgb(168 203 255 / 0.3);
}
.border-blue-300\/40 {
  border-color: rgb(168 203 255 / 0.4);
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(85 120 255 / var(--tw-border-opacity, 1));
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
}
.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
}
.border-blue-900\/30 {
  border-color: rgb(54 80 134 / 0.3);
}
.border-blue-navbar {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-gray-300\/60 {
  border-color: rgb(226 232 240 / 0.6);
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(205 213 225 / var(--tw-border-opacity, 1));
}
.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / var(--tw-border-opacity, 1));
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(91 103 122 / var(--tw-border-opacity, 1));
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(74 85 104 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-ink-900\/10 {
  border-color: rgb(11 21 38 / 0.1);
}
.border-ink-900\/20 {
  border-color: rgb(11 21 38 / 0.2);
}
.border-transparent {
  border-color: transparent;
}
.border-white-0 {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white-0\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white-0\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white-0\/25 {
  border-color: rgb(255 255 255 / 0.25);
}
.border-white-0\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-white-0\/50 {
  border-color: rgb(255 255 255 / 0.5);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-100\/50 {
  background-color: rgb(223 233 255 / 0.5);
}
.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-200\/10 {
  background-color: rgb(201 218 255 / 0.1);
}
.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 203 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-300\/10 {
  background-color: rgb(168 203 255 / 0.1);
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-50\/60 {
  background-color: rgb(238 243 255 / 0.6);
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(85 120 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/30 {
  background-color: rgb(85 120 255 / 0.3);
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(63 89 191 / var(--tw-bg-opacity, 1));
}
.bg-blue-navbar {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(205 213 225 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-ink-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
}
.bg-ink-900\/30 {
  background-color: rgb(11 21 38 / 0.3);
}
.bg-ink-900\/80 {
  background-color: rgb(11 21 38 / 0.8);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 245 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white-0 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white-0\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white-0\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white-0\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white-0\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white-0\/95 {
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.from-blue-100 {
  --tw-gradient-from: #DFE9FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(223 233 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-white-0 {
  --tw-gradient-to: rgb(255 255 255 / 1) var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-scroll {
  background-attachment: scroll;
}
.bg-bottom {
  background-position: bottom;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-current {
  fill: currentColor;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-left {
  object-position: left;
}
.p-0 {
  padding: 0px;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!py-40 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.\!pr-0 {
  padding-right: 0px !important;
}
.\!pr-2 {
  padding-right: 0.5rem !important;
}
.\!pt-0 {
  padding-top: 0px !important;
}
.\!pt-10 {
  padding-top: 2.5rem !important;
}
.\!pt-16 {
  padding-top: 4rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-28 {
  padding-bottom: 7rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-56 {
  padding-bottom: 14rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-14 {
  padding-left: 3.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pt-28 {
  padding-top: 7rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.\!text-left {
  text-align: left !important;
}
.text-left {
  text-align: left;
}
.\!text-center {
  text-align: center !important;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.font-cardo {
  font-family: Cardo, serif;
}
.font-muli {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.\!text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-2xs {
  font-size: .625rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-display-lg {
  font-size: 3.5rem;
  line-height: 1.15;
  letter-spacing: 0.01em;
}
.text-display-md {
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}
.text-display-sm {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
.text-display-xl {
  font-size: 4.5rem;
  line-height: 1.15;
  letter-spacing: 0.01em;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-title-lg {
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.005em;
}
.text-title-md {
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
}
.text-title-sm {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-bold {
  font-weight: 700 !important;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[1\.65\] {
  line-height: 1.65;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-blue-200 {
  --tw-text-opacity: 1 !important;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1)) !important;
}
.\!text-blue-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1)) !important;
}
.\!text-blue-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1)) !important;
}
.\!text-blue-navbar {
  --tw-text-opacity: 1 !important;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gray-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white-0 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.text-blue-100\/80 {
  color: rgb(223 233 255 / 0.8);
}
.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.text-blue-navbar {
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(205 213 225 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-ink-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-ink-600 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-ink-700 {
  --tw-text-opacity: 1;
  color: rgb(30 42 59 / var(--tw-text-opacity, 1));
}
.text-ink-900 {
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(197 48 48 / var(--tw-text-opacity, 1));
}
.text-white-0 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white-0\/80 {
  color: rgb(255 255 255 / 0.8);
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.decoration-blue-200 {
  text-decoration-color: #C9DAFF;
}
.decoration-gray-300 {
  text-decoration-color: #E2E8F0;
}
.decoration-red-500 {
  text-decoration-color: #F56565;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(205 213 225 / var(--tw-placeholder-opacity, 1));
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(85 120 255 / var(--tw-ring-opacity, 1));
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-250 {
  transition-duration: 250ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.background-gradient {
  background-image: linear-gradient(135.76deg,#f3f5fc 22.92%,#f3f7fd 41.47%,#f3f8ff 59.45%,#eef3ff 94.51%);
}
.box-shadow {
  box-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
}
  /* One hero top for every page: 64px on phones, 96px from lg up. Apply as
     `pt-16 lg:pt-24` (with `!` when overriding the HeroSection container).
     WrapperLayout already clears the fixed nav uniformly; this is the air
     below it. New pages: use these exact values. */
  .page-hero-top {
  padding-top: 4rem;
}
  @media (min-width: 1024px) {

  .page-hero-top {
    padding-top: 6rem;
  }
}

  /* Keep a horizontal gutter at every width. max-w-7xl is 1280px, the same as
     Tailwind's xl breakpoint, so xl:px-0 used to pin content to the viewport
     edge at 1024–1280px. 24px on phones, 32px from lg up. */
  .container-padding {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
  @media (min-width: 1024px) {

  .container-padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

  .section-title-italic,
  .section-title-2-italic {
  font-family: Cardo, serif;
  font-weight: 400;
  font-style: italic;
  color: currentColor;
}

  h1 .section-title-italic,
  h2 .section-title-italic,
  h3 .section-title-italic,h1 
  .section-title-2-italic,
  h2 
  .section-title-2-italic,
  h3 
  .section-title-2-italic {
    font-size: inherit;
    line-height: inherit;
  }

  .section-title-italic,
  .section-title-2-italic {
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
  }

  h1 .font-cardo,
  h2 .font-cardo,
  h3 .font-cardo {
    font-size: inherit;
    line-height: inherit;
  }

  /* Image arrival: transparent on a mist wash until bytes land, then a
     quick fade. The wash lives only pre-reveal so transparent artwork
     never sits on a tinted box. */

/* Safari needs this, chromes got it on antialiased by default */
* {
  -webkit-font-smoothing: antialiased;
}

/* Product visuals: small, readable product states (an invoice, a payout, an
   access check) that replace the decorative 3D shields, coins and safes.
   Every page builds its visuals from these pieces so they read as one family
   with the homepage wallet card. Copy lives under `visuals.*` locale keys. */

@media (prefers-reduced-motion: reduce) {
  .ui-skeleton::after {
    animation: none;
  }
  .ui-button:active:not(:disabled) {
    transform: none;
  }
}

/* Motion system (website-motion experiment, ramp.com as the reference).
   Rules:
   - Hidden intro states exist only under html.motion-ready, which the client
     plugin adds before first paint. Crawlers and no-JS users always see the
     full content; SSR HTML carries no hidden state.
   - Animate transform/opacity/filter only. Small distances, ease-out-expo
     arrivals, varied durations. Exit faster than enter.
   - Interactive directives (tilt, magnetic, parallax) write CSS custom
     properties; component styles compose them into their own transforms, so
     motion never fights layout styles.
   - prefers-reduced-motion renders the final state immediately. */

:root {
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --motion-reveal-duration: 640ms;
}

html.motion-ready {
  scroll-behavior: smooth;
}

/* --- Scroll reveal (v-reveal) ---------------------------------------
   Elements start hidden+offset and transition to rest when the directive's
   IntersectionObserver sets data-revealed. Variants pick the offset axis;
   v-reveal="120" or v-reveal="{ delay: 120 }" staggers via --reveal-delay. */
html.motion-ready [data-reveal] {
  opacity: 0;
  transition-property: opacity, transform, filter;
  transition-duration: var(--motion-reveal-duration);
  transition-timing-function: var(--ease-out-expo);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}
html.motion-ready [data-reveal='up'] {
  transform: translateY(20px);
}
html.motion-ready [data-reveal='left'] {
  transform: translateX(-24px);
}
html.motion-ready [data-reveal='right'] {
  transform: translateX(24px);
}
html.motion-ready [data-reveal='scale'] {
  transform: scale(1.04);
}
html.motion-ready [data-reveal='blur'] {
  transform: translateY(12px);
  filter: blur(6px);
}
html.motion-ready [data-reveal][data-revealed] {
  opacity: 1;
  transform: none;
  filter: none;
}

/* --- Word-split headline cascade (v-split) ----------------------------
   Each word sits in an overflow-hidden mask and rises into place; --wi is
   the word index set by the directive, so the cascade types itself left to
   right. Padding/margin trick keeps Cardo descenders (y, g) unclipped. */
html.motion-ready [data-split] .split-mask {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
}
html.motion-ready [data-split] .split-word {
  display: inline-block;
  transform: translateY(115%);
  transition: transform 680ms var(--ease-out-expo);
  transition-delay: calc(var(--wi) * 60ms + var(--split-delay, 0ms));
  will-change: transform;
}
html.motion-ready [data-split][data-revealed] .split-word {
  transform: translateY(0);
}

/* --- Staggered children (v-cascade) -------------------------------------
   Rows inside a revealed container rise in sequence, --ci * 90ms apart. */
html.motion-ready [data-cascade] [data-cascade-child] {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 640ms var(--ease-out-expo),
    transform 640ms var(--ease-out-expo);
  transition-delay: calc(var(--ci, 0) * 90ms);
  will-change: opacity, transform;
}
html.motion-ready [data-cascade][data-revealed] [data-cascade-child] {
  opacity: 1;
  transform: none;
}

/* --- Cursor-tracked 3D tilt (v-tilt) -----------------------------------
   Vars are lerp-smoothed by the directive; perspective comes from the
   parent (set in the page's own styles). */
html.motion-ready [data-tilt] {
  transform: rotateX(var(--tilt-rx, 0deg)) rotateY(var(--tilt-ry, 0deg));
  transform-style: preserve-3d;
}

/* --- Magnetic hover (v-magnetic) ----------------------------------------
   Magnetized elements drift toward the pointer; they skip the plain hover
   lift so the two never fight. */
html.motion-ready [data-magnetic] {
  transform: translate(var(--magnet-x, 0px), var(--magnet-y, 0px));
}
/* Transforms don't apply to inline elements; magnetized anchors wrap their
   button tightly as inline-block. */
html.motion-ready a[data-magnetic] {
  display: inline-block;
}

/* --- Page transitions (Nuxt default 'page' name) ------------------------
   Enter rises slightly, exit falls away faster. */
.page-enter-active {
  transition: opacity 180ms var(--ease-out-soft),
    transform 180ms var(--ease-out-soft);
}
.page-leave-active {
  transition: opacity 140ms ease-in, transform 140ms ease-in;
}
.page-enter {
  opacity: 0;
  transform: translateY(10px);
}
.page-leave-to {
  opacity: 0;
  transform: translateY(-6px);
}

/* --- Shared button micro-interaction ------------------------------------
   Color and shadow only. Transform on hover made Get Started buttons jump
   inside the signup field and fight magnetic drift on the nav CTA. */
html.motion-ready .button {
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: 200ms;
}

/* --- Reduced motion: everything lands in its final state -------------- */
@media (prefers-reduced-motion: reduce) {
  html.motion-ready {
    scroll-behavior: auto;
  }
  html.motion-ready [data-reveal] {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
  html.motion-ready [data-split] .split-word {
    transform: none;
    transition: none;
  }
  html.motion-ready [data-cascade] [data-cascade-child] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .page-enter-active,
  .page-leave-active {
    transition: none;
  }
  .page-enter,
  .page-leave-to {
    transform: none;
  }
}

/* Homepage motion: hidden intro states for utils/home-motion.js reveals.
   Every rule sits under html.hm-live, which pages/index.vue sets on mount
   only when motion is allowed. Server HTML, crawlers, print and reduced-
   motion users never see a hidden state. Transform, opacity and filter
   only; the recipes animate from these values to rest. */

/* Word masks (data-m="words"). Padding plus matching negative margin keeps
   Cardo descenders and italic overhangs inside the clip without moving
   layout by a pixel. */
.hm-mask {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding: 0 0.07em 0.16em;
  margin: 0 -0.07em -0.16em;
}
.hm-word {
  display: inline-block;
  transform-origin: 0% 100%;
}

html.hm-live [data-m='words'] .hm-word {
  transform: translateY(108%) rotate(5deg);
}
html.hm-live [data-m='rise'] {
  opacity: 0;
  transform: translateY(28px);
  filter: blur(8px);
}
html.hm-live [data-m='fade'] {
  opacity: 0;
}
html.hm-live [data-m='pop'] {
  opacity: 0;
  transform: scale(0.86);
}
html.hm-live [data-m='line'] {
  transform: scaleX(0);
  transform-origin: 0% 50%;
}
html.hm-live [data-m-child='rise'] {
  opacity: 0;
  transform: translateY(24px);
}
html.hm-live [data-m-child='focus'] {
  opacity: 0;
  transform: translateY(22px);
  filter: blur(12px);
}
html.hm-live [data-m-child='lift3d'] {
  opacity: 0;
  transform: perspective(1200px) translateY(72px) rotateX(18deg);
}

@media print {
  html.hm-live [data-m],
  html.hm-live [data-m] .hm-word,
  html.hm-live [data-m-child] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

/* components/spinners/RelabeSpinner.vue */

.half-circle-spinner[data-v-b63f9d9c],
.half-circle-spinner *[data-v-b63f9d9c] {
  box-sizing: border-box;
}

.half-circle-spinner[data-v-b63f9d9c] {
  border-radius: 100%;
  position: relative;
}

.half-circle-spinner .circle[data-v-b63f9d9c] {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: calc(60px / 10) solid transparent;
}

.half-circle-spinner .circle.circle-1[data-v-b63f9d9c] {
  animation: half-circle-spinner-animation-b63f9d9c 1s infinite;
}

.half-circle-spinner .circle.circle-2[data-v-b63f9d9c] {
  animation: half-circle-spinner-animation-b63f9d9c 1s infinite alternate;
}

@keyframes half-circle-spinner-animation-b63f9d9c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* components/forms/Button.vue */

button[data-v-57d71784],
a[data-v-57d71784] {
  outline: none;
  display: flex;
  cursor: pointer;
  justify-content: center;
  border-radius: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

  /* Keyboard users need to see where they are; mouse clicks stay clean. */
  button[data-v-57d71784]:focus-visible, a[data-v-57d71784]:focus-visible {
    outline: 3px solid #3F59BF;
    outline-offset: 3px;
  }
  button[data-v-57d71784]:hover,
  button[data-v-57d71784]:focus,
  a[data-v-57d71784]:hover,
  a[data-v-57d71784]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
  /* Pressed. Every variant scales down so the press reads without relying on
     colour alone. Disabled and loading are excluded, or a button you cannot
     press would still look pressed. */
  button[data-v-57d71784]:active:not(:disabled), a[data-v-57d71784]:active:not(:disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 89 191 / var(--tw-bg-opacity, 1));
    transform: scale(0.98);
}
  button.primary[data-v-57d71784], a.primary[data-v-57d71784] {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
  button.primary[data-v-57d71784]:not(:disabled):hover,
      button.primary[data-v-57d71784]:not(:disabled):focus,
      a.primary[data-v-57d71784]:not(:disabled):hover,
      a.primary[data-v-57d71784]:not(:disabled):focus {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(63 89 191 / var(--tw-bg-opacity, 1));
}
  button.white[data-v-57d71784], a.white[data-v-57d71784] {
    box-shadow: 0 1px 2px rgba(11, 21, 38, 0.06),
      0 8px 24px -8px rgba(11, 21, 38, 0.18);
    border-width: 1px;
    border-color: rgb(11 21 38 / 0.1);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    background-image: none;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  }
  button.white[data-v-57d71784]:hover,
    button.white[data-v-57d71784]:focus,
    a.white[data-v-57d71784]:hover,
    a.white[data-v-57d71784]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
}
  button.white[data-v-57d71784]:active:not(:disabled), a.white[data-v-57d71784]:active:not(:disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
}
  /* Keep the legacy prop so every signup surface shares the ink treatment. */
  button.green[data-v-57d71784], a.green[data-v-57d71784] {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  button.green[data-v-57d71784]:hover:not(:disabled), button.green[data-v-57d71784]:focus:not(:disabled), a.green[data-v-57d71784]:hover:not(:disabled), a.green[data-v-57d71784]:focus:not(:disabled) {
  opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
  button.cta[data-v-57d71784], a.cta[data-v-57d71784] {
    box-shadow: 0 1px 2px rgba(11, 21, 38, 0.06),
      0 8px 24px -8px rgba(11, 21, 38, 0.28);
    background: linear-gradient(81.14deg, #3f59bf 0%, #5578ff 100%);
  }
  button.cta[data-v-57d71784]:hover,
    button.cta[data-v-57d71784]:focus,
    a.cta[data-v-57d71784]:hover,
    a.cta[data-v-57d71784]:focus {
      background: linear-gradient(81.14deg, #365086 0%, #4d6ce6 100%);
    }
  button.cta[data-v-57d71784]:active:not(:disabled), a.cta[data-v-57d71784]:active:not(:disabled) {
      background: linear-gradient(81.14deg, #365086 0%, #4d6ce6 100%);
    }
  button.signup[data-v-57d71784], a.signup[data-v-57d71784] {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  button.signup[data-v-57d71784]:hover:not(:disabled), button.signup[data-v-57d71784]:focus:not(:disabled), a.signup[data-v-57d71784]:hover:not(:disabled), a.signup[data-v-57d71784]:focus:not(:disabled) {
  opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
  button.signup[data-v-57d71784]:active:not(:disabled), a.signup[data-v-57d71784]:active:not(:disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
  button[data-v-57d71784]:disabled, a[data-v-57d71784]:disabled {
  transform: none;
  cursor: not-allowed;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  button.outlined[data-v-57d71784], a.outlined[data-v-57d71784] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
  button.outlined[data-v-57d71784]:hover,
    button.outlined[data-v-57d71784]:focus,
    a.outlined[data-v-57d71784]:hover,
    a.outlined[data-v-57d71784]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  button.outlined[data-v-57d71784]:active:not(:disabled), a.outlined[data-v-57d71784]:active:not(:disabled) {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  button.outlined[data-v-57d71784]:disabled, a.outlined[data-v-57d71784]:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity, 1));
}

@media (prefers-reduced-motion: reduce) {
  button[data-v-57d71784],
  a[data-v-57d71784] {
    transition: none;
  }
  &[data-v-57d71784]:active:not(:disabled) {
    transform: none;
  }
}

/* components/pricing-table/PricingTableCallToAction.vue */

.pricing-table-call-to-action[data-v-f53855a9] {
  margin-top: 0px;
  margin-bottom: 0px;
  min-height: 44px;
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
  .pricing-table-call-to-action.white[data-v-f53855a9] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    box-shadow: none;
}

/* components/pricing-table/PricingFxCurrencies.vue */

.text-green-fx[data-v-6a9c1c65] {
  /* #5a8c1b was 3.64:1 against the bg-gray-100 chip; this is ~6:1. */
  color: #064E3B;
}

.fx-fade[data-v-6a9c1c65] {
  background: linear-gradient(to bottom, rgb(255 255 255 / 0%), #fff);
}

.fx-bar[data-v-6a9c1c65] {
  width: 2.75rem;
  border-radius: 0.5rem 0.5rem 0 0;
  background: linear-gradient(to top, #5578ff, #8fd14f);
}

.fx-bar--custom[data-v-6a9c1c65] {
  /* Enterprise has no ceiling, so the bar dissolves upward instead of
     capping at the same height as Premium. */
  background: linear-gradient(
    to top,
    #5578ff 0%,
    #7aa0ff 45%,
    rgb(122 160 255 / 15%) 100%
  );
}

.fx-bar-h[data-v-6a9c1c65] {
  background: linear-gradient(to right, #5578ff, #8fd14f);
}

.fx-scroll[data-v-6a9c1c65] {
  scrollbar-width: thin;
}

.fx-scroll[data-v-6a9c1c65]::-webkit-scrollbar {
  width: 6px;
}

.fx-scroll[data-v-6a9c1c65]::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(205 213 225 / var(--tw-bg-opacity, 1));
}

/* Safari renders a native clear affordance on type=search that collides with
   the custom clear button. */
input[type='search'][data-v-6a9c1c65]::-webkit-search-decoration,
input[type='search'][data-v-6a9c1c65]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* components/Modal.vue */

.modal-container[data-v-0b5a066a] {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  height: 100vh;
  width: 100vw;
  overflow: auto;
  transition-property: opacity;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  opacity: 0;
}

  .modal-container.shown[data-v-0b5a066a] {
  transition-duration: 300ms;
  pointer-events: auto;
  opacity: 1;
}

  .modal-container.on-top[data-v-0b5a066a] {
    z-index: 2147483647;
  }
.modal-overlay[data-v-0b5a066a] {
  background-color: rgba(26, 32, 44, 0.5);
}

.modal-wrapper[data-v-0b5a066a] {
  position: static;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .modal-wrapper[data-v-0b5a066a] {
    position: absolute;
    right: 50%;
  }
    .modal-wrapper.full[data-v-0b5a066a] {
    position: static;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.modal[data-v-0b5a066a] {
  position: relative;
  right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  min-height: 100vh;
  width: 100vw;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 768px) {
  .modal[data-v-0b5a066a] {
    right: -50%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    height: auto;
    min-height: 0px;
    border-radius: 1rem;
  }
  @media (min-width: 768px) {

    .modal[data-v-0b5a066a] {
      margin-top: 4rem;
      margin-bottom: 4rem;
    }
  }
  .modal[data-v-0b5a066a] {
    width: var(--modal-width);
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(11, 21, 38, 0.06),
      0 20px 48px -12px rgba(11, 21, 38, 0.35);
  }

    .modal.whiteBackground[data-v-0b5a066a] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  }

    .modal.full[data-v-0b5a066a] {
    right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

    .modal .title-wrapper[data-v-0b5a066a] {
    position: relative;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
    .modal .close-button[data-v-0b5a066a] {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 2rem;
    margin-right: 4rem;
  }
}

.slide-fade-enter-active[data-v-0b5a066a],
.slide-fade-leave-active[data-v-0b5a066a] {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-fade-enter[data-v-0b5a066a],
.slide-fade-leave-to[data-v-0b5a066a] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.slide-fade-enter[data-v-0b5a066a] {
  --tw-translate-y: -1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.slide-fade-leave-to[data-v-0b5a066a] {
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (prefers-reduced-motion: reduce) {
  .modal-container[data-v-0b5a066a] {
    transition: none;
  }
  .slide-fade-enter-active[data-v-0b5a066a],
  .slide-fade-leave-active[data-v-0b5a066a] {
    transition: none;
  }
}

/* components/forms/Input.vue */

span.label[data-v-e6b5b64d] {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

  span.label.required[data-v-e6b5b64d]:after {
    content: ' *';
    --tw-text-opacity: 1;
    color: rgb(245 101 101 / var(--tw-text-opacity, 1));
  }

i[data-v-e6b5b64d] {
  top: 52%;
  pointer-events: none;
  position: absolute;
  margin-top: -0.5rem;
  margin-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(205 213 225 / var(--tw-text-opacity, 1));
}

i + input[data-v-e6b5b64d] {
  padding-left: 2rem;
}

input[data-v-e6b5b64d],
textarea[data-v-e6b5b64d] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  min-height: 44px;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(11 21 38 / 0.2);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  /* &::placeholder {
    @apply text-gray-600;
  } */
}

input[disabled][data-v-e6b5b64d], textarea[disabled][data-v-e6b5b64d] {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

input[data-v-e6b5b64d]:focus, textarea[data-v-e6b5b64d]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
    box-shadow: 0 0 0 3px rgba(85, 120, 255, 0.3);
}

input[data-v-e6b5b64d]:focus-visible, textarea[data-v-e6b5b64d]:focus-visible {
    outline: 3px solid rgba(85, 120, 255, 0.55);
    outline-offset: 2px;
  }

input.error[data-v-e6b5b64d], textarea.error[data-v-e6b5b64d] {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    --tw-border-opacity: 1;
    border-color: rgb(245 101 101 / var(--tw-border-opacity, 1));
  }

input.error[data-v-e6b5b64d]:focus, textarea.error[data-v-e6b5b64d]:focus {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

input.error + .error-message[data-v-e6b5b64d], textarea.error + .error-message[data-v-e6b5b64d] {
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(245 101 101 / var(--tw-text-opacity, 1));
}

[data-v-e6b5b64d] .customError {
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.5;
}

/* @media screen and (min-width: 1024px) {
  input {
    @apply text-left;
  }
} */

/* components/forms/ValidatedInput.vue */

/* components/forms/CountryCodeSelector.vue */

input[data-v-3f30602f] {
  position: relative;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(205 213 225 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
  padding-left: 3rem !important;
}
  input[data-v-3f30602f]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(85 120 255 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.optionsList[data-v-3f30602f] {
  position: absolute;
  z-index: 20;
  overflow-y: auto;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  max-height: 15rem;
}
.optionsList[data-v-3f30602f]::-webkit-scrollbar {
  width: 0.5rem;
}
.optionsList[data-v-3f30602f]::-webkit-scrollbar-track {
  background-color: transparent;
}
.optionsList[data-v-3f30602f]::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(205 213 225 / var(--tw-bg-opacity, 1));
  padding-right: 0.25rem;
}
.optionsList[data-v-3f30602f]::-webkit-scrollbar-track-piece:start {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: transparent;
}
.optionsList[data-v-3f30602f]::-webkit-scrollbar-track-piece:end {
  background-color: transparent;
}

/* components/forms/ContactForm.vue */

/* Inputs deliberately inherit components/forms/Input.vue here: a contact form
   that overrides the radius, padding and type size stops looking like a
   contact form. Only the textarea height is this form's own business. */
textarea[data-v-d4c7459b] {
  height: 6rem;
  resize: none;
}
legend[data-v-d4c7459b] {
  padding: 0px;
}

.form-title[data-v-d4c7459b] {
  margin-bottom: 1.75rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.form-subtitle[data-v-d4c7459b] {
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.phoneInput[data-v-d4c7459b] {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

@media only screen and (min-width: 700px) {
  .padded[data-v-d4c7459b] {
    padding: 2.5rem 3.5rem;
  }
}
@media only screen and (min-width: 768px) {
    [data-v-d4c7459b] .modal > div:nth-child(2) {
      height: auto;
    }
}

/* components/pricing-table/PricingHero.vue */

.pricing-hero[data-v-39fbcb93] {
  padding-top: 4rem;
  padding-bottom: 3.5rem;
}

@media (min-width: 1024px) {

  .pricing-hero[data-v-39fbcb93] {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}

.pricing-hero-intro[data-v-39fbcb93] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  display: flex;
  max-width: 48rem;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

@media (min-width: 1024px) {

  .pricing-hero-intro[data-v-39fbcb93] {
    margin-bottom: 2rem;
    max-width: none;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.5rem;
  }
}

.pricing-hero-art[data-v-39fbcb93] {
  display: none;
  width: 20rem;
  flex-shrink: 0;
}

@media (min-width: 1024px) {

  .pricing-hero-art[data-v-39fbcb93] {
    display: block;
  }
}

/* components/pricing-table/PricingTableToggle.vue */

.pricing-toggle[data-v-03d40943] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.75rem;
  border-radius: 9999px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.5rem;
  text-align: left;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}

.pricing-toggle[data-v-03d40943]:focus-visible {
  outline: 2px solid #3F59BF;
  outline-offset: 2px;
}

.pricing-toggle-track[data-v-03d40943] {
  position: relative;
  display: inline-flex;
  height: 1.75rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  /* 3:1 against white, so the off state still reads as a control. */
  background-color: #8391a7;
}

.pricing-toggle-track.is-on[data-v-03d40943] {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}

.pricing-toggle-dot[data-v-03d40943] {
  position: absolute;
  left: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.pricing-toggle-track.is-on .pricing-toggle-dot[data-v-03d40943] {
  transform: translateX(1.25rem);
}

.pricing-toggle-label[data-v-03d40943] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.pricing-toggle-label.is-on[data-v-03d40943] {
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

@media (prefers-reduced-motion: reduce) {
  .pricing-toggle-track[data-v-03d40943],
  .pricing-toggle-dot[data-v-03d40943] {
    transition: none;
  }
}

/* components/pricing-table/PricingPlanSummary.vue */

.plan-summary-toggle[data-v-4b6c7cb7] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
}

@media (min-width: 1024px) {

  .plan-summary-toggle[data-v-4b6c7cb7] {
    margin-bottom: 2rem;
  }
}

.plan-grid[data-v-4b6c7cb7] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 640px) {

  .plan-grid[data-v-4b6c7cb7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {

  .plan-grid[data-v-4b6c7cb7] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
  }
}

.plan-card[data-v-4b6c7cb7] {
  display: flex;
  flex-direction: column;
  border-radius: 1.5rem;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .plan-card[data-v-4b6c7cb7] {
    padding: 1.5rem;
  }
}

.plan-name[data-v-4b6c7cb7] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.plan-price[data-v-4b6c7cb7] {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.drawer-row .plan-price[data-v-4b6c7cb7][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.plan-price-main[data-v-4b6c7cb7] {
  font-size: 2.25rem;
  line-height: 2.5rem;
  line-height: 1;
}

.plan-price.is-text .plan-price-main[data-v-4b6c7cb7] {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {

  .plan-price.is-text .plan-price-main[data-v-4b6c7cb7] {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1280px) {

  .plan-price.is-text .plan-price-main[data-v-4b6c7cb7] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.plan-price-suffix[data-v-4b6c7cb7] {
  margin-left: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-fee[data-v-4b6c7cb7] {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-balance[data-v-4b6c7cb7] {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-balance-link[data-v-4b6c7cb7] {
  margin-top: 0.25rem;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

.plan-balance-link[data-v-4b6c7cb7]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.plan-balance-value[data-v-4b6c7cb7] {
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.drawer-row .plan-balance-value[data-v-4b6c7cb7][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.plan-suits[data-v-4b6c7cb7] {
  margin-top: 1rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-fx[data-v-4b6c7cb7] {
  margin-top: 1rem;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-fx-value[data-v-4b6c7cb7] {
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.drawer-row .plan-fx-value[data-v-4b6c7cb7][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.plan-list-title[data-v-4b6c7cb7] {
  margin-top: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.plan-list[data-v-4b6c7cb7] {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.plan-item[data-v-4b6c7cb7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-check[data-v-4b6c7cb7] {
  margin-top: 0.125rem;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.plan-item-value[data-v-4b6c7cb7] {
  margin-left: 0.375rem;
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

/* Pinned to the card bottom so the four buttons line up. */
.plan-cta[data-v-4b6c7cb7] {
  margin-top: auto;
  padding-top: 1.5rem;
}

/* Plus: the navy card of the homepage wallet, with lime ticks. */
.plan-card--featured .plan-name[data-v-4b6c7cb7],
.plan-card--featured .plan-price[data-v-4b6c7cb7],
.plan-card--featured .plan-balance-value[data-v-4b6c7cb7],
.plan-card--featured .plan-fx-value[data-v-4b6c7cb7],
.plan-card--featured .plan-item[data-v-4b6c7cb7],
.plan-card--featured .plan-suits[data-v-4b6c7cb7] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.plan-card--featured .plan-price-suffix[data-v-4b6c7cb7],
.plan-card--featured .plan-fee[data-v-4b6c7cb7],
.plan-card--featured .plan-balance[data-v-4b6c7cb7],
.plan-card--featured .plan-fx[data-v-4b6c7cb7],
.plan-card--featured .plan-list-title[data-v-4b6c7cb7] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

.plan-card--featured .plan-suits[data-v-4b6c7cb7] {
  border-color: rgb(255 255 255 / 0.2);
}

.plan-card--featured .plan-fx[data-v-4b6c7cb7] {
  background-color: rgb(255 255 255 / 0.1);
}

.plan-card--featured .plan-balance-link[data-v-4b6c7cb7] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}

.plan-card--featured .plan-check[data-v-4b6c7cb7] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}

/* components/pricing-table/PricingTableFilter.vue */

.pricing-filter[data-v-09052af9] {
  display: flex;
  width: 100%;
  gap: 0.25rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
}

.pricing-filter-option[data-v-09052af9] {
  min-height: 44px;
  min-width: 0px;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (max-width: 359px) {
  .fx-board-row > .pricing-filter-option[data-v-09052af9][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .pricing-filter-option[data-v-09052af9][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.pricing-filter-option[data-v-09052af9]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.pricing-filter-option.is-selected[data-v-09052af9] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.pricing-filter-option[data-v-09052af9]:focus-visible {
  outline: 2px solid #3F59BF;
  outline-offset: 2px;
}

/* 320px phones: "Empresarial" and friends still fit on one line. */
@media (max-width: 359px) {
  .pricing-filter-option[data-v-09052af9] {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

/* components/pricing-table/PricingTableHeader.vue */

.pricing-plans[data-v-3732f106] {
  margin-bottom: 1.25rem;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.pricing-plans-head[data-v-3732f106] {
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 640px) {

  .pricing-plans-head[data-v-3732f106] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .pricing-plans-head[data-v-3732f106] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.pricing-plans-selected[data-v-3732f106] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.pricing-plans-name[data-v-3732f106] {
  display: inline-block;
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.pricing-plans-name.is-featured[data-v-3732f106] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.pricing-plans-body[data-v-3732f106] {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {

  .pricing-plans-body[data-v-3732f106] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .pricing-plans-body[data-v-3732f106] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* Plus column, continued down from the head band. */
.pricing-plus-band[data-v-3732f106] {
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: none;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {

  .pricing-plus-band[data-v-3732f106] {
    display: block;
  }
}
.pricing-plus-band[data-v-3732f106] {
  left: 55%;
  width: 15%;
}

.pricing-plans-toggle[data-v-3732f106] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.pricing-plans-row[data-v-3732f106] {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.pricing-plans-label[data-v-3732f106] {
  width: 60%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 0.75rem;
  line-height: 1.375;
}

@media (min-width: 1024px) {

  .pricing-plans-label[data-v-3732f106] {
    width: 40%;
    padding-right: 4rem;
  }
}

.pricing-plans-values[data-v-3732f106] {
  display: flex;
  width: 40%;
  align-items: center;
}

@media (min-width: 1024px) {

  .pricing-plans-values[data-v-3732f106] {
    width: 60%;
  }
}

.pricing-plans-price[data-v-3732f106] {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.pricing-plans-or[data-v-3732f106] {
  margin-right: 0.25rem;
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  vertical-align: middle;
  font-size: .625rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.pricing-plans-actions[data-v-3732f106] {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* components/pricing-table/PricingTableRow.vue */

.pricing-table-row-container[data-v-aa0dcb74] {
  position: relative;
}

.pricing-table-row[data-v-aa0dcb74] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.enterprise-border-short[data-v-aa0dcb74] {
  /* First column (2/5) + 3/4 of second column (3/5 * 3/4 = 9/20) = 2/5 + 9/20 = 17/20 = 85% */
}

@media (min-width: 1024px) {

  .enterprise-border-short[data-v-aa0dcb74] {
    width: 85%;
  }
}

.enterprise-border-mobile[data-v-aa0dcb74] {
  /* On mobile: first column is w-3/5 = 60% */
  width: 60%;
}

[data-v-aa0dcb74] .tooltip-hint {
  color: #fff !important;
}

/* components/pricing-table/PricingTable.vue */

.pricing-picker.is-pinned[data-v-3734a96c] {
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 998;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: 0 12px 24px -18px rgba(36, 68, 134, 0.55);
}

.pricing-group[data-v-3734a96c] {
  margin-bottom: 1.25rem;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.pricing-group[data-v-3734a96c]:last-child {
  margin-bottom: 0px;
}

.pricing-group-head[data-v-3734a96c] {
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 640px) {

  .pricing-group-head[data-v-3734a96c] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .pricing-group-head[data-v-3734a96c] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.pricing-group-title-cell[data-v-3734a96c] {
  display: flex;
  width: 60%;
  align-items: center;
  gap: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 1024px) {

  .pricing-group-title-cell[data-v-3734a96c] {
    width: 40%;
    padding-right: 4rem;
  }
}

.pricing-group-title[data-v-3734a96c] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.pricing-group-avatar[data-v-3734a96c] {
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}

.pricing-group-tiers[data-v-3734a96c] {
  display: flex;
  width: 40%;
}

@media (min-width: 1024px) {

  .pricing-group-tiers[data-v-3734a96c] {
    width: 60%;
  }
}

.pricing-group-tier[data-v-3734a96c] {
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.pricing-group-tier.is-featured[data-v-3734a96c] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.pricing-group-body[data-v-3734a96c] {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {

  .pricing-group-body[data-v-3734a96c] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .pricing-group-body[data-v-3734a96c] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.pricing-group-rows[data-v-3734a96c] {
  position: relative;
}

/* Plus column: same band as in the plans group, so the column reads as one. */
.pricing-plus-band[data-v-3734a96c] {
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: none;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {

  .pricing-plus-band[data-v-3734a96c] {
    display: block;
  }
}
.pricing-plus-band[data-v-3734a96c] {
  left: 55%;
  width: 15%;
}

/* The card edge already closes the last row. */
.pricing-group-rows[data-v-3734a96c] > :last-child .pricing-row-border {
  display: none;
}

/* pages/pricing.vue */

.pricing-compare[data-v-f939e921] {
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .pricing-compare[data-v-f939e921] {
    padding-bottom: 6rem;
  }
}

.pricing-notes[data-v-f939e921] {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 1024px) {

  .pricing-notes[data-v-f939e921] {
    margin-top: 2rem;
  }
}

/* components/index/IndexTrustFactors.vue */

.trust-band[data-v-51f5ebd8] {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: rgb(11 21 38 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.trust-container[data-v-51f5ebd8] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .trust-container[data-v-51f5ebd8] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.trust-title[data-v-51f5ebd8] {
  margin-left: auto;
  margin-right: auto;
  max-width: 48rem;
  text-wrap: balance;
}
.trust-grid[data-v-51f5ebd8] {
  display: grid;
}
@media (min-width: 768px) {

  .trust-grid[data-v-51f5ebd8] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.trust-item[data-v-51f5ebd8] {
  display: grid;
  cursor: pointer;
  grid-template-columns: 6.5rem minmax(0,1fr);
  align-items: center;
  gap: 1.25rem;
  border-top-width: 1px;
  border-color: rgb(11 21 38 / 0.1);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.trust-item[data-v-51f5ebd8]:first-child {
  border-top-width: 0px;
  padding-top: 0px;
}
.trust-item[data-v-51f5ebd8]:last-child {
  padding-bottom: 0px;
}
@media (min-width: 768px) {

  .trust-item[data-v-51f5ebd8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-top-width: 0px;
    border-left-width: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
  }

  .trust-item[data-v-51f5ebd8]:first-child {
    border-left-width: 0px;
  }
}
.trust-item[data-v-51f5ebd8]:hover {
  opacity: 0.8;
}
.trust-item img[data-v-51f5ebd8] {
  height: 3.5rem;
  width: 100%;
  max-width: 104px;
  object-fit: contain;
}
@media (min-width: 768px) {

  .trust-item img[data-v-51f5ebd8] {
    max-width: 180px;
  }
}
/* Logos rest static: no hover lift. */
@media (min-width: 768px) {

  .trust-item img[src*='ripple'][data-v-51f5ebd8] {
    max-width: 125px;
  }

  .trust-item img[src*='coinbase'][data-v-51f5ebd8] {
    max-width: 150px;
  }
}
.trust-copy[data-v-51f5ebd8] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .trust-copy[data-v-51f5ebd8][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .trust-copy[data-v-51f5ebd8][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.trust-role[data-v-51f5ebd8] {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.trust-item p[data-v-51f5ebd8] {
  white-space: pre-line;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.65;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
  max-width: 270px;
}
.trust-item[data-v-51f5ebd8]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 5px;
  border-radius: 4px;
}

/* components/index/IndexAskAI.vue */

/* A supporting row, not a second card: no panel, no shadow, no accent bar. */
.ask-ai-section[data-v-1a97199d] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .ask-ai-section[data-v-1a97199d] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.ask-ai-card[data-v-1a97199d] {
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.ask-ai-section.embedded[data-v-1a97199d] {
  margin-top: 2.5rem;
  max-width: none;
  padding-left: 0px;
  padding-right: 0px;
}
.ask-ai-section.embedded .ask-ai-card[data-v-1a97199d] {
  border-bottom-width: 0px;
  padding-top: 1.75rem;
  padding-bottom: 0px;
}
.ask-ai-content[data-v-1a97199d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media (min-width: 1024px) {

  .ask-ai-content[data-v-1a97199d] {
    flex-direction: row;
    gap: 2rem;
  }
}
.ask-ai-title[data-v-1a97199d] {
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
}
@media (min-width: 1024px) {

  .ask-ai-title[data-v-1a97199d] {
    white-space: nowrap;
    text-align: left;
  }
}
.ask-ai-title__line1[data-v-1a97199d] {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.ask-ai-title__line2[data-v-1a97199d] {
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.ask-ai-buttons[data-v-1a97199d] {
  display: grid;
  width: 100%;
  max-width: 360px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
@media (min-width: 640px) {

  .ask-ai-buttons[data-v-1a97199d] {
    display: flex;
    width: auto;
    max-width: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1024px) {

  .ask-ai-buttons[data-v-1a97199d] {
    justify-content: flex-start;
  }
}
.ask-ai-btn[data-v-1a97199d] {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ask-ai-btn[data-v-1a97199d]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(205 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.ask-ai-btn[data-v-1a97199d]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 3px;
}
.ask-ai-btn__icon[data-v-1a97199d] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.ask-ai-btn:hover .ask-ai-btn__icon[data-v-1a97199d] {
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.ask-ai-btn__icon--sm[data-v-1a97199d] {
  width: 12px;
}

/* components/forms/LinkedInSignInButton.vue */

.linked-in-button[data-v-78ef055a] {
  background-color: #0a66c2;
}

/* components/forms/GoogleSignInButtonSeparator.vue */

.google-sso-separator[data-v-c3e7f0f9]::before,
.google-sso-separator[data-v-c3e7f0f9]::after {
  content: '';

  width: 45%;

  position: absolute;

  top: 50%;

  display: block;

  border-width: 1px;

  --tw-border-opacity: 1;

  border-color: rgb(160 174 192 / var(--tw-border-opacity, 1));
}

.google-sso-separator[data-v-c3e7f0f9]::before {
  left: 0px;
}

.google-sso-separator[data-v-c3e7f0f9]::after {
  right: 0px;
}

/* components/SignUpForm.vue */

.signup-form[data-v-ecce3aef] {
  display: flex;
  width: 100%;
  align-items: stretch;
}
/* The field is the bordered shell; the input inside it is borderless and the
   submit button embeds at the right end. */
.signup-field[data-v-ecce3aef] {
  position: relative;
  display: flex;
  height: 3.25rem;
  min-width: 0px;
  flex: 1 1 0%;
  align-items: center;
  border-radius: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(11 21 38 / 0.2);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (max-width: 359px) {
  .fx-board-row > .signup-field[data-v-ecce3aef][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .signup-field[data-v-ecce3aef][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .signup-field[data-v-ecce3aef][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.signup-field[data-v-ecce3aef] {
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.signup-field[data-v-ecce3aef]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  box-shadow: 0 0 0 3px rgba(77, 108, 230, 0.3);
}
.signup-field.field-invalid[data-v-ecce3aef] {
  --tw-border-opacity: 1;
  border-color: rgb(197 48 48 / var(--tw-border-opacity, 1));
}
/* Entered text is gray-900; the old gray-500 was 2.26:1 on white. */
.signup-input[data-v-ecce3aef] {
  height: 100%;
  width: 100%;
  min-width: 0px;
  flex: 1 1 0%;
  border-radius: 0.75rem;
  border-width: 0px;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
@media (max-width: 359px) {
  .fx-board-row > .signup-input[data-v-ecce3aef][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .signup-input[data-v-ecce3aef][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .signup-input[data-v-ecce3aef][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.signup-input[data-v-ecce3aef] {
  outline: none;
}
/* gray-600 is 5.5:1 on white, so the resting label reads as a placeholder
   without failing contrast. */
.signup-label[data-v-ecce3aef] {
  pointer-events: none;
  position: absolute;
  left: 1rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  max-width: calc(100% - 2rem);
  transition: top 150ms ease, font-size 150ms ease, transform 150ms ease;
}
.signup-input:focus + .signup-label[data-v-ecce3aef],
.signup-input:not(:placeholder-shown) + .signup-label[data-v-ecce3aef] {
  top: 0.5rem;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.signup-input:focus + .signup-label[data-v-ecce3aef] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.signup-submit[data-v-ecce3aef] {
  position: relative;
  margin: 0.25rem;
  min-height: 44px;
  flex-shrink: 0;
  white-space: nowrap;
  border-radius: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
/* Stack on phones: the longer "What is your work email" label needs the
   full row width to stay readable. */
@media (max-width: 639px) {
  .signup-field[data-v-ecce3aef] {
    height: auto;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
    border-width: 0px;
    background-color: transparent;
  }
  .signup-field[data-v-ecce3aef]:focus-within {
    box-shadow: none;
  }
  /* The label positions against the field, so in stacked mode center it on
     the input row (3.25rem tall) instead of the whole field + button. */
  .signup-label[data-v-ecce3aef] {
    top: 1.625rem;
  }
  .signup-input[data-v-ecce3aef] {
    height: 3.25rem;
    flex: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(11 21 38 / 0.2);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    transition: border-color 150ms ease, box-shadow 150ms ease;
  }
  .signup-input[data-v-ecce3aef]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
    box-shadow: 0 0 0 3px rgba(77, 108, 230, 0.3);
  }
  .signup-field.field-invalid .signup-input[data-v-ecce3aef] {
    --tw-border-opacity: 1;
    border-color: rgb(197 48 48 / var(--tw-border-opacity, 1));
  }
  .signup-submit[data-v-ecce3aef] {
    margin: 0px;
    height: 3.25rem;
    width: 100%;
    border-radius: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .signup-field[data-v-ecce3aef],
  .signup-input[data-v-ecce3aef],
  .signup-label[data-v-ecce3aef] {
    transition: none;
  }
}

.fade-in[data-v-ecce3aef] {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn-ecce3aef;
  animation-name: fadeIn-ecce3aef;
}

@-webkit-keyframes fadeIn-ecce3aef {
  0% {
    transform: translateY(-15px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes fadeIn-ecce3aef {
  0% {
    transform: translateY(-15px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@media only screen and (min-width: 465px) {
  .social-buttons[data-v-ecce3aef] {
    flex-direction: row;
    justify-content: space-between;
    row-gap: 0.5rem;
    margin-top: 0.75rem;
    align-items: center;
  }
  .linked-in-button-text[data-v-ecce3aef] {
    font-size: 0.85rem;
  }
  .linked-in-button[data-v-ecce3aef] {
    height: 2.6rem;
    width: 48%;
  }
}

/* components/motion/MotionOdometer.vue */

.odo[data-v-22592f62] {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  vertical-align: baseline;
  line-height: var(--odo-lh);
}
.odo-sizer--under[data-v-22592f62] {
  color: transparent;
}
.odo-row[data-v-22592f62] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  display: flex;
  user-select: none;
}
.odo-char[data-v-22592f62] {
  display: block;
  white-space: pre;
}
/* Reels fade at their top and bottom edges, like a counter window; digits
   at rest sit inside the solid band, so the fade only shows mid-roll. */
.odo-char--digit[data-v-22592f62] {
  overflow: hidden;
  height: calc(var(--odo-lh) * 1em);
  -webkit-mask-image: linear-gradient(
    transparent,
    #000 14%,
    #000 86%,
    transparent
  );
  mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent);
}
/* No permanent will-change: the browser promotes a reel only while its
   transition runs, instead of holding a layer for every digit. */
.odo-strip[data-v-22592f62] {
  display: block;
}
.odo-cell[data-v-22592f62] {
  display: block;
  text-align: center;
  height: calc(var(--odo-lh) * 1em);
}

/* components/visuals/BusinessPaymentStory.vue */

.payment-story[data-v-724220af] {
  margin-top: 3rem;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.story-heading[data-v-724220af] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 640px) {

  .story-heading[data-v-724220af] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.story-heading > div[data-v-724220af] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.story-logo[data-v-724220af] {
  width: 6rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.story-product[data-v-724220af] {
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.story-workspace[data-v-724220af] {
  display: grid;
}
@media (min-width: 1024px) {

  .story-workspace[data-v-724220af] {
    grid-template-columns: 256px 1fr;
  }
}
.story-navigation[data-v-724220af] {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .story-navigation[data-v-724220af] {
    padding: 1.5rem;
  }
}
@media (min-width: 1024px) {

  .story-navigation[data-v-724220af] {
    border-right-width: 1px;
    padding: 1rem;
  }
}
.story-eyebrow[data-v-724220af] {
  margin-bottom: 1.25rem;
  margin-left: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .story-eyebrow[data-v-724220af] {
    margin-left: 0.75rem;
  }
}
/* Once motion is available one navy pill glides between the steps: a shadow
   layer under the buttons, and a white ink copy of the labels above them,
   clipped to the same rectangle. Until then (server HTML, no JS, reduced
   motion) each pressed step paints its own background. */
.steps-frame[data-v-724220af] {
  position: relative;
}
.step-pill[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  opacity: 0;
  box-shadow: 0 12px 24px -14px rgba(36, 68, 134, 0.75);
}
.has-pill .step-pill[data-v-724220af] {
  opacity: 1;
}
.steps-ink[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  user-select: none;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  clip-path: inset(0 100% 100% 0);
}
.steps-ink .step-item[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.steps-ink .step-detail[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.pill-meter[data-v-724220af] {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  height: 0.125rem;
}
.pill-progress[data-v-724220af] {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / 0.2);
  opacity: 0;
  transition: opacity 300ms ease;
}
.pill-progress.is-running[data-v-724220af] {
  opacity: 1;
}
.pill-fill[data-v-724220af] {
  display: block;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  transform: scaleX(0);
  transform-origin: 0 50%;
}
.story-steps[data-v-724220af] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
@media (min-width: 1024px) {

  .story-steps[data-v-724220af] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
  }
}
.step-item[data-v-724220af] {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: transparent;
  padding: 0.5rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .step-item[data-v-724220af] {
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
  }
}
.step-item[data-v-724220af] {
  min-height: 48px;
}
.story-steps button[data-v-724220af] {
  transition: background-color 200ms, border-color 200ms, color 200ms,
    transform 200ms;
}
.story-steps button[data-v-724220af]:active:not(:disabled) {
  transform: scale(0.98);
}
.story-steps button[data-v-724220af]:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.story-steps button[aria-pressed='true'][data-v-724220af] {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.has-pill .story-steps button[aria-pressed='true'][data-v-724220af] {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (hover: hover) {
  .story-steps button[data-v-724220af]:hover:not([aria-pressed='true']) {
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  }
}
.story-steps strong[data-v-724220af] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media (min-width: 1024px) {

  .story-steps strong[data-v-724220af] {
    margin-top: 0.25rem;
  }
}
.step-detail[data-v-724220af] {
  margin-top: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
}
@media (min-width: 1024px) {

  .step-detail[data-v-724220af] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.story-steps button[aria-pressed='true'] .step-detail[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.has-pill .story-steps button[aria-pressed='true'] .step-detail[data-v-724220af] {
  color: inherit;
}
.story-canvas[data-v-724220af] {
  position: relative;
  display: grid;
  align-content: center;
  gap: 1rem;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .story-canvas[data-v-724220af] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1.5rem;
  }
}
@media (min-width: 1024px) {

  .story-canvas[data-v-724220af] {
    padding: 1.5rem;
  }
}
.story-canvas[data-v-724220af] {
  isolation: isolate;
}
/* The dots sit above the pointer light, so it reads as light falling on the
   surface beneath them. */
.story-canvas[data-v-724220af]::after {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  content: '';
  z-index: -1;
  background-image: radial-gradient(
    #C9DAFF 0.75px,
    transparent 0.75px
  );
  background-size: 16px 16px;
}
.canvas-spot[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 9999px;
  opacity: 0;
  z-index: -1;
  width: 34rem;
  height: 34rem;
  margin: -17rem 0 0 -17rem;
  background: radial-gradient(
    closest-side,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.5) 42%,
    rgba(255, 255, 255, 0)
  );
}
.balance-card[data-v-724220af],
.invoice-card[data-v-724220af] {
  position: relative;
  min-width: 0px;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (max-width: 359px) {
  .fx-board-row > .balance-card[data-v-724220af][data-v-309cba6d],.fx-board-row > 
.invoice-card[data-v-724220af][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .balance-card[data-v-724220af][data-v-737db1fe],.gt-invoice > 
.invoice-card[data-v-724220af][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 1024px) {

  .balance-card[data-v-724220af],
.invoice-card[data-v-724220af] {
    padding: 1.5rem;
  }
}
.balance-card[data-v-724220af],
.invoice-card[data-v-724220af] {
  transition: border-color 200ms, box-shadow 200ms;
}
.balance-card[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(112deg, #081226 0%, #0e2148 52%, #1d3f83 100%);
}
.is-current[data-v-724220af] {
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.invoice-card.is-current[data-v-724220af],
.settlement-card.is-current[data-v-724220af] {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
}
/* The approve step lifts the invoice; its deeper shadow cross-fades on a
   layer of its own instead of animating box-shadow. */
.invoice-card[data-v-724220af]::after {
  pointer-events: none;
  position: absolute;
  opacity: 0;
  content: '';
  inset: -1px;
  border-radius: inherit;
  box-shadow: 0 18px 36px -18px rgba(11, 21, 38, 0.4),
    0 4px 10px -6px rgba(11, 21, 38, 0.16);
  transition: opacity 350ms ease;
}
.invoice-card.is-lifted[data-v-724220af]::after {
  opacity: 1;
}
.card-heading[data-v-724220af] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
/* Reeded-edge dollar coin watermark, small and tucked in the top-right
   corner with its top cut off by the card edge. Right offsets are % of
   card width. */
.wallet-coin[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  top: -12%;
  height: 70%;
  aspect-ratio: 1;
  right: -14%;
}
@media (max-width: 639px) {
  .wallet-coin[data-v-724220af] {
    top: -8%;
    height: 55%;
    right: -24%;
    opacity: 0.7;
  }
}
.wallet-title[data-v-724220af] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.wallet-pill[data-v-724220af] {
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: rgb(255 255 255 / 0.75);
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.balance-card .card-heading[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.balance-amount[data-v-724220af] {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.5rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  letter-spacing: -0.025em;
}
.drawer-row .balance-amount[data-v-724220af][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.balance-amount[data-v-724220af] {
  font-size: 2.5rem;
  line-height: 1.1;
}
.balance-amount small[data-v-724220af] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.balance-figure[data-v-724220af] {
  position: relative;
  display: inline-block;
  isolation: isolate;
}
.balance-glow[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  opacity: 0;
  inset: -60% -16%;
  z-index: -1;
  background: radial-gradient(
    closest-side,
    rgba(201, 218, 255, 0.34),
    rgba(201, 218, 255, 0)
  );
}
.balance-description[data-v-724220af] {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.wallet-actions[data-v-724220af] {
  /* Stacked until xl: side-by-side nowrap buttons overflow the card on
     smaller screens and the second one gets cut off. */
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 1280px) {

  .wallet-actions[data-v-724220af] {
    flex-direction: row;
  }
}
.wallet-btn[data-v-724220af] {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.why-index-link:hover .wallet-btn[data-v-724220af][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.wallet-btn[data-v-724220af] {
  transition: background-color 200ms ease, border-color 200ms ease;
}
.wallet-btn svg[data-v-724220af] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-btn--primary[data-v-724220af] {
  background: #c9d8f8;
  color: #0a1730;
}
.wallet-btn--primary[data-v-724220af]:hover {
  background: #dbe6fc;
}
.wallet-btn--ghost[data-v-724220af] {
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #fff;
}
.wallet-btn--ghost[data-v-724220af]:hover {
  background: rgba(255, 255, 255, 0.08);
}
.wallet-btn[data-v-724220af]:disabled {
  cursor: default;
  opacity: 0.6;
}
.wallet-custody[data-v-724220af] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgb(255 255 255 / 0.7);
}
.wallet-custody svg[data-v-724220af] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.incoming-row[data-v-724220af] {
  margin-top: 1.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition: opacity 600ms ease;
}
/* Step 3 hides the arrival notice but keeps its space, so the canvas never
   changes height between steps. */
.incoming-row.is-concealed[data-v-724220af] {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.incoming-row > div[data-v-724220af] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .incoming-row > div[data-v-724220af][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .incoming-row > div[data-v-724220af][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .incoming-row > div[data-v-724220af][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.incoming-row > strong[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.incoming-row strong[data-v-724220af],
.supplier-row strong[data-v-724220af] {
  display: block;
  font-weight: 700;
}
.incoming-row div span[data-v-724220af],
.supplier-row div span[data-v-724220af] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.incoming-row div span[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.transaction-icon[data-v-724220af] {
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.transaction-icon svg[data-v-724220af] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.invoice-reference[data-v-724220af] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.supplier-row[data-v-724220af] {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.supplier-avatar[data-v-724220af] {
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.supplier-avatar svg[data-v-724220af] {
  height: 1.5rem;
  width: 1.5rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.invoice-total[data-v-724220af] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.invoice-total strong[data-v-724220af] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .invoice-total strong[data-v-724220af][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.invoice-total small[data-v-724220af] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}
.approval-status[data-v-724220af] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
  transition: background-color 500ms ease, color 500ms ease;
}
.approval-status--pending[data-v-724220af] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.approval-icon[data-v-724220af] {
  position: relative;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
}
/* Sits on the clock face (r=9 of 24) and breathes while approval waits. */
.pending-ring[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  border-radius: 9999px;
  opacity: 0;
  inset: 2.5px;
  border: 1.5px solid #5578FF;
}
.pending-ring.is-breathing[data-v-724220af] {
  animation: pending-breathe-724220af 2.4s ease-in-out infinite;
}
@keyframes pending-breathe-724220af {
  0%,
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
  50% {
    opacity: 0.45;
    transform: scale(1.5);
  }
}
.settlement-card:not(.is-done) .settlement-icon[data-v-724220af] {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.approval-status svg[data-v-724220af] {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.settlement-track[data-v-724220af] {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
  display: none;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 640px) {

  .settlement-track[data-v-724220af] {
    grid-column: span 2 / span 2;
    display: block;
  }
}
.settlement-track[data-v-724220af] {
  transition: opacity 600ms ease;
}
.track-rail[data-v-724220af] {
  position: relative;
  display: block;
}
.settlement-track svg[data-v-724220af] {
  height: 1.25rem;
  width: 100%;
}
.settlement-track path[data-v-724220af] {
  stroke: #A8CBFF;
  stroke-width: 2;
}
.settlement-track .transfer-line[data-v-724220af] {
  stroke: #4D6CE6;
  transition: opacity 600ms ease;
}
.settlement-track:not(.is-settled) .transfer-line[data-v-724220af] {
  opacity: 0;
}
/* A zero-width anchor on the track's centre line (y 15 of 30 in the 20px
   svg); the head centres on it and the tail trails to its left. */
.comet[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  opacity: 0;
  top: 0.625rem;
}
.comet-head[data-v-724220af] {
  position: absolute;
  border-radius: 9999px;
  left: -0.3125rem;
  top: -0.3125rem;
  width: 0.625rem;
  height: 0.625rem;
  background: radial-gradient(
    circle at 40% 40%,
    #EEF3FF,
    #C9DAFF 58%
  );
  box-shadow: 0 0 0 1px rgb(85 120 255 / 55%),
    0 0 0.875rem 0.25rem rgba(201, 218, 255, 0.7);
}
.comet-tail[data-v-724220af] {
  position: absolute;
  right: 0px;
  border-radius: 9999px;
  top: -0.09375rem;
  width: 4.5rem;
  height: 0.1875rem;
  background: linear-gradient(
    90deg,
    rgba(201, 218, 255, 0),
    rgba(201, 218, 255, 0.95)
  );
  transform-origin: 100% 50%;
}
.settlement-card[data-v-724220af] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {

  .settlement-card[data-v-724220af] {
    grid-column: span 2 / span 2;
  }
}
.settlement-card[data-v-724220af] {
  transition: border-color 200ms, box-shadow 200ms, opacity 600ms ease;
}
/* The destination only enters from step 2: it keeps its space and fades in
   so the canvas never jumps. */
.settlement-card.is-concealed[data-v-724220af],
.settlement-track.is-concealed[data-v-724220af] {
  pointer-events: none;
  opacity: 0;
}
.settlement-icon[data-v-724220af] {
  position: relative;
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.settlement-icon svg[data-v-724220af] {
  height: 2rem;
  width: 2rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ripple[data-v-724220af],
.ripple > span[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  border-radius: 9999px;
  inset: -1px;
}
.ripple > span[data-v-724220af] {
  opacity: 0;
  border: 1.5px solid #6EE7B7;
}
.settlement-card > div[data-v-724220af] {
  flex: 1 1 0%;
}
.why-index-link:hover .settlement-card > div[data-v-724220af][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.settlement-card > div[data-v-724220af] {
  min-width: 160px;
}
.settlement-card strong[data-v-724220af] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}
.settlement-card p[data-v-724220af] {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  /* Reserve two lines so step 2 (longer pending text) and step 3 (shorter
     settled text) never change the card height mid-demo. */
  min-height: calc(2 * 1.625em);
}
.settlement-amount[data-v-724220af] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .settlement-amount[data-v-724220af][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.settlement-amount span[data-v-724220af] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.story-caption[data-v-724220af] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .story-caption[data-v-724220af] {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 1024px) {

  .story-caption[data-v-724220af] {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.ownership-symbol[data-v-724220af] {
  display: flex;
  height: 3.5rem;
  width: 3.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.ownership-symbol svg[data-v-724220af] {
  height: 2rem;
  width: 2rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ownership-title[data-v-724220af] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
h1 .ownership-title[data-v-724220af],
  h2 .ownership-title[data-v-724220af],
  h3 .ownership-title[data-v-724220af] {
    font-size: inherit;
    line-height: inherit;
  }
.ownership-body[data-v-724220af] {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.ownership-seal[data-v-724220af] {
  margin-left: auto;
  display: none;
  height: 4rem;
  width: 4rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .ownership-seal[data-v-724220af] {
    display: flex;
  }
}
.ownership-seal svg[data-v-724220af] {
  height: 2rem;
  width: 2rem;
  stroke: currentColor;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html.hm-live .caption-armed .ownership-seal path[data-v-724220af] {
  opacity: 0;
}
html.hm-live .caption-armed .ownership-symbol svg[data-v-724220af] {
  transform: rotate(-35deg);
}
button[data-v-724220af]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 3px;
}
@media (max-width: 639px) {
  .story-heading[data-v-724220af] {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .story-navigation[data-v-724220af] {
    padding: 1rem;
  }
  .step-item[data-v-724220af] {
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: center;
  }
  .story-eyebrow[data-v-724220af] {
    margin-bottom: 0.75rem;
  }
  .story-canvas[data-v-724220af] {
    gap: 0.75rem;
    padding: 1rem;
  }
  .balance-card[data-v-724220af],
  .invoice-card[data-v-724220af] {
    padding: 1rem;
  }
  .balance-amount[data-v-724220af] {
    margin-top: 1rem;
  }
  .incoming-row[data-v-724220af] {
    margin-top: 1rem;
    padding-top: 0.75rem;
  }
  .supplier-row[data-v-724220af] {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .invoice-total[data-v-724220af] {
    padding-top: 0.75rem;
  }
  .approval-status[data-v-724220af] {
    margin-top: 0.75rem;
  }
  .settlement-card[data-v-724220af] {
    padding: 1rem;
  }
  .story-caption[data-v-724220af] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .ownership-symbol[data-v-724220af] {
    height: 2.75rem;
    width: 2.75rem;
  }
  .ownership-symbol svg[data-v-724220af] {
    height: 1.5rem;
    width: 1.5rem;
  }
}
@media print {
  .caption-armed .ownership-seal path[data-v-724220af] {
    opacity: 1 !important;
  }
  .caption-armed .ownership-symbol svg[data-v-724220af] {
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  *[data-v-724220af] {
    transition: none !important;
    animation: none !important;
  }
}

/* components/motion/HeroField.vue */

/* Full-bleed behind the hero container, reaching up under the fixed nav. */
.hero-field[data-v-de9c0a0f] {
  pointer-events: none;
  position: absolute;
  left: 50%;
  overflow: hidden;
  z-index: -1;
  top: -6rem;
  bottom: 0;
  width: 100vw;
  transform: translateX(-50%);
}
.field-light[data-v-de9c0a0f] {
  position: absolute;
  border-radius: 9999px;
}
/* Soft pools of light, gradients only (no blur filter), so drifting them
   costs a compositor move and nothing else. */
.field-light--blue[data-v-de9c0a0f] {
  width: 58rem;
  height: 58rem;
  right: -20rem;
  top: 6rem;
  background: radial-gradient(
    closest-side,
    rgb(85 120 255 / 16%),
    rgb(85 120 255 / 5%) 55%,
    transparent
  );
}
.field-light--lime[data-v-de9c0a0f] {
  width: 40rem;
  height: 40rem;
  right: 8%;
  top: 30rem;
  background: radial-gradient(
    closest-side,
    rgb(201 218 255 / 26%),
    rgb(201 218 255 / 8%) 55%,
    transparent
  );
}
.field-wash[data-v-de9c0a0f] {
  position: absolute;
  inset: 0px;
  transform-origin: 22% 18%;
}
/* Dots stay clear of the headline: the field lives upper right and fades
   out toward the copy and the product card. */
.field-dots[data-v-de9c0a0f],
.field-lens-dots[data-v-de9c0a0f] {
  position: absolute;
  background-image: radial-gradient(
    circle,
    var(--dot) var(--dot-size),
    transparent calc(var(--dot-size) + 0.5px)
  );
  background-size: 24px 24px;
  background-position: 12px 12px;
}
.field-dots[data-v-de9c0a0f] {
  inset: 0px;
  --dot: rgb(168 203 255 / 70%);
  --dot-size: 1.1px;
  -webkit-mask-image: radial-gradient(
    ellipse 55% 48% at 78% 22%,
    #000 12%,
    transparent 78%
  );
  mask-image: radial-gradient(
    ellipse 55% 48% at 78% 22%,
    #000 12%,
    transparent 78%
  );
}
/* Dots under the pointer grow and brighten, like a lens passing over. */
.field-lens[data-v-de9c0a0f] {
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
  border-radius: 9999px;
  opacity: 0;
  width: 30rem;
  height: 30rem;
  margin: -15rem 0 0 -15rem;
  -webkit-mask-image: radial-gradient(closest-side, #000, transparent 100%);
  mask-image: radial-gradient(closest-side, #000, transparent 100%);
  transition: opacity 500ms ease;
  will-change: transform;
}
.field-lens.is-on[data-v-de9c0a0f] {
  opacity: 0.8;
}
.field-lens-dots[data-v-de9c0a0f] {
  left: 15rem;
  top: 15rem;
  --dot: rgb(85 120 255 / 85%);
  --dot-size: 1.5px;
  will-change: transform;
}
/* Entrance from first paint: the dots wash in from the headline side and the
   pools fade up, then drift. Opacity and transform only (compositor). */
@media (prefers-reduced-motion: no-preference) {
  .field-wash[data-v-de9c0a0f] {
    animation: field-wash-de9c0a0f 2.4s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
  }
  .field-light--blue[data-v-de9c0a0f] {
    animation: field-drift-a-de9c0a0f 26s ease-in-out infinite alternate,field-fade-de9c0a0f 2.2s ease-out both;
  }
  .field-light--lime[data-v-de9c0a0f] {
    animation: field-drift-b-de9c0a0f 32s ease-in-out infinite alternate,field-fade-de9c0a0f 2.6s ease-out 0.5s both;
  }
  .is-idle .field-light[data-v-de9c0a0f] {
    animation-play-state: paused;
  }
}
@keyframes field-wash-de9c0a0f {
  from {
    opacity: 0;
    transform: scale(1.06);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes field-drift-a-de9c0a0f {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-9rem, 4rem, 0);
  }
}
@keyframes field-drift-b-de9c0a0f {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(7rem, -5rem, 0);
  }
}
@keyframes field-fade-de9c0a0f {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .field-lens[data-v-de9c0a0f] {
    display: none;
  }
}

/* components/index/IndexProductSuite.vue */

.reserve-container[data-v-d59166d0] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px) {

  .reserve-container[data-v-d59166d0] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.product-suite[data-v-d59166d0] {
  padding-top: 4rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {

  .product-suite[data-v-d59166d0] {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }
}
.suite-title[data-v-d59166d0] {
  margin-left: auto;
  margin-right: auto;
  max-width: 48rem;
  text-align: center;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
h1 .suite-title[data-v-d59166d0],
  h2 .suite-title[data-v-d59166d0],
  h3 .suite-title[data-v-d59166d0] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .suite-title[data-v-d59166d0] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.suite-title[data-v-d59166d0] {
  text-wrap: balance;
}
.pricing-start[data-v-d59166d0] {
  margin-top: 3rem;
  display: grid;
  align-items: center;
  gap: 2rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {

  .pricing-start[data-v-d59166d0] {
    margin-top: 4rem;
    grid-template-columns: 1fr auto;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.pricing-start h2[data-v-d59166d0] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
h1 .pricing-start h2[data-v-d59166d0],
  h2 .pricing-start h2[data-v-d59166d0],
  h3 .pricing-start h2[data-v-d59166d0] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .pricing-start h2[data-v-d59166d0] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.pricing-start h2[data-v-d59166d0] {
  text-wrap: balance;
}
.pricing-start .body-copy[data-v-d59166d0] {
  margin-top: 1.25rem;
  max-width: 42rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .pricing-start .body-copy[data-v-d59166d0] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.pricing-start-actions[data-v-d59166d0] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.plan-link[data-v-d59166d0] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  overflow: hidden;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.plan-link[data-v-d59166d0]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
/* One pass of light across the button when it arrives. */
.plan-shine[data-v-d59166d0] {
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 40%;
  background: linear-gradient(
    105deg,
    rgba(255, 255, 255, 0) 15%,
    rgba(255, 255, 255, 0.75) 50%,
    rgba(255, 255, 255, 0) 85%
  );
  transform: translateX(-100%);
}
.text-link[data-v-d59166d0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.text-link[data-v-d59166d0]:hover {
  text-decoration-line: underline;
}
.link-icon[data-v-d59166d0] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  transition: transform 380ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.suite-grid[data-v-d59166d0] {
  margin-top: 3rem;
  display: grid;
  gap: 1.25rem;
}
@media (min-width: 768px) {

  .suite-grid[data-v-d59166d0] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .suite-grid[data-v-d59166d0] {
    margin-top: 4rem;
  }
}
@media (min-width: 1280px) {

  .suite-grid[data-v-d59166d0] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/* The article is the still hit area; the surface inside it moves. */
.suite-card[data-v-d59166d0] {
  display: flex;
}
.suite-surface[data-v-d59166d0] {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  transition: border-color 200ms;
}
/* Lift shadow, faded in with opacity rather than animating box-shadow. */
.suite-surface[data-v-d59166d0]::before {
  content: '';
  pointer-events: none;
  position: absolute;
  border-radius: 1.5rem;
  opacity: 0;
  inset: -1px;
  box-shadow: 0 30px 60px -32px rgba(36, 68, 134, 0.42),
    0 12px 24px -16px rgba(36, 68, 134, 0.18);
  transition: opacity 300ms;
}
.suite-surface[data-v-d59166d0]:has(.suite-link:focus-visible) {
  outline: 3px solid #5578FF;
  outline-offset: 4px;
}
.suite-visual[data-v-d59166d0] {
  pointer-events: none;
  position: relative;
  display: flex;
  height: 180px;
  align-items: stretch;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
@media (min-width: 768px) {

  .suite-visual[data-v-d59166d0] {
    height: 212px;
    padding: 1rem;
  }
}
.suite-visual[data-v-d59166d0] {
  background-image: radial-gradient(
    #C9DAFF 0.75px,
    transparent 0.75px
  );
  background-size: 16px 16px;
}
.visual-panel[data-v-d59166d0] {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {

  .visual-panel[data-v-d59166d0] {
    padding: 1rem;
  }
}
.visual-panel[data-v-d59166d0]::after {
  content: '';
  pointer-events: none;
  position: absolute;
  border-radius: 0.75rem;
  opacity: 0;
  inset: -1px;
  box-shadow: 0 18px 32px -16px rgba(36, 68, 134, 0.38);
  transition: opacity 300ms;
}
.suite-glare[data-v-d59166d0] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  overflow: hidden;
  border-radius: 1rem;
  opacity: 0;
}
.suite-glare-spot[data-v-d59166d0] {
  position: absolute;
  border-radius: 9999px;
  top: -220px;
  left: -220px;
  width: 440px;
  height: 440px;
  background: radial-gradient(
    closest-side,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.55) 40%,
    rgba(255, 255, 255, 0)
  );
}
.visual-heading[data-v-d59166d0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.visual-label[data-v-d59166d0] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.visual-amount[data-v-d59166d0] {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.drawer-row .visual-amount[data-v-d59166d0][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.chip-row[data-v-d59166d0] {
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}
.chip[data-v-d59166d0] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.chip img[data-v-d59166d0] {
  height: 18px;
  width: 18px;
  border-radius: 9999px;
}
.chip--base[data-v-d59166d0] {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.fx-arrow[data-v-d59166d0] {
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.detail-row[data-v-d59166d0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.detail-row span[data-v-d59166d0]:last-child {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.status-pill[data-v-d59166d0] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.status-pill svg[data-v-d59166d0] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* Spanish wraps this to two lines, so it is a rounded tag, not a pill. */
.status-pill--wide[data-v-d59166d0] {
  margin-top: 0.25rem;
  align-self: flex-start;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.skeleton[data-v-d59166d0] {
  position: relative;
  display: block;
  height: 0.5rem;
  width: 100%;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
}
.skeleton--short[data-v-d59166d0] {
  width: 66.666667%;
}
.skeleton-shine[data-v-d59166d0] {
  position: absolute;
  inset: 0px;
  background: linear-gradient(
    90deg,
    rgba(201, 218, 255, 0) 10%,
    #C9DAFF 50%,
    rgba(201, 218, 255, 0) 90%
  );
  transform: translateX(-100%);
}
.suite-copy[data-v-d59166d0] {
  flex: 1 1 0%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1.25rem;
  padding-bottom: 0.75rem;
}
.why-index-link:hover .suite-copy[data-v-d59166d0][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (min-width: 768px) {

  .suite-copy[data-v-d59166d0] {
    padding-top: 1.5rem;
  }
}
.suite-name[data-v-d59166d0] {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
}
/* The whole card is the link target; the anchor text stays the product name. */
.suite-link[data-v-d59166d0]::after {
  content: '';
  position: absolute;
  inset: 0px;
  border-radius: 1.5rem;
}
.suite-link[data-v-d59166d0]:focus-visible {
  outline: none;
}
.suite-body[data-v-d59166d0] {
  margin-top: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
/* Paints above the link overlay once transformed, so it must not take the click. */
.suite-arrow[data-v-d59166d0] {
  pointer-events: none;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
  height: 1.25rem;
  width: 1.25rem;
  align-self: flex-end;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  transition: transform 380ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* Entrance and story start states. html.hm-live only exists on the live
   homepage with motion allowed; JS adds these hooks at mount. */
html.hm-live .suite-card[data-enter][data-v-d59166d0] {
  opacity: 0;
  transform: perspective(1200px) translateY(72px) rotateX(18deg);
}
html.hm-live .suite-card[data-story] .story[data-v-d59166d0] {
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .suite-card:hover .suite-surface[data-v-d59166d0] {
    --tw-border-opacity: 1;
    border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  }
  .suite-card:hover .suite-surface[data-v-d59166d0]::before,
  .suite-card:hover .visual-panel[data-v-d59166d0]::after {
    opacity: 1;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .suite-card:hover .suite-arrow[data-v-d59166d0] {
    transform: translate(3px, -3px);
  }
  .plan-link:hover .link-icon[data-v-d59166d0],
  .text-link:hover .link-icon[data-v-d59166d0] {
    transform: translate(2px, -2px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .suite-surface[data-v-d59166d0],
  .suite-surface[data-v-d59166d0]::before,
  .visual-panel[data-v-d59166d0]::after {
    transition: none;
  }
}

/* components/index/IndexAmbition.vue */

.ambition[data-v-77d48342] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 4rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}

@media (min-width: 1024px) {

  .ambition[data-v-77d48342] {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }
}

.ambition[data-v-77d48342] {
  scroll-margin-top: 7rem;
}
.ambition-container[data-v-77d48342] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .ambition-container[data-v-77d48342] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.ambition-header[data-v-77d48342] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  max-width: 48rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .ambition-header[data-v-77d48342] {
    margin-bottom: 4rem;
  }
}
.ambition-title[data-v-77d48342] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
h1 .ambition-title[data-v-77d48342],
  h2 .ambition-title[data-v-77d48342],
  h3 .ambition-title[data-v-77d48342] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 768px) {

  .ambition-title[data-v-77d48342] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 1024px) {

  .ambition-title[data-v-77d48342] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.ambition-title[data-v-77d48342] {
  text-wrap: balance;
}
.ambition-title em[data-v-77d48342] {
  display: block;
  color: currentColor;
}
.ambition-intro[data-v-77d48342] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  max-width: 32rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .ambition-intro[data-v-77d48342] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.ambition-intro[data-v-77d48342] {
  text-wrap: balance;
}
.ambition-stage[data-v-77d48342] {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: rgb(54 80 134 / 0.3);
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ambition-light[data-v-77d48342] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  /* Drift pivots on the glow's hot spot, so the layer always covers the card. */
  transform-origin: 90% 0%;
  background: radial-gradient(
      ellipse at 90% 0%,
      rgb(36 68 134 / 55%),
      transparent 65%
    ),
    radial-gradient(
      ellipse at 40% 100%,
      rgb(54 80 134 / 30%),
      transparent 50%
    );
}
.ambition-main[data-v-77d48342] {
  position: relative;
  order: 1;
  display: grid;
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .ambition-main[data-v-77d48342][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .ambition-main[data-v-77d48342][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 768px) {

  .ambition-main[data-v-77d48342] {
    min-height: 460px;
    grid-template-columns: 0.85fr 1.4fr;
  }
}
@media (min-width: 1024px) {

  .ambition-main[data-v-77d48342] {
    min-height: 480px;
  }
}
.chapter[data-v-77d48342] {
  position: relative;
  z-index: 10;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-top: 2rem;
  align-self: center;
}
@media (min-width: 640px) {

  .chapter[data-v-77d48342] {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    margin-top: 2.5rem;
  }
}
@media (min-width: 768px) {

  .chapter[data-v-77d48342] {
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-left: 2rem;
    margin-right: 0px;
  }
}
@media (min-width: 1024px) {

  .chapter[data-v-77d48342] {
    margin-top: 4rem;
    margin-bottom: 4rem;
    margin-left: 3rem;
  }
}
.chapter[data-v-77d48342] {
  scroll-margin-top: 7rem;
}
.chapter-title[data-v-77d48342] {
  max-width: 20rem;
  font-family: Cardo, serif;
  font-size: 1.75rem;
  letter-spacing: 0.005em;
  font-weight: 400;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .chapter-title[data-v-77d48342],
  h2 .chapter-title[data-v-77d48342],
  h3 .chapter-title[data-v-77d48342] {
    font-size: inherit;
    line-height: inherit;
  }
.chapter-title[data-v-77d48342] {
  text-wrap: balance;
  /* Two lines at leading-snug: every chapter's heading shares one height. */
  min-height: 2.75em;
}
.chapter-description[data-v-77d48342] {
  margin-top: 1rem;
  max-width: 20rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
  min-height: 104px;
}
.chapter-link[data-v-77d48342] {
  margin-top: 1.5rem;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.chapter-link svg[data-v-77d48342] {
  height: 1rem;
  width: 1rem;
  transition: transform 200ms;
}
.chapter-link:hover svg[data-v-77d48342] {
  transform: translate(2px, -2px);
}
.ambition-art[data-v-77d48342] {
  position: relative;
  min-width: 0px;
  align-self: flex-end;
}
@media (max-width: 359px) {
  .fx-board-row > .ambition-art[data-v-77d48342][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .ambition-art[data-v-77d48342][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.ascent[data-v-77d48342] {
  display: block;
  width: 100%;
  overflow: visible;
}
.ascent-white[data-v-77d48342] {
  stop-color: rgb(255 255 255 / 1);
}
.ascent-ice[data-v-77d48342] {
  stop-color: #DFE9FF;
}
.ascent-periwinkle[data-v-77d48342] {
  stop-color: #A8CBFF;
}
.ascent-blue[data-v-77d48342] {
  stop-color: #5578FF;
}
.ascent-navy[data-v-77d48342] {
  stop-color: #244486;
}
.ascent-lime[data-v-77d48342] {
  stop-color: #C9DAFF;
}
.ascent-grid[data-v-77d48342] {
  stroke: #A8CBFF;
  stroke-width: 0.6;
  opacity: 0.1;
}
.ascent-orbits[data-v-77d48342] {
  stroke: #A8CBFF;
  stroke-width: 0.7;
  opacity: 0.15;
}
.ascent-flute[data-v-77d48342] {
  stroke: #DFE9FF;
  stroke-opacity: 0.1;
  stroke-width: 1;
}
.ascent-surface[data-v-77d48342] {
  stroke: rgb(255 255 255 / 1);
  stroke-width: 0.8;
  stroke-opacity: 0.7;
}
.ascent-rim[data-v-77d48342],
.ascent-rim-glow[data-v-77d48342] {
  stroke: #C9DAFF;
  stroke-width: 1.5;
  transition: stroke 300ms, opacity 300ms;
}
.ascent-rim-glow[data-v-77d48342] {
  opacity: 0;
  stroke-width: 5;
}
.ascent-step--active .ascent-rim[data-v-77d48342],
.ascent-step--active .ascent-rim-glow[data-v-77d48342] {
  stroke: #C9DAFF;
  opacity: 1;
}
.ascent-seal-shadow[data-v-77d48342] {
  fill: #365086;
  opacity: 0.15;
}
.ascent-seal-edge[data-v-77d48342] {
  fill: #365086;
}
.ascent-seal[data-v-77d48342],
.ascent-seal-lit[data-v-77d48342] {
  fill: #244486;
  stroke: #DFE9FF;
  stroke-width: 0.8;
}
/* The light grows from the seal's center, keeping the navy edge crisp. */
.ascent-seal-lit[data-v-77d48342] {
  fill: #C9DAFF;
  transform: scale(0);
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 200ms cubic-bezier(0.5, 0, 0.75, 0);
}
.ascent-step--lit .ascent-seal-lit[data-v-77d48342] {
  transform: none;
  transition: transform 450ms cubic-bezier(0.34, 1.45, 0.64, 1);
}
.ascent-symbol[data-v-77d48342] {
  stroke: rgb(255 255 255 / 1);
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 250ms;
}
.ascent-step--lit .ascent-symbol[data-v-77d48342] {
  stroke: #244486;
}
.ascent-pulse[data-v-77d48342] {
  stroke: #C9DAFF;
  stroke-width: 1.5;
  opacity: 0;
}
.ascent-bloom[data-v-77d48342] {
  fill: #C9DAFF;
  opacity: 0;
}
.ascent-trail[data-v-77d48342] {
  stroke: url("#ascent-route");
  stroke-width: 1.5;
}
.ascent-comet[data-v-77d48342] {
  opacity: 0;
}
.ascent-comet-tail[data-v-77d48342],
.ascent-comet-core[data-v-77d48342] {
  stroke: #C9DAFF;
  stroke-linecap: round;
}
.ascent-comet-tail[data-v-77d48342] {
  stroke-width: 2;
  opacity: 0.3;
}
.ascent-comet-core[data-v-77d48342] {
  stroke-width: 2.4;
  opacity: 0.8;
}
.ascent-comet-glow[data-v-77d48342] {
  fill: #C9DAFF;
  opacity: 0.55;
}
.ascent-comet-head[data-v-77d48342] {
  fill: rgb(255 255 255 / 1);
}
.ascent-beacon-halo[data-v-77d48342] {
  fill: #C9DAFF;
  opacity: 0.08;
}
.ascent-beacon[data-v-77d48342] {
  fill: #C9DAFF;
}
.ascent-beacon-cross[data-v-77d48342] {
  stroke: #C9DAFF;
  stroke-width: 0.6;
}
.ascent-ripple[data-v-77d48342] {
  stroke: #C9DAFF;
  stroke-width: 1;
  opacity: 0;
}
.ambition-tabs[data-v-77d48342] {
  position: relative;
  z-index: 10;
  order: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-color: rgb(201 218 255 / 0.2);
}
@media (min-width: 768px) {

  .ambition-tabs[data-v-77d48342] {
    order: 2;
    border-bottom-width: 0px;
    border-top-width: 1px;
  }
}
.ambition-tabs[data-v-77d48342] {
  background: rgb(11 21 38 / 50%);
}
.ambition-tab[data-v-77d48342] {
  position: relative;
  display: flex;
  min-height: 88px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
  border-right-width: 1px;
  border-color: rgb(201 218 255 / 0.1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
}
.ambition-tab[data-v-77d48342]:last-child {
  border-right-width: 0px;
}
@media (min-width: 768px) {

  .ambition-tab[data-v-77d48342] {
    min-height: 104px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
  }
}
@media (min-width: 1024px) {

  .ambition-tab[data-v-77d48342] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
.ambition-tab[data-v-77d48342] {
  transition: background-color 220ms;
}
/* No-JS and reduced-motion indicator; the live bar below replaces it. */
.ambition-tab[data-v-77d48342]::before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 0.125rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 768px) {

  .ambition-tab[data-v-77d48342]::before {
    bottom: auto;
    top: 0px;
  }
}
.ambition-tab[data-v-77d48342]::before {
  content: '';
  opacity: 0;
  transition: opacity 220ms;
}
.ambition-tab[aria-selected='true'][data-v-77d48342]::before {
  opacity: 1;
}
.ambition-tabs--live .ambition-tab[data-v-77d48342]::before {
  content: none;
}
.ambition-tab[aria-selected='true'][data-v-77d48342] {
  background-color: rgb(255 255 255 / 0.05);
}
.ambition-tab[data-v-77d48342]:hover {
  background-color: rgb(255 255 255 / 0.05);
}
.tab-indicator[data-v-77d48342] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: none;
  height: 0.125rem;
}
@media (min-width: 768px) {

  .tab-indicator[data-v-77d48342] {
    bottom: auto;
    top: 0px;
  }
}
.tab-indicator[data-v-77d48342] {
  transform-origin: 0 50%;
}
.ambition-tabs--live .tab-indicator[data-v-77d48342] {
  display: block;
}
.tab-track[data-v-77d48342],
.tab-fill[data-v-77d48342] {
  position: absolute;
  inset: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.tab-fill[data-v-77d48342] {
  opacity: 0;
  transform-origin: 0 50%;
}
.tab-copy[data-v-77d48342] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 359px) {
  .fx-board-row > .tab-copy[data-v-77d48342][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .tab-copy[data-v-77d48342][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.tab-copy strong[data-v-77d48342] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tab-copy .tab-title-full[data-v-77d48342] {
  display: none;
}
@media (min-width: 768px) {

  .tab-copy .tab-title-full[data-v-77d48342] {
    display: block;
  }
}
.tab-copy .tab-title-short[data-v-77d48342] {
  display: block;
}
@media (min-width: 768px) {

  .tab-copy .tab-title-short[data-v-77d48342] {
    display: none;
  }
}
.tab-copy > span[data-v-77d48342] {
  display: none;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .tab-copy > span[data-v-77d48342] {
    display: block;
  }
}
.tab-arrow[data-v-77d48342] {
  margin-left: auto;
  display: none;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .tab-arrow[data-v-77d48342] {
    display: block;
  }
}
.tab-arrow[data-v-77d48342] {
  opacity: 0;
  transition: opacity 220ms, transform 220ms;
  transform: translate(-3px, 3px);
}
.ambition-tab[aria-selected='true'] .tab-arrow[data-v-77d48342] {
  opacity: 1;
  transform: none;
}
.ambition-stage[data-v-77d48342] :focus-visible {
  outline: 2px solid #C9DAFF;
  outline-offset: -5px;
  border-radius: 4px;
}
.chapter[data-v-77d48342]:focus-visible {
  outline-offset: 8px;
}
.chapter-link[data-v-77d48342]:focus-visible {
  outline-offset: 6px;
}
@media (min-width: 768px) {
  .ambition-art[data-v-77d48342] {
    width: 117%;
    margin-left: -13%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .chapter-description[data-v-77d48342] {
    min-height: 156px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ambition *[data-v-77d48342],
  .ambition *[data-v-77d48342]::before {
    transition: none !important;
  }
}

/* components/FaqsAccordion.vue */

.faq-accordion[data-v-4e38ae66] {
  contain: inline-size;
}
.faq-item[data-v-4e38ae66] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
}
.faq-row[data-v-4e38ae66] {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 44px;
}
.faq-row[data-v-4e38ae66]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.faq-row[data-v-4e38ae66]:active {
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.faq-row[data-v-4e38ae66]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.faq-row[data-v-4e38ae66]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 5px;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .faq-row[data-v-4e38ae66] {
    transition: none;
  }
}
.faq-question[data-v-4e38ae66] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.faq-plus[data-v-4e38ae66] {
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  transition: transform 0.2s ease;
}
.faq-plus.is-open[data-v-4e38ae66] {
  transform: rotate(45deg);
}
/* Full width on phones (the old pr-8 squeezed a 310px column); a readable
   measure on desktop. */
.faq-answer[data-v-4e38ae66] {
  overflow-wrap: break-word;
  padding-bottom: 1.5rem;
  padding-right: 0.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .faq-answer[data-v-4e38ae66] {
    padding-right: 2.5rem;
  }
}
.faq-answer[data-v-4e38ae66] {
  max-width: 68ch;
}
.faq-answer[data-v-4e38ae66] p + p,
.faq-answer[data-v-4e38ae66] p + ul,
.faq-answer[data-v-4e38ae66] ul + p {
  margin-top: 0.75rem;
}
.faq-answer[data-v-4e38ae66] ul {
  list-style-type: disc;
  padding-left: 1.25rem;
}
.faq-answer[data-v-4e38ae66] a {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}
.accordion-enter-active[data-v-4e38ae66],
.accordion-leave-active[data-v-4e38ae66] {
  transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  overflow: hidden;
}
.accordion-enter[data-v-4e38ae66],
.accordion-leave-to[data-v-4e38ae66] {
  height: 0 !important;
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .faq-plus[data-v-4e38ae66],
  .accordion-enter-active[data-v-4e38ae66],
  .accordion-leave-active[data-v-4e38ae66] {
    transition: none !important;
  }
}

/* components/FaqsSection.vue */

.faq-section[data-v-c33fc610] {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 640px) {

  .faq-section[data-v-c33fc610] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .faq-section[data-v-c33fc610] {
    margin-left: 4rem;
    margin-right: 4rem;
    margin-top: 6rem;
    margin-bottom: 3rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.faq-grid[data-v-c33fc610] {
  display: grid;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .faq-grid[data-v-c33fc610] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 0px;
  }

  .faq-copy[data-v-c33fc610] {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
  }

  .faq-list[data-v-c33fc610] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
  }
}
.faq-page-shell[data-v-c33fc610] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .faq-page-shell[data-v-c33fc610] {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .faq-grid-flush .faq-copy[data-v-c33fc610],
.faq-grid-flush .faq-list[data-v-c33fc610] {
    grid-column: span 6 / span 6;
    grid-column-start: auto;
  }
}
.eyebrow[data-v-c33fc610] {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.faq-heading[data-v-c33fc610] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .faq-heading[data-v-c33fc610],
  h2 .faq-heading[data-v-c33fc610],
  h3 .faq-heading[data-v-c33fc610] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .faq-heading[data-v-c33fc610] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.faq-heading[data-v-c33fc610] {
  text-wrap: balance;
}
.faq-heading[data-v-c33fc610] em,
.faq-heading[data-v-c33fc610] .section-title-2-italic {
  font-style: italic;
}
.body-copy[data-v-c33fc610] {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .body-copy[data-v-c33fc610] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.faq-footer[data-v-c33fc610] {
  margin-top: 2rem;
}
.faq-section a[data-v-c33fc610]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 5px;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .faq-section *[data-v-c33fc610],
  .faq-section *[data-v-c33fc610]::before,
  .faq-section *[data-v-c33fc610]::after {
    transition: none !important;
  }
}

/* components/index/IndexFaq.vue */

.faq-see-all[data-v-152f3d3e] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}

.faq-see-all[data-v-152f3d3e]:hover {
  text-decoration-line: underline;
}

/* pages/index.vue */

.reserve-page[data-v-02281a80] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.reserve-container[data-v-02281a80] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .reserve-container[data-v-02281a80] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.reserve-hero[data-v-02281a80] {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .reserve-hero[data-v-02281a80] {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}
.reserve-hero[data-v-02281a80] {
  isolation: isolate;
}
.hero-copy[data-v-02281a80] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
  text-align: left;
}
@media (min-width: 1024px) {

  .hero-copy[data-v-02281a80] {
    grid-template-columns: 1.05fr 0.95fr;
    gap: 3rem;
  }
}
.hero-picture[data-v-02281a80] {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  max-width: 28rem;
}
@media (min-width: 1024px) {

  .hero-picture[data-v-02281a80] {
    max-width: none;
  }
}
.hero-portrait[data-v-02281a80] {
  width: 100%;
  border-radius: 1rem;
  object-fit: cover;
}
.hero-intro[data-v-02281a80] {
  margin-top: 1.25rem;
}
.hero-signup[data-v-02281a80] {
  margin-top: 1.75rem;
  max-width: 520px;
}
.hero-trust[data-v-02281a80] {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-trust[data-v-02281a80] {
    margin-bottom: 3.5rem;
  }
}
/* Proof line shared with the Full Reserve page: inline value + micro label
   pairs split by hairline dividers. Sans and compact on purpose. */
.metrics-strip[data-v-02281a80] {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: rgb(11 21 38 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.metrics-inner[data-v-02281a80] {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 80rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {

  .metrics-inner[data-v-02281a80] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.metric[data-v-02281a80] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .metric[data-v-02281a80] {
    flex-direction: row;
    align-items: baseline;
    gap: 0.75rem;
    border-left-width: 1px;
    border-color: rgb(11 21 38 / 0.1);
    text-align: left;
  }

  .metric[data-v-02281a80]:first-child {
    border-left-width: 0px;
  }
}
.metric-value[data-v-02281a80] {
  white-space: nowrap;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 800;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.drawer-row .metric-value[data-v-02281a80][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 1024px) {

  .metric-value[data-v-02281a80] {
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: 0.005em;
  }
}
.metric-label[data-v-02281a80] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
/* Connected globe (from seamless-transactions): coin globe under the
   Connected headline, replacing the showcase section. */
.connected-globe[data-v-02281a80] {
  /* No bottom padding: the suite's own top padding sets the space below
     the video, matching the space above it. */
  padding-top: 4rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .connected-globe[data-v-02281a80] {
    padding-top: 6rem;
  }
}
.connected-globe-title[data-v-02281a80] {
  margin-left: auto;
  margin-right: auto;
  max-width: 48rem;
  text-wrap: balance;
}
.connected-globe-tagline[data-v-02281a80] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  max-width: 36rem;
}
.connected-globe-video[data-v-02281a80] {
  /* Matches the suite's top padding below, so the video sits centered
     between tagline and cards. */
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
  width: 100%;
  max-width: 28rem;
}
@media (min-width: 1024px) {

  .connected-globe-video[data-v-02281a80] {
    margin-top: 6rem;
  }
}
.body-copy[data-v-02281a80] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .body-copy[data-v-02281a80] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.hero-description[data-v-02281a80] {
  max-width: 48rem;
  line-height: 1.75rem;
}
.reserve-page h2[data-v-02281a80] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .reserve-page h2[data-v-02281a80],
  h2 .reserve-page h2[data-v-02281a80],
  h3 .reserve-page h2[data-v-02281a80] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .reserve-page h2[data-v-02281a80] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.reserve-page a[data-v-02281a80]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 5px;
  border-radius: 4px;
}

/* --- Hero entrance ---------------------------------------------------------
   Pure CSS from first paint (server HTML included): headline words rise out
   of their own masks, a lime marker strokes under "stablecoins", then the
   promise, the form and the proof line settle in behind it. */
.hero-mask[data-v-02281a80] {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  /* Room for Cardo descenders inside the clip, layout unchanged. */
  padding: 0 0.07em 0.16em;
  margin: 0 -0.07em -0.16em;
}
.hero-word[data-v-02281a80] {
  display: inline-block;
}
/* Interactive, so it never goes transparent: it only settles into place. */
.hero-signup[data-v-02281a80] {
  animation: hero-settle-02281a80 1s cubic-bezier(0.16, 1, 0.3, 1) 0.45s both;
}
.trust-phrase[data-v-02281a80] {
  display: inline-block;
}
.story-stage[data-v-02281a80] {
  position: relative;
  isolation: isolate;
}
.story-glow[data-v-02281a80] {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  inset: 16% 3% -7%;
  opacity: 0.8;
  background: radial-gradient(
    ellipse 58% 52% at 50% 46%,
    rgb(85 120 255 / 24%),
    rgb(168 203 255 / 10%) 48%,
    transparent 76%
  );
}
.story-rise[data-v-02281a80] {
  position: relative;
  animation: story-rise-02281a80 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;
}
@keyframes hero-settle-02281a80 {
  from {
    transform: translateY(14px);
  }
  to {
    transform: none;
  }
}
@keyframes story-rise-02281a80 {
  0% {
    opacity: 0;
    transform: translateY(48px);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .reserve-page *[data-v-02281a80],
  .reserve-page *[data-v-02281a80]::before,
  .reserve-page *[data-v-02281a80]::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .hero-word[data-v-02281a80],
  .hero-description[data-v-02281a80],
  .hero-signup[data-v-02281a80],
  .trust-phrase[data-v-02281a80],
  .story-rise[data-v-02281a80] {
    animation: none !important;
  }
}

/* components/solutions/AgenticTerminal.vue */

.agentic-terminal[data-v-fa4ea89d] {
  /* tailwind.config.js replaces fontFamily wholesale, so there is no
     font-mono utility to @apply here. */
  --agentic-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas,
    'Liberation Mono', monospace;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.agentic-terminal-chrome[data-v-fa4ea89d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.1;
}

.agentic-terminal-dot[data-v-fa4ea89d] {
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;
}

.agentic-terminal-title[data-v-fa4ea89d] {
  margin-left: 0.5rem;
  min-width: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-terminal-title[data-v-fa4ea89d][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-terminal-title[data-v-fa4ea89d][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.agentic-terminal-title[data-v-fa4ea89d] {
  overflow-wrap: anywhere;
  font-family: var(--agentic-mono);
}

.agentic-terminal-session[data-v-fa4ea89d] {
  display: grid;
}

.agentic-terminal-sizer[data-v-fa4ea89d],
.agentic-terminal-playback[data-v-fa4ea89d] {
  grid-area: 1 / 1;
  min-width: 0;
}

.agentic-terminal-sizer[data-v-fa4ea89d] {
  visibility: hidden;
  pointer-events: none;
}

.agentic-terminal-sizer .agentic-terminal-line[data-v-fa4ea89d],
.agentic-terminal-sizer .agentic-cursor[data-v-fa4ea89d] {
  animation: none;
}

.agentic-terminal-body[data-v-fa4ea89d] {
  padding: 1rem;
}

@media (min-width: 640px) {

  .agentic-terminal-body[data-v-fa4ea89d] {
    padding: 1.25rem;
  }
}

.agentic-terminal-line[data-v-fa4ea89d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
}

@media (min-width: 640px) {

  .agentic-terminal-line[data-v-fa4ea89d] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.agentic-terminal-line[data-v-fa4ea89d] {
  margin-bottom: 0.75rem;
  overflow-wrap: break-word;
}

.agentic-terminal-line[data-v-fa4ea89d]:last-child {
  margin-bottom: 0px;
}

.agentic-terminal-line[data-v-fa4ea89d] {
  font-family: var(--agentic-mono);
  animation: agentic-line-in-fa4ea89d 0.25s ease-out both;
}

.agentic-terminal-marker[data-v-fa4ea89d] {
  width: 0.75rem;
  flex-shrink: 0;
  text-align: center;
}

.agentic-terminal-text[data-v-fa4ea89d] {
  min-width: 0px;
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-terminal-text[data-v-fa4ea89d][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-terminal-text[data-v-fa4ea89d][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.agentic-terminal-text[data-v-fa4ea89d] {
  overflow-wrap: anywhere;
}

.is-command .agentic-terminal-marker[data-v-fa4ea89d] {
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
}

.is-success .agentic-terminal-marker[data-v-fa4ea89d] {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.is-pending .agentic-terminal-marker[data-v-fa4ea89d] {
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
  animation: agentic-spin-fa4ea89d 1.4s linear infinite;
}

.is-command .agentic-terminal-text[data-v-fa4ea89d] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.is-success .agentic-terminal-text[data-v-fa4ea89d],
.is-pending .agentic-terminal-text[data-v-fa4ea89d],
.is-output .agentic-terminal-text[data-v-fa4ea89d] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

.agentic-cursor[data-v-fa4ea89d] {
  margin-left: 0.25rem;
  display: inline-block;
  height: 1rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  vertical-align: middle;
  animation: agentic-blink-fa4ea89d 1.1s step-end infinite;
}

@keyframes agentic-blink-fa4ea89d {
  50% {
    opacity: 0;
  }
}

@keyframes agentic-spin-fa4ea89d {
  to {
    transform: rotate(360deg);
  }
}

@keyframes agentic-line-in-fa4ea89d {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .agentic-terminal-line[data-v-fa4ea89d],
  .agentic-cursor[data-v-fa4ea89d],
  .is-pending .agentic-terminal-marker[data-v-fa4ea89d] {
    animation: none;
  }
}

/* components/solutions/AgenticFinanceHero.vue */

.agentic-hero[data-v-266c75cc] {
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .agentic-hero[data-v-266c75cc] {
    padding-bottom: 5rem;
  }
}

.agentic-hero-grid[data-v-266c75cc] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}

@media (min-width: 1024px) {

  .agentic-hero-grid[data-v-266c75cc] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
  }
}

@media (min-width: 1280px) {

  .agentic-hero-grid[data-v-266c75cc] {
    gap: 4rem;
  }
}

.agentic-hero-copy[data-v-266c75cc] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 1.5rem;
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-hero-copy[data-v-266c75cc][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-hero-copy[data-v-266c75cc][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.agentic-hero-copy h1[data-v-266c75cc] {
  text-wrap: balance;
}

.agentic-hero-points[data-v-266c75cc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.agentic-hero-point[data-v-266c75cc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.agentic-hero-check[data-v-266c75cc] {
  margin-top: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}

.agentic-hero-actions[data-v-266c75cc] {
  width: 100%;
  max-width: 32rem;
}

.agentic-hero-demo[data-v-266c75cc] {
  min-width: 0px;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-hero-demo[data-v-266c75cc][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-hero-demo[data-v-266c75cc][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

@media (min-width: 640px) {

  .agentic-hero-demo[data-v-266c75cc] {
    padding: 1.5rem;
  }
}

.agentic-demo-journey[data-v-266c75cc] {
  position: relative;
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  text-align: center;
}

.agentic-demo-connection[data-v-266c75cc] {
  position: absolute;
  top: 0.75rem;
  left: 0px;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  transform-origin: left;
}

.agentic-demo-stage[data-v-266c75cc] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.agentic-demo-number[data-v-266c75cc] {
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.drawer-row .agentic-demo-number[data-v-266c75cc][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

/* components/visuals/AgenticCodeBlock.vue */

.agentic-code[data-v-78d18494] {
  /* tailwind.config.js replaces fontFamily wholesale, so there is no
     font-mono utility; this matches the hero terminal. */
  --agentic-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas,
    'Liberation Mono', monospace;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.agentic-code-head[data-v-78d18494] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 0.5rem;
}

.agentic-code-lang[data-v-78d18494] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgb(255 255 255 / 0.6);
}

.agentic-code-copy[data-v-78d18494] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: rgb(255 255 255 / 0.8);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.agentic-code-copy[data-v-78d18494]:hover {
  background-color: rgb(255 255 255 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.agentic-code-copy[data-v-78d18494]:focus-visible,
.agentic-code-body[data-v-78d18494]:focus-visible {
  outline: 2px solid #A8CBFF;
  outline-offset: 2px;
}

.agentic-code-body[data-v-78d18494]:focus-visible {
  outline-offset: -2px;
}

.agentic-code-copy.is-copied[data-v-78d18494] {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.agentic-code-copy svg[data-v-78d18494] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agentic-code-body[data-v-78d18494] {
  margin: 0px;
  flex: 1 1 0%;
  overflow-x: auto;
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
}

.why-index-link:hover .agentic-code-body[data-v-78d18494][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

@media (min-width: 1024px) {

  .agentic-code-body[data-v-78d18494] {
    padding: 1.25rem;
  }
}

.agentic-code-body[data-v-78d18494] {
  font-family: var(--agentic-mono);
}

.agentic-code-line[data-v-78d18494] {
  display: block;
  white-space: pre;
}

.agentic-code-line.is-command[data-v-78d18494] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.agentic-code-line.is-output[data-v-78d18494] {
  color: rgb(255 255 255 / 0.6);
}

.agentic-code-line.is-plain[data-v-78d18494] {
  color: rgb(255 255 255 / 0.9);
}

.agentic-code-prompt[data-v-78d18494] {
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
  user-select: none;
}

@media (prefers-reduced-motion: reduce) {
  .agentic-code-copy[data-v-78d18494] {
    transition: none;
  }
}

/* components/visuals/AgenticWorkflowVisual.vue */

.agentic-flow[data-v-185ccab4] {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 32rem;
}

/* Number rail on the left, card on the right; a dashed line joins the steps. */
.agentic-flow-step[data-v-185ccab4] {
  position: relative;
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  column-gap: 0.875rem;
}

.agentic-flow-step[data-v-185ccab4]:not(:last-child)::before {
  content: '';
  position: absolute;
  left: calc(0.875rem - 1px);
  /* From under this dot (mt-4 + h-7) to the top of the next one (gap-4 + mt-4). */
  top: 2.75rem;
  bottom: -2rem;
  border-left: 2px dashed #A8CBFF;
}

.agentic-flow-dot[data-v-185ccab4] {
  position: relative;
  margin-top: 1rem;
}

/* The owner's step is a different actor, so it gets a pale blue decision marker. */
.agentic-flow-dot--owner[data-v-185ccab4] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}

.agentic-flow-card[data-v-185ccab4] {
  padding: 1rem;
}

@media (min-width: 640px) {

  .agentic-flow-card[data-v-185ccab4] {
    padding: 1.25rem;
  }
}

.agentic-flow-who[data-v-185ccab4] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.375rem;
}

.agentic-flow-head[data-v-185ccab4] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.agentic-flow-title[data-v-185ccab4] {
  margin-top: 0.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.agentic-flow-wallet[data-v-185ccab4] {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.625rem;
  padding-right: 0.75rem;
}

.agentic-flow-wallet .ui-icon[data-v-185ccab4] {
  display: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

@media (min-width: 640px) {

  .agentic-flow-wallet .ui-icon[data-v-185ccab4] {
    display: inline-flex;
  }
}

.agentic-flow-invoice[data-v-185ccab4] {
  margin-top: 0.25rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 0.75rem;
}

.agentic-flow-amount[data-v-185ccab4] {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.agentic-flow-eric[data-v-185ccab4] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.agentic-flow-avatar[data-v-185ccab4] {
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}

.agentic-flow-eric-name[data-v-185ccab4] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.agentic-flow-paid[data-v-185ccab4] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.agentic-flow-check[data-v-185ccab4] {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}

.agentic-flow-check svg[data-v-185ccab4] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agentic-flow-rails[data-v-185ccab4] {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Dashed outline: offered, but not switched on yet. */
.agentic-flow-rail[data-v-185ccab4] {
  border-radius: 9999px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* A wrapping version of ui-chip--wait: the status is a sentence. */
.agentic-flow-status[data-v-185ccab4] {
  margin-top: 0.75rem;
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  border-radius: 0.75rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1.375;
}

.agentic-flow-status svg[data-v-185ccab4] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agentic-flow-note[data-v-185ccab4] {
  margin-top: 0.5rem;
}

/* pages/agentic-finance.vue */

.agentic-section[data-v-c9866e3d] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .agentic-section[data-v-c9866e3d] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.agentic-section-head[data-v-c9866e3d] {
  margin-bottom: 2rem;
  display: grid;
  align-items: flex-end;
  gap: 1.5rem;
}

@media (min-width: 1024px) {

  .agentic-section-head[data-v-c9866e3d] {
    margin-bottom: 2.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
  }
}

@media (min-width: 1280px) {

  .agentic-section-head[data-v-c9866e3d] {
    gap: 4rem;
  }
}

.agentic-section-head h2[data-v-c9866e3d],
.agentic-steps-copy h2[data-v-c9866e3d] {
  text-wrap: balance;
}

.agentic-tools-grid[data-v-c9866e3d] {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 1024px) {

  .agentic-tools-grid[data-v-c9866e3d] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.agentic-tool[data-v-c9866e3d] {
  display: grid;
  min-width: 0px;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-tool[data-v-c9866e3d][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-tool[data-v-c9866e3d][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

@media (min-width: 640px) {

  .agentic-tool[data-v-c9866e3d] {
    padding: 2rem;
  }
}

.agentic-tool[data-v-c9866e3d] {
  grid-template-rows: auto 1fr auto;
}

.agentic-tool-heading[data-v-c9866e3d] {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.agentic-card-title[data-v-c9866e3d] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .agentic-tool-code[data-v-c9866e3d] {
    min-height: 18rem;
  }
}

.agentic-workflow[data-v-c9866e3d] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}

.agentic-workflow-grid[data-v-c9866e3d] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}

@media (min-width: 1024px) {

  .agentic-workflow-grid[data-v-c9866e3d] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
  }
}

@media (min-width: 1280px) {

  .agentic-workflow-grid[data-v-c9866e3d] {
    gap: 5rem;
  }
}

.agentic-steps-copy[data-v-c9866e3d],
.agentic-workflow-visual[data-v-c9866e3d] {
  min-width: 0px;
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-steps-copy[data-v-c9866e3d][data-v-309cba6d],.fx-board-row > 
.agentic-workflow-visual[data-v-c9866e3d][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-steps-copy[data-v-c9866e3d][data-v-737db1fe],.gt-invoice > 
.agentic-workflow-visual[data-v-c9866e3d][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.agentic-steps[data-v-c9866e3d] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.agentic-page .agentic-ask-ai.embedded[data-v-c9866e3d] {
  margin-top: 0px;
}

.agentic-page .agentic-ask-ai.embedded[data-v-c9866e3d] .ask-ai-card {
  border-bottom-width: 1px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.agentic-faq.faq-section[data-v-c9866e3d] {
  margin: 0px;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .agentic-faq.faq-section[data-v-c9866e3d] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .agentic-faq[data-v-c9866e3d] .faq-copy {
    grid-column: span 4 / span 4;
    grid-column-start: 1;
  }

  .agentic-faq[data-v-c9866e3d] .faq-list {
    grid-column: span 7 / span 7;
    grid-column-start: 6;
  }
}

/* components/company/BankFintechVisual.vue */

.bank-fintech-visual[data-v-ac927f33] {
  /* No margin here: the page positions this figure (Tailwind's base reset
     already zeroes figure margins). A root margin ties the page's class at
     equal specificity, so production CSS order would decide the layout. */
  padding: 32px;
  border: 1px solid #E2E8F0;
  border-radius: 24px;
  background: #EEF3FF;
}
.systems-grid[data-v-ac927f33] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.system-bank[data-v-ac927f33],
.system-fintech[data-v-ac927f33] {
  padding: 24px;
  border-radius: 16px;
  background: white;
  border: 1px solid #E2E8F0;
  min-width: 0;
}
.system-fintech[data-v-ac927f33] {
  background: #244486;
  color: white;
  border-color: #244486;
}
.system-label[data-v-ac927f33] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
}
.system-bank .system-label[data-v-ac927f33] {
  color: #5B677A;
}
.system-fintech .system-label[data-v-ac927f33] {
  color: #C9DAFF;
}
.bank-drawing[data-v-ac927f33] {
  width: 100%;
  height: 132px;
  margin: 13px 0 0;
  stroke: #244486;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.system-tags[data-v-ac927f33] {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.system-tags span[data-v-ac927f33] {
  font-size: 11px;
  padding: 3px 10px;
  border: 1px solid #E2E8F0;
  border-radius: 5px;
  color: #5B677A;
}
.systems-grid p[data-v-ac927f33] {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 20px;
}
.system-bank p[data-v-ac927f33] {
  color: #5B677A;
}
.system-fintech p[data-v-ac927f33] {
  color: #DFE9FF;
}
.fintech-window[data-v-ac927f33] {
  margin-top: 23px;
  padding: 14px;
  background: #fff;
  border-radius: 8px;
  color: #244486;
  box-shadow: 0 8px 24px #0002;
}
.window-toolbar[data-v-ac927f33] {
  display: flex;
  gap: 3px;
  align-items: center;
  padding-bottom: 15px;
}
.window-toolbar i[data-v-ac927f33] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #DFE9FF;
}
.window-toolbar span[data-v-ac927f33] {
  font-size: 10px;
  margin-left: auto;
  font-weight: 700;
}
.window-payment[data-v-ac927f33] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  font-size: 11px;
}
.window-payment b[data-v-ac927f33] {
  font-size: 13px;
}
.window-track[data-v-ac927f33] {
  display: flex;
  gap: 5px;
  margin: 17px 0 13px;
}
.window-track span[data-v-ac927f33] {
  flex: 1;
  height: 5px;
  border-radius: 4px;
  background: #C9DAFF;
  transform-origin: left;
}
.window-track span[data-v-ac927f33]:last-child {
  background: #C9DAFF;
}
.window-status[data-v-ac927f33] {
  font-size: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.status-check[data-v-ac927f33] {
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #EEF3FF;
}
.system-connection[data-v-ac927f33] {
  display: block;
  width: 100%;
  height: 58px;
}
.connection-base[data-v-ac927f33] {
  stroke: #CDD5E1;
  stroke-width: 2;
}
.connection-progress[data-v-ac927f33] {
  stroke: #5578FF;
  stroke-width: 2;
  stroke-dasharray: 1;
}
.system-outcome[data-v-ac927f33] {
  padding: 21px;
  display: flex;
  gap: 14px;
  align-items: center;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  background: white;
}
.outcome-mark[data-v-ac927f33] {
  background: #C9DAFF;
  color: #244486;
  border-radius: 9px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-size: 23px;
}
.system-outcome strong[data-v-ac927f33] {
  font-size: 16px;
  color: #244486;
}
.system-outcome p[data-v-ac927f33] {
  color: #5B677A;
  margin-top: 3px;
  font-size: 14px;
  line-height: 1.5;
}
@media (prefers-reduced-motion: no-preference) {
  .is-visible .connection-progress[data-v-ac927f33] {
    animation: connect-ac927f33 1.8s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  .is-visible .window-track span[data-v-ac927f33] {
    animation: progress-ac927f33 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  .is-visible .window-track span[data-v-ac927f33]:nth-child(2) {
    animation-delay: 0.3s;
  }
  .is-visible .window-track span[data-v-ac927f33]:nth-child(3) {
    animation-delay: 0.6s;
  }
}
@keyframes connect-ac927f33 {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes progress-ac927f33 {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@media (max-width: 600px) {
  .bank-fintech-visual[data-v-ac927f33] {
    padding: 16px;
    border-radius: 18px;
  }
  .systems-grid[data-v-ac927f33] {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .system-bank[data-v-ac927f33],
  .system-fintech[data-v-ac927f33] {
    position: relative;
    padding: 22px;
    border-radius: 12px;
  }
  .system-bank[data-v-ac927f33]::after,
  .system-fintech[data-v-ac927f33]::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 33px;
    left: 50%;
    bottom: -33px;
    background: #5578FF;
  }
  .system-label[data-v-ac927f33] {
    font-size: 12px;
    letter-spacing: 0.6px;
  }
  .bank-drawing[data-v-ac927f33] {
    height: 128px;
    margin: 8px 0;
  }
  .system-tags[data-v-ac927f33] {
    gap: 8px;
  }
  .system-tags span[data-v-ac927f33] {
    padding: 3px 9px;
    font-size: 12px;
  }
  .systems-grid p[data-v-ac927f33] {
    font-size: 14px;
    margin-top: 16px;
  }
  .fintech-window[data-v-ac927f33] {
    margin-top: 20px;
    padding: 18px;
  }
  .window-toolbar span[data-v-ac927f33],
  .window-payment[data-v-ac927f33],
  .window-status[data-v-ac927f33] {
    font-size: 14px;
  }
  .window-payment b[data-v-ac927f33] {
    font-size: 14px;
  }
  .window-payment[data-v-ac927f33] {
    gap: 12px;
  }
  .window-track[data-v-ac927f33] {
    margin: 20px 0;
  }
  .window-toolbar i[data-v-ac927f33] {
    width: 5px;
    height: 5px;
  }
  .status-check[data-v-ac927f33] {
    width: 18px;
    height: 18px;
  }
  .system-connection[data-v-ac927f33] {
    display: none;
  }
  .system-outcome[data-v-ac927f33] {
    margin-top: 32px;
    padding: 18px;
    gap: 12px;
  }
  .system-outcome strong[data-v-ac927f33] {
    font-size: 16px;
  }
  .system-outcome p[data-v-ac927f33] {
    font-size: 14px;
  }
}

/* components/company/AboutArchitectureVisual.vue */

.architecture-visual[data-v-6a1b673d] {
  position: relative;
  isolation: isolate;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 32rem;
  padding-top: 2.25rem;
  padding-bottom: 1.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.architecture-grid[data-v-6a1b673d] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  z-index: -10;
  background-image: radial-gradient(
    #A8CBFF 0.7px,
    transparent 0.7px
  );
  background-size: 24px 24px;
  opacity: 0.35;
  mask-image: radial-gradient(ellipse at center, black, transparent 72%);
}
.architecture-business[data-v-6a1b673d] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  gap: 0.75rem;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.architecture-business svg[data-v-6a1b673d] {
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.architecture-visual svg[data-v-6a1b673d] {
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.architecture-connection[data-v-6a1b673d] {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 2.25rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
  fill: none;
}
.architecture-signal[data-v-6a1b673d] {
  stroke: #C9DAFF;
  stroke-width: 2;
}
.architecture-stack[data-v-6a1b673d] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 28rem;
}
.architecture-stack[data-v-6a1b673d]::before,
.architecture-stack[data-v-6a1b673d]::after {
  content: '';
  position: absolute;
  inset: 0px;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  z-index: -1;
}
.architecture-stack[data-v-6a1b673d]::before {
  transform: translateY(12px) scaleX(0.95);
}
.architecture-stack[data-v-6a1b673d]::after {
  transform: translateY(24px) scaleX(0.9);
}
.architecture-platform[data-v-6a1b673d] {
  position: relative;
  z-index: 10;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {

  .architecture-platform[data-v-6a1b673d] {
    padding: 1.5rem;
  }
}
.platform-heading[data-v-6a1b673d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.platform-mark[data-v-6a1b673d] {
  display: flex;
  gap: 0.25rem;
}
.platform-mark i[data-v-6a1b673d] {
  height: 0.375rem;
  width: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.platform-actions[data-v-6a1b673d] {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.platform-actions[data-v-6a1b673d] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  --tw-divide-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-divide-opacity, 1));
}
.platform-actions > div[data-v-6a1b673d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
.platform-action-icon[data-v-6a1b673d] {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.platform-actions > div:last-child .platform-action-icon[data-v-6a1b673d] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.platform-action-icon svg[data-v-6a1b673d] {
  height: 1.5rem;
  width: 1.5rem;
}
.architecture-foundation[data-v-6a1b673d] {
  position: relative;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: -1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2.25rem;
  padding-bottom: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .architecture-foundation[data-v-6a1b673d] {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.foundation-icon[data-v-6a1b673d] {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.foundation-icon svg[data-v-6a1b673d] {
  height: 1.5rem;
  width: 1.5rem;
}
.architecture-foundation strong[data-v-6a1b673d] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.architecture-foundation div > span[data-v-6a1b673d] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.foundation-joint[data-v-6a1b673d] {
  margin-left: auto;
  height: 0.5rem;
  width: 0.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
@media (prefers-reduced-motion: reduce) {
  .architecture-platform[data-v-6a1b673d] {
    transform: none !important;
  }
  .architecture-signal[data-v-6a1b673d] {
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;
  }
}

/* components/company/AboutExploreArtwork.vue */

.explore-artwork[data-v-4c457f93] {
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  aspect-ratio: 5 / 3;
}
.explore-artwork--principles[data-v-4c457f93] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.explore-artwork svg[data-v-4c457f93] {
  display: block;
  height: 100%;
  width: 100%;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.art-grid[data-v-4c457f93] {
  stroke: #DFE9FF;
}
.art-orbit[data-v-4c457f93],
.art-edge[data-v-4c457f93] {
  stroke: #C9DAFF;
}
.art-connection[data-v-4c457f93] {
  stroke: #A8CBFF;
  stroke-dasharray: 4 6;
  stroke-width: 1.5;
}
.art-ink[data-v-4c457f93] {
  stroke: #244486;
  stroke-width: 1.5;
}
.art-paper[data-v-4c457f93] {
  fill: rgb(255 255 255 / 1);
}
.art-shadow[data-v-4c457f93] {
  fill: #C9DAFF;
  opacity: 0.45;
}
.art-lime-fill[data-v-4c457f93] {
  fill: #C9DAFF;
}
.art-navy-fill[data-v-4c457f93] {
  fill: #244486;
}
.art-blue-fill[data-v-4c457f93] {
  fill: #C9DAFF;
}
.art-pale-fill[data-v-4c457f93] {
  fill: #EEF3FF;
}
.compass-needle[data-v-4c457f93],
.principles-top[data-v-4c457f93],
.principles-middle[data-v-4c457f93],
.team-center[data-v-4c457f93] {
  transition: transform 500ms var(--ease-out-expo);
}
.compass-needle[data-v-4c457f93] {
  transform-origin: 200px 118px;
}
.team-center[data-v-4c457f93] {
  transform-origin: 200px 120px;
}
.explore-card:hover .compass-needle[data-v-4c457f93],
.explore-card:focus-visible .compass-needle[data-v-4c457f93] {
  transform: rotate(18deg);
}
.explore-card:hover .principles-top[data-v-4c457f93],
.explore-card:focus-visible .principles-top[data-v-4c457f93] {
  transform: translateY(-6px);
}
.explore-card:hover .principles-middle[data-v-4c457f93],
.explore-card:focus-visible .principles-middle[data-v-4c457f93] {
  transform: translateY(-3px);
}
.explore-card:hover .team-center[data-v-4c457f93],
.explore-card:focus-visible .team-center[data-v-4c457f93] {
  transform: scale(1.06);
}
@media (prefers-reduced-motion: reduce) {
  .explore-artwork *[data-v-4c457f93] {
    transition: none !important;
    transform: none !important;
  }
}

/* pages/company/about-us.vue */

.about-container[data-v-592310f6] {
  /* Same gutter as the .container-padding utility (px-6 lg:px-8);
     @apply cannot reference that custom class from a scoped block. */
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px) {

  .about-container[data-v-592310f6] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* Hero */
.about-hero[data-v-592310f6] {
  padding-top: 4rem;
  padding-bottom: 3.5rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .about-hero[data-v-592310f6] {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}
.about-title[data-v-592310f6] {
  margin-left: auto;
  margin-right: auto;
  max-width: 56rem;
  font-family: Cardo, serif;
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .about-title[data-v-592310f6],
  h2 .about-title[data-v-592310f6],
  h3 .about-title[data-v-592310f6] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .about-title[data-v-592310f6] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.about-lede[data-v-592310f6] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  max-width: 42rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .about-lede[data-v-592310f6] {
    margin-top: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

/* Dual identity cards */
.about-identities[data-v-592310f6] {
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .about-identities[data-v-592310f6] {
    padding-bottom: 5rem;
  }
}
.identities-title[data-v-592310f6] {
  margin-bottom: 2rem;
  text-align: center;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .identities-title[data-v-592310f6],
  h2 .identities-title[data-v-592310f6],
  h3 .identities-title[data-v-592310f6] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .identities-title[data-v-592310f6] {
    margin-bottom: 3rem;
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.identities-grid[data-v-592310f6] {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 1024px) {

  .identities-grid[data-v-592310f6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem;
  }
}
.identity-card[data-v-592310f6] {
  border-radius: 1.5rem;
  padding: 1.75rem;
}
@media (min-width: 1024px) {

  .identity-card[data-v-592310f6] {
    padding: 2.5rem;
  }
}
.identity-card svg[data-v-592310f6] {
  margin-bottom: 1.5rem;
  height: 2rem;
  width: 2rem;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.identity-fintech[data-v-592310f6] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  box-shadow: 0 28px 60px -28px #365086;
}
.identity-fintech .identity-label[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.identity-fintech .identity-body[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.identity-bank[data-v-592310f6] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.identity-bank .identity-label[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.identity-bank .identity-body[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.identity-label[data-v-592310f6] {
  margin-bottom: 0.75rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.identity-heading[data-v-592310f6] {
  margin-bottom: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
}
@media (min-width: 1024px) {

  .identity-heading[data-v-592310f6] {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.identity-body[data-v-592310f6] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
}

.about-eyebrow[data-v-592310f6] {
  margin-bottom: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.about-visual[data-v-592310f6] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  text-align: left;
  max-width: 800px;
}
.about-built[data-v-592310f6] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .about-built[data-v-592310f6] {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 5rem;
  }
}
.built-layout[data-v-592310f6] {
  display: grid;
  gap: 2.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .built-layout[data-v-592310f6] {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .built-layout[data-v-592310f6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
    padding: 3rem;
  }
}
.about-built .about-eyebrow[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.built-title[data-v-592310f6] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .built-title[data-v-592310f6],
  h2 .built-title[data-v-592310f6],
  h3 .built-title[data-v-592310f6] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .built-title[data-v-592310f6] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.built-intro[data-v-592310f6] {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .built-intro[data-v-592310f6] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.built-reasons[data-v-592310f6] {
  align-self: center;
}
.built-reason[data-v-592310f6] {
  border-top-width: 1px;
  border-color: rgb(168 203 255 / 0.3);
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.built-reason[data-v-592310f6]:first-child {
  border-top-width: 0px;
  padding-top: 0px;
}
.built-reason[data-v-592310f6]:last-child {
  padding-bottom: 0px;
}
.built-reason h3[data-v-592310f6] {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.built-reason p[data-v-592310f6] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.about-roles[data-v-592310f6] {
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .about-roles[data-v-592310f6] {
    padding-bottom: 5rem;
  }
}
.roles-layout[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.roles-layout > h2[data-v-592310f6] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.25rem;
  max-width: 48rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .roles-layout > h2[data-v-592310f6] {
    margin-bottom: 3rem;
  }
}
.roles-copy[data-v-592310f6] {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 768px) {

  .roles-copy[data-v-592310f6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .roles-copy[data-v-592310f6] {
    gap: 2rem;
  }
}
.role-card[data-v-592310f6] {
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.role-art[data-v-592310f6] {
  position: relative;
  display: flex;
  height: 10rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  overflow: hidden;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 640px) {

  .role-art[data-v-592310f6] {
    gap: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.role-art--wallet[data-v-592310f6] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.role-art-orbit[data-v-592310f6] {
  position: absolute;
  left: -1.5rem;
  top: -2rem;
  height: 14rem;
  width: 14rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
}
.role-art-orbit[data-v-592310f6]::after {
  content: '';
  position: absolute;
  inset: 1.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
}
.role-art > svg[data-v-592310f6] {
  position: relative;
  height: 6rem;
  width: 8rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .role-art > svg[data-v-592310f6] {
    height: 7rem;
    width: 10rem;
  }
}
.role-art > svg[data-v-592310f6] {
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.role-bank-building[data-v-592310f6],
.role-wallet-front[data-v-592310f6] {
  fill: rgb(255 255 255 / 1);
}
.role-bank-shadow[data-v-592310f6],
.role-wallet-back[data-v-592310f6] {
  fill: #C9DAFF;
}
.role-wallet-key[data-v-592310f6] {
  fill: #C9DAFF;
}
.role-rails[data-v-592310f6] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
.role-rails span[data-v-592310f6] {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.role-assets[data-v-592310f6] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
.role-assets img[data-v-592310f6] {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
}
.role-card-copy[data-v-592310f6] {
  padding: 1.5rem;
}
@media (min-width: 640px) {

  .role-card-copy[data-v-592310f6] {
    padding: 2rem;
  }
}
.role-card-copy h3[data-v-592310f6] {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.role-card-copy p[data-v-592310f6] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.roles-copy a[data-v-592310f6] {
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.roles-copy a[data-v-592310f6]:focus-visible {
  outline: 3px solid #4D6CE6;
  outline-offset: 4px;
}
/* Explore cards */
.about-explore[data-v-592310f6] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .about-explore[data-v-592310f6] {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.explore-title[data-v-592310f6] {
  margin-bottom: 2rem;
  text-align: center;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .explore-title[data-v-592310f6],
  h2 .explore-title[data-v-592310f6],
  h3 .explore-title[data-v-592310f6] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .explore-title[data-v-592310f6] {
    margin-bottom: 3rem;
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.explore-grid[data-v-592310f6] {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 768px) {

  .explore-grid[data-v-592310f6] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .explore-grid[data-v-592310f6] {
    gap: 2rem;
  }
}
.explore-card[data-v-592310f6] {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition: border-color 250ms, box-shadow 250ms;
}
.explore-card[data-v-592310f6]:hover,
.explore-card[data-v-592310f6]:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.explore-card[data-v-592310f6]:focus-visible {
  outline: 3px solid #3F59BF;
  outline-offset: 3px;
}
.explore-card-title[data-v-592310f6] {
  margin-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.explore-card-copy[data-v-592310f6] {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: flex-start;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 1.5rem;
}
.why-index-link:hover .explore-card-copy[data-v-592310f6][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (min-width: 1024px) {

  .explore-card-copy[data-v-592310f6] {
    padding: 1.75rem;
  }
}
.explore-card-body[data-v-592310f6] {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.explore-arrow[data-v-592310f6] {
  margin-top: auto;
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
  transition: background-color 250ms, border-color 250ms;
}
.explore-arrow svg[data-v-592310f6] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 250ms var(--ease-out-expo);
}
.explore-card:hover .explore-arrow[data-v-592310f6],
.explore-card:focus-visible .explore-arrow[data-v-592310f6] {
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.explore-card:hover .explore-arrow svg[data-v-592310f6],
.explore-card:focus-visible .explore-arrow svg[data-v-592310f6] {
  transform: translateX(2px);
}
@media (prefers-reduced-motion: reduce) {
  .explore-card[data-v-592310f6],
  .explore-arrow[data-v-592310f6],
  .explore-arrow svg[data-v-592310f6] {
    transition: none !important;
  }
  .explore-arrow svg[data-v-592310f6] {
    transform: none !important;
  }
}

/* components/company/CareersHero.vue */

.careers-hero-section[data-v-6e04bdca] {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px) {

  .careers-hero-section[data-v-6e04bdca] {
    padding-top: 2.5rem;
  }
}
.careers-hero[data-v-6e04bdca] {
  display: grid;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .careers-hero[data-v-6e04bdca] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.careers-hero-copy[data-v-6e04bdca] {
  padding: 1.75rem;
}
@media (min-width: 640px) {

  .careers-hero-copy[data-v-6e04bdca] {
    padding: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .careers-hero-copy[data-v-6e04bdca] {
    padding: 3rem;
  }
}
.careers-hero-text[data-v-6e04bdca] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .careers-hero-text[data-v-6e04bdca] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.openings-card[data-v-6e04bdca] {
  margin-top: 2rem;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: 1.5rem;
}
.careers-photograph[data-v-6e04bdca] {
  position: relative;
  overflow: hidden;
}
.careers-photograph img[data-v-6e04bdca] {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}
@media (min-width: 1024px) {
  .careers-photograph[data-v-6e04bdca] {
    position: relative;
  }
  .careers-photograph img[data-v-6e04bdca] {
    position: absolute;
    inset: 0px;
    aspect-ratio: auto;
  }
}
.openings-count[data-v-6e04bdca] {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.openings-number[data-v-6e04bdca] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2rem;
  letter-spacing: 0.01em;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.openings-chips[data-v-6e04bdca] {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.openings-link[data-v-6e04bdca] {
  margin-top: 1.25rem;
  gap: 0.5rem;
}
.openings-link[data-v-6e04bdca]:focus-visible {
  outline: 3px solid #C9DAFF;
  outline-offset: 4px;
}

/* components/company/CareersGlobalFirst.vue */

@media (min-width: 1024px) {

  [data-v-73b071c2] .global-first-section .left-side {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
  }

  [data-v-73b071c2] .global-first-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
  }
}

/* components/containers/SectionContent.vue */

@media (min-width: 1024px) {

  .left-side[data-v-88c9e6fd],
.right-side[data-v-88c9e6fd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.left-side[data-v-88c9e6fd] {
  margin-bottom: 3rem;
}
@media (min-width: 640px) {

  .left-side[data-v-88c9e6fd] {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
  }
}
@media (min-width: 1024px) {

  .left-side[data-v-88c9e6fd] {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
    margin-bottom: 0px;
  }
}

@media (min-width: 640px) {

  .right-side[data-v-88c9e6fd] {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
  }
}

@media (min-width: 1024px) {

  .right-side[data-v-88c9e6fd] {
    grid-column: span 4 / span 4;
    grid-column-start: 7;
  }
}

.reverse .right-side[data-v-88c9e6fd] {
  order: 1;
}

@media (min-width: 1024px) {

  .reverse .right-side[data-v-88c9e6fd] {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
  }
}

.reverse .left-side[data-v-88c9e6fd] {
  order: 2;
}

@media (min-width: 1024px) {

  .reverse .left-side[data-v-88c9e6fd] {
    grid-column: span 4 / span 4;
    grid-column-start: 7;
  }
}

[data-v-88c9e6fd] .full-width {
  width: 100vw;
  margin-left: -1.5rem;
}

[data-v-88c9e6fd] .full-width img {
  margin-bottom: 0px;
  width: 100%;
}
@media (min-width: 640px) {
  [data-v-88c9e6fd] .full-width {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1024px) {

  [data-v-88c9e6fd] .img-grows-right {
    width: max-content;
  }
}

[data-v-88c9e6fd] .img-grows-right img {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1024px) {

  [data-v-88c9e6fd] .img-grows-right img {
    width: 100%;
  }

  [data-v-88c9e6fd] .img-grows-left {
    width: max-content;
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

[data-v-88c9e6fd] .img-grows-left img {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1024px) {

  [data-v-88c9e6fd] .img-grows-left img {
    width: 100%;
  }
}

/* components/JobCard.vue */

.job-card[data-v-c54f94ca] {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: 1.5rem;
}
.job-title[data-v-c54f94ca] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.job-terms[data-v-c54f94ca] {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.job-terms svg[data-v-c54f94ca] {
  height: 0.875rem;
  width: 0.875rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.job-link[data-v-c54f94ca] {
  margin-top: 1.5rem;
  gap: 0.5rem;
  align-self: flex-start;
}
.job-link[data-v-c54f94ca]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 3px;
}

/* components/company/CareersCurrentOpenings.vue */

.openings-section[data-v-56677968] {
  padding-bottom: 3.5rem;
}

@media (min-width: 1024px) {

  .openings-section[data-v-56677968] {
    padding-bottom: 6rem;
  }
}

.openings-section[data-v-56677968] {
  scroll-margin-top: 6rem;
}
.openings-grid[data-v-56677968] {
  display: grid;
  gap: 1rem;
}
@media (min-width: 640px) {

  .openings-grid[data-v-56677968] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .openings-grid[data-v-56677968] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }
}

/* components/company/AboutUsHero.vue */

.about-hero[data-v-e7039de1] {
  padding-top: 2.5rem;
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {

  .about-hero[data-v-e7039de1] {
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
  }
}
.about-introduction[data-v-e7039de1] {
  display: grid;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1024px) {

  .about-introduction[data-v-e7039de1] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
  }

  .about-copy[data-v-e7039de1] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.about-photograph[data-v-e7039de1] {
  overflow: hidden;
}
.about-photograph img[data-v-e7039de1] {
  display: block;
  width: 100%;
  border-radius: 1.5rem;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}
.identity-card[data-v-e7039de1] {
  margin-top: 2rem;
  display: grid;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .identity-card[data-v-e7039de1] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .identity-card[data-v-e7039de1] {
    margin-top: 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.identity-card[data-v-e7039de1] .identity-item + .identity-item {
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
}
@media (min-width: 1024px) {

  .identity-card[data-v-e7039de1] .identity-item + .identity-item {
    border-top-width: 0px;
    border-left-width: 1px;
    padding-left: 3rem;
  }
}

/* components/company/AboutUsMission.vue */

.identity-item[data-v-c5ee9ac5] {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.identity-label[data-v-c5ee9ac5] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.identity-statement[data-v-c5ee9ac5] {
  margin-top: 0.75rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .identity-statement[data-v-c5ee9ac5],
  h2 .identity-statement[data-v-c5ee9ac5],
  h3 .identity-statement[data-v-c5ee9ac5] {
    font-size: inherit;
    line-height: inherit;
  }

/* components/company/AboutUsVision.vue */

.identity-item[data-v-acc6658a] {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.identity-label[data-v-acc6658a] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.identity-statement[data-v-acc6658a] {
  margin-top: 0.75rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .identity-statement[data-v-acc6658a],
  h2 .identity-statement[data-v-acc6658a],
  h3 .identity-statement[data-v-acc6658a] {
    font-size: inherit;
    line-height: inherit;
  }

/* components/company/AboutUsOurValues.vue */

.values-section[data-v-2dfc2f3d] {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  .values-section[data-v-2dfc2f3d] {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
.values-grid[data-v-2dfc2f3d] {
  margin-top: 1rem;
  display: grid;
  gap: 1.25rem;
}
@media (min-width: 1024px) {

  .values-grid[data-v-2dfc2f3d] {
    margin-top: 2rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.value-card[data-v-2dfc2f3d] {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .value-card[data-v-2dfc2f3d] {
    padding: 1.5rem;
  }
}
@media (min-width: 1024px) {

  .value-card[data-v-2dfc2f3d] {
    padding: 2rem;
  }
}
.value-title[data-v-2dfc2f3d] {
  margin-top: 1rem;
  font-family: Cardo, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 400;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .value-title[data-v-2dfc2f3d],
  h2 .value-title[data-v-2dfc2f3d],
  h3 .value-title[data-v-2dfc2f3d] {
    font-size: inherit;
    line-height: inherit;
  }
.value-eyebrow[data-v-2dfc2f3d] {
  margin-top: 1.5rem;
}
.value-quote[data-v-2dfc2f3d] {
  margin-top: 0.5rem;
  flex: 1 1 0%;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.why-index-link:hover .value-quote[data-v-2dfc2f3d][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
/* Inline, so a wrapped principle title keeps the arrow after its last word. */
.value-link[data-v-2dfc2f3d] {
  margin-top: 1.5rem;
  align-self: flex-start;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.value-link[data-v-2dfc2f3d]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 4px;
  border-radius: 4px;
}

/* components/ImageWithTextCarousel.vue */

.testimonials[data-v-73a67a3b] {
  display: grid;
  gap: 2rem;
}

@media (min-width: 1024px) {

  .testimonials[data-v-73a67a3b] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: center;
    column-gap: 2rem;
  }

  .testimonials-intro[data-v-73a67a3b] {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
  }

  .testimonial-stage[data-v-73a67a3b] {
    grid-column: span 6 / span 6;
    grid-column-start: 6;
  }
}
.testimonial-tabs[data-v-73a67a3b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.testimonial-tab[data-v-73a67a3b] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.testimonial-tab[data-v-73a67a3b]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
}
.testimonial-tab.is-active[data-v-73a67a3b] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.testimonial-tab[data-v-73a67a3b]:focus-visible {
    outline: 3px solid #5578FF;
    outline-offset: 2px;
  }
.tab-avatar[data-v-73a67a3b] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.tab-avatar img[data-v-73a67a3b] {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.tab-initials[data-v-73a67a3b] {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.tab-text[data-v-73a67a3b] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tab-name[data-v-73a67a3b] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.tab-role[data-v-73a67a3b] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
/* Phones: quote first, then a small portrait with the attribution.
   Desktop: portrait on the left, quote and attribution on the right. */
.testimonial-card[data-v-73a67a3b] {
  display: grid;
  column-gap: 1rem;
  row-gap: 1.25rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
@media (min-width: 640px) {

  .testimonial-card[data-v-73a67a3b] {
    padding: 2rem;
  }
}
.testimonial-card[data-v-73a67a3b] {
  grid-template-columns: 3.5rem minmax(0, 1fr);
  grid-template-areas:
    'quote quote'
    'photo caption';
}
.testimonial-card.no-image[data-v-73a67a3b] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      'quote'
      'caption';
  }
.testimonial-photo[data-v-73a67a3b] {
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 9999px;
  object-fit: cover;
  grid-area: photo;
}
.testimonial-quote[data-v-73a67a3b] {
  grid-area: quote;
}
.quote-lead[data-v-73a67a3b] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .quote-lead[data-v-73a67a3b],
  h2 .quote-lead[data-v-73a67a3b],
  h3 .quote-lead[data-v-73a67a3b] {
    font-size: inherit;
    line-height: inherit;
  }
.quote-rest[data-v-73a67a3b] {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .quote-rest[data-v-73a67a3b] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.quote-name[data-v-73a67a3b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  grid-area: caption;
}
.quote-name strong[data-v-73a67a3b] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
/* Mission page: the attribution stacks centered under the quote: initials
   on top, name below, sharing one center line. */
.tribe-quotes[data-v-73a67a3b] .quote-name {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.625rem;
}
.tribe-quotes[data-v-73a67a3b] .caption-text {
  align-items: center;
}
/* Both testimonials share one fixed quote area so switching names never
   moves the page. Floors come from measured maxima across EN + ES. */
.tribe-quotes[data-v-73a67a3b] .testimonial-quote {
  min-height: 36rem;
}
/* Names wrap taller on very small phones; only they need the taller floor. */
@media (max-width: 374px) {
  .tribe-quotes[data-v-73a67a3b] .testimonial-quote {
    min-height: 46rem;
  }
}
/* The caption text (name + role) wraps to two lines on phones and one line
   from lg up; flooring it stops the leftover 24px hop. */
.tribe-quotes[data-v-73a67a3b] .caption-text {
  min-height: 3rem;
}
.caption-text[data-v-73a67a3b] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.caption-initials[data-v-73a67a3b] {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
  .testimonial-card[data-v-73a67a3b] {
    column-gap: 2rem;
    padding: 2rem;
    grid-template-columns: 13rem minmax(0, 1fr);
    grid-template-areas:
      'photo quote'
      'photo caption';
  }
  .testimonial-photo[data-v-73a67a3b] {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    min-height: 17rem;
  }
  .quote-name[data-v-73a67a3b] {
    align-items: flex-end;
  }
  .tribe-quotes[data-v-73a67a3b] .testimonial-quote {
    min-height: 26rem;
  }
  .tribe-quotes[data-v-73a67a3b] .caption-text {
    min-height: 0;
  }
}
@media (min-width: 1280px) {
  .tribe-quotes[data-v-73a67a3b] .testimonial-quote {
    min-height: 20rem;
  }
}
.testimonial-dots[data-v-73a67a3b] {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
.testimonial-dot[data-v-73a67a3b] {
  position: relative;
  height: 2.75rem;
  width: 2.75rem;
  border-radius: 9999px;
}
.testimonial-dot[data-v-73a67a3b]::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0.625rem;
    width: 0.625rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(168 203 255 / var(--tw-bg-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
.testimonial-dot.is-active[data-v-73a67a3b]::after {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.testimonial-dot[data-v-73a67a3b]:focus-visible {
    outline: 3px solid #5578FF;
    outline-offset: 1px;
  }
.fade-enter-active[data-v-73a67a3b],
.fade-leave-active[data-v-73a67a3b] {
  transition: opacity 0.2s ease;
}
.fade-enter[data-v-73a67a3b],
.fade-leave-to[data-v-73a67a3b] {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .fade-enter-active[data-v-73a67a3b],
  .fade-leave-active[data-v-73a67a3b],
  .testimonial-tab[data-v-73a67a3b] {
    transition: none;
  }
}

/* components/company/PrinciplesHero.vue */

.principles-hero-section[data-v-af9c75b7] {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px) {

  .principles-hero-section[data-v-af9c75b7] {
    padding-top: 2.5rem;
  }
}
.principles-hero[data-v-af9c75b7] {
  display: grid;
  gap: 1.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .principles-hero[data-v-af9c75b7] {
    padding: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .principles-hero[data-v-af9c75b7] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: flex-start;
    gap: 3rem;
    padding: 3.5rem;
  }
}
.principles-hero-copy[data-v-af9c75b7] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.principles-hero-copy[data-v-af9c75b7] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .principles-hero-copy[data-v-af9c75b7] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {

  .principles-hero-copy[data-v-af9c75b7] {
    grid-column: span 6 / span 6;
    grid-column-start: 7;
  }
}

/* components/forms/Select.vue */

.select[data-v-1302f358]::after {
  content: '\25BE';
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 1rem;
  --tw-translate-y: -50%;
  --tw-scale-x: 1.5;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

/* pages/company/principles.vue */

.sidebar[data-v-6aeb6e2e] {
  position: sticky;
  top: 8rem;
  overflow-y: auto;
  padding-right: 1.5rem;
  max-height: calc(100vh - 10rem);
}
.sidebar-link[data-v-6aeb6e2e] {
  display: flex;
  gap: 0.75rem;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.sidebar-link[data-v-6aeb6e2e]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.sidebar-link[data-v-6aeb6e2e]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 2px;
}
.sidebar-number[data-v-6aeb6e2e] {
  width: 1.25rem;
  flex-shrink: 0;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.drawer-row .sidebar-number[data-v-6aeb6e2e][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

/* components/PrinciplesEntry.vue */

.entry-anchor[data-v-17a250bd] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: -8rem;
}
.entry-number[data-v-17a250bd] {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.drawer-row .entry-number[data-v-17a250bd][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.entry-title[data-v-17a250bd] {
  margin-bottom: 1rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .entry-title[data-v-17a250bd],
  h2 .entry-title[data-v-17a250bd],
  h3 .entry-title[data-v-17a250bd] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .entry-title[data-v-17a250bd] {
    font-size: 1.875rem;
    line-height: 2.25rem;
    line-height: 1.375;
  }
}
[data-v-17a250bd] ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

/* pages/compare/money-transfer-philippines.vue */

.compare-page[data-v-f7a7e17e] {
  margin: 0px;
  display: flex;
  height: 100vh;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0px;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.compare-notice-wrap[data-v-f7a7e17e] {
  position: relative;
  z-index: 50;
  flex-shrink: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 640px) {

  .compare-notice-wrap[data-v-f7a7e17e] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* Same amber as the kit's ui-chip--wait: an instruction, not an error. */
.compare-notice[data-v-f7a7e17e] {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 56rem;
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 640px) {

  .compare-notice[data-v-f7a7e17e] {
    align-items: center;
  }
}
.compare-notice[data-v-f7a7e17e] {
  background: #fff4dc;
  border-color: #f3dfb1;
}
.compare-notice-icon[data-v-f7a7e17e] {
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  color: #8a5a00;
}
.compare-notice-icon svg[data-v-f7a7e17e] {
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.compare-notice-title[data-v-f7a7e17e] {
  margin: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.375;
  letter-spacing: 0.05em;
  color: #8a5a00;
}
.compare-notice-body[data-v-f7a7e17e] {
  margin: 0px;
  margin-top: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .compare-notice-body[data-v-f7a7e17e] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.compare-frame[data-v-f7a7e17e] {
  width: 100%;
  flex-grow: 1;
  border-width: 0px;
}

/* components/LegalNote.vue */

.legal-note[data-v-e9e8509a] {
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .legal-note[data-v-e9e8509a] {
    padding-bottom: 6rem;
  }
}

/* The rule sits inside the gutter, so it spans the content width like every
   other section rule, not the padded box. */
.legal-text[data-v-e9e8509a] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* components/compare/ComparePanel.vue */

.compare-panel[data-v-b3b157cc] {
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .compare-panel[data-v-b3b157cc] {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {

  .compare-panel[data-v-b3b157cc] {
    padding: 3rem;
  }
}
.compare-panel[data-v-b3b157cc] .section-title-italic {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}

/* components/compare/CompareCurrencyStrip.vue */

.fx-strip[data-v-de4a4562] {
  display: grid;
  gap: 1.25rem;
}

@media (min-width: 1024px) {

  .fx-strip[data-v-de4a4562] {
    grid-template-columns: 12rem 1fr;
    gap: 2.5rem;
  }
}

.fx-description[data-v-de4a4562] {
  max-width: 30ch;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.fx-content[data-v-de4a4562] {
  min-width: 0px;
}

@media (max-width: 359px) {
  .fx-board-row > .fx-content[data-v-de4a4562][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .fx-content[data-v-de4a4562][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.fx-list[data-v-de4a4562] {
  display: grid;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 6rem), 1fr)
  );
}

.fx-chip[data-v-de4a4562] {
  display: flex;
  min-width: 0px;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

@media (max-width: 359px) {
  .fx-board-row > .fx-chip[data-v-de4a4562][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .fx-chip[data-v-de4a4562][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.fx-chip--stable[data-v-de4a4562] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.fx-rate[data-v-de4a4562] {
  margin-left: auto;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.fx-flag[data-v-de4a4562] {
  height: auto;
  width: 1.25rem;
  flex: none;
  border-radius: 0.125rem !important;
}

.fx-chip--hidden[data-v-de4a4562] {
  display: none;
}

@media (min-width: 640px) {

  .fx-chip--hidden[data-v-de4a4562] {
    display: inline-flex;
  }
}

.fx-actions[data-v-de4a4562] {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 0.75rem;
}

.fx-more[data-v-de4a4562] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

@media (min-width: 640px) {

  .fx-more[data-v-de4a4562] {
    display: none;
  }
}

.fx-more[data-v-de4a4562]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.fx-more[data-v-de4a4562]:active {
  transform: scale(0.98);
}

.fx-note[data-v-de4a4562] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

@media (prefers-reduced-motion: reduce) {
  .fx-more[data-v-de4a4562] {
    transition: none;
  }

  .fx-more[data-v-de4a4562]:active {
    transform: none;
  }
}

/* components/compare/ComparePayoutCard.vue */

.payout-stage[data-v-de882e0f] {
  width: 100%;
  align-self: center;
}

.payout-surface[data-v-de882e0f] {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {

  .payout-surface[data-v-de882e0f] {
    padding: 1.75rem;
  }
}

.payout-topline[data-v-de882e0f] {
  margin-bottom: 1.5rem;
}

.payout-logo[data-v-de882e0f] {
  height: auto;
  width: 6rem;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}

.payout-flow[data-v-de882e0f] {
  display: grid;
  align-items: flex-start;
  gap: 1.25rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {

  .payout-flow[data-v-de882e0f] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.payout-flow[data-v-de882e0f] {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 8rem), 1fr)
  );
}

.payout-node[data-v-de882e0f] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.5rem;
}

@media (max-width: 359px) {
  .fx-board-row > .payout-node[data-v-de882e0f][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .payout-node[data-v-de882e0f][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.payout-node--destination[data-v-de882e0f] {
  align-items: flex-end;
  text-align: right;
}

.payout-node-label[data-v-de882e0f] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

.payout-node-amount[data-v-de882e0f] {
  white-space: nowrap;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .payout-node-amount[data-v-de882e0f] {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
}

.payout-rows[data-v-de882e0f] {
  margin-top: 1.25rem;
}

.payout-rows--currencies[data-v-de882e0f] {
  display: grid;
  column-gap: 1rem;
}

@media (min-width: 640px) {

  .payout-rows--currencies[data-v-de882e0f] {
    column-gap: 1.5rem;
  }
}

.payout-rows--currencies[data-v-de882e0f] {
  grid-template-columns: repeat(
    auto-fit,
    minmax(
      min(
        100%,
        max(7rem, calc((100% - 1.5rem) / 2))
      ),
      1fr
    )
  );
}

.payout-currency-row[data-v-de882e0f] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.payout-flag[data-v-de882e0f] {
  height: auto;
  width: 1.5rem;
  flex: none;
  border-radius: 0.125rem !important;
}

.payout-row-code[data-v-de882e0f] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.payout-row-amount[data-v-de882e0f] {
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.payout-cost-row[data-v-de882e0f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.payout-cost-label[data-v-de882e0f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.payout-row-amount--us[data-v-de882e0f] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.payout-total[data-v-de882e0f] {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.25rem;
  row-gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}

.payout-total-label[data-v-de882e0f] {
  max-width: 26ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.payout-total-amount[data-v-de882e0f] {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .payout-total-amount[data-v-de882e0f] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}

.payout-note[data-v-de882e0f] {
  position: relative;
  margin-top: 1.25rem;
  max-width: 50ch;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

@media (prefers-reduced-motion: reduce) {
  .payout-surface[data-v-de882e0f],
  [data-payout-row][data-v-de882e0f] {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 374px) {
  .payout-rows--currencies[data-v-de882e0f] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .payout-node-amount[data-v-de882e0f] {
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: 0.005em;
  }
  .payout-node--destination[data-v-de882e0f] {
    align-items: flex-start;
    text-align: left;
  }
}

/* components/compare/CompareStatBand.vue */

.stat-band[data-v-0075e301] {
  display: grid;
  gap: 0.75rem;
}

.stat[data-v-0075e301] {
  min-width: 0px;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(255 255 255 / 0.1);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (max-width: 359px) {
  .fx-board-row > .stat[data-v-0075e301][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .stat[data-v-0075e301][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.stat-amount[data-v-0075e301] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.drawer-row .stat-amount[data-v-0075e301][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.stat-amount--us[data-v-0075e301] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}

.stat-label[data-v-0075e301] {
  margin-top: 0.5rem;
  max-width: 32ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

/* components/compare/CompareWorldMap.vue */

.world-art[data-v-56d941c2] {
  height: 100%;
  width: 100%;
  overflow: visible;
}
.world-land[data-v-56d941c2] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
  opacity: 0.2;
  stroke: currentColor;
  stroke-width: 5.2;
  stroke-linecap: round;
}
.world-routes[data-v-56d941c2] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1.6;
}
.world-destination circle[data-v-56d941c2],
.world-origin[data-v-56d941c2] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  fill: currentColor;
}
.world-destination text[data-v-56d941c2],
.world-origin-label[data-v-56d941c2] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
  fill: currentColor;
}
.world-origin-ring[data-v-56d941c2] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1;
}

@media (prefers-reduced-motion: reduce) {
  .world-routes path[data-v-56d941c2] {
    opacity: 1 !important;
  }
}

/* components/compare/CompareMapStats.vue */

.network-stage[data-v-c38d80bd] {
  position: relative;
  margin-top: 2.5rem;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .network-stage[data-v-c38d80bd] {
    margin-top: 3rem;
  }
}
.network-art[data-v-c38d80bd] {
  position: absolute;
  inset: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 64rem;
  opacity: 0.6;
}
.network-art[data-v-c38d80bd] text {
  display: none;
}
.map-stats[data-v-c38d80bd] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
}
@media (min-width: 640px) {

  .map-stats[data-v-c38d80bd] {
    gap: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px) {

  .map-stats[data-v-c38d80bd] {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 3.5rem;
  }
}
.map-stat[data-v-c38d80bd] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  text-align: center;
}
@media (max-width: 359px) {
  .fx-board-row > .map-stat[data-v-c38d80bd][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .map-stat[data-v-c38d80bd][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.map-stat-value[data-v-c38d80bd] {
  order: -9999;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.drawer-row .map-stat-value[data-v-c38d80bd][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 640px) {

  .map-stat-value[data-v-c38d80bd] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.map-stat-label[data-v-c38d80bd] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5rem;
  max-width: 20ch;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .map-stat-label[data-v-c38d80bd] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.network-note[data-v-c38d80bd] {
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
  padding-top: 1.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .network-note[data-v-c38d80bd] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px) {

  .network-note[data-v-c38d80bd] {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 2.5rem;
  }
}

/* components/compare/CompareCostBars.vue */

.cost-bars[data-v-ae2c1545] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.cost-bar-heading[data-v-ae2c1545] {
  margin-bottom: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.25rem;
}

.cost-bar-label[data-v-ae2c1545] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.cost-bar-value[data-v-ae2c1545] {
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.drawer-row .cost-bar-value[data-v-ae2c1545][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.cost-bar-track[data-v-ae2c1545] {
  display: block;
  height: 1rem;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
}

.cost-bar-fill[data-v-ae2c1545] {
  display: block;
  height: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / var(--tw-bg-opacity, 1));
}

.cost-bar--us .cost-bar-label[data-v-ae2c1545],
.cost-bar--us .cost-bar-value[data-v-ae2c1545] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.cost-bar--us .cost-bar-fill[data-v-ae2c1545] {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}

/* components/compare/ComparePriceColumns.vue */

.price-columns[data-v-0b6f65fa] {
  display: grid;
  align-items: stretch;
  gap: 1.5rem;
}

@media (min-width: 1024px) {

  .price-columns[data-v-0b6f65fa] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }
}

.price-column[data-v-0b6f65fa] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 359px) {
  .fx-board-row > .price-column[data-v-0b6f65fa][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .price-column[data-v-0b6f65fa][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

@media (min-width: 640px) {

  .price-column[data-v-0b6f65fa] {
    padding: 2rem;
  }
}

.price-column--us[data-v-0b6f65fa] {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
}

.price-heading[data-v-0b6f65fa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.price-provider[data-v-0b6f65fa] {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.price-column--us .price-provider[data-v-0b6f65fa] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.price-tag[data-v-0b6f65fa] {
  margin-bottom: 2rem;
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.75rem;
  row-gap: 0.5rem;
}

.price-amount[data-v-0b6f65fa] {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.drawer-row .price-amount[data-v-0b6f65fa][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

@media (min-width: 640px) {

  .price-amount[data-v-0b6f65fa] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}

.price-column--us .price-amount[data-v-0b6f65fa] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.price-suffix[data-v-0b6f65fa] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.price-column--us .price-suffix[data-v-0b6f65fa] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

.price-list[data-v-0b6f65fa] {
  margin-bottom: 2rem;
  flex: 1 1 0%;
}

.price-list[data-v-0b6f65fa] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.why-index-link:hover .price-list[data-v-0b6f65fa][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

.price-point[data-v-0b6f65fa] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.price-column--us .price-point[data-v-0b6f65fa] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.price-fine[data-v-0b6f65fa] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.price-column--us .price-fine[data-v-0b6f65fa] {
  border-color: rgb(255 255 255 / 0.2);
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

/* components/compare/CompareTable.vue */

.compare-table-wrap[data-v-654ed0a4] {
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.compare-table[data-v-654ed0a4] {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: left;
}

.compare-caption[data-v-654ed0a4] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .compare-caption[data-v-654ed0a4] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.compare-head[data-v-654ed0a4] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .compare-head[data-v-654ed0a4] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.compare-head--job[data-v-654ed0a4] {
  width: 32%;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.compare-head--us[data-v-654ed0a4] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.compare-row-head[data-v-654ed0a4] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .compare-row-head[data-v-654ed0a4] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.compare-job[data-v-654ed0a4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.compare-flag[data-v-654ed0a4] {
  height: auto;
  width: 1.5rem;
  flex: none;
  border-radius: 0.125rem !important;
}

.compare-cell[data-v-654ed0a4] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .compare-cell[data-v-654ed0a4] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.compare-cell--us[data-v-654ed0a4] {
  background-color: rgb(238 243 255 / 0.6);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.compare-cell-text[data-v-654ed0a4] {
  display: block;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.drawer-row .compare-cell-text[data-v-654ed0a4][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.table-note[data-v-654ed0a4] {
  margin-top: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.table-note[data-v-654ed0a4] a {
  margin-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.table-note[data-v-654ed0a4] a:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.compare-cell-label[data-v-654ed0a4] {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

  .compare-cell-label[data-v-654ed0a4] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}

.compare-cell--us .compare-cell-label[data-v-654ed0a4] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

@media (max-width: 767px) {
  .compare-table[data-v-654ed0a4],
  .compare-table tbody[data-v-654ed0a4],
  .compare-table tr[data-v-654ed0a4],
  .compare-table td[data-v-654ed0a4],
  .compare-table th[data-v-654ed0a4],
  .compare-caption[data-v-654ed0a4] {
    display: block;
  }

  .compare-table thead[data-v-654ed0a4] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .compare-caption[data-v-654ed0a4] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .compare-row-head[data-v-654ed0a4] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .compare-cell[data-v-654ed0a4] {
    border-top-width: 0px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .compare-cell--us[data-v-654ed0a4] {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  }

  .compare-table-block--currencies .compare-table tbody tr[data-v-654ed0a4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .compare-table-block--currencies .compare-row-head[data-v-654ed0a4] {
    grid-column: span 2 / span 2;
  }

  .compare-table-block--currencies .compare-cell--us[data-v-654ed0a4] {
    border-left-width: 1px;
    border-top-width: 0px;
  }
}

/* components/compare/CompareCostExplorer.vue */

.explorer-section[data-v-265459ea] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .explorer-section[data-v-265459ea] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.explorer-heading[data-v-265459ea] {
  margin-bottom: 2.5rem;
  max-width: 44rem;
}
@media (min-width: 1024px) {

  .explorer-heading[data-v-265459ea] {
    margin-bottom: 3rem;
  }
}
.calculator[data-v-265459ea] {
  display: grid;
  gap: 2rem;
}
@media (min-width: 1024px) {

  .calculator[data-v-265459ea] {
    grid-template-columns: 0.8fr 1.2fr;
    gap: 3rem;
  }
}
.calculator-controls[data-v-265459ea] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 359px) {
  .fx-board-row > .calculator-controls[data-v-265459ea][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .calculator-controls[data-v-265459ea][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.mobile-outcome[data-v-265459ea] {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (min-width: 1024px) {

  .mobile-outcome[data-v-265459ea] {
    display: none;
  }
}

.mobile-outcome p[data-v-265459ea] {
  max-width: 21ch;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.mobile-outcome strong[data-v-265459ea] {
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.drawer-row .mobile-outcome strong[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.calculator-control + .calculator-control[data-v-265459ea] {
  margin-top: 2.25rem;
}
.calculator-control label[data-v-265459ea] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.calculator-control output[data-v-265459ea] {
  margin-bottom: 1rem;
  margin-top: 0.75rem;
  display: block;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.drawer-row .calculator-control output[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.calculator-control output span[data-v-265459ea] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.calculator-control input[type='range'][data-v-265459ea] {
  display: block;
  height: 2.75rem;
  width: 100%;
  cursor: pointer;
  border-radius: 0.75rem;
  accent-color: #4D6CE6;
}
.range-limits[data-v-265459ea] {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.drawer-row .range-limits[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.plan-assumption[data-v-265459ea] {
  margin-top: auto;
  padding-top: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.calculator-controls > .plan-assumption[data-v-265459ea] {
  margin-top: 2rem;
}
.scenario-choices legend[data-v-265459ea] {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.scenario-options[data-v-265459ea] {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(
    auto-fit,
    minmax(
      min(
        100%,
        max(6rem, calc((100% - 1rem) / 3))
      ),
      1fr
    )
  );
}
.scenario-choice[data-v-265459ea] {
  min-width: 0px;
  cursor: pointer;
}
@media (max-width: 359px) {
  .fx-board-row > .scenario-choice[data-v-265459ea][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .scenario-choice[data-v-265459ea][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scenario-choice--featured[data-v-265459ea] {
  grid-column: 1 / -1;
}
.scenario-option-body[data-v-265459ea] {
  display: flex;
  min-height: 72px;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.scenario-choice--featured .scenario-option-body[data-v-265459ea] {
  min-height: 56px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.scenario-option-currency[data-v-265459ea] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scenario-option-currency img[data-v-265459ea] {
  height: auto;
  width: 1.5rem;
  border-radius: 0.125rem !important;
}
.scenario-option-amount[data-v-265459ea] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.drawer-row .scenario-option-amount[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.scenario-choice:hover .scenario-option-body[data-v-265459ea] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
}
.scenario-choice input:checked + .scenario-option-body[data-v-265459ea] {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  box-shadow: inset 0 0 0 1px #3F59BF;
}
.scenario-choice input:focus-visible + .scenario-option-body[data-v-265459ea] {
  outline: 3px solid #3F59BF;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .scenario-option-body[data-v-265459ea] {
    transition: none;
  }
}
.scenario-date[data-v-265459ea] {
  margin-top: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.calculator-results[data-v-265459ea] {
  min-width: 0px;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
@media (max-width: 359px) {
  .fx-board-row > .calculator-results[data-v-265459ea][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .calculator-results[data-v-265459ea][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 640px) {

  .calculator-results[data-v-265459ea] {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .calculator-results[data-v-265459ea] {
    padding: 2.5rem;
  }
}
.outcome-label[data-v-265459ea] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.outcome-amount[data-v-265459ea] {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.75rem;
  row-gap: 0.25rem;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .outcome-amount[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 1024px) {

  .outcome-amount[data-v-265459ea] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.outcome-separator[data-v-265459ea] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.outcome-caption[data-v-265459ea] {
  margin-top: 0.75rem;
  max-width: 48ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.calculator-comparison[data-v-265459ea] {
  margin-top: 2rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.comparison-caption[data-v-265459ea] {
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.provider-cost + .provider-cost[data-v-265459ea] {
  margin-top: 1.25rem;
}
.provider-heading[data-v-265459ea] {
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.provider-heading strong[data-v-265459ea] {
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .provider-heading strong[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.provider-track[data-v-265459ea] {
  display: block;
  height: 0.5rem;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.provider-track > span[data-v-265459ea] {
  display: block;
  height: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(91 103 122 / var(--tw-bg-opacity, 1));
}
.provider-track > .provider-fill--bancoli[data-v-265459ea] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
}
.calculation-breakdown[data-v-265459ea] {
  margin-top: 1.75rem;
  display: grid;
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
}
.calculation-breakdown > div[data-v-265459ea] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.25rem;
}
.calculation-breakdown dt[data-v-265459ea] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.calculation-breakdown dd[data-v-265459ea] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.drawer-row .calculation-breakdown dd[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.calculator-note[data-v-265459ea] {
  margin-top: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.calculator-pricing-link[data-v-265459ea] {
  margin-top: 0.5rem;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.calculator-pricing-link[data-v-265459ea]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

/* components/compare/CompareLanding.vue */

.compare-container[data-v-ae105871] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px) {

  .compare-container[data-v-ae105871] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.compare-hero[data-v-ae105871] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {

  .compare-hero[data-v-ae105871] {
    padding-bottom: 2.5rem;
  }
}
.hero-container[data-v-ae105871] {
  position: relative;
}
.hero-grid[data-v-ae105871] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .hero-grid[data-v-ae105871] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.5rem;
  }
}
.hero-copy[data-v-ae105871] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .hero-copy[data-v-ae105871][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .hero-copy[data-v-ae105871][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.hero-title[data-v-ae105871] {
  max-width: 20ch;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.hero-title[data-v-ae105871] .section-title-italic {
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.hero-lede[data-v-ae105871] {
  max-width: 52ch;
}
.hero-actions[data-v-ae105871] {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 0.75rem;
}
.hero-secondary[data-v-ae105871] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  border-radius: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #C9DAFF;
  text-underline-offset: 4px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.hero-secondary[data-v-ae105871]:hover {
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
  text-decoration-color: #3F59BF;
}
.hero-secondary[data-v-ae105871]:active {
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.source-line[data-v-ae105871] {
  margin-top: 2.5rem;
  display: grid;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .source-line[data-v-ae105871] {
    margin-top: 3rem;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
  }
}
.currency-section[data-v-ae105871] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-bottom: 3rem;
  padding-top: 1rem;
}
@media (min-width: 1024px) {

  .currency-section[data-v-ae105871] {
    padding-bottom: 4rem;
    padding-top: 1.5rem;
  }
}
.problem-section[data-v-ae105871] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .problem-section[data-v-ae105871] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.problem-panel[data-v-ae105871] {
  display: grid;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1024px) {

  .problem-panel[data-v-ae105871] {
    grid-template-columns: minmax(0,1.2fr) minmax(0,0.8fr);
    gap: 3.5rem;
  }
}
.problem-copy[data-v-ae105871] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .problem-copy[data-v-ae105871][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .problem-copy[data-v-ae105871][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.problem-body[data-v-ae105871] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.problem-body + .problem-body[data-v-ae105871] {
  margin-top: 1.25rem;
}
.problem-source[data-v-ae105871] {
  margin-top: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.how-section[data-v-ae105871] {
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .how-section[data-v-ae105871] {
    padding-bottom: 6rem;
  }
}
.how-heading[data-v-ae105871] {
  max-width: 44rem;
}
.how-heading h2[data-v-ae105871] {
  max-width: 30ch;
}
.how-grid[data-v-ae105871] {
  margin-top: 1.5rem;
  display: grid;
  gap: 1rem;
}
@media (min-width: 1024px) {

  .how-grid[data-v-ae105871] {
    gap: 1.5rem;
  }
}
.how-grid[data-v-ae105871] {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 18rem), 1fr)
  );
}
.how-item[data-v-ae105871] {
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
}
@media (min-width: 1024px) {

  .how-item[data-v-ae105871] {
    padding: 1.75rem;
  }
}
.how-body[data-v-ae105871] {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.math-section[data-v-ae105871] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .math-section[data-v-ae105871] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.math-heading[data-v-ae105871] {
  margin-bottom: 2.5rem;
  display: grid;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .math-heading[data-v-ae105871] {
    margin-bottom: 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
  }
}
.math-assumption[data-v-ae105871] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.save-note[data-v-ae105871] {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.table-section[data-v-ae105871] {
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .table-section[data-v-ae105871] {
    padding-bottom: 6rem;
  }
}
.compare-faq[data-v-ae105871] {
  margin: 0px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1)) !important;
}
.closing-section[data-v-ae105871] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .closing-section[data-v-ae105871] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.closing-panel[data-v-ae105871] {
  display: grid;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1024px) {

  .closing-panel[data-v-ae105871] {
    grid-template-columns: 1fr auto;
    gap: 4rem;
  }
}
.final-body[data-v-ae105871] {
  max-width: 58ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.closing-panel[data-v-ae105871] .button {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.closing-panel[data-v-ae105871] .button:hover,
.closing-panel[data-v-ae105871] .button:focus,
.closing-panel[data-v-ae105871] .button:active {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.closing-panel[data-v-ae105871] .button:focus-visible {
  outline-color: #A8CBFF;
}
@media (prefers-reduced-motion: reduce) {
  .hero-secondary[data-v-ae105871] {
    transition: none;
  }
}

/* components/features/zero-fx/ZeroFXConverter.vue */

.fx-converter[data-v-e188b31a] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 28rem;
  border-radius: 1.5rem;
  padding: 1.25rem;
  text-align: left;
}

@media (min-width: 640px) {

  .fx-converter[data-v-e188b31a] {
    padding: 1.75rem;
  }
}

@media (min-width: 1024px) {

  .fx-converter[data-v-e188b31a] {
    padding: 2rem;
  }
}
.fx-title[data-v-e188b31a] {
  margin-bottom: 1.5rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .fx-title[data-v-e188b31a] {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.fx-label[data-v-e188b31a] {
  margin-bottom: 0.375rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.fx-control[data-v-e188b31a] {
  position: relative;
  display: flex;
  height: 3.5rem;
  align-items: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.fx-control[data-v-e188b31a]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  box-shadow: 0 0 0 3px rgba(77, 108, 230, 0.18);
}
.fx-input[data-v-e188b31a] {
  height: 100%;
  min-width: 0px;
  flex-grow: 1;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (max-width: 359px) {
  .fx-board-row > .fx-input[data-v-e188b31a][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.drawer-row .fx-input[data-v-e188b31a][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 359px) {
  .gt-invoice > .fx-input[data-v-e188b31a][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.fx-picker[data-v-e188b31a] {
  position: relative;
  height: 100%;
  flex-shrink: 0;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.fx-picker--boxed[data-v-e188b31a] {
  height: 2.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.fx-picker-button[data-v-e188b31a] {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 0.5rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.fx-picker-button[data-v-e188b31a]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.fx-picker-button[data-v-e188b31a]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.fx-picker--boxed .fx-picker-button[data-v-e188b31a] {
  border-radius: 0.75rem;
}
.fx-picker-button[data-v-e188b31a]:focus-visible {
  box-shadow: inset 0 0 0 2px #4D6CE6;
}
.fx-flag[data-v-e188b31a] {
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.fx-chevron[data-v-e188b31a] {
  height: 1rem;
  width: 1rem;
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.fx-note[data-v-e188b31a] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.fx-result[data-v-e188b31a] {
  position: relative;
  margin-top: 1.25rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}
@media (min-width: 640px) {

  .fx-result[data-v-e188b31a] {
    padding: 1.25rem;
  }
}
.fx-amount[data-v-e188b31a] {
  margin-top: 0.5rem;
  display: block;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.drawer-row .fx-amount[data-v-e188b31a][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.fx-amount[data-v-e188b31a] {
  overflow-wrap: anywhere;
}
.fx-rate-error[data-v-e188b31a] {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(197 48 48 / var(--tw-text-opacity, 1));
}
.fx-retry[data-v-e188b31a] {
  min-height: 44px;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.fx-retry[data-v-e188b31a]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.fx-rate[data-v-e188b31a] {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.5rem;
  row-gap: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.fx-compare[data-v-e188b31a] {
  margin-top: 1rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.fx-compare-row[data-v-e188b31a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.fx-savings[data-v-e188b31a] {
  margin-top: 0.75rem;
  border-radius: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background: #D1FAE5;
  color: #064E3B;
}
.fx-savings-top[data-v-e188b31a] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 0.75rem;
  row-gap: 0.25rem;
}
.fx-savings-amount[data-v-e188b31a] {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .fx-savings-amount[data-v-e188b31a][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.fx-cta[data-v-e188b31a] {
  margin-top: 1.25rem;
  width: 100%;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.fx-cta[data-v-e188b31a]:hover {
  opacity: 0.9;
}
.fx-cta[data-v-e188b31a]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.fx-cta[data-v-e188b31a]:focus-visible {
  box-shadow: 0 0 0 3px #4D6CE6;
}
.currency-menu[data-v-e188b31a] {
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: 50;
  margin-top: 0.25rem;
  overflow-y: auto;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: min(18rem, calc(100vw - 3rem));
  max-height: 20rem;
  box-shadow: 0 22px 48px -24px rgba(36, 68, 134, 0.45),
    0 2px 6px -2px rgba(36, 68, 134, 0.08);
}
.currency-option[data-v-e188b31a] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: left;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.currency-option[data-v-e188b31a]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.currency-option[data-v-e188b31a]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.currency-option[aria-current='true'][data-v-e188b31a] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}

/* components/features/zero-fx/ZeroFXHero.vue */

/* Compact hero: all top air comes from the container so the H1 lands on
   the site-wide 128px gap. min-h-0 releases the tall centered stage. */
.hero[data-v-57d91bac] .hero-container {
  padding-top: 4rem !important;
}
@media (min-width: 1024px) {

  .hero[data-v-57d91bac] .hero-container {
    min-height: 0px;
    padding-top: 6rem !important;
  }
}
/* Same availability line + email capture treatment as the Smart USD hero. */
.hero-available[data-v-57d91bac] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-available[data-v-57d91bac] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}
.hero-signup[data-v-57d91bac] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.75rem;
}
@media (min-width: 1024px) {

  .hero-signup[data-v-57d91bac] {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 80% !important;
  }
}
.hero-signup[data-v-57d91bac] {
  max-width: 448px;
}

/* components/containers/HeroSection.vue */

.hero[data-v-98306a25] {
  background-image: linear-gradient(
      60deg,
      rgba(43, 43, 43, 0.8) 0%,
      rgba(21, 22, 36, 0.7) 15%,
      rgba(43, 43, 43, 0.5) 50%
    ),
    var(--bg-mobile);
}
  .hero[data-v-98306a25] .section-title {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hero__dark[data-v-98306a25] {
  background-image: linear-gradient(
      60deg,
      rgba(15, 15, 15, 0.9) 0%,
      rgba(8, 8, 8, 0.8) 15%,
      rgba(15, 15, 15, 0.6) 50%
    ),
    var(--bg-mobile);
}
.hero__clear[data-v-98306a25] {
  background-image: var(--bg-mobile);
}

@media (min-width: 640px) {
  .hero[data-v-98306a25] {
    background-image: linear-gradient(
        60deg,
        rgba(43, 43, 43, 0.8) 0%,
        rgba(21, 22, 36, 0.7) 15%,
        rgba(43, 43, 43, 0.5) 50%
      ),
      var(--bg-desktop);
  }
  .hero__dark[data-v-98306a25] {
    background-image: linear-gradient(
        60deg,
        rgba(15, 15, 15, 0.9) 0%,
        rgba(8, 8, 8, 0.8) 15%,
        rgba(15, 15, 15, 0.6) 50%
      ),
      var(--bg-desktop);
  }
  .hero__clear[data-v-98306a25] {
    background-image: var(--bg-desktop);
  }
}

/* components/features/zero-fx/ZeroFXHiddenCost.vue */

.fx-hidden-cost[data-v-2062b2ad] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

/* components/visuals/FxCorridorBoard.vue */

.fx-board[data-v-309cba6d] {
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .fx-board[data-v-309cba6d] {
    padding: 1.5rem;
  }
}
.fx-board-head[data-v-309cba6d] {
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.fx-board-list[data-v-309cba6d] {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.fx-board-list li[data-v-309cba6d] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.fx-board-list li[data-v-309cba6d]:last-child {
  border-bottom-width: 0px;
}
.fx-board-row[data-v-309cba6d] {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.fx-board-row[data-v-309cba6d]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.fx-board-row[data-v-309cba6d]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.fx-board-row[data-v-309cba6d]:focus-visible {
  box-shadow: inset 0 0 0 2px #4D6CE6;
}
.fx-board-flag[data-v-309cba6d] {
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.fx-board-arrow[data-v-309cba6d] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fx-board-chips[data-v-309cba6d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.fx-board-chip[data-v-309cba6d] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.fx-board-chip[data-v-309cba6d]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.fx-board-chip[data-v-309cba6d]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.fx-board-chip[data-v-309cba6d]:focus-visible {
  box-shadow: 0 0 0 2px #4D6CE6;
}
.fx-board-chip-flag[data-v-309cba6d] {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
/* Very small phones: the rail chip drops under the currency line. The text
   gets an explicit basis (flag + arrow + gaps = 4.75rem) so the row wraps. */
@media (max-width: 359px) {
  .fx-board-row[data-v-309cba6d] {
    flex-wrap: wrap;
    row-gap: 0.25rem;
  }
  .fx-board-row > .min-w-0[data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .fx-board-arrow[data-v-309cba6d] {
    order: 2;
  }
  .fx-board-row .ui-chip[data-v-309cba6d] {
    order: 3;
    margin-left: 2.75rem;
  }
}

/* components/features/zero-fx/ZeroFXGlobalReach.vue */

.fx-global-reach[data-v-6a7c4017] {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: rgb(226 232 240 / 0.6);
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .fx-global-reach[data-v-6a7c4017] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

/* components/visuals/FxPayoutReceipt.vue */

.fx-receipt[data-v-604a665d] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 3.5rem;
}
.fx-receipt-card[data-v-604a665d] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.fx-receipt-head[data-v-604a665d] {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.fx-receipt-pair[data-v-604a665d] {
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .fx-receipt-pair[data-v-604a665d],
  h2 .fx-receipt-pair[data-v-604a665d],
  h3 .fx-receipt-pair[data-v-604a665d] {
    font-size: inherit;
    line-height: inherit;
  }
.fx-receipt-pair svg[data-v-604a665d] {
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fx-receipt-flags[data-v-604a665d] {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.fx-receipt-flag[data-v-604a665d] {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  object-fit: cover;
}
/* Long values (a VND rate) wrap under their label instead of squeezing it. */
.fx-receipt-card .ui-row[data-v-604a665d] {
  flex-wrap: wrap;
  row-gap: 0.25rem;
}
.fx-receipt-card .ui-row[data-v-604a665d] > :last-child {
  margin-left: auto;
  text-align: right;
}
.fx-receipt-total[data-v-604a665d] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.fx-receipt-sent[data-v-604a665d] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
  max-width: calc(100% - 1.5rem);
}
.fx-receipt-check[data-v-604a665d] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.fx-receipt-check svg[data-v-604a665d] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fx-receipt-sent-title[data-v-604a665d] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .fx-receipt-sent-title[data-v-604a665d][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.fx-receipt-sent-meta[data-v-604a665d] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: stack the confirmation under the receipt so it never covers it. */
@media (max-width: 639px) {
  .fx-receipt[data-v-604a665d] {
    padding: 0;
  }
  .fx-receipt-card[data-v-604a665d] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .fx-receipt-sent[data-v-604a665d] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/features/zero-fx/ZeroFXTransparency.vue */

.fx-transparency[data-v-e971ff5e] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 1024px) {

  .fx-transparency[data-v-e971ff5e] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.fx-transparency-proof[data-v-e971ff5e] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 2rem;
}
@media (min-width: 1024px) {

  .fx-transparency-proof[data-v-e971ff5e] {
    border-top-width: 0px;
    border-left-width: 1px;
    padding-left: 3rem;
    padding-top: 0px;
  }
}

/* components/index/IndexConnectedWorld.vue */

.connected-world[data-v-42c4f34b] {
  position: relative;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  scroll-margin-top: 6rem;
  isolation: isolate;
}
.world-atmosphere[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  background: radial-gradient(
    ellipse at 77% 46%,
    #244486 0,
    transparent 57%
  );
  opacity: 0.33;
}
.world-layout[data-v-42c4f34b] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 1440px;
  gap: 0px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 3rem;
  padding-top: 4rem;
}
@media (min-width: 1024px) {

  .world-layout[data-v-42c4f34b] {
    grid-template-columns: minmax(0,0.82fr) minmax(0,1.18fr);
    align-items: center;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 1280px) {

  .world-layout[data-v-42c4f34b] {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.world-copy[data-v-42c4f34b] {
  position: relative;
  z-index: 10;
}
.world-title[data-v-42c4f34b] {
  font-family: Cardo, serif;
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .world-title[data-v-42c4f34b],
  h2 .world-title[data-v-42c4f34b],
  h3 .world-title[data-v-42c4f34b] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .world-title[data-v-42c4f34b] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 1280px) {

  .world-title[data-v-42c4f34b] {
    font-size: 4.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.world-title em[data-v-42c4f34b] {
  display: block;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.world-accent[data-v-42c4f34b] {
  position: relative;
  display: inline-block;
}
/* Route underline: absolutely placed, so it never moves the heading. */
.world-accent-route[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0.96em;
  width: 108%;
  height: auto;
  overflow: visible;
}
.accent-route[data-v-42c4f34b] {
  stroke: #C9DAFF;
  stroke-width: 2.2;
  stroke-linecap: round;
}
.accent-dot[data-v-42c4f34b] {
  fill: #C9DAFF;
}
.accent-glow[data-v-42c4f34b] {
  fill: url("#bancoli-world-accent-glow");
  opacity: 0.55;
}
.accent-glow-core[data-v-42c4f34b] {
  stop-color: #C9DAFF;
  stop-opacity: 0.9;
}
.accent-glow-edge[data-v-42c4f34b] {
  stop-color: #C9DAFF;
  stop-opacity: 0;
}
.world-description[data-v-42c4f34b] {
  margin-top: 1.5rem;
  max-width: 24rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  color: rgb(223 233 255 / 0.8);
}
@media (min-width: 1024px) {

  .world-description[data-v-42c4f34b] {
    margin-top: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.world-controls[data-v-42c4f34b] {
  margin-top: 2.25rem;
}
@media (min-width: 1024px) {

  .world-controls[data-v-42c4f34b] {
    margin-top: 3rem;
  }
}
.world-currencies[data-v-42c4f34b] {
  position: relative;
  display: inline-grid;
  max-width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
@media (min-width: 640px) {

  .world-currencies[data-v-42c4f34b] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .world-currencies[data-v-42c4f34b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {

  .world-currencies[data-v-42c4f34b] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.world-currency[data-v-42c4f34b] {
  position: relative;
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.2);
  background-color: rgb(11 21 38 / 0.3);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition: background-color 180ms, border-color 180ms, color 180ms;
}
.world-currency img[data-v-42c4f34b] {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
}
.world-currency > svg[data-v-42c4f34b] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  transition: opacity 180ms;
}
.world-currency[data-v-42c4f34b]:hover:not(:disabled) {
  border-color: rgb(223 233 255 / 0.6);
  background-color: rgb(255 255 255 / 0.1);
}
.world-currency[data-v-42c4f34b]:active:not(:disabled) {
  transform: scale(0.97);
}
.world-currency[data-v-42c4f34b]:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.world-currency[aria-pressed='true'][data-v-42c4f34b] {
  border-color: rgb(201 218 255 / 0.7);
  background-color: rgb(201 218 255 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.world-currency[aria-pressed='true'] > svg[data-v-42c4f34b] {
  opacity: 1;
}
.world-currency[data-v-42c4f34b]:focus-visible {
  outline: 3px solid #C9DAFF;
  outline-offset: 4px;
}
/* Live homepage: one pill carries the selection between buttons. Without
   script the pressed button keeps its own fill (above). */
.world-pill[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  overflow: hidden;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(201 218 255 / 0.7);
  background-color: rgb(201 218 255 / 0.1);
  box-shadow: 0 0 0 4px rgb(201 218 255 / 5%),
    0 10px 28px -12px rgb(201 218 255 / 55%);
}
.world-currencies--pill .world-pill[data-v-42c4f34b] {
  display: block;
}
.world-currencies--pill .world-currency[aria-pressed='true'][data-v-42c4f34b],
.world-currencies--pill .world-currency[aria-pressed='true'][data-v-42c4f34b]:hover {
  border-color: transparent;
  background-color: transparent;
}
/* Autoplay dwell timer: a faint track that fills while autoplay runs. */
.world-pill-progress[data-v-42c4f34b] {
  position: absolute;
  bottom: 6px;
  height: 0.125rem;
  overflow: hidden;
  border-radius: 9999px;
  background-color: rgb(201 218 255 / 0.2);
  left: 22%;
  right: 22%;
  opacity: 0;
}
.world-pill-progress-fill[data-v-42c4f34b] {
  position: absolute;
  inset: 0px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  transform: scaleX(0);
  transform-origin: 0 50%;
}
.world-visual[data-v-42c4f34b] {
  position: relative;
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .world-visual[data-v-42c4f34b][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .world-visual[data-v-42c4f34b][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.world-scene[data-v-42c4f34b] {
  position: relative;
  width: 130%;
  margin-left: -15%;
  aspect-ratio: 760 / 660;
}
.world-globe-layer[data-v-42c4f34b] {
  position: absolute;
  inset: 0px;
}
.world-globe[data-v-42c4f34b],
.world-flow[data-v-42c4f34b] {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
}
.world-flow[data-v-42c4f34b] {
  pointer-events: none;
}
/* Own layer on the live page: route, comet and satellite frames repaint
   only the light overlay, never the dotted globe. */
.connected-world--live .world-globe[data-v-42c4f34b] {
  will-change: transform;
}
.connected-world--depth .world-hub[data-v-42c4f34b],
.connected-world--depth .world-scene[data-v-42c4f34b] {
  will-change: transform;
}
.world-canvas[data-v-42c4f34b] {
  position: relative;
  width: 100%;
  aspect-ratio: 760 / 660;
}
.world-stations[data-v-42c4f34b] {
  position: absolute;
  inset: 0px;
}
.world-halo[data-v-42c4f34b] {
  fill: url("#bancoli-world-halo");
}
.halo-center[data-v-42c4f34b] {
  stop-color: #5578FF;
  stop-opacity: 0.32;
}
.halo-middle[data-v-42c4f34b] {
  stop-color: #244486;
  stop-opacity: 0.18;
}
.halo-edge[data-v-42c4f34b] {
  stop-color: #244486;
  stop-opacity: 0;
}
.world-sphere[data-v-42c4f34b] {
  fill: url("#bancoli-world-sphere");
}
.sphere-highlight[data-v-42c4f34b] {
  stop-color: #244486;
  stop-opacity: 0.78;
}
.sphere-midpoint[data-v-42c4f34b] {
  stop-color: #244486;
  stop-opacity: 0.22;
}
.sphere-shadow[data-v-42c4f34b] {
  stop-color: #244486;
  stop-opacity: 0.06;
}
.world-orbits[data-v-42c4f34b] {
  stroke: #A8CBFF;
  stroke-opacity: 0.13;
  stroke-width: 0.65;
}
.world-orbit-outer[data-v-42c4f34b] {
  stroke-opacity: 0.08;
}
.orbit-point[data-v-42c4f34b] {
  fill: #C9DAFF;
  opacity: 0.7;
}
.orbit-point--quiet[data-v-42c4f34b] {
  opacity: 0.35;
}
.globe-grid[data-v-42c4f34b] {
  stroke: #A8CBFF;
  stroke-width: 0.65;
}
.globe-land[data-v-42c4f34b] {
  fill: #C9DAFF;
}
.world-scan[data-v-42c4f34b] {
  stroke: #DFE9FF;
  stroke-width: 1.2;
  opacity: 0;
}
.globe-edge[data-v-42c4f34b] {
  stroke: url("#bancoli-world-rim");
  stroke-width: 0.9;
}
.rim-light[data-v-42c4f34b] {
  stop-color: #C9DAFF;
  stop-opacity: 0.5;
}
.rim-middle[data-v-42c4f34b] {
  stop-color: #5578FF;
  stop-opacity: 0.2;
}
.rim-shadow[data-v-42c4f34b] {
  stop-color: #A8CBFF;
  stop-opacity: 0.02;
}
.globe-rim[data-v-42c4f34b] {
  stroke: #DFE9FF;
  stroke-opacity: 0.24;
  stroke-width: 1.5;
}
.world-background-routes[data-v-42c4f34b] {
  stroke: #A8CBFF;
  stroke-opacity: 0.19;
  stroke-width: 0.7;
}
.world-background-routes > circle[data-v-42c4f34b] {
  fill: #DFE9FF;
  opacity: 0.5;
}
.flow-incoming[data-v-42c4f34b],
.flow-outgoing[data-v-42c4f34b],
.flow-ghost-line[data-v-42c4f34b] {
  stroke: #DFE9FF;
  stroke-width: 1.5;
  stroke-linecap: round;
}
.flow-incoming[data-v-42c4f34b] {
  stroke-opacity: 0.8;
}
.flow-outgoing[data-v-42c4f34b],
.flow-ghost-line[data-v-42c4f34b] {
  stroke: url("#bancoli-world-route");
  stroke-width: 1.8;
}
.route-start[data-v-42c4f34b] {
  stop-color: #DFE9FF;
}
.route-end[data-v-42c4f34b] {
  stop-color: #C9DAFF;
}
.world-route-glow[data-v-42c4f34b],
.flow-ghost-glow[data-v-42c4f34b] {
  stroke: #C9DAFF;
  stroke-width: 3;
  opacity: 0.28;
}
/* Transient route effects rest invisible; motion reveals them. */
.flow-ghost[data-v-42c4f34b],
.flow-comet[data-v-42c4f34b],
.flow-pulse[data-v-42c4f34b],
.flow-comet-tail[data-v-42c4f34b],
.flow-pulse-tail[data-v-42c4f34b],
.endpoint-ripple[data-v-42c4f34b],
.country-flash[data-v-42c4f34b] {
  opacity: 0;
}
.flow-comet-tail[data-v-42c4f34b],
.flow-pulse-tail[data-v-42c4f34b] {
  stroke-linecap: round;
}
.flow-comet-tail[data-v-42c4f34b] {
  stroke: url("#bancoli-world-comet-tail");
  stroke-width: 2.6;
}
.flow-pulse-tail[data-v-42c4f34b] {
  stroke: url("#bancoli-world-pulse-tail");
  stroke-width: 2.2;
}
.comet-tail-start[data-v-42c4f34b],
.comet-tail-end[data-v-42c4f34b],
.comet-glow-core[data-v-42c4f34b],
.comet-glow-middle[data-v-42c4f34b],
.comet-glow-edge[data-v-42c4f34b] {
  stop-color: #C9DAFF;
}
.comet-tail-start[data-v-42c4f34b],
.comet-glow-edge[data-v-42c4f34b],
.pulse-tail-start[data-v-42c4f34b],
.pulse-glow-edge[data-v-42c4f34b] {
  stop-opacity: 0;
}
.comet-tail-end[data-v-42c4f34b] {
  stop-opacity: 0.95;
}
.comet-glow-core[data-v-42c4f34b] {
  stop-opacity: 0.9;
}
.comet-glow-middle[data-v-42c4f34b] {
  stop-opacity: 0.32;
}
.comet-glow[data-v-42c4f34b] {
  fill: url("#bancoli-world-comet-glow");
}
.comet-core[data-v-42c4f34b] {
  fill: #EEF3FF;
}
.pulse-tail-start[data-v-42c4f34b],
.pulse-tail-end[data-v-42c4f34b],
.pulse-glow-middle[data-v-42c4f34b],
.pulse-glow-edge[data-v-42c4f34b] {
  stop-color: #DFE9FF;
}
.pulse-tail-end[data-v-42c4f34b] {
  stop-opacity: 0.9;
}
.pulse-glow-core[data-v-42c4f34b] {
  stop-color: rgb(255 255 255 / 1);
  stop-opacity: 0.9;
}
.pulse-glow-middle[data-v-42c4f34b] {
  stop-opacity: 0.35;
}
.pulse-glow[data-v-42c4f34b] {
  fill: url("#bancoli-world-pulse-glow");
}
.pulse-core[data-v-42c4f34b] {
  fill: rgb(255 255 255 / 1);
}
.endpoint-ripple[data-v-42c4f34b] {
  fill: none;
  stroke: #C9DAFF;
  stroke-width: 1.2;
}
.world-map-point[data-v-42c4f34b] {
  fill: #C9DAFF;
}
.world-map-point > circle[data-v-42c4f34b]:first-child {
  opacity: 0.07;
}
.world-map-point > circle[data-v-42c4f34b]:nth-child(2) {
  opacity: 0.2;
}
.world-map-point--source[data-v-42c4f34b] {
  fill: #DFE9FF;
}
.world-map-point--source > circle[data-v-42c4f34b]:last-child {
  opacity: 1;
}
.world-hub[data-v-42c4f34b] {
  position: absolute;
  z-index: 10;
  left: 40.53%;
  top: 46.97%;
  transform: translate(-50%, -50%);
}
.world-hub-body[data-v-42c4f34b] {
  position: relative;
}
.world-hub-light[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  inset: -1.5rem;
  border-radius: 9999px;
  background-color: rgb(85 120 255 / 0.3);
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.world-hub-signal[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(201 218 255 / 0.6);
  opacity: 0;
}
.world-hub-face[data-v-42c4f34b] {
  position: relative;
  display: flex;
  height: 76px;
  width: 154px;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(223 233 255 / 0.6);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-image: linear-gradient(
    150deg,
    rgb(255 255 255 / 1),
    #EEF3FF
  );
  box-shadow: 0 0 0 5px rgb(168 203 255 / 8%),
    0 16px 48px rgb(36 68 134 / 35%);
}
.world-account-icon[data-v-42c4f34b] {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(201 218 255 / 0.6);
  background-color: rgb(223 233 255 / 0.5);
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.world-account-icon svg[data-v-42c4f34b] {
  height: 18px;
  width: 18px;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.world-account-name[data-v-42c4f34b] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.125rem;
  text-align: left;
}
@media (max-width: 359px) {
  .fx-board-row > .world-account-name[data-v-42c4f34b][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .world-account-name[data-v-42c4f34b][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.world-account-name > span[data-v-42c4f34b] {
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.world-account-name strong[data-v-42c4f34b] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 1.375;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.country-fill[data-v-42c4f34b] {
  fill: #C9DAFF;
  fill-opacity: 0.08;
  fill-rule: evenodd;
}
.country-flash[data-v-42c4f34b] {
  fill: #C9DAFF;
  fill-rule: evenodd;
}
.country-border[data-v-42c4f34b] {
  fill: none;
  stroke: #C9DAFF;
  stroke-opacity: 0.65;
  stroke-width: 0.85;
  stroke-linejoin: round;
}
.world-station[data-v-42c4f34b] {
  position: absolute;
  z-index: 10;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.2);
  background-color: rgb(11 21 38 / 0.8);
  padding: 0.875rem;
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  backdrop-filter: blur(16px);
}
.world-station strong[data-v-42c4f34b] {
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1.375;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.destination-code[data-v-42c4f34b] {
  position: relative;
}
.destination-code-text[data-v-42c4f34b] {
  color: transparent;
}
.destination-code-fx[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  user-select: none;
  white-space: nowrap;
}
.station-label[data-v-42c4f34b] {
  display: block;
  font-size: .625rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.625;
  letter-spacing: 0.12em;
  color: rgb(223 233 255 / 0.8);
}
.world-source[data-v-42c4f34b] {
  left: 11%;
  top: 59%;
}
.station-symbol[data-v-42c4f34b] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(201 218 255 / 0.2);
  background-color: rgb(168 203 255 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.station-symbol svg[data-v-42c4f34b] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.source-tokens[data-v-42c4f34b] {
  grid-column: span 2 / span 2;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-top-width: 1px;
  border-color: rgb(201 218 255 / 0.1);
  padding-top: 0.5rem;
}
.source-tokens > span[data-v-42c4f34b] {
  margin-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgb(223 233 255 / 0.7);
}
.source-tokens img[data-v-42c4f34b] {
  height: 18px;
  width: 18px;
  border-radius: 9999px;
}
.world-destination[data-v-42c4f34b] {
  border-color: rgb(201 218 255 / 0.25);
  left: 73%;
  top: 30%;
  min-width: 132px;
}
.destination-flag[data-v-42c4f34b] {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
}
.destination-name[data-v-42c4f34b] {
  grid-column: span 2 / span 2;
  margin-top: 0.5rem;
  border-top-width: 1px;
  border-color: rgb(201 218 255 / 0.1);
  padding-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  color: rgb(223 233 255 / 0.8);
}
.world-destination--eur[data-v-42c4f34b] {
  top: 50%;
}
.world-destination--gbp[data-v-42c4f34b] {
  top: 23%;
  left: 65%;
}
.world-destination--mxn[data-v-42c4f34b] {
  top: 16%;
  left: 14%;
}
.world-destination--usd[data-v-42c4f34b] {
  top: 8%;
  left: 21%;
}
.world-destination--ngn[data-v-42c4f34b] {
  top: 61%;
  left: 73%;
}
.world-destination--brl[data-v-42c4f34b] {
  top: 67%;
  left: 53%;
}
.world-destination--clp[data-v-42c4f34b] {
  top: 76%;
  left: 37%;
}
.world-destination--pen[data-v-42c4f34b] {
  top: 66%;
  left: 40%;
}
@media (max-width: 767px) {
  .world-scene[data-v-42c4f34b] {
    width: 100%;
    margin-left: 0;
    aspect-ratio: auto;
  }
  .world-canvas[data-v-42c4f34b] {
    width: 130%;
    margin-left: -15%;
  }
  .world-hub[data-v-42c4f34b] {
    left: 49%;
  }
  .world-stations[data-v-42c4f34b] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: -1rem;
  }
  .world-station[data-v-42c4f34b] {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    min-width: 0;
  }
}
@media (min-width: 768px) {
  /* Leave South American destination markers clear of the source card. */
  .world-source--south[data-v-42c4f34b] {
    top: 25%;
  }
  .world-scene[data-v-42c4f34b] {
    width: 100%;
    margin-left: 0;
  }
  .world-station[data-v-42c4f34b] {
    column-gap: 0.875rem;
    padding: 1rem;
  }
  .world-station strong[data-v-42c4f34b] {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .station-label[data-v-42c4f34b] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .destination-name[data-v-42c4f34b] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .world-destination[data-v-42c4f34b] {
    min-width: 148px;
  }
  .world-hub-face[data-v-42c4f34b] {
    height: 84px;
    width: 184px;
    gap: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .world-account-icon[data-v-42c4f34b] {
    height: 2rem;
    width: 2rem;
  }
  .world-account-name > span[data-v-42c4f34b] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .world-account-name strong[data-v-42c4f34b] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .world-scene[data-v-42c4f34b] {
    width: 120%;
    margin-left: -10%;
  }
  .world-visual[data-v-42c4f34b] {
    margin-left: -1rem;
  }
}
/* Four across only from 1440px: narrower, the row runs under the source card
   (and the card's pointer drift) at the globe's left edge. */
@media (min-width: 1280px) and (max-width: 1439px) {
  .connected-world--showcase .world-currencies[data-v-42c4f34b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .world-layout[data-v-42c4f34b] {
    min-height: 760px;
  }
  .world-visual[data-v-42c4f34b] {
    margin-left: -2rem;
  }
  .world-scene[data-v-42c4f34b] {
    width: 124%;
    margin-left: -12%;
  }
}
@media (max-width: 359px) {
  .world-currency[data-v-42c4f34b] {
    gap: 0.375rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .world-currency > svg[data-v-42c4f34b] {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .connected-world *[data-v-42c4f34b] {
    transition: none !important;
  }
  .globe-volume[data-v-42c4f34b],
  .world-destination[data-v-42c4f34b] {
    transform: none !important;
    opacity: 1 !important;
  }
  .flow-incoming[data-v-42c4f34b],
  .flow-outgoing[data-v-42c4f34b],
  .world-route-glow[data-v-42c4f34b] {
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;
  }
}

/* pages/features/zero-fx.vue */

/* Page specific styles if any */

/* components/visuals/WalletControlStory.vue */

.control-story[data-v-33a8a15c] {
  width: 100%;
  min-width: 0px;
  padding-bottom: 3.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}

@media (max-width: 359px) {
  .fx-board-row > .control-story[data-v-33a8a15c][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .control-story[data-v-33a8a15c][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

@media (min-width: 1024px) {

  .control-story[data-v-33a8a15c] {
    padding-bottom: 5rem;
  }
}
.control-owner[data-v-33a8a15c] {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  background-color: rgb(255 255 255 / 0.05);
  padding: 1.25rem;
}
.owner-symbol[data-v-33a8a15c] {
  display: flex;
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.owner-symbol svg[data-v-33a8a15c] {
  height: 2rem;
  width: 2rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
}
.control-owner strong[data-v-33a8a15c] {
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.control-owner div span[data-v-33a8a15c] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.control-connection[data-v-33a8a15c] {
  position: relative;
  z-index: 10;
  display: flex;
  height: 5rem;
  align-items: center;
  gap: 1rem;
  padding-left: 1.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.control-connection svg[data-v-33a8a15c] {
  height: 5rem;
  width: 2rem;
  flex-shrink: 0;
}
.control-connection path[data-v-33a8a15c] {
  stroke: #A8CBFF;
  stroke-width: 1.5;
  stroke-dasharray: 3 5;
}
.control-connection .control-signal[data-v-33a8a15c] {
  stroke: #C9DAFF;
  stroke-width: 2;
  stroke-dasharray: none;
}
.control-connection circle[data-v-33a8a15c] {
  fill: #C9DAFF;
  stroke: #244486;
  stroke-width: 3;
}
.wallet-stack[data-v-33a8a15c] {
  position: relative;
  isolation: isolate;
}
.wallet-stack[data-v-33a8a15c]::before,
.wallet-stack[data-v-33a8a15c]::after {
  content: '';
  position: absolute;
  inset: 0px;
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.3);
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  z-index: -1;
}
.wallet-stack[data-v-33a8a15c]::before {
  transform: translateY(12px) scaleX(0.95);
}
.wallet-stack[data-v-33a8a15c]::after {
  transform: translateY(24px) scaleX(0.9);
  z-index: -2;
}
.control-wallet[data-v-33a8a15c] {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {

  .control-wallet[data-v-33a8a15c] {
    padding: 2rem;
  }
}
.wallet-orbit[data-v-33a8a15c] {
  pointer-events: none;
  position: absolute;
  right: -5rem;
  top: -6rem;
  height: 16rem;
  width: 16rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.wallet-orbit[data-v-33a8a15c]::before,
.wallet-orbit[data-v-33a8a15c]::after {
  content: '';
  position: absolute;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.wallet-orbit[data-v-33a8a15c]::before {
  inset: 1.5rem;
}
.wallet-orbit[data-v-33a8a15c]::after {
  inset: 3rem;
}
.control-wallet-heading[data-v-33a8a15c] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.wallet-label[data-v-33a8a15c] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.wallet-label svg[data-v-33a8a15c] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-statement[data-v-33a8a15c] {
  position: relative;
  margin-top: 2rem;
  display: block;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
}
@media (min-width: 640px) {

  .wallet-statement[data-v-33a8a15c] {
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: 0.005em;
  }
}
.wallet-statement span[data-v-33a8a15c] {
  display: block;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.wallet-asset-list[data-v-33a8a15c] {
  position: relative;
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.wallet-asset[data-v-33a8a15c] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media (max-width: 359px) {
  .fx-board-row > .wallet-asset[data-v-33a8a15c][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .wallet-asset[data-v-33a8a15c][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 640px) {

  .wallet-asset[data-v-33a8a15c] {
    flex-direction: row;
    justify-content: center;
    gap: 0.75rem;
  }
}
.wallet-asset[data-v-33a8a15c]:last-child {
  border-right-width: 0px;
}
.wallet-asset img[data-v-33a8a15c] {
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  border-radius: 9999px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .wallet-asset[data-v-33a8a15c] {
    flex-direction: column;
    gap: 0.5rem;
  }
}

/* pages/full-reserve-accounts.vue */

.reserve-page[data-v-9c098834] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.reserve-container[data-v-9c098834] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .reserve-container[data-v-9c098834] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.reserve-hero[data-v-9c098834] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .reserve-hero[data-v-9c098834] {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}
.hero-copy[data-v-9c098834] {
  text-align: left;
}
.hero-intro[data-v-9c098834] {
  margin-top: 1.25rem;
}
.hero-signup[data-v-9c098834] {
  margin-top: 1.75rem;
  max-width: 448px;
}
.hero-trust[data-v-9c098834] {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-trust[data-v-9c098834] {
    margin-bottom: 3.5rem;
  }
}
.wallet-scene[data-v-9c098834] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  padding: 24px 0 48px;
  isolation: isolate;
  /* Perspective for the cursor tilt on .hero-product; the drift comes from
     v-parallax writing --parallax-y. */
  perspective: 1400px;
  transform: translateY(var(--parallax-y, 0px));
}
.hero-product[data-v-9c098834] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  width: calc(100% - 64px);
  max-width: 813.5px;
  box-shadow: 0 24px 48px -28px #365086,
    0 4px 12px -8px #A8CBFF;
}
.hero-product img[data-v-9c098834] {
  display: block;
  height: auto;
  width: 100%;
  border-radius: 0;
}
.ownership-tag[data-v-9c098834] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  bottom: 72px;
  /* Right side: sits just below the dashboard's Bancoli Rewards row. */
  right: 0;
  max-width: 334px;
  box-shadow: 0 18px 36px -14px #365086;
}
.key-icon[data-v-9c098834] {
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.key-icon svg[data-v-9c098834] {
  height: 1.5rem;
  width: 1.5rem;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}
.ownership-tag strong[data-v-9c098834] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.ownership-tag div > span[data-v-9c098834] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
/* Phones/tablets: the badge can't hover the dashboard without covering
   it, so it docks in flow underneath instead of overlaying it. */
@media (max-width: 1023px) {
  .ownership-tag[data-v-9c098834] {
    position: static;
    margin: 20px auto 0;
    max-width: 360px;
  }
}
/* Homepage-only proof line: inline value + micro label pairs split by
   hairline dividers. Sans and compact on purpose — the trust band below
   already owns the serif voice. */
.metrics-strip[data-v-9c098834] {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: rgb(11 21 38 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.metrics-inner[data-v-9c098834] {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 80rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {

  .metrics-inner[data-v-9c098834] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.metric[data-v-9c098834] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .metric[data-v-9c098834] {
    flex-direction: row;
    align-items: baseline;
    gap: 0.75rem;
    border-left-width: 1px;
    border-color: rgb(11 21 38 / 0.1);
    text-align: left;
  }

  .metric[data-v-9c098834]:first-child {
    border-left-width: 0px;
  }
}
.metric-value[data-v-9c098834] {
  white-space: nowrap;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 800;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.drawer-row .metric-value[data-v-9c098834][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 1024px) {

  .metric-value[data-v-9c098834] {
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: 0.005em;
  }
}
.metric-label[data-v-9c098834] {
  font-size: .625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.reserve-title[data-v-9c098834] {
  font-family: Cardo, serif;
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .reserve-title[data-v-9c098834],
  h2 .reserve-title[data-v-9c098834],
  h3 .reserve-title[data-v-9c098834] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .reserve-title[data-v-9c098834] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.hero-statement[data-v-9c098834] {
  margin-top: 1.75rem;
  margin-bottom: 1.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-statement[data-v-9c098834] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.hero-statement em[data-v-9c098834] {
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.body-copy[data-v-9c098834] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .body-copy[data-v-9c098834] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.hero-description[data-v-9c098834] {
  max-width: 48rem;
  line-height: 1.75rem;
}
.text-link[data-v-9c098834] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.text-link[data-v-9c098834]:hover {
  text-decoration-line: underline;
}
.hero-note[data-v-9c098834] {
  margin-top: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.section-eyebrow[data-v-9c098834] {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.pricing-start[data-v-9c098834] {
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
  align-items: center;
  gap: 2rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {

  .pricing-start[data-v-9c098834] {
    margin-top: 6rem;
    margin-bottom: 6rem;
    grid-template-columns: 1fr auto;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
.pricing-start .body-copy[data-v-9c098834] {
  margin-top: 1.25rem;
  max-width: 42rem;
}
.pricing-start-actions[data-v-9c098834] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.plan-link[data-v-9c098834] {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.plan-link[data-v-9c098834]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
.ownership-section[data-v-9c098834] {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {

  .ownership-section[data-v-9c098834] {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
.ownership-section[data-v-9c098834] {
  scroll-margin-top: 150px;
}
.section-heading[data-v-9c098834] {
  text-align: center;
}
.reserve-page h2[data-v-9c098834] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .reserve-page h2[data-v-9c098834],
  h2 .reserve-page h2[data-v-9c098834],
  h3 .reserve-page h2[data-v-9c098834] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .reserve-page h2[data-v-9c098834] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.principle-grid[data-v-9c098834] {
  margin-top: 3.5rem;
  display: grid;
  gap: 2.25rem;
}
@media (min-width: 768px) {

  .principle-grid[data-v-9c098834] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .principle-grid[data-v-9c098834] {
    gap: 3rem;
  }
}
.principle[data-v-9c098834] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.reserve-page h3[data-v-9c098834] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
}
.principle h3[data-v-9c098834] {
  margin-bottom: 1rem;
}
.principle .body-copy[data-v-9c098834] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.principle-foot[data-v-9c098834] {
  margin-top: 1.5rem;
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.ownership-panel[data-v-9c098834] {
  display: grid;
  gap: 2.5rem;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-top: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .ownership-panel[data-v-9c098834] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 4rem;
  }
}
.keys-copy[data-v-9c098834] {
  position: relative;
  z-index: 10;
}
@media (min-width: 1024px) {

  .keys-copy[data-v-9c098834] {
    align-self: center;
    padding-bottom: 4rem;
  }
}
.keys-copy h2[data-v-9c098834] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.keys-copy h2 em[data-v-9c098834] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.keys-copy > p[data-v-9c098834] {
  margin-top: 1.5rem;
  max-width: 28rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.light-link[data-v-9c098834] {
  margin-top: 1.75rem;
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.photo-frame[data-v-9c098834] {
  margin-top: 2.25rem;
  border-radius: 1rem;
  overflow: hidden;
}
.business-photo[data-v-9c098834] {
  display: block;
  height: auto;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.everyday-section[data-v-9c098834] {
  display: grid;
  align-items: flex-start;
  gap: 2.5rem;
  padding-top: 5rem;
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {

  .everyday-section[data-v-9c098834] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
    padding-top: 7rem;
    padding-bottom: 2rem;
  }
}
.utility-list[data-v-9c098834] {
  /* Align the first row with the top of the photo in the left column. */
}
@media (min-width: 1024px) {

  .utility-list[data-v-9c098834] {
    padding-top: 140px;
  }
}
.utility-item[data-v-9c098834] {
  margin-bottom: 1.75rem;
  display: flex;
  gap: 1.25rem;
  border-radius: 0.125rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 1.75rem;
}
.utility-item[data-v-9c098834]:last-child {
  margin-bottom: 0px;
}
.utility-item h3[data-v-9c098834] {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.utility-item:hover h3[data-v-9c098834] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
/* Slide-through arrow: the resting glyph exits up-right while a clone
   enters from down-left (ramp.com/stripe link signature). */
.utility-arrow[data-v-9c098834] {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.arrow-glyph[data-v-9c098834] {
  display: inline-block;
  transition: transform 320ms var(--ease-out-expo);
}
.arrow-clone[data-v-9c098834] {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-110%, 110%);
}
.utility-item:hover .arrow-glyph[data-v-9c098834]:first-child {
  transform: translate(110%, -110%);
}
.utility-item:hover .arrow-clone[data-v-9c098834] {
  transform: translate(0, 0);
}
.utility-list h3[data-v-9c098834] {
  margin-bottom: 0.5rem;
}
.utility-list .body-copy[data-v-9c098834] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.utility-arrow[data-v-9c098834] {
  margin-left: auto;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.reserve-page a[data-v-9c098834]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 5px;
  border-radius: 4px;
}
.ownership-panel a[data-v-9c098834]:focus-visible {
  outline-color: #C9DAFF;
}
@media (prefers-reduced-motion: reduce) {
  .reserve-page *[data-v-9c098834],
  .reserve-page *[data-v-9c098834]::before,
  .reserve-page *[data-v-9c098834]::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* pages/global-business-account-africa.vue */

[data-v-f8866b3c] .line-break-xs-lg {
  display: block;
}

@media (min-width: 640px) {

  [data-v-f8866b3c] .line-break-xs-lg {
    display: none;
  }
}

@media (min-width: 1024px) {

  [data-v-f8866b3c] .line-break-xs-lg {
    display: block;
  }
}
[data-v-f8866b3c] .line-break-sm {
  display: block;
}
@media (min-width: 768px) {

  [data-v-f8866b3c] .line-break-sm {
    display: none;
  }
}
[data-v-f8866b3c] .line-break-sm-lg {
  display: block;
}
@media (min-width: 768px) {

  [data-v-f8866b3c] .line-break-sm-lg {
    display: none;
  }
}
@media (min-width: 1024px) {

  [data-v-f8866b3c] .line-break-sm-lg {
    display: block;
  }
}
[data-v-f8866b3c] .line-break-lg {
  display: none;
}
@media (min-width: 1024px) {

  [data-v-f8866b3c] .line-break-lg {
    display: block;
  }
}

/* components/visuals/GlobalAccountPaymentsVisual.vue */

.account-visual[data-v-165ef828] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 2.5rem 0 3.5rem;
}
.account-card[data-v-165ef828] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.account-head[data-v-165ef828] {
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.account-title[data-v-165ef828] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .account-title[data-v-165ef828],
  h2 .account-title[data-v-165ef828],
  h3 .account-title[data-v-165ef828] {
    font-size: inherit;
    line-height: inherit;
  }
.chips-label[data-v-165ef828] {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
.methods[data-v-165ef828] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.method[data-v-165ef828] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.note-card[data-v-165ef828] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 1rem;
  top: 0;
  right: 0;
  max-width: 17rem;
}
.note-icon[data-v-165ef828] {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 9999px;
}
.highlight-card[data-v-165ef828] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.highlight-check[data-v-165ef828] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.highlight-check svg[data-v-165ef828] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.highlight-title[data-v-165ef828] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .highlight-title[data-v-165ef828][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.highlight-meta[data-v-165ef828] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: stack the three cards so the notes never cover account text. */
@media (max-width: 639px) {
  .account-visual[data-v-165ef828] {
    padding: 0;
  }
  .account-card[data-v-165ef828] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .note-card[data-v-165ef828],
  .highlight-card[data-v-165ef828] {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
  }
  .note-card[data-v-165ef828] {
    margin: -0.75rem 0 0 1rem;
  }
  .highlight-card[data-v-165ef828] {
    margin: -0.5rem 1rem 0 auto;
  }
}

/* components/RegionalHeader.vue */

.hero[data-v-0e2da55e] .hero-container {
  padding-top: 2.5rem !important;
}

@media (min-width: 1024px) {

  .hero[data-v-0e2da55e] .hero-container {
    padding-top: 4rem !important;
  }
}

/* components/visuals/RegionalWalletVisual.vue */

.wallet-visual[data-v-ca5b0bda] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 24rem;
  padding: 1.5rem 0.5rem;
}
.wallet-back[data-v-ca5b0bda] {
  position: absolute;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  inset: 1rem 1.5rem;
  transform: rotate(-6deg);
}
.wallet-card[data-v-ca5b0bda] {
  position: relative;
  border-radius: 1.5rem;
  padding: 1.5rem;
}
@media (min-width: 640px) {

  .wallet-card[data-v-ca5b0bda] {
    padding: 1.75rem;
  }
}
.wallet-top[data-v-ca5b0bda] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.wallet-symbol[data-v-ca5b0bda] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .wallet-symbol[data-v-ca5b0bda],
  h2 .wallet-symbol[data-v-ca5b0bda],
  h3 .wallet-symbol[data-v-ca5b0bda] {
    font-size: inherit;
    line-height: inherit;
  }
.wallet-label[data-v-ca5b0bda] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .wallet-label[data-v-ca5b0bda][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .wallet-label[data-v-ca5b0bda][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .wallet-label[data-v-ca5b0bda][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.wallet-shield[data-v-ca5b0bda] {
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-heading[data-v-ca5b0bda] {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .wallet-heading[data-v-ca5b0bda],
  h2 .wallet-heading[data-v-ca5b0bda],
  h3 .wallet-heading[data-v-ca5b0bda] {
    font-size: inherit;
    line-height: inherit;
  }
.wallet-row[data-v-ca5b0bda] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-top-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.wallet-value[data-v-ca5b0bda] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.wallet-status[data-v-ca5b0bda] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.live-dot[data-v-ca5b0bda] {
  height: 0.5rem;
  width: 0.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}

/* components/visuals/RegionalCurrenciesVisual.vue */

.currencies-visual[data-v-f2d0ae2d] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 27rem;
}
.currencies-card[data-v-f2d0ae2d] {
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .currencies-card[data-v-f2d0ae2d] {
    padding: 1.5rem;
  }
}
.from-row[data-v-f2d0ae2d] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
}
.usd-badge[data-v-f2d0ae2d] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  font-family: Cardo, serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .usd-badge[data-v-f2d0ae2d],
  h2 .usd-badge[data-v-f2d0ae2d],
  h3 .usd-badge[data-v-f2d0ae2d] {
    font-size: inherit;
    line-height: inherit;
  }
.to-label[data-v-f2d0ae2d] {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
.codes[data-v-f2d0ae2d] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}
.code[data-v-f2d0ae2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.drawer-row .code[data-v-f2d0ae2d][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.code.is-selected[data-v-f2d0ae2d] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
.more[data-v-f2d0ae2d] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.more svg[data-v-f2d0ae2d] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}

/* components/visuals/RegionalPayoutsVisual.vue */

.payouts-visual[data-v-3ad1cf00] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.payouts-card[data-v-3ad1cf00] {
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .payouts-card[data-v-3ad1cf00] {
    padding: 1.5rem;
  }
}
.payout-list[data-v-3ad1cf00] {
  margin-top: 0.5rem;
}
.payout-row[data-v-3ad1cf00] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.payout-row[data-v-3ad1cf00]:last-child {
  border-bottom-width: 0px;
}
.rail[data-v-3ad1cf00] {
  display: flex;
  height: 1.75rem;
  width: 3.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}
.rail--local[data-v-3ad1cf00] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.rail--wire[data-v-3ad1cf00] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.payout-amount[data-v-3ad1cf00] {
  flex-shrink: 0;
  text-align: right;
}
.payout-amount .ui-amount[data-v-3ad1cf00] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.payout-status[data-v-3ad1cf00] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: #064E3B;
}
.payouts-foot[data-v-3ad1cf00] {
  margin-top: 0.75rem;
}

/* components/RegionalBasicPromises.vue */

/* The safe, the coin shield and the globe that illustrated these sections
   are now the product states the copy describes. The people-and-landmark
   compositions stay: they are the "global movers" the page talks about. */
.promise-grid[data-v-8ad56ac3] {
  display: grid;
  width: 100%;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .promise-grid[data-v-8ad56ac3] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
.promise-text[data-v-8ad56ac3] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 640px) {

  .promise-text[data-v-8ad56ac3] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .promise-text[data-v-8ad56ac3] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    grid-row-start: 1;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
  }

  .promise-visual[data-v-8ad56ac3] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
    grid-row-start: 1;
  }

  .is-reversed .promise-text[data-v-8ad56ac3] {
    grid-column-start: 7;
  }

  .is-reversed .promise-visual[data-v-8ad56ac3] {
    grid-column-start: 2;
  }
}
/* Rounded pale-blue panel instead of a full-bleed tinted band. */
.tinted-panel[data-v-8ad56ac3] {
  width: 100%;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 640px) {

  .tinted-panel[data-v-8ad56ac3] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .tinted-panel[data-v-8ad56ac3] {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  #banking-jurisdictions[data-v-8ad56ac3] .left-side, #global-movers[data-v-8ad56ac3] .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  #banking-jurisdictions[data-v-8ad56ac3] .right-side, #global-movers[data-v-8ad56ac3] .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}

/* pages/global-business-account-asia.vue */

[data-v-9bd312c2] .line-break-xs-lg {
  display: block;
}

@media (min-width: 640px) {

  [data-v-9bd312c2] .line-break-xs-lg {
    display: none;
  }
}

@media (min-width: 1024px) {

  [data-v-9bd312c2] .line-break-xs-lg {
    display: block;
  }
}
[data-v-9bd312c2] .line-break-sm {
  display: block;
}
@media (min-width: 768px) {

  [data-v-9bd312c2] .line-break-sm {
    display: none;
  }
}
[data-v-9bd312c2] .line-break-sm-lg {
  display: block;
}
@media (min-width: 768px) {

  [data-v-9bd312c2] .line-break-sm-lg {
    display: none;
  }
}
@media (min-width: 1024px) {

  [data-v-9bd312c2] .line-break-sm-lg {
    display: block;
  }
}
[data-v-9bd312c2] .line-break-lg {
  display: none;
}
@media (min-width: 1024px) {

  [data-v-9bd312c2] .line-break-lg {
    display: block;
  }
}

/* pages/global-business-account-latam.vue */

[data-v-cf06ff8f] .line-break-sm {
  display: block;
}

@media (min-width: 768px) {

  [data-v-cf06ff8f] .line-break-sm {
    display: none;
  }
}
[data-v-cf06ff8f] .line-break-xs-lg {
  display: block;
}
@media (min-width: 640px) {

  [data-v-cf06ff8f] .line-break-xs-lg {
    display: none;
  }
}
@media (min-width: 1024px) {

  [data-v-cf06ff8f] .line-break-xs-lg {
    display: block;
  }
}
[data-v-cf06ff8f] .line-break-lg {
  display: none;
}
@media (min-width: 1024px) {

  [data-v-cf06ff8f] .line-break-lg {
    display: block;
  }
}

/* components/EditorialPhoto.vue */

.editorial-photo[data-v-31a87037] {
  width: 100%;
  min-width: 0px;
}

@media (max-width: 359px) {
  .fx-board-row > .editorial-photo[data-v-31a87037][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .editorial-photo[data-v-31a87037][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.editorial-photo img[data-v-31a87037] {
  display: block;
  height: auto;
  width: 100%;
  border-radius: 1rem;
  object-fit: cover;
}
.editorial-photo figcaption[data-v-31a87037] {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

/* components/industries/IndustrySection.vue */

/* Tablets use the hero's centred 8-of-12 column; desktop puts copy and
   visual side by side. */
.industry-section[data-v-01683291] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  row-gap: 2.5rem;
}
@media (min-width: 640px) {

  .industry-section[data-v-01683291] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .industry-section[data-v-01683291] {
    column-gap: 2rem;
  }
}
@media (min-width: 640px) {

  .industry-section__copy[data-v-01683291] {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
  }
}
@media (min-width: 1024px) {

  .industry-section__copy[data-v-01683291] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }
}
@media (min-width: 640px) {

  .industry-section__visual[data-v-01683291] {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
  }
}
@media (min-width: 1024px) {

  .industry-section__visual[data-v-01683291] {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }

  .is-reverse .industry-section__copy[data-v-01683291] {
    grid-column-start: 8;
    grid-row-start: 1;
  }

  .is-reverse .industry-section__visual[data-v-01683291] {
    grid-column-start: 2;
    grid-row-start: 1;
  }
}

/* components/visuals/ManufacturingStraightThroughVisual.vue */

.mfg-flow__card[data-v-6f2e03f7] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .mfg-flow__card[data-v-6f2e03f7] {
    padding: 1.5rem;
  }
}

.mfg-flow__card[data-v-6f2e03f7] {
  max-width: 26rem;
}
/* Number and chip share a row; long translations wrap the chip below. */
.mfg-flow__head[data-v-6f2e03f7] {
  margin-top: 0.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.mfg-flow__number[data-v-6f2e03f7] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .mfg-flow__number[data-v-6f2e03f7],
  h2 .mfg-flow__number[data-v-6f2e03f7],
  h3 .mfg-flow__number[data-v-6f2e03f7] {
    font-size: inherit;
    line-height: inherit;
  }
.mfg-flow__step[data-v-6f2e03f7] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
}
.mfg-flow__step[data-v-6f2e03f7]:last-child {
  padding-bottom: 0px;
}
/* The line that joins each marker to the next one. */
.mfg-flow__step[data-v-6f2e03f7]:not(:last-child)::before {
  position: absolute;
  width: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  content: '';
  left: 0.8125rem;
  top: 1.75rem;
  bottom: 0;
}
.mfg-flow__marker[data-v-6f2e03f7] {
  position: relative;
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}
.mfg-flow__marker svg[data-v-6f2e03f7] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mfg-flow__marker.is-done[data-v-6f2e03f7] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.mfg-flow__marker.is-skipped[data-v-6f2e03f7] {
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.mfg-flow__marker.is-paid[data-v-6f2e03f7] {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.mfg-flow__text[data-v-6f2e03f7] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .mfg-flow__text[data-v-6f2e03f7][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .mfg-flow__text[data-v-6f2e03f7][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .mfg-flow__text[data-v-6f2e03f7][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.mfg-flow__text[data-v-6f2e03f7] {
  padding-top: 0.25rem;
}
.mfg-flow__date[data-v-6f2e03f7] {
  flex-shrink: 0;
  white-space: nowrap;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .mfg-flow__date[data-v-6f2e03f7][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.mfg-flow__date[data-v-6f2e03f7] {
  padding-top: 0.3rem;
}
.mfg-flow__struck[data-v-6f2e03f7] {
  display: block;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  text-decoration-line: line-through;
}
.mfg-flow__chip[data-v-6f2e03f7] {
  margin-top: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

/* components/visuals/ManufacturingNoErrorsVisual.vue */

.mfg-check__card[data-v-9e19686d] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .mfg-check__card[data-v-9e19686d] {
    padding: 1.5rem;
  }
}

.mfg-check__card[data-v-9e19686d] {
  max-width: 26rem;
}
/* Number and chip share a row; long translations wrap the chip below. */
.mfg-check__head[data-v-9e19686d] {
  margin-top: 0.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.mfg-check__number[data-v-9e19686d] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .mfg-check__number[data-v-9e19686d],
  h2 .mfg-check__number[data-v-9e19686d],
  h3 .mfg-check__number[data-v-9e19686d] {
    font-size: inherit;
    line-height: inherit;
  }
.mfg-check__step[data-v-9e19686d] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
}
.mfg-check__step[data-v-9e19686d]:last-child {
  padding-bottom: 0px;
}
/* The line that joins each marker to the next one. */
.mfg-check__step[data-v-9e19686d]:not(:last-child)::before {
  position: absolute;
  width: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  content: '';
  left: 0.8125rem;
  top: 1.75rem;
  bottom: 0;
}
.mfg-check__marker[data-v-9e19686d] {
  position: relative;
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}
.mfg-check__marker svg[data-v-9e19686d] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mfg-check__marker.is-done[data-v-9e19686d] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.mfg-check__marker.is-skipped[data-v-9e19686d] {
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.mfg-check__marker.is-paid[data-v-9e19686d] {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.mfg-check__text[data-v-9e19686d] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .mfg-check__text[data-v-9e19686d][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .mfg-check__text[data-v-9e19686d][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .mfg-check__text[data-v-9e19686d][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.mfg-check__text[data-v-9e19686d] {
  padding-top: 0.25rem;
}
.mfg-check__struck[data-v-9e19686d] {
  display: block;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  text-decoration-line: line-through;
}
.mfg-check__chip[data-v-9e19686d] {
  margin-top: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

/* components/visuals/CommoditiesGuaranteedVisual.vue */

.cmd-guar__card[data-v-d3263507] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .cmd-guar__card[data-v-d3263507] {
    padding: 1.5rem;
  }
}

.cmd-guar__card[data-v-d3263507] {
  max-width: 28rem;
}
.cmd-guar__supplier[data-v-d3263507] {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .cmd-guar__supplier[data-v-d3263507],
  h2 .cmd-guar__supplier[data-v-d3263507],
  h3 .cmd-guar__supplier[data-v-d3263507] {
    font-size: inherit;
    line-height: inherit;
  }
.cmd-guar__list[data-v-d3263507] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cmd-guar__item[data-v-d3263507] {
  display: grid;
  align-items: center;
  column-gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.cmd-guar__item.is-you[data-v-d3263507] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
.ui-avatar.is-you[data-v-d3263507] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.cmd-guar__text[data-v-d3263507] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .cmd-guar__text[data-v-d3263507][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .cmd-guar__text[data-v-d3263507][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.cmd-guar__you[data-v-d3263507] {
  margin-left: 0.25rem;
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  vertical-align: middle;
  font-size: .625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.cmd-guar__shield[data-v-d3263507] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* Narrow phones: the status moves under the buyer name. */
@media (max-width: 479px) {
  .cmd-guar__item[data-v-d3263507] {
    grid-template-columns: auto minmax(0, 1fr);
    row-gap: 0.5rem;
  }
  .cmd-guar__chip[data-v-d3263507] {
    grid-column: 2;
    justify-self: start;
  }
}

/* components/visuals/IndustryUiShot.vue */

.industry-shot[data-v-de260dd0] {
  width: 100%;
  padding: 0.75rem;
}

@media (min-width: 640px) {

  .industry-shot[data-v-de260dd0] {
    padding: 1.25rem;
  }
}
.industry-shot__window[data-v-de260dd0] {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.industry-shot__img[data-v-de260dd0] {
  position: absolute;
  display: block;
  height: auto;
  max-width: none;
}

/* components/visuals/CommoditiesPartnersVisual.vue */

.cmd-partners[data-v-44a684f5] {
  padding: 1rem;
}

@media (min-width: 640px) {

  .cmd-partners[data-v-44a684f5] {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {

  .cmd-partners[data-v-44a684f5] {
    padding: 2.5rem;
  }
}
.cmd-partners__search[data-v-44a684f5] {
  padding: 1.25rem;
}
.cmd-partners__field[data-v-44a684f5] {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.cmd-partners__badge[data-v-44a684f5] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  fill: currentColor;
}
.cmd-partners__tick[data-v-44a684f5] {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cmd-partners__invite[data-v-44a684f5] {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.cmd-partners__actions[data-v-44a684f5] {
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
}
.cmd-partners__actions .ui-button[data-v-44a684f5] {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.cmd-partners__actions .ui-button[data-v-44a684f5]:last-child {
  flex: 1 1 0%;
}
.why-index-link:hover .cmd-partners__actions .ui-button[data-v-44a684f5]:last-child[data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
/* Phones stack the setting under the search; wider screens overlap it. */
.cmd-partners__setting[data-v-44a684f5] {
  position: relative;
  z-index: 10;
  margin-top: 0.75rem;
}
@media (min-width: 640px) {

  .cmd-partners__setting[data-v-44a684f5] {
    margin-top: -1rem;
    margin-left: 2.5rem;
  }
}
.cmd-partners__card[data-v-44a684f5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
}
.cmd-partners__text[data-v-44a684f5] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .cmd-partners__text[data-v-44a684f5][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .cmd-partners__text[data-v-44a684f5][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .cmd-partners__text[data-v-44a684f5][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
/* A switch in the "on" position. */
.cmd-partners__toggle[data-v-44a684f5] {
  position: relative;
  display: inline-flex;
  height: 1.5rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.cmd-partners__toggle span[data-v-44a684f5] {
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  right: 0.125rem;
}

/* components/visuals/RetailSettlementVisual.vue */

.retail-settle__card[data-v-63b2bcda] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .retail-settle__card[data-v-63b2bcda] {
    padding: 1.5rem;
  }
}

.retail-settle__card[data-v-63b2bcda] {
  max-width: 26rem;
}
.retail-settle__number[data-v-63b2bcda] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .retail-settle__number[data-v-63b2bcda],
  h2 .retail-settle__number[data-v-63b2bcda],
  h3 .retail-settle__number[data-v-63b2bcda] {
    font-size: inherit;
    line-height: inherit;
  }
.retail-settle__parties[data-v-63b2bcda] {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: grid;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}
.retail-settle__party[data-v-63b2bcda] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  text-align: center;
}
.retail-settle__party .ui-avatar[data-v-63b2bcda] {
  margin-bottom: 0.25rem;
}
.retail-settle__supplier[data-v-63b2bcda] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.retail-settle__transfer[data-v-63b2bcda] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  padding-top: 0.25rem;
}
.retail-settle__arrow[data-v-63b2bcda] {
  width: 4rem;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  height: 0.75rem;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.retail-settle__bolt[data-v-63b2bcda] {
  height: 0.75rem;
  width: 0.75rem;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linejoin: round;
}

/* components/visuals/RetailAllocationVisual.vue */

.retail-alloc__card[data-v-eca51b7f] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .retail-alloc__card[data-v-eca51b7f] {
    padding: 1.5rem;
  }
}

.retail-alloc__card[data-v-eca51b7f] {
  max-width: 28rem;
}
.retail-alloc__summary[data-v-eca51b7f] {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.25rem;
}
.retail-alloc__bar[data-v-eca51b7f] {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: block;
  height: 0.5rem;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.retail-alloc__fill[data-v-eca51b7f] {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  width: 57.5%;
}
.retail-alloc__item[data-v-eca51b7f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.retail-alloc__item[data-v-eca51b7f]:last-child {
  border-bottom-width: 0px;
  padding-bottom: 0px;
}
.retail-alloc__text[data-v-eca51b7f] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .retail-alloc__text[data-v-eca51b7f][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .retail-alloc__text[data-v-eca51b7f][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .retail-alloc__text[data-v-eca51b7f][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
/* "Item · Due date" on one line; two lines on phones. */
.retail-alloc__meta[data-v-eca51b7f] {
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) {

  .retail-alloc__meta[data-v-eca51b7f] {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.retail-alloc__meta > span + span[data-v-eca51b7f]::before {
  display: none;
}
@media (min-width: 640px) {

  .retail-alloc__meta > span + span[data-v-eca51b7f]::before {
    display: inline;
  }
}
.retail-alloc__meta > span + span[data-v-eca51b7f]::before {
  content: '\00a0·\00a0';
}
.retail-alloc__side[data-v-eca51b7f] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.375rem;
}
.retail-alloc__tick[data-v-eca51b7f] {
  height: 0.75rem;
  width: 0.75rem;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.retail-alloc__button[data-v-eca51b7f] {
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1;
}

/* components/visuals/DigitalServicesLateStatsVisual.vue */

.ds-stats__card[data-v-9b641a0c] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .ds-stats__card[data-v-9b641a0c] {
    padding: 1.5rem;
  }
}

.ds-stats__card[data-v-9b641a0c] {
  max-width: 28rem;
}
.ds-stats__body[data-v-9b641a0c] {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media (min-width: 640px) {

  .ds-stats__body[data-v-9b641a0c] {
    gap: 1.5rem;
  }
}
.ds-stats__grid[data-v-9b641a0c] {
  display: grid;
  flex-shrink: 0;
  gap: 0.25rem;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  width: 56%;
  max-width: 13.5rem;
}
.ds-stats__cell[data-v-9b641a0c] {
  display: block;
  border-radius: 0.25rem;
  aspect-ratio: 1;
}
.ds-stats__cell.is-on-time[data-v-9b641a0c],
.ds-stats__swatch.is-on-time[data-v-9b641a0c] {
  background: #d3e3fb;
}
.ds-stats__cell.is-late[data-v-9b641a0c],
.ds-stats__swatch.is-late[data-v-9b641a0c] {
  background: #f5b13d;
}
.ds-stats__cell.is-never[data-v-9b641a0c],
.ds-stats__swatch.is-never[data-v-9b641a0c] {
  background: #d63b2f;
}
.ds-stats__legend[data-v-9b641a0c] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ds-stats__value[data-v-9b641a0c] {
  display: block;
  font-family: Cardo, serif;
  font-size: 2rem;
  letter-spacing: 0.01em;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .ds-stats__value[data-v-9b641a0c],
  h2 .ds-stats__value[data-v-9b641a0c],
  h3 .ds-stats__value[data-v-9b641a0c] {
    font-size: inherit;
    line-height: inherit;
  }
.ds-stats__label[data-v-9b641a0c] {
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.ds-stats__swatch[data-v-9b641a0c] {
  display: inline-block;
  height: 0.625rem;
  width: 0.625rem;
  flex-shrink: 0;
  border-radius: 0.125rem;
}
.ds-stats__bancoli[data-v-9b641a0c] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  margin-top: -0.75rem;
  width: fit-content;
  max-width: calc(100% - 2rem);
}
.ds-stats__check[data-v-9b641a0c] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.ds-stats__check svg[data-v-9b641a0c] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ds-stats__bancoli-title[data-v-9b641a0c] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.ds-stats__bancoli-meta[data-v-9b641a0c] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

/* components/visuals/DigitalServicesAllocateVisual.vue */

.ds-alloc__client[data-v-762d9564] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .ds-alloc__client[data-v-762d9564] {
    padding: 1.5rem;
  }
}

.ds-alloc__client[data-v-762d9564] {
  max-width: 26rem;
}
.ds-alloc__title[data-v-762d9564] {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .ds-alloc__title[data-v-762d9564],
  h2 .ds-alloc__title[data-v-762d9564],
  h3 .ds-alloc__title[data-v-762d9564] {
    font-size: inherit;
    line-height: inherit;
  }
.ds-alloc__action[data-v-762d9564] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.ds-alloc__click[data-v-762d9564] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.ds-alloc__icon[data-v-762d9564] {
  height: 0.875rem;
  width: 0.875rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* A short dashed connector between the client's account and yours. */
.ds-alloc__sync[data-v-762d9564] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-width: 26rem;
}
.ds-alloc__sync[data-v-762d9564]::before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  border-left-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  content: '';
  left: 50%;
}
.ds-alloc__sync .ui-chip[data-v-762d9564] {
  position: relative;
}
.ds-alloc__yours[data-v-762d9564] {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-width: 22rem;
}

/* components/campaign/CampaignProductScene.vue */

.product-scene[data-v-885383ac] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 0px;
  max-width: 36rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

@media (max-width: 359px) {
  .fx-board-row > .product-scene[data-v-885383ac][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .product-scene[data-v-885383ac][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scene-window[data-v-885383ac] {
  overflow: hidden;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(11 21 38 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.scene-chrome[data-v-885383ac] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
}
@media (min-width: 640px) {

  .scene-chrome[data-v-885383ac] {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
  }
}
.scene-brand[data-v-885383ac] {
  display: block;
  width: 4rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-workspace[data-v-885383ac] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-body[data-v-885383ac] {
  padding: 1.5rem;
}
@media (min-width: 640px) {

  .scene-body[data-v-885383ac] {
    padding: 2rem;
  }
}
.scene-heading[data-v-885383ac] {
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.scene-heading h3[data-v-885383ac] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .scene-heading h3[data-v-885383ac] {
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: 0.005em;
  }
}
.scene-heading > img[data-v-885383ac] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
}
.scene-details[data-v-885383ac] {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(
    auto-fit,
    minmax(
      min(
        100%,
        max(
          calc(8rem + 0.5rem),
          calc(50% - 0.75rem)
        )
      ),
      1fr
    )
  );
}
.scene-details dt[data-v-885383ac] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-details dd[data-v-885383ac] {
  margin-top: 0.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-account-owner[data-v-885383ac] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-bottom: 1.25rem;
  grid-column: 1 / -1;
}
.scene-account-owner dd[data-v-885383ac] {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
}
@media (min-width: 640px) {

  .scene-account-owner dd[data-v-885383ac] {
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.005em;
  }
}
.scene-account-field[data-v-885383ac] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .scene-account-field[data-v-885383ac][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .scene-account-field[data-v-885383ac][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scene-account-field dd[data-v-885383ac] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.scene-mask[data-v-885383ac] {
  white-space: nowrap;
  letter-spacing: 0.1em;
}
.scene-rails[data-v-885383ac] {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}
.scene-rail-names[data-v-885383ac] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-rail-names span + span[data-v-885383ac] {
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
}
.scene-bank-note[data-v-885383ac] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-wallet-summary[data-v-885383ac] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .scene-wallet-summary[data-v-885383ac] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.scene-connection[data-v-885383ac] {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.scene-connection-mark[data-v-885383ac] {
  margin-top: 0.25rem;
  height: 0.75rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.scene-wallet-body[data-v-885383ac] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.5rem;
  row-gap: 1.25rem;
}
.scene-wallet-name strong[data-v-885383ac] {
  display: block;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
}
@media (min-width: 640px) {

  .scene-wallet-name strong[data-v-885383ac] {
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.005em;
  }
}
.scene-wallet-name > span[data-v-885383ac] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.scene-asset-inline[data-v-885383ac] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.scene-asset-inline li[data-v-885383ac] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
.scene-asset-inline img[data-v-885383ac] {
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
}
.scene-heading--wallet[data-v-885383ac] {
  margin-bottom: 1.5rem;
}
.scene-wallet-custody[data-v-885383ac] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-list-heading[data-v-885383ac] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-asset-list .ui-row[data-v-885383ac] {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.scene-asset-name[data-v-885383ac] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 359px) {
  .fx-board-row > .scene-asset-name[data-v-885383ac][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .scene-asset-name[data-v-885383ac][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scene-asset-name strong[data-v-885383ac] {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
}
.scene-asset-name img[data-v-885383ac] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
}
.scene-asset-list .ui-row > span[data-v-885383ac] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-ownership[data-v-885383ac] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
}
.scene-ownership p[data-v-885383ac] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-ownership span[data-v-885383ac] {
  margin-top: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-payment-source[data-v-885383ac] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-bottom: 1.5rem;
}
.scene-payment-source > div > span[data-v-885383ac] {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-payment-source strong[data-v-885383ac] {
  margin-top: 0.5rem;
  display: block;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-source-assets[data-v-885383ac] {
  display: flex;
  gap: 0.5rem;
}
.scene-source-assets img[data-v-885383ac] {
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
}
.scene-currency-label[data-v-885383ac] {
  margin-top: 1.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-currency-control[data-v-885383ac] {
  position: relative;
  margin-top: 0.75rem;
  display: block;
}
.scene-currency-control > img[data-v-885383ac] {
  pointer-events: none;
  position: absolute;
  left: 1rem;
  top: 50%;
  height: 1.75rem;
  width: 1.75rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scene-select-arrow[data-v-885383ac] {
  pointer-events: none;
  position: absolute;
  right: 1rem;
  top: 50%;
  height: 0.75rem;
  width: 1rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.scene-currency-select[data-v-885383ac] {
  display: block;
  min-height: 56px;
  width: 100%;
  min-width: 0px;
  appearance: none;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(91 103 122 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3.5rem;
  padding-right: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (max-width: 359px) {
  .fx-board-row > .scene-currency-select[data-v-885383ac][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .scene-currency-select[data-v-885383ac][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scene-currency-select[data-v-885383ac]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.scene-currency-select[data-v-885383ac]:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  outline: 3px solid #3F59BF;
  outline-offset: 3px;
}
.scene-recipient[data-v-885383ac] {
  margin-top: 1.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.scene-recipient-heading[data-v-885383ac] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-recipient-arrow[data-v-885383ac] {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-recipient-currency[data-v-885383ac] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.scene-recipient-currency img[data-v-885383ac] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
}
.scene-recipient-currency strong[data-v-885383ac] {
  display: block;
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-recipient-currency span[data-v-885383ac] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-recipient p[data-v-885383ac] {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.product-scene figcaption[data-v-885383ac] {
  margin-top: 1rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.product-scene--dark .scene-window[data-v-885383ac] {
  border-color: rgb(255 255 255 / 0.2);
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(11 21 38 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.product-scene--dark figcaption[data-v-885383ac] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.product-scene--compact .scene-chrome[data-v-885383ac] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
}
@media (min-width: 640px) {

  .product-scene--compact .scene-chrome[data-v-885383ac] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
  }
}
.product-scene--compact .scene-body[data-v-885383ac] {
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .product-scene--compact .scene-body[data-v-885383ac] {
    padding: 1.5rem;
  }
}
.product-scene--compact .scene-heading[data-v-885383ac] {
  margin-bottom: 1.5rem;
}
.product-scene--compact .scene-heading h3[data-v-885383ac] {
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
}
.product-scene--compact .scene-details[data-v-885383ac] {
  gap: 1.25rem;
}
.product-scene--compact .scene-rails[data-v-885383ac] {
  margin-top: 1.25rem;
}
.product-scene--compact .scene-wallet-summary[data-v-885383ac] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 640px) {

  .product-scene--compact .scene-wallet-summary[data-v-885383ac] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.product-scene--compact .scene-connection[data-v-885383ac] {
  margin-bottom: 1rem;
}
.product-scene--compact .scene-asset-list .ui-row[data-v-885383ac] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.product-scene--receive.product-scene--compact .scene-heading[data-v-885383ac] {
  margin-bottom: 1rem;
}
.product-scene--receive.product-scene--compact .scene-heading > img[data-v-885383ac] {
  height: 2rem;
  width: 2rem;
}
.product-scene--receive.product-scene--compact .scene-account-owner[data-v-885383ac] {
  padding-bottom: 0.75rem;
}
.product-scene--receive.product-scene--compact .scene-account-owner dd[data-v-885383ac] {
  margin-top: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.product-scene--receive.product-scene--compact .scene-details[data-v-885383ac] {
  gap: 1rem;
}
.product-scene--receive.product-scene--compact .scene-rails[data-v-885383ac] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}
.product-scene--receive.product-scene--compact .scene-wallet-summary[data-v-885383ac] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.product-scene--receive.product-scene--compact .scene-connection[data-v-885383ac] {
  margin-bottom: 0.5rem;
}
.product-scene--receive.product-scene--compact .scene-wallet-body[data-v-885383ac] {
  column-gap: 0.75rem;
  row-gap: 0.75rem;
}
.product-scene--receive.product-scene--compact .scene-wallet-name strong[data-v-885383ac] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.product-scene--receive.product-scene--compact .scene-wallet-name > span[data-v-885383ac] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.product-scene--receive.product-scene--compact .scene-asset-inline[data-v-885383ac] {
  gap: 0.5rem;
}
.product-scene--receive.product-scene--compact .scene-asset-inline li[data-v-885383ac] {
  gap: 0.25rem;
}
.product-scene--receive.product-scene--compact .scene-asset-inline img[data-v-885383ac] {
  height: 1.25rem;
  width: 1.25rem;
}
@media (min-width: 1024px) {
  .product-scene--wide[data-v-885383ac] {
    max-width: none;
  }
  .product-scene--wide .scene-chrome[data-v-885383ac] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1.5rem;
  }
  .product-scene--wide .scene-body[data-v-885383ac] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .product-scene--wide.product-scene--receive .scene-content[data-v-885383ac] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .product-scene--wide.product-scene--receive .scene-wallet-summary[data-v-885383ac] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .product-scene--wide.product-scene--receive .scene-connection[data-v-885383ac] {
    margin-bottom: 2rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-scene--wide.product-scene--receive .scene-connection-mark[data-v-885383ac] {
    margin-top: 0.375rem;
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .product-scene--wide.product-scene--receive .scene-wallet-body[data-v-885383ac] {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
  .product-scene--wide.product-scene--receive .scene-wallet-name strong[data-v-885383ac] {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
  .product-scene--wide.product-scene--receive .scene-wallet-name > span[data-v-885383ac] {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-scene--wide.product-scene--receive .scene-asset-inline[data-v-885383ac] {
    gap: 1.25rem;
  }
  .product-scene--wide.product-scene--receive .scene-asset-inline li[data-v-885383ac] {
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-scene--wide.product-scene--receive .scene-asset-inline img[data-v-885383ac] {
    height: 2rem;
    width: 2rem;
  }
  .product-scene--wide.product-scene--hold .scene-body[data-v-885383ac] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .product-scene--wide.product-scene--hold .scene-heading[data-v-885383ac] {
    margin-bottom: 1rem;
  }
  .product-scene--wide.product-scene--hold .scene-list-heading span[data-v-885383ac]:last-child {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .product-scene--wide.product-scene--hold .scene-asset-list[data-v-885383ac] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .product-scene--wide.product-scene--hold .scene-asset-list .ui-row[data-v-885383ac] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    border-bottom-width: 0px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .product-scene--wide.product-scene--hold .scene-asset-list .ui-row + .ui-row[data-v-885383ac] {
    border-left-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  }
  .product-scene--wide.product-scene--hold
    .scene-asset-list
    .ui-row[data-v-885383ac]:first-child {
    padding-left: 0px;
  }
  .product-scene--wide.product-scene--hold
    .scene-asset-list
    .ui-row[data-v-885383ac]:last-child {
    padding-right: 0px;
  }
  .product-scene--wide.product-scene--hold .scene-asset-name strong[data-v-885383ac] {
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.005em;
  }
  .product-scene--wide.product-scene--hold .scene-ownership[data-v-885383ac] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    column-gap: 1.5rem;
    row-gap: 0.5rem;
  }
  .product-scene--wide.product-scene--hold .scene-ownership span[data-v-885383ac] {
    margin-top: 0px;
  }
  .product-scene--wide.product-scene--pay .scene-body[data-v-885383ac] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2.5rem;
  }
  .product-scene--wide.product-scene--pay .scene-heading[data-v-885383ac] {
    grid-column: span 2 / span 2;
  }
  .product-scene--wide.product-scene--pay .scene-payment-source[data-v-885383ac] {
    grid-column-start: 1;
    grid-row-start: 2;
  }
  .product-scene--wide.product-scene--pay .scene-currency-label[data-v-885383ac] {
    grid-column-start: 1;
    grid-row-start: 3;
  }
  .product-scene--wide.product-scene--pay .scene-recipient[data-v-885383ac] {
    grid-column-start: 2;
    grid-row: span 2 / span 2;
    grid-row-start: 2;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left-width: 1px;
    border-top-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
    padding-left: 2.5rem;
    padding-top: 0px;
  }
  .product-scene--wide.product-scene--pay .scene-recipient-currency[data-v-885383ac] {
    margin-top: 1.5rem;
  }
  .product-scene--wide.product-scene--pay .scene-recipient-currency strong[data-v-885383ac] {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
  .product-scene--wide.product-scene--pay .scene-recipient-currency img[data-v-885383ac] {
    height: 3rem;
    width: 3rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .scene-content[data-v-885383ac] {
    opacity: 1 !important;
    transform: none !important;
  }
  .scene-currency-select[data-v-885383ac] {
    transition: none;
  }
}

/* components/campaign/CampaignHero.vue */

.campaign-hero[data-v-fd21d4af] {
  position: relative;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 7rem;
  padding-bottom: 1.75rem;
}

@media (min-width: 1024px) {

  .campaign-hero[data-v-fd21d4af] {
    padding-top: 9rem;
    padding-bottom: 2rem;
  }
}
.hero-container[data-v-fd21d4af] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .hero-container[data-v-fd21d4af] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.hero-composition[data-v-fd21d4af] {
  display: grid;
  align-items: center;
  gap: 1.5rem;
}
@media (min-width: 1024px) {

  .hero-composition[data-v-fd21d4af] {
    min-height: 26rem;
    grid-template-columns: 1.12fr 0.88fr;
    gap: 1.5rem;
  }
}
.hero-copy[data-v-fd21d4af] {
  position: relative;
  z-index: 10;
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .hero-copy[data-v-fd21d4af][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .hero-copy[data-v-fd21d4af][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.hero-title[data-v-fd21d4af] {
  font-family: Cardo, serif;
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
h1 .hero-title[data-v-fd21d4af],
  h2 .hero-title[data-v-fd21d4af],
  h3 .hero-title[data-v-fd21d4af] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .hero-title[data-v-fd21d4af] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 1280px) {

  .hero-title[data-v-fd21d4af] {
    font-size: 4.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.hero-title[data-v-fd21d4af] {
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.hero-title[data-v-fd21d4af] em {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.hero-lede[data-v-fd21d4af] {
  margin-top: 1.5rem;
  max-width: 36ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-lede[data-v-fd21d4af] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.hero-lede[data-v-fd21d4af] {
  text-wrap: pretty;
}
.hero-actions[data-v-fd21d4af] {
  margin-top: 1.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
}
@media (min-width: 1024px) {

  .hero-actions[data-v-fd21d4af] {
    margin-top: 2rem;
  }
}
.hero-primary[data-v-fd21d4af] {
  min-height: 48px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.hero-secondary[data-v-fd21d4af] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #E2E8F0;
  text-underline-offset: 4px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.hero-secondary[data-v-fd21d4af]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-color: #3F59BF;
}
.hero-secondary svg[data-v-fd21d4af] {
  height: 1rem;
  width: 1rem;
}
.hero-fine[data-v-fd21d4af] {
  position: relative;
  z-index: 10;
  margin-top: 1.75rem;
  max-width: 66ch;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-fine[data-v-fd21d4af] {
    margin-top: 2.5rem;
  }
}
.hero-art[data-v-fd21d4af] {
  position: relative;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .hero-art[data-v-fd21d4af][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .hero-art[data-v-fd21d4af][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 1024px) {

  .hero-art[data-v-fd21d4af] {
    margin: 0px;
    height: 26rem;
  }
}
.hero-art img[data-v-fd21d4af] {
  width: 100%;
  max-width: none;
}
@media (min-width: 1024px) {
  .hero-art img[data-v-fd21d4af] {
    position: absolute;
    width: 130%;
    top: 50%;
    left: -6%;
    transform: translateY(-50%);
  }
}
.hero-art--first img[data-v-fd21d4af] {
  mix-blend-mode: multiply;
  mask-image: linear-gradient(
      to right,
      transparent,
      black 10%,
      black 94%,
      transparent
    ),
    linear-gradient(to bottom, transparent, black 12%, black 82%, transparent);
  mask-composite: intersect;
}
.hero-product[data-v-fd21d4af] {
  position: relative;
  isolation: isolate;
  min-width: 0px;
  padding-top: 2rem;
}
@media (max-width: 359px) {
  .fx-board-row > .hero-product[data-v-fd21d4af][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .hero-product[data-v-fd21d4af][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 1024px) {

  .hero-product[data-v-fd21d4af] {
    padding-top: 3rem;
  }
}
.hero-portal[data-v-fd21d4af] {
  pointer-events: none;
  position: absolute;
  right: -4rem;
  top: -1rem;
  z-index: 0;
  width: 100%;
  max-width: none;
}
@media (min-width: 1024px) {

  .hero-portal[data-v-fd21d4af] {
    right: -7rem;
    top: -2.5rem;
    width: 92%;
  }
}
.hero-product-panel[data-v-fd21d4af] {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media (min-width: 1024px) {

  .hero-product-panel[data-v-fd21d4af] {
    margin-right: auto;
    margin-left: 0px;
    width: 88%;
  }
}
.hero-product-panel[data-v-fd21d4af] figcaption {
  width: fit-content;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 0.5rem;
  text-align: left;
}
@media (min-width: 640px) {

  .hero-product-panel[data-v-fd21d4af] figcaption {
    padding-left: 1.5rem;
  }
}
.campaign-hero--bankDetails[data-v-fd21d4af] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {

  .campaign-hero--bankDetails .hero-composition[data-v-fd21d4af] {
    grid-template-columns: 0.95fr 1.05fr;
  }
}
@media (min-width: 1280px) {

  .campaign-hero--bankDetails .hero-title[data-v-fd21d4af] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.campaign-hero--bankDetails .hero-title[data-v-fd21d4af] em {
  font-style: italic;
}
.campaign-hero--payouts[data-v-fd21d4af] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
}
.campaign-hero--payouts .hero-title[data-v-fd21d4af],
.campaign-hero--payouts .hero-title[data-v-fd21d4af] em {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.campaign-hero--payouts .hero-lede[data-v-fd21d4af],
.campaign-hero--payouts .hero-fine[data-v-fd21d4af],
.campaign-hero--payouts .hero-secondary[data-v-fd21d4af] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.campaign-hero--payouts .hero-primary[data-v-fd21d4af] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.campaign-hero--payouts .hero-primary[data-v-fd21d4af]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.campaign-hero--payouts a[data-v-fd21d4af]:focus-visible {
  outline-color: #C9DAFF;
}
.hero-art--payouts img[data-v-fd21d4af] {
  mask-image: linear-gradient(
      to right,
      transparent,
      black 12%,
      black 95%,
      transparent
    ),
    linear-gradient(to bottom, transparent, black 12%, black 84%, transparent);
  mask-composite: intersect;
}
@media (max-width: 639px) {
  .hero-title[data-v-fd21d4af] {
    max-width: none;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
  .hero-title[data-v-fd21d4af] br {
    display: none;
  }
  .hero-title[data-v-fd21d4af] em {
    white-space: nowrap;
  }
  .hero-art[data-v-fd21d4af] {
    margin-bottom: -1.5rem;
    margin-top: -0.25rem;
    max-height: 16rem;
    overflow: hidden;
  }
  .hero-art img[data-v-fd21d4af] {
    margin-left: auto;
    margin-right: auto;
    max-width: 26rem;
  }
  .hero-fine[data-v-fd21d4af] {
    margin-top: 0.75rem;
  }
  .hero-lede[data-v-fd21d4af] {
    margin-top: 1rem;
    max-width: none;
  }
  .hero-actions[data-v-fd21d4af] {
    margin-top: 1.25rem;
    column-gap: 0.75rem;
  }
  .hero-primary[data-v-fd21d4af] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .hero-secondary[data-v-fd21d4af] {
    gap: 0.5rem;
  }
  .hero-product[data-v-fd21d4af] {
    padding-top: 0.5rem;
  }
  .hero-product-panel[data-v-fd21d4af] {
    width: 100%;
  }
  .hero-portal[data-v-fd21d4af] {
    right: -4rem;
    top: -1.75rem;
    width: 80%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-secondary[data-v-fd21d4af],
  .hero-primary[data-v-fd21d4af] {
    transition: none;
  }
}

/* components/campaign/CampaignTrustStrip.vue */

.campaign-trust[data-v-64230914] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1024px) {

  .campaign-trust[data-v-64230914] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.trust-container[data-v-64230914] {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 80rem;
  gap: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 768px) {

  .trust-container[data-v-64230914] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
@media (min-width: 1024px) {

  .trust-container[data-v-64230914] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.trust-item[data-v-64230914] {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.trust-item[data-v-64230914]:hover {
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
/* One slot per logo, so every caption starts on the same line. */
.trust-logo[data-v-64230914] {
  display: flex;
  height: 2rem;
  width: 6rem;
  flex-shrink: 0;
  align-items: center;
}
/* One quiet colour for partner marks, whatever their brand colours. */
.trust-logo img[data-v-64230914] {
  height: 1.5rem;
  width: 6rem;
  object-fit: contain;
  object-position: left;
  opacity: 0.8;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  filter: grayscale(1);
}
.trust-item:hover .trust-logo img[data-v-64230914] {
  opacity: 1;
}
/* The shield's file declares a 1:2 box around square art; filling a square
   box draws it at full size. */
.trust-logo img.trust-logo--mark[data-v-64230914] {
  height: 2rem;
  width: 2rem;
  object-fit: fill;
}
.trust-item p[data-v-64230914] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  white-space: pre-line;
}
.campaign-trust--pale[data-v-64230914] {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.campaign-trust--dark[data-v-64230914] {
  border-color: rgb(255 255 255 / 0.2);
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
}
.campaign-trust--dark .trust-item[data-v-64230914] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.campaign-trust--dark .trust-logo img[data-v-64230914] {
  filter: grayscale(1) brightness(0) invert(1);
}
.campaign-trust--dark .trust-logo img.trust-logo--mark[data-v-64230914] {
  filter: grayscale(1);
}
.campaign-trust--dark .trust-item[data-v-64230914]:focus-visible {
  outline-color: #C9DAFF;
}
/* On the narrowest phones the caption needs the full width. */
@media (max-width: 359px) {
  .trust-item[data-v-64230914] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .trust-item[data-v-64230914],
  .trust-logo img[data-v-64230914] {
    transition: none;
  }
}

/* components/campaign/CampaignStory.vue */

.story-heading[data-v-669ad031] {
  margin-bottom: 2rem;
  display: grid;
  align-items: flex-end;
  gap: 1.25rem;
}

@media (min-width: 1024px) {

  .story-heading[data-v-669ad031] {
    margin-bottom: 2.5rem;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 5rem;
  }
}
.story-heading h2[data-v-669ad031] {
  max-width: 24ch;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
h1 .story-heading h2[data-v-669ad031],
  h2 .story-heading h2[data-v-669ad031],
  h3 .story-heading h2[data-v-669ad031] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .story-heading h2[data-v-669ad031] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.story-heading h2[data-v-669ad031] {
  text-wrap: balance;
}
.story-heading > p[data-v-669ad031] {
  max-width: 44ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
  text-wrap: pretty;
}
.story-tabs[data-v-669ad031] {
  margin-bottom: 2rem;
  display: grid;
  max-width: 32rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
@media (min-width: 1024px) {

  .story-tabs[data-v-669ad031] {
    margin-bottom: 3rem;
  }
}
.story-tabs button[data-v-669ad031] {
  margin-bottom: -1px;
  min-height: 48px;
  border-bottom-width: 2px;
  border-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 1rem;
  padding-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (min-width: 640px) {

  .story-tabs button[data-v-669ad031] {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.story-tabs button[data-v-669ad031]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.story-tabs button.story-tab--active[data-v-669ad031] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.story-panel[data-v-669ad031] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .story-panel[data-v-669ad031][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .story-panel[data-v-669ad031][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.step-copy-stack[data-v-669ad031] {
  display: grid;
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .step-copy-stack[data-v-669ad031][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .step-copy-stack[data-v-669ad031][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.step-detail[data-v-669ad031] {
  margin-bottom: 2rem;
  display: grid;
  gap: 0.75rem;
}
@media (min-width: 1024px) {

  .step-detail[data-v-669ad031] {
    margin-bottom: 2.5rem;
    grid-template-columns: 0.85fr 1.15fr;
    column-gap: 6rem;
  }
}
.step-detail[data-v-669ad031] {
  grid-area: 1 / 1;
  visibility: hidden;
}
.step-detail--active[data-v-669ad031] {
  visibility: visible;
}
.step-detail h3[data-v-669ad031] {
  max-width: 23ch;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .step-detail h3[data-v-669ad031],
  h2 .step-detail h3[data-v-669ad031],
  h3 .step-detail h3[data-v-669ad031] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .step-detail h3[data-v-669ad031] {
    grid-row: span 2 / span 2;
    align-self: center;
  }
}
.step-detail h3[data-v-669ad031] {
  text-wrap: balance;
}
.step-detail p[data-v-669ad031] {
  max-width: 48ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.step-detail a[data-v-669ad031] {
  display: inline-flex;
  min-height: 44px;
  width: fit-content;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #C9DAFF;
  text-underline-offset: 4px;
}
@media (min-width: 1024px) {

  .step-detail a[data-v-669ad031] {
    grid-column-start: 2;
  }
}
.step-detail a[data-v-669ad031]:hover {
  text-decoration-color: #3F59BF;
}
.step-detail svg[data-v-669ad031] {
  height: 1rem;
  width: 1rem;
}
.scene-stack[data-v-669ad031] {
  display: grid;
  min-width: 0px;
  align-items: center;
}
@media (max-width: 359px) {
  .fx-board-row > .scene-stack[data-v-669ad031][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .scene-stack[data-v-669ad031][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scene-layer[data-v-669ad031] {
  width: 100%;
  grid-area: 1 / 1;
  visibility: hidden;
}
.scene-layer--active[data-v-669ad031] {
  visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .story-tabs button[data-v-669ad031] {
    transition: none;
  }
}

/* components/campaign/CampaignPayoutRoutes.vue */

.routes-heading[data-v-3610180e] {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.routes-heading h2[data-v-3610180e] {
  max-width: 32ch;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
}
.routes-heading > a[data-v-3610180e] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #C9DAFF;
  text-underline-offset: 4px;
}
.routes-heading svg[data-v-3610180e] {
  height: 1rem;
  width: 1rem;
}
.route-grid[data-v-3610180e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
@media (min-width: 640px) {

  .route-grid[data-v-3610180e] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .route-grid[data-v-3610180e] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.route-card[data-v-3610180e] {
  position: relative;
  display: flex;
  min-height: 144px;
  min-width: 0px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (max-width: 359px) {
  .fx-board-row > .route-card[data-v-3610180e][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .route-card[data-v-3610180e][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 1024px) {

  .route-card[data-v-3610180e] {
    border-bottom-width: 0px;
  }
}
.route-card[data-v-3610180e]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.route-card > img[data-v-3610180e] {
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  object-fit: contain;
}
.route-card > span[data-v-3610180e] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.25rem;
}
@media (max-width: 359px) {
  .fx-board-row > .route-card > span[data-v-3610180e][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .route-card > span[data-v-3610180e][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.route-card strong[data-v-3610180e] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.route-card small[data-v-3610180e] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.route-card > svg[data-v-3610180e] {
  position: absolute;
  right: 1rem;
  top: 1.25rem;
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.route-card:hover > svg[data-v-3610180e],
.route-card:focus-visible > svg[data-v-3610180e] {
  opacity: 1;
}
.routes-note[data-v-3610180e] {
  margin-top: 1.25rem;
  max-width: 85ch;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (prefers-reduced-motion: reduce) {
  .route-card[data-v-3610180e] {
    transition: none;
  }
}

/* components/campaign/CampaignLanding.vue */

.campaign-page[data-v-2afbd2a0] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.campaign-page[data-v-2afbd2a0] h2,
.campaign-page[data-v-2afbd2a0] h3 {
  text-wrap: balance;
}
.campaign-page[data-v-2afbd2a0] p {
  text-wrap: pretty;
}
.campaign-container[data-v-2afbd2a0] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .campaign-container[data-v-2afbd2a0] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.section-heading[data-v-2afbd2a0] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .section-heading[data-v-2afbd2a0],
  h2 .section-heading[data-v-2afbd2a0],
  h3 .section-heading[data-v-2afbd2a0] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .section-heading[data-v-2afbd2a0] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.story-section[data-v-2afbd2a0] {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .story-section[data-v-2afbd2a0] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.story-section[data-v-2afbd2a0] {
  scroll-margin-top: 5rem;
}
.specialist-story[data-v-2afbd2a0] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .specialist-story[data-v-2afbd2a0] {
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
  }
}
.specialist-copy > h2[data-v-2afbd2a0] {
  max-width: 23ch;
}
.story-intro[data-v-2afbd2a0] {
  margin-top: 1.25rem;
  max-width: 48ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.payment-sequence[data-v-2afbd2a0] {
  margin-top: 1.75rem;
}
.payment-sequence li[data-v-2afbd2a0] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}
.payment-sequence li + li[data-v-2afbd2a0] {
  margin-top: 1.25rem;
}
.payment-sequence h3[data-v-2afbd2a0] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.payment-sequence p[data-v-2afbd2a0] {
  margin-top: 0.5rem;
  max-width: 48ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.specialist-product[data-v-2afbd2a0] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .specialist-product[data-v-2afbd2a0][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .specialist-product[data-v-2afbd2a0][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.product-link[data-v-2afbd2a0] {
  margin-top: 1rem;
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #C9DAFF;
  text-underline-offset: 4px;
}
.product-link svg[data-v-2afbd2a0],
.quiet-link svg[data-v-2afbd2a0] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.campaign-page--payouts .story-section[data-v-2afbd2a0] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-top: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .campaign-page--payouts .story-section[data-v-2afbd2a0] {
    padding-top: 5rem;
  }
}
.campaign-page--payouts .story-intro[data-v-2afbd2a0],
.campaign-page--payouts .payment-sequence p[data-v-2afbd2a0] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.campaign-page--payouts .payment-sequence li[data-v-2afbd2a0] {
  border-color: rgb(255 255 255 / 0.2);
}
.campaign-page--payouts .specialist-product[data-v-2afbd2a0] {
  background-color: transparent;
}
.campaign-page--payouts .product-link[data-v-2afbd2a0] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
  text-decoration-color: rgb(255 255 255 / 0.3);
}
.campaign-page--payouts .product-link[data-v-2afbd2a0]:focus-visible {
  outline-color: #C9DAFF;
}
.working-section[data-v-2afbd2a0] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .working-section[data-v-2afbd2a0] {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.working-heading[data-v-2afbd2a0] {
  display: grid;
  align-items: flex-end;
  gap: 1.25rem;
}
@media (min-width: 1024px) {

  .working-heading[data-v-2afbd2a0] {
    grid-template-columns: 1.15fr 0.85fr;
    gap: 5rem;
  }
}
.working-heading h2[data-v-2afbd2a0] {
  max-width: 23ch;
}
.working-heading > p[data-v-2afbd2a0] {
  max-width: 44ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.working-details[data-v-2afbd2a0] {
  margin-top: 2rem;
  display: grid;
  gap: 1.75rem;
}
@media (min-width: 768px) {

  .working-details[data-v-2afbd2a0] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
  }
}
@media (min-width: 1024px) {

  .working-details[data-v-2afbd2a0] {
    margin-top: 2.5rem;
  }
}
.working-details article[data-v-2afbd2a0] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
}
.working-details h3[data-v-2afbd2a0] {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
}
@media (min-width: 1024px) {

  .working-details h3[data-v-2afbd2a0] {
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.005em;
  }
}
.working-details p[data-v-2afbd2a0] {
  margin-top: 0.75rem;
  max-width: 45ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.currency-section[data-v-2afbd2a0] {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {

  .currency-section[data-v-2afbd2a0] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.questions-section[data-v-2afbd2a0] {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .questions-section[data-v-2afbd2a0] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.questions-layout[data-v-2afbd2a0] {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 1024px) {

  .questions-layout[data-v-2afbd2a0] {
    grid-template-columns: 0.8fr 1.2fr;
    gap: 5rem;
  }
}
.questions-layout .section-heading[data-v-2afbd2a0] {
  max-width: 20ch;
}
.quiet-link[data-v-2afbd2a0] {
  margin-top: 1rem;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #C9DAFF;
  text-underline-offset: 4px;
}
.question-list[data-v-2afbd2a0] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.question-list details[data-v-2afbd2a0] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.question-list summary[data-v-2afbd2a0] {
  display: flex;
  min-height: 64px;
  cursor: pointer;
  list-style-type: none;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  border-radius: 0.75rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.question-list summary[data-v-2afbd2a0]::-webkit-details-marker {
  display: none;
}
.question-list summary svg[data-v-2afbd2a0] {
  height: 0.75rem;
  width: 0.75rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.question-list details[open] summary svg[data-v-2afbd2a0] {
  transform: rotate(180deg);
}
.question-list details > p[data-v-2afbd2a0] {
  max-width: 60ch;
  padding-bottom: 1.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.campaign-closing[data-v-2afbd2a0] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .campaign-closing[data-v-2afbd2a0] {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.closing-layout[data-v-2afbd2a0] {
  display: grid;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .closing-layout[data-v-2afbd2a0] {
    grid-template-columns: 1.2fr 0.8fr;
    gap: 6rem;
  }
}
.closing-copy h2[data-v-2afbd2a0] {
  max-width: 25ch;
}
.closing-copy > p[data-v-2afbd2a0] {
  margin-top: 1.25rem;
  max-width: 51ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.closing-cta[data-v-2afbd2a0] {
  margin-top: 1.75rem;
  min-height: 48px;
  max-width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.closing-cta[data-v-2afbd2a0]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.closing-cta[data-v-2afbd2a0]:focus-visible {
  outline-color: #C9DAFF;
}
.closing-copy > .closing-note[data-v-2afbd2a0] {
  margin-top: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.start-list[data-v-2afbd2a0] {
  align-self: center;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
}
@media (min-width: 1024px) {

  .start-list[data-v-2afbd2a0] {
    border-left-width: 1px;
    border-top-width: 0px;
    padding-left: 2rem;
  }
}
.start-list li[data-v-2afbd2a0] {
  padding-top: 1.25rem;
}
@media (min-width: 1024px) {

  .start-list li[data-v-2afbd2a0] {
    padding-top: 0px;
  }
}
.start-list li + li[data-v-2afbd2a0] {
  margin-top: 1.25rem;
}
.start-list h3[data-v-2afbd2a0] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.start-list p[data-v-2afbd2a0] {
  margin-top: 0.5rem;
  max-width: 38ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.campaign-legal[data-v-2afbd2a0] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.campaign-legal[data-v-2afbd2a0] .legal-text {
  border-width: 0px;
  padding: 0px;
}
@media (prefers-reduced-motion: reduce) {
  .campaign-page[data-v-2afbd2a0] * {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* components/visuals/WhyInvoiceVisual.vue */

.why-visual[data-v-9641cf70] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 26rem;
}
.why-visual--shared[data-v-9641cf70] {
  max-width: 30rem;
  padding: 0 0 3.5rem;
}
.why-card[data-v-9641cf70] {
  padding: 1.5rem;
}
.shared-card[data-v-9641cf70] {
  margin-right: 2.5rem;
}
.why-head[data-v-9641cf70] {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.why-number[data-v-9641cf70] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .why-number[data-v-9641cf70],
  h2 .why-number[data-v-9641cf70],
  h3 .why-number[data-v-9641cf70] {
    font-size: inherit;
    line-height: inherit;
  }
.why-big[data-v-9641cf70] {
  margin-top: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
}
.why-value[data-v-9641cf70] {
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.why-chip-wrap[data-v-9641cf70] {
  margin-top: 1.25rem;
  white-space: normal;
  line-height: 1.375;
}

/* Hero: sent -> paid, both done. */
.steps[data-v-9641cf70] {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
.step[data-v-9641cf70] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.step-check[data-v-9641cf70] {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.step-check svg[data-v-9641cf70] {
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.both-note[data-v-9641cf70] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
  max-width: 19rem;
}
.avatars[data-v-9641cf70] {
  display: flex;
  flex-shrink: 0;
}
.avatar-buyer[data-v-9641cf70] {
  margin-left: -0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  box-shadow: 0 0 0 2px rgb(255 255 255 / 1);
}

/* Paid early: where the payment landed between sent and due. */
.track[data-v-9641cf70] {
  margin-top: 1.25rem;
}
.track-flag-row[data-v-9641cf70] {
  position: relative;
  height: 2.25rem;
}
.track-flag[data-v-9641cf70] {
  position: absolute;
  top: 0px;
  white-space: nowrap;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transform: translateX(-50%);
}
/* Small pointer from the flag down to the pin. */
.track-flag[data-v-9641cf70]::after {
  position: absolute;
  height: 0.5rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  content: '';
  left: 50%;
  bottom: -3px;
  transform: translateX(-50%) rotate(45deg);
}
.track-bar[data-v-9641cf70] {
  position: relative;
  height: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.track-fill[data-v-9641cf70] {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.track-pin[data-v-9641cf70] {
  position: absolute;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px #4D6CE6;
}
.track-ends[data-v-9641cf70] {
  margin-top: 0.75rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* Breakdown: the settled amount under a dashed rule. */
.paid-row[data-v-9641cf70] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.75rem;
}

/* Reminders */
.reminder-head[data-v-9641cf70] {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.eric-avatar[data-v-9641cf70] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.reminder[data-v-9641cf70] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.reminder[data-v-9641cf70]:last-child {
  border-bottom-width: 0px;
  padding-bottom: 0px;
}
.reminder-top[data-v-9641cf70] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.reminder-date[data-v-9641cf70] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reminder-icon[data-v-9641cf70] {
  height: 2rem;
  width: 2rem;
}
.reminder-icon svg[data-v-9641cf70] {
  height: 1rem;
  width: 1rem;
}
.reminder-label[data-v-9641cf70] {
  margin-top: 0.25rem;
  padding-left: 2.5rem;
}

/* Phones: stack the note under the invoice so it never covers a row. */
@media (max-width: 639px) {
  .why-visual--shared[data-v-9641cf70] {
    padding: 0;
  }
  .why-card[data-v-9641cf70] {
    padding: 1.25rem;
  }
  .shared-card[data-v-9641cf70] {
    margin-right: 0;
  }
  .both-note[data-v-9641cf70] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/solutions/WhyBancoliHero.vue */

/* Compact hero: all top air comes from the container so the H1 lands on
   the site-wide 128px gap. min-h-0 releases the tall centered stage. */
.hero[data-v-a15e198b] .hero-container {
  padding-top: 4rem !important;
}
@media (min-width: 1024px) {

  .hero[data-v-a15e198b] .hero-container {
    min-height: 0px;
    padding-top: 6rem !important;
  }
}

/* pages/why-bancoli.vue */

/* Intro panel */
.why-intro[data-v-01bee173] {
  display: grid;
  gap: 2.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .why-intro[data-v-01bee173] {
    padding: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .why-intro[data-v-01bee173] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 3rem;
    padding: 3.5rem;
  }

  .why-intro > div[data-v-01bee173]:first-child {
    grid-column: span 7 / span 7;
  }
}
.eric-tag[data-v-01bee173] {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.eric-tag strong[data-v-01bee173] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.eric-tag-avatar[data-v-01bee173] {
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.why-intro-title[data-v-01bee173] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .why-intro-title[data-v-01bee173],
  h2 .why-intro-title[data-v-01bee173],
  h3 .why-intro-title[data-v-01bee173] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .why-intro-title[data-v-01bee173] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
/* The copy's forced breaks were set for the old full-width banner. */
.why-intro-title[data-v-01bee173] br {
  display: none;
}
@media (min-width: 1024px) {

  .why-index[data-v-01bee173] {
    grid-column: span 5 / span 5;
    align-self: flex-end;
  }
}
.why-index-link[data-v-01bee173] {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
li:last-child > .why-index-link[data-v-01bee173] {
  border-bottom-width: 0px;
}
.why-index-link:hover .flex-1[data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.why-index-number[data-v-01bee173] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.drawer-row .why-index-number[data-v-01bee173][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

/* Problem groups */
.why-problem[data-v-01bee173] {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {

  .why-problem[data-v-01bee173] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.why-problem[data-v-01bee173] {
  scroll-margin-top: 6rem;
}
.problem-grid[data-v-01bee173] {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 1024px) {

  .problem-grid[data-v-01bee173] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 2rem;
  }
}
.problem-head[data-v-01bee173] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
@media (min-width: 1024px) {

  .problem-head[data-v-01bee173] {
    grid-column: span 10 / span 10;
    grid-column-start: 2;
  }
}
.problem-number[data-v-01bee173] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.drawer-row .problem-number[data-v-01bee173][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.problem-title[data-v-01bee173] {
  margin-top: 0.75rem;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .problem-title[data-v-01bee173],
  h2 .problem-title[data-v-01bee173],
  h3 .problem-title[data-v-01bee173] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .problem-title[data-v-01bee173] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }

  .problem-lead[data-v-01bee173] {
    grid-column: span 8 / span 8;
    grid-column-start: 2;
  }
}
/* Big enough to lead the group, a step below the problem heading. */
.lead-stat[data-v-01bee173] {
  font-family: Cardo, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 400;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .lead-stat[data-v-01bee173],
  h2 .lead-stat[data-v-01bee173],
  h3 .lead-stat[data-v-01bee173] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .lead-stat[data-v-01bee173] {
    font-size: 2.25rem;
    line-height: 2.5rem;
    line-height: 1.25;
  }
}
.lead-stat[data-v-01bee173] span {
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.problem-lead .fact-source[data-v-01bee173] {
  margin-top: 1rem;
}
/* Supporting facts: two columns on desktop, in reading order row by row, so
   a fact that leads into the next ("In contrast to the above...") sits
   beside it. Top rules keep each row aligned. */
.fact-list[data-v-01bee173] {
  display: grid;
}
@media (min-width: 768px) {

  .fact-list[data-v-01bee173] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .fact-list[data-v-01bee173] {
    grid-column: span 10 / span 10;
    grid-column-start: 2;
    column-gap: 3rem;
  }
}
.fact[data-v-01bee173] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.fact-text[data-v-01bee173] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
/* Highlighted figures stay whole ("28-day", "$400,000"). */
.fact-text[data-v-01bee173] span,
.fact-sublist[data-v-01bee173] span {
  white-space: nowrap;
  font-family: Cardo, serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-style: italic;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
h1 .fact-text[data-v-01bee173] span,
  h2 .fact-text[data-v-01bee173] span,
  h3 .fact-text[data-v-01bee173] span,h1 
.fact-sublist[data-v-01bee173] span,
  h2 
.fact-sublist[data-v-01bee173] span,
  h3 
.fact-sublist[data-v-01bee173] span {
    font-size: inherit;
    line-height: inherit;
  }
.fact-sublist[data-v-01bee173] {
  margin-top: 0.75rem;
}
.fact-sublist[data-v-01bee173] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.fact-sublist[data-v-01bee173] {
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
}
.fact-sublist li[data-v-01bee173] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.fact-source[data-v-01bee173] {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* Product response */
.response[data-v-01bee173] {
  margin-top: 2.5rem;
  display: grid;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1024px) {

  .response[data-v-01bee173] {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
    width: calc(100% * 10 / 12);
  }
}
.response-feature[data-v-01bee173] {
  margin-top: 1rem;
}
.response-title[data-v-01bee173] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .response-title[data-v-01bee173],
  h2 .response-title[data-v-01bee173],
  h3 .response-title[data-v-01bee173] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .response-title[data-v-01bee173] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.response-text[data-v-01bee173] {
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.response-link[data-v-01bee173] {
  margin-top: 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.why-page a[data-v-01bee173]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 4px;
  border-radius: 4px;
}
.why-intro a[data-v-01bee173]:focus-visible {
  outline-color: #C9DAFF;
}

/* pages/privacy.vue */

h1[data-v-82ab98bb] {
  margin-bottom: 1rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
}

.meta[data-v-82ab98bb] {
  margin-bottom: 2.5rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

h2[data-v-82ab98bb] {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

h3[data-v-82ab98bb] {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

p[data-v-82ab98bb],
li[data-v-82ab98bb] {
  margin-bottom: 1rem;
  text-align: justify;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

li[data-v-82ab98bb] {
  list-style-type: disc;
}

ul[data-v-82ab98bb] {
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
}

blockquote[data-v-82ab98bb] {
  margin-bottom: 1.5rem;
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(85 120 255 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

a[data-v-82ab98bb] {
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

table[data-v-82ab98bb] {
  margin-bottom: 2rem;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

th[data-v-82ab98bb],
td[data-v-82ab98bb] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  vertical-align: top;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

th[data-v-82ab98bb] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  font-weight: 600;
}

.table-wrap[data-v-82ab98bb] {
  margin-bottom: 2rem;
  overflow-x: auto;
}

section[data-v-82ab98bb] {
  margin-bottom: 2.5rem;
}

/* pages/resources/eligibility.vue */

/* Same quiet reference-page treatment as the FAQ hub (pages/resources/faq.vue):
   smaller hero, border-only cards, blue-100 rules, gray-600 secondary text. */
.elig-hero[data-v-2565365a] {
  position: relative;
  overflow: hidden;
  padding-top: 4rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {

  .elig-hero[data-v-2565365a] {
    padding-top: 6rem;
    padding-bottom: 2.5rem;
  }
}
.elig-hero[data-v-2565365a] {
  background-image: linear-gradient(180deg, #ffffff 0%, #fafafc 100%);
}

/* Let the browser pick the break points rather than leaving a lone italic
   word on its own line at some widths. Unsupported browsers just wrap
   normally. */
.elig-title[data-v-2565365a] {
  text-wrap: balance;
}

.elig-lede[data-v-2565365a] {
  margin-left: auto;
  margin-right: auto;
  max-width: 36rem;
  text-wrap: pretty;
}

.elig-source[data-v-2565365a] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-body[data-v-2565365a] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 1.5rem;
  padding-bottom: 5rem;
}

@media (min-width: 1024px) {

  .elig-body[data-v-2565365a] {
    padding-top: 2.5rem;
    padding-bottom: 7rem;
  }
}

.elig-card[data-v-2565365a] {
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  margin-bottom: 1.5rem;
  padding: 1.25rem;
}

.elig-card[data-v-2565365a]:last-child {
  margin-bottom: 0px;
}

@media (min-width: 640px) {

  .elig-card[data-v-2565365a] {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {

  .elig-card[data-v-2565365a] {
    padding: 2.5rem;
  }
}

.elig-card-title[data-v-2565365a] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
  margin-bottom: 1.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
}

.elig-table[data-v-2565365a] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.elig-table th[data-v-2565365a],
.elig-table td[data-v-2565365a] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.elig-table thead th[data-v-2565365a] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-table tbody th[data-v-2565365a] {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.elig-table tbody tr:last-child th[data-v-2565365a],
.elig-table tbody tr:last-child td[data-v-2565365a] {
  border-bottom-width: 0px;
}

.elig-table td[data-v-2565365a] {
  text-align: right;
}

.elig-tag[data-v-2565365a] {
  display: inline-block;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.elig-tag.is-yes[data-v-2565365a] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}

.elig-tag.is-ownerOnly[data-v-2565365a] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.elig-tag.is-no[data-v-2565365a] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-note[data-v-2565365a] {
  margin-top: 2rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-filter[data-v-2565365a] {
  margin-bottom: 2rem;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .elig-filter[data-v-2565365a] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.elig-filter[data-v-2565365a] {
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.elig-filter[data-v-2565365a]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-filter[data-v-2565365a]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px #DFE9FF;
}

.elig-filter[data-v-2565365a]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.elig-chips[data-v-2565365a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.elig-chip[data-v-2565365a] {
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.elig-chip.is-blocked[data-v-2565365a] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-footnote[data-v-2565365a] {
  margin-top: 2.5rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* components/index/IndexWhoDoesWhat.vue */

.reserve-container[data-v-07e75251] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px) {

  .reserve-container[data-v-07e75251] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.roles-panel[data-v-07e75251] {
  display: grid;
  gap: 3rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-top: 3rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .roles-panel[data-v-07e75251] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
    padding-top: 4rem;
  }

  .roles-copy[data-v-07e75251] {
    padding-bottom: 4rem;
  }
}
.roles-title[data-v-07e75251] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .roles-title[data-v-07e75251],
  h2 .roles-title[data-v-07e75251],
  h3 .roles-title[data-v-07e75251] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .roles-title[data-v-07e75251] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.roles-title[data-v-07e75251] {
  text-wrap: balance;
}
.roles-title[data-v-07e75251] em {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.roles-intro[data-v-07e75251] {
  margin-top: 1.25rem;
  max-width: 32rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.roles-list[data-v-07e75251] {
  position: relative;
  margin-top: 2.5rem;
}
.roles-list[data-v-07e75251] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
/* Dashed spine behind the icons turns the list into a simple diagram. */
.roles-list[data-v-07e75251]::before {
  content: '';
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  bottom: 1.25rem;
  border-left-width: 1px;
  border-style: dashed;
  border-color: rgb(168 203 255 / 0.6);
}
.role[data-v-07e75251] {
  position: relative;
  display: flex;
  gap: 1rem;
}
.role-mark[data-v-07e75251] {
  position: relative;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.25);
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.role--you .role-mark[data-v-07e75251] {
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.role-mark svg[data-v-07e75251] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.role-text[data-v-07e75251] {
  min-width: 0px;
  padding-top: 0.25rem;
}
@media (max-width: 359px) {
  .fx-board-row > .role-text[data-v-07e75251][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .role-text[data-v-07e75251][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.role-name[data-v-07e75251] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.75rem;
  row-gap: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
}
.role-label[data-v-07e75251] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.role-body[data-v-07e75251] {
  margin-top: 0.375rem;
  max-width: 28rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.role-registration[data-v-07e75251] {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.roles-links[data-v-07e75251] {
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 0.75rem;
}
.role-link[data-v-07e75251] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.role-registration .role-link[data-v-07e75251] {
  min-height: 0px;
}
.role-link[data-v-07e75251]:hover {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.role-link[data-v-07e75251]:focus-visible {
  outline: 3px solid #C9DAFF;
  outline-offset: 4px;
  border-radius: 4px;
}
.link-icon[data-v-07e75251] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.roles-footnote[data-v-07e75251] {
  margin-top: 1.5rem;
  max-width: 28rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .roles-visual[data-v-07e75251] {
    position: sticky;
    top: 7rem;
    align-self: flex-start;
  }
}

/* pages/resources/faq.vue */

/* A functional page: quieter than the marketing heroes. No glow, no heavy
   shadows, and secondary text on gray-600 (5.7:1) rather than gray-500
   (2.4:1). Palette note: blue-200 (#EEF5FF) is lighter than blue-100, and
   gray-200 falls through to Tailwind's warm default; stay on blue-50/100 and
   gray-100/300/600 here. */
.faq-hero[data-v-156d41fe] {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 1024px) {

  .faq-hero[data-v-156d41fe] {
    padding-top: 6rem;
    padding-bottom: 2.5rem;
  }
}
.faq-hero[data-v-156d41fe] {
  background-image: linear-gradient(180deg, #ffffff 0%, #fafafc 100%);
}

.faq-lede[data-v-156d41fe] {
  margin-left: auto;
  margin-right: auto;
  max-width: 42rem;
}

.faq-search[data-v-156d41fe] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 42rem;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  box-shadow: 0 1px 2px rgba(26, 32, 44, 0.06);
  transition: border-color 0.2s, box-shadow 0.2s;
}

.faq-search[data-v-156d41fe]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  box-shadow: 0 0 0 3px #DFE9FF;
}

.faq-search-icon[data-v-156d41fe] {
  pointer-events: none;
  position: absolute;
  left: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-search-input[data-v-156d41fe] {
  width: 100%;
  background-color: transparent;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .faq-search-input[data-v-156d41fe] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.faq-search-input[data-v-156d41fe] {
  border-radius: 9999px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.faq-search-input[data-v-156d41fe]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-search-input[data-v-156d41fe]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* Safari draws its own clear affordance on type="search". */
.faq-search-input[data-v-156d41fe]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.faq-search-kbd[data-v-156d41fe] {
  position: absolute;
  right: 1.25rem;
  display: none;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {

  .faq-search-kbd[data-v-156d41fe] {
    display: flex;
  }
}

.faq-search-kbd[data-v-156d41fe] {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-search-clear[data-v-156d41fe] {
  position: absolute;
  right: 1rem;
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.faq-search-clear[data-v-156d41fe]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.faq-search-status[data-v-156d41fe] {
  margin-top: 0.75rem;
  min-height: 1.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* --- body --------------------------------------------------------- */
.faq-body[data-v-156d41fe] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {

  .faq-body[data-v-156d41fe] {
    padding-top: 2.5rem;
    padding-bottom: 7rem;
  }
}

/* One row that scrolls sideways, edge to edge (-mx-6 undoes the phone
   gutter). lg:hidden lives here: a scoped display rule outranks the utility
   class. */
.faq-chips[data-v-156d41fe] {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-bottom: 1.25rem;
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.25rem;
}
@media (min-width: 1024px) {

  .faq-chips[data-v-156d41fe] {
    display: none;
  }
}
.faq-chips[data-v-156d41fe] {
  scrollbar-width: none;
}

.faq-chips[data-v-156d41fe]::-webkit-scrollbar {
  display: none;
}

.faq-chip[data-v-156d41fe] {
  display: inline-flex;
  min-height: 44px;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.faq-chip.is-active[data-v-156d41fe] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.faq-chip-count[data-v-156d41fe] {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-nav[data-v-156d41fe] {
  position: sticky;
  top: 8rem;
}

.faq-nav-title[data-v-156d41fe] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  margin-bottom: 0.75rem;
  padding-left: 1rem;
}

.faq-nav-link[data-v-156d41fe] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-radius: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  border-left-width: 2px;
  border-color: transparent;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.faq-nav-link[data-v-156d41fe]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.faq-nav-link.is-active[data-v-156d41fe] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.faq-nav-count[data-v-156d41fe] {
  flex-shrink: 0;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-nav-link.is-active .faq-nav-count[data-v-156d41fe] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.faq-nav-help[data-v-156d41fe] {
  margin-top: 2rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
  padding-left: 1rem;
}

.faq-nav-help-text[data-v-156d41fe] {
  margin-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.faq-nav-help-link[data-v-156d41fe] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}

.faq-nav-help-link[data-v-156d41fe]:hover {
  text-decoration-line: underline;
}

/* --- groups ------------------------------------------------------- */
.faq-group[data-v-156d41fe] {
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  margin-bottom: 1.5rem;
  padding: 1.25rem;
}
.faq-group[data-v-156d41fe]:last-child {
  margin-bottom: 0px;
}
@media (min-width: 640px) {

  .faq-group[data-v-156d41fe] {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .faq-group[data-v-156d41fe] {
    padding: 2.5rem;
  }
}
.faq-group[data-v-156d41fe] {
  scroll-margin-top: 8rem;
}

.faq-group-head[data-v-156d41fe] {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
}

.faq-group-icon[data-v-156d41fe] {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.faq-group-icon svg[data-v-156d41fe] {
  height: 1.25rem;
  width: 1.25rem;
}

.faq-group-title[data-v-156d41fe] {
  flex: 1 1 0%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.why-index-link:hover .faq-group-title[data-v-156d41fe][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

.faq-group-count[data-v-156d41fe] {
  flex-shrink: 0;
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-empty[data-v-156d41fe] {
  padding-top: 4rem;
  padding-bottom: 4rem;
  text-align: center;
}

.faq-empty-title[data-v-156d41fe] {
  margin-bottom: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

/* Entry point to the full visual treatment of the roles answer. */
.roles-banner[data-v-156d41fe] {
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {

  .roles-banner[data-v-156d41fe] {
    padding: 2rem;
  }
}
.roles-banner[data-v-156d41fe] {
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.roles-banner[data-v-156d41fe]:hover {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.roles-banner[data-v-156d41fe]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 3px;
}
.roles-banner-copy[data-v-156d41fe] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 359px) {
  .fx-board-row > .roles-banner-copy[data-v-156d41fe][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .roles-banner-copy[data-v-156d41fe][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.roles-banner-title[data-v-156d41fe] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1.25;
}
h1 .roles-banner-title[data-v-156d41fe],
  h2 .roles-banner-title[data-v-156d41fe],
  h3 .roles-banner-title[data-v-156d41fe] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .roles-banner-title[data-v-156d41fe] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.roles-banner-title[data-v-156d41fe] {
  text-wrap: balance;
}
.roles-banner-body[data-v-156d41fe] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .roles-banner-body[data-v-156d41fe] {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.roles-banner-arrow[data-v-156d41fe] {
  display: flex;
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.25);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition: background-color 200ms ease, border-color 200ms ease;
}
.roles-banner-arrow svg[data-v-156d41fe] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 200ms var(--ease-out-expo);
}
.roles-banner:hover .roles-banner-arrow[data-v-156d41fe] {
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.roles-banner:hover .roles-banner-arrow svg[data-v-156d41fe] {
  transform: translateX(2px);
}

/* --- footer CTA --------------------------------------------------- */
.faq-help-card[data-v-156d41fe] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 1024px) {

  .faq-help-card[data-v-156d41fe] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.faq-help-card[data-v-156d41fe] {
  margin-top: 2rem;
  border-radius: 1.5rem;
  padding: 1.5rem;
}
@media (min-width: 640px) {

  .faq-help-card[data-v-156d41fe] {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .faq-help-card[data-v-156d41fe] {
    padding: 2.5rem;
  }
}
.faq-help-card[data-v-156d41fe] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}

.faq-help-title[data-v-156d41fe] {
  margin-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.faq-help-button[data-v-156d41fe] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.faq-help-button[data-v-156d41fe]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(63 89 191 / var(--tw-bg-opacity, 1));
}

/* components/visuals/SupplyChainBillsVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-b95f4555] {
  white-space: nowrap;
}
.bills-visual[data-v-b95f4555] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.bills-card[data-v-b95f4555] {
  padding: 1.5rem;
}
.bills-title[data-v-b95f4555] {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .bills-title[data-v-b95f4555],
  h2 .bills-title[data-v-b95f4555],
  h3 .bills-title[data-v-b95f4555] {
    font-size: inherit;
    line-height: inherit;
  }
/* Supplier handle and amount on top, due date and status underneath. */
.bill-row[data-v-b95f4555] {
  display: grid;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0.375rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
}
.bill-row[data-v-b95f4555]:last-child {
  padding-bottom: 0px;
}
.bill-from[data-v-b95f4555] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.bill-amount[data-v-b95f4555] {
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.bill-due[data-v-b95f4555] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.drawer-row .bill-due[data-v-b95f4555][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.bill-status[data-v-b95f4555] {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 639px) {
  .bills-card[data-v-b95f4555] {
    padding: 1.25rem;
  }
}

/* components/solutions/SupplyChainFinancingClaim.vue */

[data-v-b208c8c1] .scf-claim-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-b208c8c1] .scf-claim-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-b208c8c1] .scf-claim-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}
/* Pale product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .visual-stage[data-v-b208c8c1] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .visual-stage[data-v-b208c8c1] {
    padding: 2.5rem;
  }
}

/* components/visuals/SupplyChainEarlyPayVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-36d38ce4],
.earned-amount[data-v-36d38ce4] {
  white-space: nowrap;
}
.early-visual[data-v-36d38ce4] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.early-card[data-v-36d38ce4] {
  padding: 1.5rem;
}
.early-supplier[data-v-36d38ce4] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.early-name[data-v-36d38ce4] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .early-name[data-v-36d38ce4],
  h2 .early-name[data-v-36d38ce4],
  h3 .early-name[data-v-36d38ce4] {
    font-size: inherit;
    line-height: inherit;
  }
.early-offer[data-v-36d38ce4] {
  margin-top: 1rem;
}
.early-options[data-v-36d38ce4] {
  margin-top: 1rem;
  display: grid;
  gap: 0.5rem;
}
.early-option[data-v-36d38ce4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.early-option.is-selected[data-v-36d38ce4] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
.radio[data-v-36d38ce4] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.is-selected .radio[data-v-36d38ce4] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  box-shadow: inset 0 0 0 3px rgb(255 255 255 / 1),
    inset 0 0 0 8px #4D6CE6;
}
.early-earned[data-v-36d38ce4] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.earned-amount[data-v-36d38ce4] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.drawer-row .earned-amount[data-v-36d38ce4][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 639px) {
  .early-card[data-v-36d38ce4] {
    padding: 1.25rem;
  }
}

/* components/solutions/SupplyChainFinancingHero.vue */

[data-v-b73388b2] .scf-hero-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-b73388b2] .scf-hero-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-b73388b2] .scf-hero-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}

/* components/visuals/SupplyChainCalendarVisual.vue */

/* Amounts never break across lines. */
.cal-amount[data-v-7d45bf29] {
  white-space: nowrap;
}
.calendar-visual[data-v-7d45bf29] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 26rem;
}
.cal-card[data-v-7d45bf29] {
  padding: 1.5rem;
}
.cal-head[data-v-7d45bf29] {
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.cal-amount[data-v-7d45bf29] {
  font-family: Cardo, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .cal-amount[data-v-7d45bf29],
  h2 .cal-amount[data-v-7d45bf29],
  h3 .cal-amount[data-v-7d45bf29] {
    font-size: inherit;
    line-height: inherit;
  }
.drawer-row .cal-amount[data-v-7d45bf29][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.cal[data-v-7d45bf29] {
  margin-top: 1.25rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.cal-month[data-v-7d45bf29] {
  margin-bottom: 0.5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.cal-grid[data-v-7d45bf29] {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.25rem;
  text-align: center;
}
.cal-weekday[data-v-7d45bf29] {
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.cal-day[data-v-7d45bf29] {
  display: flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.drawer-row .cal-day[data-v-7d45bf29][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
/* The days the supplier did not have to wait. */
.cal-day.is-early[data-v-7d45bf29] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.cal-day.is-paid[data-v-7d45bf29] {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.cal-day.is-due[data-v-7d45bf29] {
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.cal-legend[data-v-7d45bf29] {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.25rem;
  row-gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.cal-legend span[data-v-7d45bf29] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.cal-legend i[data-v-7d45bf29] {
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
}
.legend-paid[data-v-7d45bf29] {
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
.legend-due[data-v-7d45bf29] {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (max-width: 639px) {
  .cal-card[data-v-7d45bf29] {
    padding: 1.25rem;
  }
}

/* components/solutions/SupplyChainFinancingBenefits.vue */

[data-v-a1a32148] .scf-benefits-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-a1a32148] .scf-benefits-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-a1a32148] .scf-benefits-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}

/* components/solutions/GuaranteedInvoicesComparisonTable.vue */

.compare[data-v-9baca207] {
  width: 100%;
  text-align: left;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.clocks[data-v-9baca207] {
  display: inline-flex;
  gap: 0.25rem;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
}
.is-bancoli .clocks[data-v-9baca207] {
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.clocks svg[data-v-9baca207] {
  height: 1.25rem;
  width: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.costs[data-v-9baca207] {
  font-weight: 700;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.is-bancoli .costs[data-v-9baca207] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.ui-chip.is-hard[data-v-9baca207] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
tbody th[data-v-9baca207] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
tbody tr.is-bancoli th[data-v-9baca207] {
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}

/* Desktop: one rounded card; Bancoli's row is a pale-blue rounded band. */
@media (min-width: 1024px) {
  .compare[data-v-9baca207] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    box-shadow: 0 22px 48px -30px rgba(36, 68, 134, 0.35);
  }
  .compare-table[data-v-9baca207] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  thead th[data-v-9baca207] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  }
  tbody th[data-v-9baca207],
  tbody td[data-v-9baca207] {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  tbody td[data-v-9baca207] {
    --tw-text-opacity: 1;
    color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  }
  tbody tr.is-bancoli th[data-v-9baca207],
  tbody tr.is-bancoli td[data-v-9baca207],
  tbody tr.is-bancoli + tr th[data-v-9baca207],
  tbody tr.is-bancoli + tr td[data-v-9baca207] {
    border-top-width: 0px;
  }
  tbody tr.is-bancoli th[data-v-9baca207],
  tbody tr.is-bancoli td[data-v-9baca207] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  }
  tbody tr.is-bancoli th[data-v-9baca207] {
    border-radius: 1rem 0 0 1rem;
  }
  tbody tr.is-bancoli td[data-v-9baca207]:last-child {
    border-radius: 0 1rem 1rem 0;
  }
}

/* Phones and tablets: every row becomes a rounded card with labelled lines. */
@media (max-width: 1023px) {
  .compare-table thead[data-v-9baca207] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .compare-table[data-v-9baca207],
  .compare-table tbody[data-v-9baca207],
  .compare-table tr[data-v-9baca207],
  .compare-table th[data-v-9baca207] {
    display: block;
  }
  tbody tr[data-v-9baca207] {
    margin-bottom: 0.75rem;
    border-radius: 1rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  tbody tr[data-v-9baca207]:last-child {
    margin-bottom: 0px;
  }
  tbody tr.is-bancoli[data-v-9baca207] {
    --tw-border-opacity: 1;
    border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  }
  tbody th[data-v-9baca207] {
    padding-bottom: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .compare-table tbody td[data-v-9baca207] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  tbody tr.is-bancoli td[data-v-9baca207] {
    --tw-border-opacity: 1;
    border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  }
  tbody td[data-v-9baca207]::before {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(91 103 122 / var(--tw-text-opacity, 1));
    content: attr(data-label);
  }
}

/* components/visuals/LetterOfCreditHeroVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-ecc3aa8a] {
  white-space: nowrap;
}
.lc-visual[data-v-ecc3aa8a] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.lc-card[data-v-ecc3aa8a] {
  padding: 1.5rem;
}
/* The status chip drops under the title when the card is narrow. */
.lc-head[data-v-ecc3aa8a] {
  margin-bottom: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.lc-heading[data-v-ecc3aa8a] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .lc-heading[data-v-ecc3aa8a][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .lc-heading[data-v-ecc3aa8a][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.lc-heading[data-v-ecc3aa8a] {
  flex: 1 1 11rem;
}
.lc-title[data-v-ecc3aa8a] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .lc-title[data-v-ecc3aa8a],
  h2 .lc-title[data-v-ecc3aa8a],
  h3 .lc-title[data-v-ecc3aa8a] {
    font-size: inherit;
    line-height: inherit;
  }
.lc-list[data-v-ecc3aa8a] {
  display: grid;
  gap: 0.5rem;
}
/* Phones: name, instrument and amount each get a full line. */
.lc-row[data-v-ecc3aa8a] {
  display: grid;
  align-items: center;
  column-gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    'code name'
    'code meta'
    'code amount';
}
.lc-code[data-v-ecc3aa8a] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  align-self: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  grid-area: code;
}
.lc-name[data-v-ecc3aa8a] {
  grid-area: name;
}
.lc-meta[data-v-ecc3aa8a] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  grid-area: meta;
}
.lc-instrument[data-v-ecc3aa8a] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.lc-amount[data-v-ecc3aa8a] {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  grid-area: amount;
}
/* Tablet and up: the amount moves to its own column on the right. */
@media (min-width: 640px) {
  .lc-row[data-v-ecc3aa8a] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      'code name amount'
      'code meta amount';
  }
  .lc-amount[data-v-ecc3aa8a] {
    margin-top: 0px;
    text-align: right;
  }
}
@media (max-width: 639px) {
  .lc-card[data-v-ecc3aa8a] {
    padding: 1.25rem;
  }
}

/* components/visuals/LetterOfCreditCustodyVisual.vue */

.custody-visual[data-v-c0ef415c] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 24rem;
}
.custody-card[data-v-c0ef415c] {
  padding: 1.5rem;
}
.custody-top[data-v-c0ef415c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.key-icon[data-v-c0ef415c] {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.key-icon svg[data-v-c0ef415c] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.custody-eyebrow[data-v-c0ef415c] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.custody-title[data-v-c0ef415c] {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .custody-title[data-v-c0ef415c],
  h2 .custody-title[data-v-c0ef415c],
  h3 .custody-title[data-v-c0ef415c] {
    font-size: inherit;
    line-height: inherit;
  }
.custody-row[data-v-c0ef415c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.custody-value[data-v-c0ef415c] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* components/visuals/LetterOfCreditInstrumentsVisual.vue */

.instr-visual[data-v-38041395] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 26rem;
}
.instr-card[data-v-38041395] {
  padding: 1.5rem;
}
.instr-title[data-v-38041395] {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .instr-title[data-v-38041395],
  h2 .instr-title[data-v-38041395],
  h3 .instr-title[data-v-38041395] {
    font-size: inherit;
    line-height: inherit;
  }
.instr-steps[data-v-38041395] {
  position: relative;
  display: grid;
  gap: 1rem;
}
.instr-step[data-v-38041395] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
/* Rail joining each milestone to the next one. */
.instr-step[data-v-38041395]:not(.is-last)::after {
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  content: '';
  left: 0.8125rem;
  top: 1.75rem;
  height: calc(100% - 0.75rem);
  width: 2px;
}
.step-dot[data-v-38041395] {
  position: relative;
  z-index: 10;
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.is-last .step-dot[data-v-38041395] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.step-dot svg[data-v-38041395] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.instr-footer[data-v-38041395] {
  margin-top: 1rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (max-width: 639px) {
  .instr-card[data-v-38041395] {
    padding: 1.25rem;
  }
}

/* pages/solutions/letter-credit.vue */

[data-v-5b0c258d] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}
[data-v-5b0c258d] .hero-container > div {
  display: grid;
}
.safety-panel[data-v-5b0c258d] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 640px) {

  .safety-panel[data-v-5b0c258d] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .safety-panel[data-v-5b0c258d] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0px;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .safety-copy[data-v-5b0c258d] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  .safety-visual[data-v-5b0c258d] {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}
[data-v-5b0c258d] .instruments-section .left-side {
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {

  [data-v-5b0c258d] .instruments-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-5b0c258d] .instruments-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}
.instruments-list[data-v-5b0c258d] hr {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.instruments-list[data-v-5b0c258d] .expandable-body {
  padding-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
/* Pale product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .visual-stage[data-v-5b0c258d] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .visual-stage[data-v-5b0c258d] {
    padding: 2.5rem;
  }
}

/* components/ExpandableItem.vue */

.expandable-container.opened .expandable-body[data-v-450aace2] {
      animation: expandable-fade-in-450aace2 0.3s ease-out;
    }
    .expandable-container.opened button > svg[data-v-450aace2] {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
  .expandable-container:not(.opened) .expandable-body[data-v-450aace2] {
  display: none;
}

/* Enter only: the body is toggled with `hidden`, and display:none cannot be
   transitioned. Wiring a real leave needs a JS hook; until then the open is
   the only half that animates. */
@media (prefers-reduced-motion: reduce) {
  .expandable-container .expandable-body[data-v-450aace2] {
    animation: none !important;
  }
  .expandable-container button[data-v-450aace2] {
    transition: none !important;
  }
}

@keyframes expandable-fade-in-450aace2 {
  0% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

/* components/visuals/KyvVerificationVisual.vue */

.kyv-visual[data-v-d60f1eef] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 27rem;
}
.kyv-card[data-v-d60f1eef] {
  padding: 1.5rem;
}
.kyv-head[data-v-d60f1eef] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.kyv-vendor[data-v-d60f1eef] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.kyv-avatar[data-v-d60f1eef] {
  height: 2.75rem;
  width: 2.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.kyv-name[data-v-d60f1eef] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .kyv-name[data-v-d60f1eef],
  h2 .kyv-name[data-v-d60f1eef],
  h3 .kyv-name[data-v-d60f1eef] {
    font-size: inherit;
    line-height: inherit;
  }
/* Same blue check the product shows next to a verified handle. */
.verified-badge[data-v-d60f1eef] {
  margin-left: 0.125rem;
  display: inline-flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.verified-badge svg[data-v-d60f1eef] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kyv-checks[data-v-d60f1eef] {
  margin-top: 1.25rem;
  display: grid;
  gap: 0.5rem;
}
.kyv-check[data-v-d60f1eef] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.check-icon[data-v-d60f1eef] {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.check-icon svg[data-v-d60f1eef] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.check-value[data-v-d60f1eef] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: #064E3B;
}
.kyv-footer[data-v-d60f1eef] {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.kyv-footer-icon[data-v-d60f1eef] {
  height: 2.25rem;
  width: 2.25rem;
}
@media (max-width: 639px) {
  .kyv-card[data-v-d60f1eef] {
    padding: 1.25rem;
  }
}

/* components/solutions/KnowYourVendorHero.vue */

[data-v-f3f78f60] .kyv-hero-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-f3f78f60] .kyv-hero-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-f3f78f60] .kyv-hero-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}

/* components/solutions/KnowYourVendorClaim.vue */

[data-v-749a340f] .kyv-claim-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-749a340f] .kyv-claim-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-749a340f] .kyv-claim-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}
.kyv-portrait[data-v-749a340f] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 24rem;
  border-radius: 1rem;
  object-fit: cover;
}

/* components/visuals/KyvLookalikeVisual.vue */

.lookalike-visual[data-v-0f7dfba7] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 27rem;
}
.lookalike-eyebrow[data-v-0f7dfba7] {
  margin-bottom: 0.75rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.payee[data-v-0f7dfba7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1.25rem;
}
/* The look-alike: dashed and quiet, it is the one you must not pay. */
.payee.is-fake[data-v-0f7dfba7] {
  border-radius: 1rem;
  border-width: 1px;
  border-style: dashed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-color: #f5a3a3;
}
.fake-avatar[data-v-0f7dfba7] {
  background: #ffe8e8;
  color: #b42318;
}
.verified-badge[data-v-0f7dfba7] {
  margin-left: 0.125rem;
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.verified-badge svg[data-v-0f7dfba7] {
  height: 0.75rem;
  width: 0.75rem;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.similar[data-v-0f7dfba7] {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.similar-line[data-v-0f7dfba7] {
  flex: 1 1 0%;
  border-top-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
}
.why-index-link:hover .similar-line[data-v-0f7dfba7][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

/* components/solutions/KnowYourVendorBenefits.vue */

[data-v-e460b2c1] .kyv-benefits-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-e460b2c1] .kyv-benefits-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-e460b2c1] .kyv-benefits-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}

/* components/solutions/KnowYourVendorTransparency.vue */

[data-v-abe873fc] .kyv-transparency-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-abe873fc] .kyv-transparency-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-abe873fc] .kyv-transparency-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}
.kyv-portrait[data-v-abe873fc] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 24rem;
  border-radius: 1rem;
  object-fit: cover;
}

/* pages/solutions/know-your-vendor.vue */

@media (min-width: 1024px) {

  [data-v-0ab78ca3] .hero-content.reverse .left-side {
    grid-column-start: 8;
  }
}
  [data-v-0ab78ca3] .hero-content.reverse .right-side {
  position: relative;
}
  @media (min-width: 1024px) {

  [data-v-0ab78ca3] .hero-content.reverse .right-side {
    grid-column: span 1 / span 1;
    grid-column-start: 7;
  }

  [data-v-0ab78ca3] .right-company .reverse .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
  }
}

/* components/visuals/AchPushOnlyVisual.vue */

.ach-visual[data-v-a926f1d0] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
}
.details-card[data-v-a926f1d0] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 2.75rem;
  margin-right: 2.5rem;
}
.details-head[data-v-a926f1d0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.details-label[data-v-a926f1d0] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.chip-lime[data-v-a926f1d0] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.details-title[data-v-a926f1d0] {
  margin-top: 0.5rem;
  font-family: Cardo, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  line-height: 1.25;
}
h1 .details-title[data-v-a926f1d0],
  h2 .details-title[data-v-a926f1d0],
  h3 .details-title[data-v-a926f1d0] {
    font-size: inherit;
    line-height: inherit;
  }
.details-account[data-v-a926f1d0] {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.drawer-row .details-account[data-v-a926f1d0][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.activity-card[data-v-a926f1d0] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
  margin: -1.5rem 0 0 2.5rem;
}
.event-name[data-v-a926f1d0] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 359px) {
  .fx-board-row > .event-name[data-v-a926f1d0][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .event-name[data-v-a926f1d0][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.event-icon[data-v-a926f1d0] {
  height: 2.25rem;
  width: 2.25rem;
}
.event-icon--stop[data-v-a926f1d0] {
  background: #ffe8e8;
  color: #b42318;
}
.event-result[data-v-a926f1d0] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}
.event-amount[data-v-a926f1d0] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.event-amount--blocked[data-v-a926f1d0] {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  text-decoration-line: line-through;
}
/* Phones: no stagger, so each row keeps the full card width. */
@media (max-width: 639px) {
  .details-card[data-v-a926f1d0] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-right: 0;
  }
  .activity-card[data-v-a926f1d0] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: -1.5rem 0 0;
  }
}

/* pages/solutions/ach-fraud-control.vue */

@media (min-width: 1024px) {

  [data-v-5e8bbd91] .ach-hero-section .left-side {
    grid-column: span 6 / span 6;
    grid-column-start: 2;
  }

  [data-v-5e8bbd91] .ach-hero-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}

.problem-grid[data-v-5e8bbd91] {
  display: grid;
  align-items: flex-start;
  gap: 1.5rem;
}

@media (min-width: 1024px) {

  .problem-grid[data-v-5e8bbd91] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }

  .problem-title[data-v-5e8bbd91] {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
  }
}
@media (min-width: 640px) {

  .problem-copy[data-v-5e8bbd91] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .problem-copy[data-v-5e8bbd91] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
    max-width: none;
  }
}
.problem-callout[data-v-5e8bbd91] {
  margin-top: 1.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Native hash scroll: sit below the fixed navbar with a little air */
#ach-how-it-works-heading[data-v-5e8bbd91] {
  scroll-margin-top: 8rem;
}

@media (min-width: 1280px) {
  #ach-how-it-works-heading[data-v-5e8bbd91] {
    scroll-margin-top: 12rem;
  }
}

/* components/solutions/GlobalAccountHero.vue */

.hero-available[data-v-1f013138] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .hero-available[data-v-1f013138] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}
.hero[data-v-1f013138] .hero-container {
  padding-top: 2.5rem !important;
}
@media (min-width: 1024px) {

  .hero[data-v-1f013138] .hero-container {
    padding-top: 4rem !important;
  }
}

/* components/solutions/GlobalAccountPromises.vue */

.promise-strip[data-v-ec096c55] {
  display: grid;
  width: 100%;
  column-gap: 2.5rem;
  row-gap: 2rem;
}

@media (min-width: 640px) {

  .promise-strip[data-v-ec096c55] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {

  .promise-strip[data-v-ec096c55] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 2rem;
  }
}
.promise[data-v-ec096c55] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.promise-avatar[data-v-ec096c55] {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  object-fit: cover;
}
.promise-text[data-v-ec096c55] {
  margin-top: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

/* components/solutions/GlobalAccountNonResidentAccounts.vue */

.non-resident-grid[data-v-bac7262d] {
  display: grid;
  align-items: center;
  gap: 3rem;
}

@media (min-width: 1024px) {

  .non-resident-grid[data-v-bac7262d] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
@media (min-width: 640px) {

  .non-resident-text[data-v-bac7262d] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .non-resident-text[data-v-bac7262d] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
  }

  .non-resident-visual[data-v-bac7262d] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
  }
}

/* components/solutions/GlobalAccountEaseOfBusiness.vue */

/* Copy first in the DOM and on phones; the globe sits on the left on
   desktop, where it was before the redesign. */
.ease-grid[data-v-3d319503] {
  display: grid;
  align-items: center;
  gap: 3rem;
}
@media (min-width: 1024px) {

  .ease-grid[data-v-3d319503] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
@media (min-width: 640px) {

  .ease-text[data-v-3d319503] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .ease-text[data-v-3d319503] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
    grid-row-start: 1;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
  }

  .ease-visual[data-v-3d319503] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    grid-row-start: 1;
  }
}
.ease-globe[data-v-3d319503] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 24rem;
}

/* pages/solutions/global-business-account.vue */

[data-v-acc3cd59] .hero {
  background: #ffffff !important;
}
  [data-v-acc3cd59] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/index/IndexPromises.vue */

.country-grid[data-v-52d04938] {
  display: grid;
  width: 100%;
  gap: 3rem;
}

@media (min-width: 768px) {

  .country-grid[data-v-52d04938] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .country-grid[data-v-52d04938] {
    gap: 2.5rem;
  }
}
.country-photo[data-v-52d04938] {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  aspect-ratio: 4 / 3;
}
@media (min-width: 768px) {
  .country-photo[data-v-52d04938] {
    aspect-ratio: 1 / 1;
  }
}
.country-img[data-v-52d04938] {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.country-tag[data-v-52d04938] {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  right: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  box-shadow: 0 18px 40px -24px rgba(36, 68, 134, 0.6);
}
.country-flag svg[data-v-52d04938] {
  display: block;
  height: 1.25rem;
  overflow: hidden;
  border-radius: 0.25rem;
  width: 1.875rem;
}
.country-copy[data-v-52d04938] {
  display: flex;
  min-width: 0px;
  flex: 1 1 0%;
  flex-direction: column;
}
@media (max-width: 359px) {
  .fx-board-row > .country-copy[data-v-52d04938][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .country-copy[data-v-52d04938][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .country-copy[data-v-52d04938][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.country-name[data-v-52d04938] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.country-state[data-v-52d04938] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.country-check[data-v-52d04938] {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.country-check svg[data-v-52d04938] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.country-title[data-v-52d04938] {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
/* Tablets: three narrow squares, so the tag gets smaller to leave the photo
   visible (the squares cannot grow taller without showing the baked label). */
@media (min-width: 768px) and (max-width: 1023px) {
  .country-tag[data-v-52d04938] {
    bottom: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
    gap: 0.5rem;
    border-radius: 0.75rem;
    padding: 0.5rem;
  }
  .country-flag[data-v-52d04938] {
    display: none;
  }
  .country-state[data-v-52d04938] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .country-check[data-v-52d04938] {
    height: 1.5rem;
    width: 1.5rem;
  }
}

/* components/visuals/SmartUsdCollectionVisual.vue */

.collect-visual[data-v-8a44e458] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 3.5rem;
}
.collect-card[data-v-8a44e458] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.collect-head[data-v-8a44e458] {
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.collect-holder[data-v-8a44e458] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .collect-holder[data-v-8a44e458],
  h2 .collect-holder[data-v-8a44e458],
  h3 .collect-holder[data-v-8a44e458] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 640px) {

  .collect-holder[data-v-8a44e458] {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.collect-details[data-v-8a44e458] {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
}
.collect-details .ui-row[data-v-8a44e458] {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.detail-value[data-v-8a44e458] {
  white-space: nowrap;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .detail-value[data-v-8a44e458][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.incoming-head[data-v-8a44e458] {
  margin-top: 1.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 0.75rem;
  row-gap: 0.25rem;
}
.incoming-row[data-v-8a44e458] {
  justify-content: flex-start;
  gap: 0.75rem;
}
.incoming-who[data-v-8a44e458] {
  display: flex;
  min-width: 0px;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
@media (max-width: 359px) {
  .fx-board-row > .incoming-who[data-v-8a44e458][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .incoming-who[data-v-8a44e458][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .incoming-who[data-v-8a44e458][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.rail[data-v-8a44e458] {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.incoming-amount[data-v-8a44e458] {
  margin-left: auto;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wallet-card[data-v-8a44e458] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.wallet-check[data-v-8a44e458] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.wallet-check svg[data-v-8a44e458] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-title[data-v-8a44e458] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .wallet-title[data-v-8a44e458][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.wallet-amount[data-v-8a44e458] {
  white-space: nowrap;
}
.wallet-meta[data-v-8a44e458] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: stack the wallet card under the account card so it never covers
   the incoming payments. */
@media (max-width: 639px) {
  .collect-visual[data-v-8a44e458] {
    padding: 0;
  }
  .collect-card[data-v-8a44e458] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .wallet-card[data-v-8a44e458] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
  /* The total gets its own line rather than wrapping after the dot. */
  .wallet-sep[data-v-8a44e458] {
    display: none;
  }
  .wallet-amount[data-v-8a44e458] {
    display: block;
  }
}

/* components/solutions/SmartUsdAccountHero.vue */

.hero-available[data-v-a97e6e65] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .hero-available[data-v-a97e6e65] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}
.hero[data-v-a97e6e65] .hero-container {
  padding-top: 4rem !important;
}
@media (min-width: 1024px) {

  .hero[data-v-a97e6e65] .hero-container {
    min-height: 0px;
    padding-top: 6rem !important;
  }
}

/* components/visuals/SmartUsdRulesVisual.vue */

.rules-visual[data-v-6a3c5d7a] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 4.5rem;
}
.rules-card[data-v-6a3c5d7a] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.rules-title[data-v-6a3c5d7a] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .rules-title[data-v-6a3c5d7a],
  h2 .rules-title[data-v-6a3c5d7a],
  h3 .rules-title[data-v-6a3c5d7a] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 640px) {

  .rules-title[data-v-6a3c5d7a] {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.modes[data-v-6a3c5d7a] {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
}
.mode[data-v-6a3c5d7a] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.mode.is-selected[data-v-6a3c5d7a] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  box-shadow: 0 1px 3px rgba(36, 68, 134, 0.16);
}
.rules-method[data-v-6a3c5d7a] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 359px) {
  .fx-board-row > .rules-method[data-v-6a3c5d7a][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .rules-method[data-v-6a3c5d7a][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.switch[data-v-6a3c5d7a] {
  position: relative;
  height: 1.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.switch-knob[data-v-6a3c5d7a] {
  position: absolute;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  top: 0.125rem;
  right: 0.125rem;
}
.client-card[data-v-6a3c5d7a] {
  position: absolute;
  padding: 1rem;
  bottom: 0;
  right: 0;
  width: 17rem;
}
.client-methods[data-v-6a3c5d7a] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.client-method[data-v-6a3c5d7a] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.client-method.is-selected[data-v-6a3c5d7a] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
/* Phones: stack the client card under the settings card. */
@media (max-width: 639px) {
  .rules-visual[data-v-6a3c5d7a] {
    padding: 0;
  }
  .rules-card[data-v-6a3c5d7a] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .client-card[data-v-6a3c5d7a] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: auto;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/solutions/SmartUsdAccountMethods.vue */

.feature-grid[data-v-a5ad8835] {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 3rem;
}

@media (min-width: 1024px) {

  .feature-grid[data-v-a5ad8835] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
.feature-text[data-v-a5ad8835] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 36rem;
}
@media (min-width: 1024px) {

  .feature-text[data-v-a5ad8835] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    grid-row-start: 1;
    max-width: none;
  }
}
.feature-visual[data-v-a5ad8835] {
  width: 100%;
}
@media (min-width: 1024px) {

  .feature-visual[data-v-a5ad8835] {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
    grid-row-start: 1;
  }

  .is-reversed .feature-text[data-v-a5ad8835] {
    grid-column-start: 8;
  }

  .is-reversed .feature-visual[data-v-a5ad8835] {
    grid-column-start: 2;
  }
}
/* The copy's forced break suits a full-width title; in a half column it
   strands "accept funds," on its own line, so let it wrap naturally. */
@media (min-width: 1024px) {

  .feature-text h2[data-v-a5ad8835] br {
    display: none;
  }
}
.feature-list[data-v-a5ad8835] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.feature-item[data-v-a5ad8835] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.feature-item .ui-icon[data-v-a5ad8835] {
  margin-top: 0.125rem;
}
.feature-point[data-v-a5ad8835] {
  margin-bottom: 1.75rem;
}
.feature-point[data-v-a5ad8835]:last-child {
  margin-bottom: 0px;
}

/* components/solutions/SmartUsdAccountBetterWays.vue */

.rails-intro[data-v-b20b7c59] {
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {

  .rails-intro[data-v-b20b7c59] {
    margin-bottom: 2.5rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 4rem;
  }

  .rails-intro h2[data-v-b20b7c59] {
    flex-shrink: 0;
  }
}
.rails-intro p[data-v-b20b7c59] {
  margin-left: auto;
  margin-right: auto;
  max-width: 36rem;
}
@media (min-width: 1024px) {

  .rails-intro p[data-v-b20b7c59] {
    margin-left: 0px;
    margin-right: 0px;
    max-width: 28rem;
  }
}
.rails-table[data-v-b20b7c59] {
  width: 100%;
  text-align: left;
}
.rails-table th[data-v-b20b7c59] {
  text-align: left;
  font-weight: 400;
}
.rails-method[data-v-b20b7c59] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

/* Phones and tablets: one card per rail, labelled values in a grid. */
.rails-table[data-v-b20b7c59] {
  display: block;
}
.rails-table thead[data-v-b20b7c59] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.rails-table tbody[data-v-b20b7c59] {
  display: grid;
  gap: 0.75rem;
}
.rails-table tbody th[data-v-b20b7c59],
.rails-table td[data-v-b20b7c59] {
  display: block;
}
.rails-table tbody tr[data-v-b20b7c59] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1rem;
  row-gap: 1rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  box-shadow: 0 22px 48px -30px rgba(36, 68, 134, 0.55),
    0 2px 6px -2px rgba(36, 68, 134, 0.08);
}
.rails-table tbody th[data-v-b20b7c59] {
  grid-column: span 2 / span 2;
}
.cell-label[data-v-b20b7c59] {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.cell-value[data-v-b20b7c59] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  .rails-table tbody tr[data-v-b20b7c59] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 1.25rem;
  }
  .rails-table tbody th[data-v-b20b7c59] {
    grid-column: span 4 / span 4;
  }
}

/* Desktop: the real table on a pale-blue stage. */
@media (min-width: 1024px) {
  .rails-stage[data-v-b20b7c59] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2.5rem;
  }
  .rails-card[data-v-b20b7c59] {
    overflow: hidden;
    border-radius: 1rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    box-shadow: 0 22px 48px -30px rgba(36, 68, 134, 0.55),
      0 2px 6px -2px rgba(36, 68, 134, 0.08);
  }
  .rails-table[data-v-b20b7c59] {
    display: table;
    table-layout: fixed;
  }
  .rails-table thead[data-v-b20b7c59] {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    display: table-header-group;
  }
  .rails-table tbody[data-v-b20b7c59] {
    display: table-row-group;
  }
  .rails-table tr[data-v-b20b7c59],
  .rails-table tbody tr[data-v-b20b7c59] {
    display: table-row;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
  /* Same specificity as the phone rule above, so this one wins here. */
  .rails-table thead th[data-v-b20b7c59],
  .rails-table tbody th[data-v-b20b7c59],
  .rails-table td[data-v-b20b7c59] {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    vertical-align: middle;
  }
  @media (min-width: 1280px) {

    .rails-table thead th[data-v-b20b7c59],
  .rails-table tbody th[data-v-b20b7c59],
  .rails-table td[data-v-b20b7c59] {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  .rails-table thead th[data-v-b20b7c59],
  .rails-table tbody th[data-v-b20b7c59],
  .rails-table td[data-v-b20b7c59] {
    display: table-cell;
  }
  .rails-table thead th[data-v-b20b7c59] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  }
  /* Fixed layout: size the columns so amounts and costs stay on one line. */
  .rails-table thead th[data-v-b20b7c59]:nth-child(1) {
    width: 26%;
  }
  .rails-table thead th[data-v-b20b7c59]:nth-child(2) {
    width: 21%;
  }
  .rails-table thead th[data-v-b20b7c59]:nth-child(3) {
    width: 15%;
  }
  .rails-table thead th[data-v-b20b7c59]:nth-child(4) {
    width: 21%;
  }
  .rails-table thead th[data-v-b20b7c59]:nth-child(5) {
    width: 17%;
  }
  .rails-table tbody tr:last-child > *[data-v-b20b7c59] {
    border-bottom-width: 0px;
  }
  .cell-label[data-v-b20b7c59] {
    display: none;
  }
  .cell-value[data-v-b20b7c59] {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  }
}

/* pages/solutions/smart-usd-account.vue */

[data-v-24c7f67d] .hero {
  background: #ffffff !important;
}
  [data-v-24c7f67d] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/visuals/InvoicePaymentVisual.vue */

.invoice-visual[data-v-dd0dda07] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 3.5rem;
}
.invoice-card[data-v-dd0dda07] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.invoice-head[data-v-dd0dda07] {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.invoice-number[data-v-dd0dda07] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .invoice-number[data-v-dd0dda07],
  h2 .invoice-number[data-v-dd0dda07],
  h3 .invoice-number[data-v-dd0dda07] {
    font-size: inherit;
    line-height: inherit;
  }
.invoice-amount[data-v-dd0dda07] {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.methods[data-v-dd0dda07] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.method[data-v-dd0dda07] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.method.is-selected[data-v-dd0dda07] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
/* In the flow above the card, overlapping only its top margin, so a longer
   (e.g. Spanish) note grows upward instead of covering the invoice header. */
.eric-note[data-v-dd0dda07] {
  position: relative;
  z-index: 10;
  order: -9999;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  align-self: flex-end;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1rem;
  width: fit-content;
  max-width: 19rem;
  margin-bottom: -0.85rem;
}
.eric-avatar[data-v-dd0dda07] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.paid-card[data-v-dd0dda07] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.paid-check[data-v-dd0dda07] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.paid-check svg[data-v-dd0dda07] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.paid-title[data-v-dd0dda07] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .paid-title[data-v-dd0dda07][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.paid-meta[data-v-dd0dda07] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: stack the three cards so the notes never cover invoice text. */
@media (max-width: 639px) {
  .invoice-visual[data-v-dd0dda07] {
    padding: 0;
  }
  .invoice-card[data-v-dd0dda07] {
    padding: 1.25rem;
    margin-right: 0;
  }
  /* The reminder is a nice-to-have; dropping it keeps the phone hero short. */
  .eric-note[data-v-dd0dda07] {
    display: none;
  }
  .paid-card[data-v-dd0dda07] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/solutions/InvoicingHero.vue */

.hero-available[data-v-c4a5d3cf] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .hero-available[data-v-c4a5d3cf] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}
/* Compact hero: all top air comes from the container so the H1 lands on
   the site-wide 128px gap. min-h-0 releases the tall centered stage. */
.hero[data-v-c4a5d3cf] .hero-container {
  padding-top: 4rem !important;
}
@media (min-width: 1024px) {

  .hero[data-v-c4a5d3cf] .hero-container {
    min-height: 0px;
    padding-top: 6rem !important;
  }
}

/* components/TextCarousel.vue */

.feature-panel[data-v-75bc90f9] {
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}

@media (min-width: 1024px) {

  .feature-panel[data-v-75bc90f9] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.feature-grid[data-v-75bc90f9] {
  display: grid;
  column-gap: 2.5rem;
  row-gap: 2.5rem;
}
@media (min-width: 640px) {

  .feature-grid[data-v-75bc90f9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .feature-grid[data-v-75bc90f9] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 3rem;
  }

  .feature-grid.is-pairs[data-v-75bc90f9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 5rem;
  }
}
.feature-item[data-v-75bc90f9] {
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: 1.5rem;
}
.feature-image[data-v-75bc90f9] {
  margin-bottom: 1.25rem;
  height: 10rem;
  width: auto;
  border-radius: 1rem;
  object-fit: contain;
}
.feature-number[data-v-75bc90f9] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
}
.drawer-row .feature-number[data-v-75bc90f9][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.feature-title[data-v-75bc90f9] {
  margin-top: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .feature-title[data-v-75bc90f9] {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.feature-text[data-v-75bc90f9] {
  margin-top: 0.5rem;
  max-width: 28rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

/* components/solutions/InvoicingHowEricHelps.vue */

.eric-panel[data-v-c832ce5a] {
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .eric-panel[data-v-c832ce5a] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 1024px) {

  .eric-panel[data-v-c832ce5a] {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.eric-guide[data-v-c832ce5a] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 0.75rem;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / 0.1);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.375rem;
  padding-right: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.eric-avatar[data-v-c832ce5a] {
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.eric-name[data-v-c832ce5a] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* components/visuals/InvoiceDeliveryVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-0a9fec42] {
  white-space: nowrap;
}
.delivery-visual[data-v-0a9fec42] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
}
/* The emailed PDF: the old path, drawn quieter than the delivered invoice. */
.pdf-card[data-v-0a9fec42] {
  position: relative;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1rem;
  width: fit-content;
  max-width: 100%;
}
.pdf-icon[data-v-0a9fec42] {
  height: 2.25rem;
  width: 2.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.pdf-name[data-v-0a9fec42] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.inbox-card[data-v-0a9fec42] {
  padding: 1.5rem;
}
.inbox-title[data-v-0a9fec42] {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .inbox-title[data-v-0a9fec42],
  h2 .inbox-title[data-v-0a9fec42],
  h3 .inbox-title[data-v-0a9fec42] {
    font-size: inherit;
    line-height: inherit;
  }
.inbox-list[data-v-0a9fec42] {
  display: grid;
  gap: 0.5rem;
}
.inbox-row[data-v-0a9fec42] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
}
.inbox-row.is-new[data-v-0a9fec42] {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.inbox-main[data-v-0a9fec42] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .inbox-main[data-v-0a9fec42][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .inbox-main[data-v-0a9fec42][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .inbox-main[data-v-0a9fec42][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.inbox-side[data-v-0a9fec42] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.375rem;
}
.inbox-amount[data-v-0a9fec42] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (max-width: 639px) {
  .inbox-card[data-v-0a9fec42] {
    padding: 1.25rem;
  }
}

/* components/solutions/InvoicingBulletproof.vue */

[data-v-5fccfe95] .bulletproof-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-5fccfe95] .bulletproof-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-5fccfe95] .bulletproof-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}
/* Pale product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .visual-stage[data-v-5fccfe95] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .visual-stage[data-v-5fccfe95] {
    padding: 2.5rem;
  }
}

/* components/solutions/InvoicingSingleSourceOfTruth.vue */

[data-v-69e454cd] .single-source-of-truth-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-69e454cd] .single-source-of-truth-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-69e454cd] .single-source-of-truth-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}

/* components/visuals/InvoiceCheckoutVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-5229e496] {
  white-space: nowrap;
}
.checkout-visual[data-v-5229e496] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 27rem;
}
.sheet[data-v-5229e496] {
  padding: 0.75rem;
}
.sheet-head[data-v-5229e496] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
}
.sheet-lines[data-v-5229e496] {
  margin-top: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 1rem;
}
.sheet-line[data-v-5229e496] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.sheet-total[data-v-5229e496] {
  margin-top: 0.5rem;
  border-top-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
}
.drawer[data-v-5229e496] {
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.drawer-head[data-v-5229e496] {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.drawer-eyebrow[data-v-5229e496] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.drawer-method[data-v-5229e496] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.drawer-method .ui-dot[data-v-5229e496] {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.drawer-row[data-v-5229e496] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Amounts never break; the label wraps instead. */
.drawer-row .tabular-nums[data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.drawer-row .is-reward[data-v-5229e496] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.drawer-pay[data-v-5229e496] {
  margin-top: 0.5rem;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.drawer-note[data-v-5229e496] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.drawer-note svg[data-v-5229e496] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* components/solutions/InvoicingInstantCheckout.vue */

[data-v-eb57cdb4] .instant-checkout-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-eb57cdb4] .instant-checkout-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-eb57cdb4] .instant-checkout-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}

/* pages/solutions/invoicing.vue */

[data-v-be1b2794] .hero {
  background: #ffffff !important;
}
  [data-v-be1b2794] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/visuals/GuaranteedInvoiceOnTimeVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-682a6504] {
  white-space: nowrap;
}
.ontime-visual[data-v-682a6504] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.ontime-card[data-v-682a6504] {
  padding: 1.5rem;
}
.ontime-banner[data-v-682a6504] {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  background: #D1FAE5;
  color: #064E3B;
}
.ontime-banner svg[data-v-682a6504] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linejoin: round;
}
.ontime-head[data-v-682a6504] {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.ontime-number[data-v-682a6504] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .ontime-number[data-v-682a6504],
  h2 .ontime-number[data-v-682a6504],
  h3 .ontime-number[data-v-682a6504] {
    font-size: inherit;
    line-height: inherit;
  }
.track[data-v-682a6504] {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 1rem;
  padding-bottom: 0.75rem;
}
.track-step[data-v-682a6504] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
/* Segment from this stop to the next one. */
.track-step[data-v-682a6504]::after {
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  content: '';
  top: 0.4375rem;
  left: 50%;
  width: 100%;
  height: 2px;
}
.track-step.is-step-1[data-v-682a6504]::after {
  --tw-bg-opacity: 1;
  background-color: rgb(168 203 255 / var(--tw-bg-opacity, 1));
}
.track-step.is-step-2[data-v-682a6504]::after {
  background-color: transparent;
  border-top: 2px dashed #CDD5E1;
}
.track-step.is-late[data-v-682a6504]::after {
  content: none;
}
.track-dot[data-v-682a6504] {
  position: relative;
  z-index: 10;
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.is-step-1 .track-dot[data-v-682a6504] {
  margin-top: -0.25rem;
  height: 1.5rem;
  width: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.is-step-1 .track-dot svg[data-v-682a6504] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.is-step-2 .track-dot[data-v-682a6504] {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.is-late .track-dot[data-v-682a6504] {
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(205 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.track-label[data-v-682a6504] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.is-step-1 .track-label[data-v-682a6504] {
  margin-top: 0.25rem;
}
.is-late .track-label[data-v-682a6504] {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.track-date[data-v-682a6504] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.drawer-row .track-date[data-v-682a6504][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.ontime-reward[data-v-682a6504] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
@media (max-width: 639px) {
  .ontime-card[data-v-682a6504] {
    padding: 1.25rem;
  }
}

/* components/solutions/GuaranteedInvoicesHero.vue */

.hero-available[data-v-10be8b28] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .hero-available[data-v-10be8b28] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}

/* components/visuals/GuaranteedInvoiceRewardsVisual.vue */

.rewards-visual[data-v-d89c8390] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.feed[data-v-d89c8390] {
  padding: 1.5rem;
}
.feed-head[data-v-d89c8390] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
}
.feed-avatar[data-v-d89c8390] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.feed-list[data-v-d89c8390] {
  display: grid;
  gap: 1rem;
  padding-top: 1rem;
}
.feed-item[data-v-d89c8390] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.feed-icon[data-v-d89c8390] {
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}
.feed-icon svg[data-v-d89c8390] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.feed-icon.is-done[data-v-d89c8390] {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.feed-icon.is-next[data-v-d89c8390] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
@media (max-width: 639px) {
  .feed[data-v-d89c8390] {
    padding: 1.25rem;
  }
}

/* components/solutions/GuaranteedInvoicesSaveMoney.vue */

[data-v-491f879f] .save-money-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-491f879f] .save-money-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-491f879f] .save-money-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}

/* components/visuals/GuaranteedInvoiceFundsVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-00946ea2] {
  white-space: nowrap;
}
.funds-visual[data-v-00946ea2] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.funds-card[data-v-00946ea2] {
  padding: 0.75rem;
}
.funds-head[data-v-00946ea2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.25rem;
}
.funds-list[data-v-00946ea2] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.funds-row[data-v-00946ea2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.funds-row[data-v-00946ea2]:last-child {
  border-bottom-width: 0px;
}
.funds-side[data-v-00946ea2] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.375rem;
}
.funds-total[data-v-00946ea2] {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.total-label[data-v-00946ea2] {
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.total-amount[data-v-00946ea2] {
  margin-top: 0.25rem;
  white-space: nowrap;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  letter-spacing: -0.025em;
}
.drawer-row .total-amount[data-v-00946ea2][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.total-button[data-v-00946ea2] {
  flex-shrink: 0;
  white-space: nowrap;
}
/* Narrow phones: total on top, full-width button underneath. */
@media (max-width: 479px) {
  .funds-total[data-v-00946ea2] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
}

/* components/solutions/GuaranteedInvoicesCashFlow.vue */

[data-v-440ff338] .cash-flow-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-440ff338] .cash-flow-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-440ff338] .cash-flow-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}
/* Pale product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .visual-stage[data-v-440ff338] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .visual-stage[data-v-440ff338] {
    padding: 2.5rem;
  }
}

/* components/visuals/GuaranteedInvoiceSettlementVisual.vue */

.settle-visual[data-v-3a88e958] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 26rem;
}
.settle-card[data-v-3a88e958] {
  padding: 1.5rem;
}
.settle-title[data-v-3a88e958] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .settle-title[data-v-3a88e958],
  h2 .settle-title[data-v-3a88e958],
  h3 .settle-title[data-v-3a88e958] {
    font-size: inherit;
    line-height: inherit;
  }
.settle-option[data-v-3a88e958] {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
/* A switch drawn in the "on" position. */
.toggle[data-v-3a88e958] {
  position: relative;
  display: inline-flex;
  height: 1.5rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
}
.toggle-knob[data-v-3a88e958] {
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  right: 0.125rem;
}
.ui-chip svg[data-v-3a88e958] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 639px) {
  .settle-card[data-v-3a88e958] {
    padding: 1.25rem;
  }
}

/* components/solutions/GuaranteedInvoicesEliminateChargebacks.vue */

[data-v-405d8513] .eliminate-chargebacks-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-405d8513] .eliminate-chargebacks-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-405d8513] .eliminate-chargebacks-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}
/* Navy product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .navy-stage[data-v-405d8513] {
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .navy-stage[data-v-405d8513] {
    padding: 2.5rem;
  }
}

/* components/visuals/InvoiceRecordVisual.vue */

.record-visual[data-v-cacae069] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.record-card[data-v-cacae069] {
  padding: 1.5rem;
}
.record-head[data-v-cacae069] {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.record-number[data-v-cacae069] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .record-number[data-v-cacae069],
  h2 .record-number[data-v-cacae069],
  h3 .record-number[data-v-cacae069] {
    font-size: inherit;
    line-height: inherit;
  }
.record-facts[data-v-cacae069] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
.record-fact[data-v-cacae069] {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.record-fact.is-main[data-v-cacae069] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
}
.record-fact.is-main .ui-meta[data-v-cacae069] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.record-fact.is-main .record-value[data-v-cacae069] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.record-value[data-v-cacae069] {
  margin-top: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.record-events[data-v-cacae069] {
  position: relative;
  display: grid;
  gap: 1rem;
}
/* The rail that joins the three events. */
.record-events[data-v-cacae069]::before {
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  content: '';
  top: 0.5rem;
  bottom: 1.25rem;
  left: 0.3125rem;
  width: 2px;
}
.record-event[data-v-cacae069] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.event-dot[data-v-cacae069] {
  position: relative;
  margin-top: 0.25rem;
  height: 0.75rem;
  width: 0.75rem;
  flex-shrink: 0;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.record-event.is-last .event-dot[data-v-cacae069] {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
@media (max-width: 639px) {
  .record-card[data-v-cacae069] {
    padding: 1.25rem;
  }
}

/* components/solutions/GuaranteedInvoicesSingleSourceOfTruth.vue */

[data-v-deb9a24b] .single-source-of-truth-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-deb9a24b] .single-source-of-truth-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-deb9a24b] .single-source-of-truth-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}
/* Pale product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .visual-stage[data-v-deb9a24b] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .visual-stage[data-v-deb9a24b] {
    padding: 2.5rem;
  }
}

/* pages/solutions/guaranteed-invoices.vue */

[data-v-f6c0d768] .hero {
  background: #ffffff !important;
}
  [data-v-f6c0d768] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/visuals/SecurityWalletVisual.vue */

.wallet-scene[data-v-c3e352f8] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  min-height: 490px;
}
.orbit[data-v-c3e352f8] {
  position: absolute;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  opacity: 0.4;
}
.orbit-outer[data-v-c3e352f8] {
  width: 490px;
  height: 490px;
}
.orbit-inner[data-v-c3e352f8] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  width: 395px;
  height: 395px;
}
.orbit-point[data-v-c3e352f8] {
  position: absolute;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(168 203 255 / var(--tw-bg-opacity, 1));
}
.point-one[data-v-c3e352f8] {
  top: 38px;
  right: 104px;
}
.point-two[data-v-c3e352f8] {
  bottom: 70px;
  left: 63px;
}
.wallet-back[data-v-c3e352f8] {
  position: absolute;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  width: 360px;
  height: 265px;
  transform: rotate(-12deg) translateY(-20px);
}
.wallet-card[data-v-c3e352f8] {
  position: relative;
  width: 100%;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  max-width: 385px;
  box-shadow: 0 28px 60px -28px #365086;
  transform: rotate(-4deg);
}
.wallet-top[data-v-c3e352f8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.1em;
}
.wallet-symbol[data-v-c3e352f8] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0em;
}
h1 .wallet-symbol[data-v-c3e352f8],
  h2 .wallet-symbol[data-v-c3e352f8],
  h3 .wallet-symbol[data-v-c3e352f8] {
    font-size: inherit;
    line-height: inherit;
  }
.wallet-top svg[data-v-c3e352f8] {
  height: 1.5rem;
  width: 1.5rem;
  stroke: currentColor;
  stroke-width: 1.4;
}
.wallet-heading[data-v-c3e352f8] {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  font-family: Cardo, serif;
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}
h1 .wallet-heading[data-v-c3e352f8],
  h2 .wallet-heading[data-v-c3e352f8],
  h3 .wallet-heading[data-v-c3e352f8] {
    font-size: inherit;
    line-height: inherit;
  }
.wallet-heading em[data-v-c3e352f8] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.wallet-rule[data-v-c3e352f8] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  opacity: 0.4;
}
.wallet-bottom[data-v-c3e352f8] {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1rem;
}
.wallet-bottom > span[data-v-c3e352f8]:first-child {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  letter-spacing: 0.05em;
}
.status-dot[data-v-c3e352f8] {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
.ownership-tag[data-v-c3e352f8] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  /* Low enough that it hangs off the card's corner without covering the
     Smart USD product label in the card's bottom row. */
  bottom: 40px;
  /* Inside the scene's right edge so the drop shadow never hits the
     viewport edge (the layout clips horizontal overflow there). */
  right: 8px;
  transform: rotate(2deg);
  box-shadow: 0 18px 36px -14px #365086;
}
.key-icon[data-v-c3e352f8] {
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.key-icon svg[data-v-c3e352f8] {
  height: 1.5rem;
  width: 1.5rem;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}
.ownership-tag strong[data-v-c3e352f8] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.ownership-tag div > span[data-v-c3e352f8] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (max-width: 1023px) {
  .wallet-scene[data-v-c3e352f8] {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 490px;
  }
}
@media (max-width: 479px) {
  .wallet-scene[data-v-c3e352f8] {
    min-height: 390px;
  }
  .orbit-outer[data-v-c3e352f8] {
    width: 330px;
    height: 330px;
  }
  .orbit-inner[data-v-c3e352f8] {
    width: 280px;
    height: 280px;
  }
  .wallet-back[data-v-c3e352f8] {
    width: 270px;
    height: 220px;
  }
  .wallet-card[data-v-c3e352f8] {
    padding: 1.25rem;
    max-width: 295px;
  }
  .wallet-heading[data-v-c3e352f8] {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
  .wallet-top[data-v-c3e352f8] {
    font-size: .625rem;
  }
  .wallet-bottom[data-v-c3e352f8] {
    font-size: .625rem;
  }
  .ownership-tag[data-v-c3e352f8] {
    padding: 0.75rem;
    right: 0;
    bottom: 40px;
  }
  .ownership-tag div > span[data-v-c3e352f8] {
    font-size: 10px;
  }
}

/* components/solutions/SecurityHero.vue */

.hero-available[data-v-64a2a9f1] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .hero-available[data-v-64a2a9f1] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}
/* Horizontal-scroll safety comes from the layout's main (overflow-x: clip);
   clipping here would also slice the ownership tag's shadow, which sits at
   the scene's right edge. */
/* The wallet scene needs ~500px (it is the original homepage hero visual),
   so the split is 5 + 6 and the title wraps to more lines. */
@media (min-width: 1024px) {

  [data-v-64a2a9f1] .security-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-64a2a9f1] .security-section .right-side {
    grid-column: span 6 / span 6;
    grid-column-start: 7;
  }
}

/* components/visuals/SecurityAccessVisual.vue */

.access-visual[data-v-b0e03a1c] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 3.25rem;
}
.access-card[data-v-b0e03a1c] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.access-head[data-v-b0e03a1c] {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.access-title[data-v-b0e03a1c] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .access-title[data-v-b0e03a1c],
  h2 .access-title[data-v-b0e03a1c],
  h3 .access-title[data-v-b0e03a1c] {
    font-size: inherit;
    line-height: inherit;
  }
.layer-name[data-v-b0e03a1c] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 359px) {
  .fx-board-row > .layer-name[data-v-b0e03a1c][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .layer-name[data-v-b0e03a1c][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.layer-icon[data-v-b0e03a1c] {
  height: 2.25rem;
  width: 2.25rem;
}
.chip-check[data-v-b0e03a1c] {
  height: 0.75rem;
  width: 0.75rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-card[data-v-b0e03a1c] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.wallet-mark[data-v-b0e03a1c] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.wallet-mark svg[data-v-b0e03a1c] {
  height: 1.25rem;
  width: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-title[data-v-b0e03a1c] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.wallet-meta[data-v-b0e03a1c] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Small laptops: the hero column is ~336px, so give the rows the room. */
@media (min-width: 1024px) and (max-width: 1279px) {
  .access-card[data-v-b0e03a1c] {
    padding: 1.25rem;
    margin-right: 1rem;
  }
}
/* Phones: stack the wallet card under the list so it never covers a row. */
@media (max-width: 639px) {
  .access-visual[data-v-b0e03a1c] {
    padding: 0;
  }
  .access-card[data-v-b0e03a1c] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .wallet-card[data-v-b0e03a1c] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/visuals/SecurityBenefitVisual.vue */

.benefit-visual[data-v-7a7e82d6] {
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.benefit-state[data-v-7a7e82d6] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 0.25rem;
}
.row-name[data-v-7a7e82d6] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 359px) {
  .fx-board-row > .row-name[data-v-7a7e82d6][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .row-name[data-v-7a7e82d6][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.row-icon[data-v-7a7e82d6] {
  height: 2.25rem;
  width: 2.25rem;
}

/* components/solutions/SecurityBenefits.vue */

.benefit-grid[data-v-5d12d310] {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 64rem;
  gap: 1.5rem;
}

@media (min-width: 768px) {

  .benefit-grid[data-v-5d12d310] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {

  .benefit-grid[data-v-5d12d310] {
    gap: 2rem;
  }
}
.benefit-card[data-v-5d12d310] {
  display: flex;
  flex-direction: column;
}
/* Share title/paragraph/visual rows across both cards so the visuals start
   at the same height no matter how long each card's copy runs. */
@media (min-width: 768px) {
  .benefit-grid[data-v-5d12d310] {
    grid-template-rows: auto auto 1fr;
  }
  .benefit-card[data-v-5d12d310] {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
  }
}

/* components/visuals/SecurityApprovalVisual.vue */

.approval-visual[data-v-9c4c1b67] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 2.5rem 0 3.5rem;
}
.approval-card[data-v-9c4c1b67] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.approval-amount[data-v-9c4c1b67] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .approval-amount[data-v-9c4c1b67],
  h2 .approval-amount[data-v-9c4c1b67],
  h3 .approval-amount[data-v-9c4c1b67] {
    font-size: inherit;
    line-height: inherit;
  }
.code[data-v-9c4c1b67] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
}
.code-digit[data-v-9c4c1b67] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.drawer-row .code-digit[data-v-9c4c1b67][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.verified-note[data-v-9c4c1b67] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1rem;
  top: 0;
  right: 0;
  max-width: 17rem;
}
.approved-card[data-v-9c4c1b67] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.approved-check[data-v-9c4c1b67] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.approved-check svg[data-v-9c4c1b67] {
  height: 1.25rem;
  width: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.approved-title[data-v-9c4c1b67] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.approved-meta[data-v-9c4c1b67] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.drawer-row .approved-meta[data-v-9c4c1b67][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
/* Phones: stack the three cards in reading order (account check, approval,
   result) so the notes never cover the approval. */
@media (max-width: 639px) {
  .approval-visual[data-v-9c4c1b67] {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .approval-card[data-v-9c4c1b67] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .verified-note[data-v-9c4c1b67],
  .approved-card[data-v-9c4c1b67] {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
  }
  .verified-note[data-v-9c4c1b67] {
    order: -1;
    margin: 0 0 -0.75rem 1rem;
  }
  .approved-card[data-v-9c4c1b67] {
    margin: -1rem 1rem 0 auto;
  }
}

/* components/solutions/SecuritySaferFunds.vue */

/* Copy first on phones, visual on the left from lg. */
.safer-grid[data-v-c617e071] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .safer-grid[data-v-c617e071] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
.safer-visual[data-v-c617e071] {
  order: 2;
}
@media (min-width: 1024px) {

  .safer-visual[data-v-c617e071] {
    order: 1;
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }
}
.safer-copy[data-v-c617e071] {
  order: 1;
}
@media (min-width: 640px) {

  .safer-copy[data-v-c617e071] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .safer-copy[data-v-c617e071] {
    order: 2;
    grid-column: span 4 / span 4;
    grid-column-start: 8;
    max-width: none;
  }
}

/* components/solutions/SecurityWalletOwnership.vue */

.ownership-panel[data-v-5c35c65c] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
  display: grid;
  max-width: 80rem;
  gap: 3rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .ownership-panel[data-v-5c35c65c] {
    margin-bottom: 6rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.ownership-panel[data-v-5c35c65c] {
  scroll-margin-top: 150px;
}
.keys-copy h2[data-v-5c35c65c] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .keys-copy h2[data-v-5c35c65c],
  h2 .keys-copy h2[data-v-5c35c65c],
  h3 .keys-copy h2[data-v-5c35c65c] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .keys-copy h2[data-v-5c35c65c] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.keys-copy h2 em[data-v-5c35c65c] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.keys-copy > p[data-v-5c35c65c] {
  margin-top: 1.5rem;
  max-width: 28rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.light-link[data-v-5c35c65c] {
  margin-top: 1.75rem;
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.light-link[data-v-5c35c65c]:focus-visible {
  outline: 3px solid #C9DAFF;
  outline-offset: 5px;
  border-radius: 4px;
}
.ownership-map[data-v-5c35c65c] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.owner-row[data-v-5c35c65c] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.owner-mark[data-v-5c35c65c] {
  display: flex;
  height: 4rem;
  width: 4rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.owner-row strong[data-v-5c35c65c],
.owned-wallet strong[data-v-5c35c65c] {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.owner-row div > span[data-v-5c35c65c],
.owned-wallet div > span[data-v-5c35c65c] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.ownership-connector[data-v-5c35c65c] {
  margin-left: 2rem;
  border-left-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.owned-wallet[data-v-5c35c65c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding: 1.25rem;
}
.owned-wallet svg[data-v-5c35c65c] {
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linejoin: round;
}
.owned-badge[data-v-5c35c65c] {
  margin-left: auto;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
@media (max-width: 479px) {
  .owned-wallet[data-v-5c35c65c] {
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 1rem;
  }
  .owned-wallet strong[data-v-5c35c65c] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .owned-wallet div > span[data-v-5c35c65c] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .owned-badge[data-v-5c35c65c] {
    margin-left: 2.5rem;
  }
}

/* components/solutions/SecurityOurPassion.vue */

.passion[data-v-3fb3ca7f] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}

@media (min-width: 1024px) {

  .passion[data-v-3fb3ca7f] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }

  .passion-text[data-v-3fb3ca7f] {
    grid-column: span 6 / span 6;
    grid-column-start: 2;
  }
}
.passion-portrait[data-v-3fb3ca7f] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 24rem;
  border-radius: 1rem;
}
@media (min-width: 1024px) {

  .passion-portrait[data-v-3fb3ca7f] {
    grid-column: span 4 / span 4;
    grid-column-start: 9;
  }
}

/* pages/solutions/seamless-transactions.vue */

[data-v-36b8e8cd] .hero {
  background: #ffffff !important;
}
  [data-v-36b8e8cd] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/index/IndexHero.vue */

.hero-portrait[data-v-b79b4fbb] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 28rem;
  border-radius: 1rem;
  object-fit: cover;
}

@media (min-width: 1024px) {

  .hero-portrait[data-v-b79b4fbb] {
    max-width: none;
  }
}

[data-v-b79b4fbb] .hero-container {
  padding-top: 2.5rem !important;
}

@media (min-width: 1024px) {

  [data-v-b79b4fbb] .hero-container {
    padding-top: 4rem !important;
  }
}

[data-v-b79b4fbb] h2 .section-title-italic {
  font-size: inherit;
  line-height: inherit;
}

/* components/visuals/SeamlessFundsHomeVisual.vue */

.funds-visual[data-v-76f87ddd] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding-bottom: 3.5rem;
}
.details-card[data-v-76f87ddd] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.tabs[data-v-76f87ddd] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
}
.tab[data-v-76f87ddd] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.tab.is-selected[data-v-76f87ddd] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  box-shadow: 0 1px 3px rgba(36, 68, 134, 0.18);
}
.details-label[data-v-76f87ddd] {
  margin-top: 1.25rem;
  margin-bottom: 0.25rem;
}
.accepts[data-v-76f87ddd] {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.payout-card[data-v-76f87ddd] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.payout-icon[data-v-76f87ddd] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.payout-icon svg[data-v-76f87ddd] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.payout-title[data-v-76f87ddd] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .payout-title[data-v-76f87ddd][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.payout-meta[data-v-76f87ddd] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: the payout note tucks under the card instead of covering it. */
@media (max-width: 639px) {
  .funds-visual[data-v-76f87ddd] {
    padding-bottom: 0;
  }
  .details-card[data-v-76f87ddd] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .payout-card[data-v-76f87ddd] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/index/IndexBringFundsHome.vue */

/* Copy first in the DOM (and on phones); the visual sits on the left on
   desktop, as the section did before. */
.bring-funds-grid[data-v-7a78074b] {
  display: grid;
  align-items: center;
  gap: 3rem;
}
@media (min-width: 1024px) {

  .bring-funds-grid[data-v-7a78074b] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
.bring-funds-text[data-v-7a78074b] {
  text-align: center;
}
@media (min-width: 640px) {

  .bring-funds-text[data-v-7a78074b] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .bring-funds-text[data-v-7a78074b] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
    grid-row-start: 1;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    text-align: left;
  }

  .bring-funds-visual[data-v-7a78074b] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    grid-row-start: 1;
  }
}

/* components/index/IndexOurPassion.vue */

/* The story carries this section on its own: the laptop screenshot that sat
   here repeated the hero art of other pages. */
.passion-grid[data-v-12e2cb8e] {
  display: grid;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (min-width: 1024px) {

  .passion-grid[data-v-12e2cb8e] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }

  .passion-title[data-v-12e2cb8e] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }
}
@media (min-width: 640px) {

  .passion-copy[data-v-12e2cb8e] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .passion-copy[data-v-12e2cb8e] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    border-left-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    padding-left: 2.5rem;
  }
}

/* components/visuals/SeamlessActivityVisual.vue */

.activity-visual[data-v-5e2e77e0] {
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.activity-card[data-v-5e2e77e0] {
  padding: 1rem;
}
@media (min-width: 640px) {

  .activity-card[data-v-5e2e77e0] {
    padding: 1.5rem;
  }
}
.activity-head[data-v-5e2e77e0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.75rem;
}
.activity-account[data-v-5e2e77e0] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 359px) {
  .fx-board-row > .activity-account[data-v-5e2e77e0][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .activity-account[data-v-5e2e77e0][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.account-symbol[data-v-5e2e77e0] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  font-family: Cardo, serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .account-symbol[data-v-5e2e77e0],
  h2 .account-symbol[data-v-5e2e77e0],
  h3 .account-symbol[data-v-5e2e77e0] {
    font-size: inherit;
    line-height: inherit;
  }
.activity-balance[data-v-5e2e77e0] {
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (min-width: 640px) {

  .activity-balance[data-v-5e2e77e0] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.activity-rows[data-v-5e2e77e0] {
  display: grid;
}
@media (min-width: 768px) {

  .activity-rows[data-v-5e2e77e0] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2rem;
  }
}
@media (min-width: 1280px) {

  .activity-rows[data-v-5e2e77e0] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.activity-row[data-v-5e2e77e0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.row-number[data-v-5e2e77e0] {
  width: 1.25rem;
  flex-shrink: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.drawer-row .row-number[data-v-5e2e77e0][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.row-text[data-v-5e2e77e0] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .row-text[data-v-5e2e77e0][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .row-text[data-v-5e2e77e0][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .row-text[data-v-5e2e77e0][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

/* components/index/IndexFeatures.vue */

/* Inset, rounded navy panel (same family as the homepage's navy panel): the
   numbered feature list, then one account card that shows each feature as a
   real state, numbered to match. */
.features-panel[data-v-bdbec344] {
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 640px) {

  .features-panel[data-v-bdbec344] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .features-panel[data-v-bdbec344] {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
.features-evidence[data-v-bdbec344] {
  margin-top: 2rem;
}
@media (min-width: 1024px) {

  .features-evidence[data-v-bdbec344] {
    margin-top: 2.5rem;
  }
}

/* components/index/IndexLiquidity.vue */

.liquidity-video[data-v-3b595919] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  width: 100%;
  max-width: 28rem;
}

@media (min-width: 1024px) {

  .liquidity-video[data-v-3b595919] {
    margin-bottom: 3.5rem;
  }
}
.stats[data-v-3b595919] {
  display: grid;
  column-gap: 2rem;
  row-gap: 2.5rem;
}
@media (min-width: 640px) {

  .stats[data-v-3b595919] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .stats[data-v-3b595919] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 2.5rem;
  }
}
.stat-item[data-v-3b595919] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.stat[data-v-3b595919] {
  margin-bottom: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.drawer-row .stat[data-v-3b595919][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.stat-description[data-v-3b595919] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.65;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .stat-description[data-v-3b595919] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

/* pages/terms.vue */

h1[data-v-1b068dff] {
  margin-bottom: 1rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
}

.meta[data-v-1b068dff] {
  margin-top: 2.5rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

h2[data-v-1b068dff] {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

h3[data-v-1b068dff] {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

p[data-v-1b068dff],
li[data-v-1b068dff] {
  margin-bottom: 1rem;
  text-align: justify;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

li[data-v-1b068dff] {
  list-style-type: disc;
}

ul[data-v-1b068dff] {
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
}

blockquote[data-v-1b068dff] {
  margin-bottom: 1.5rem;
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(85 120 255 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

a[data-v-1b068dff] {
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

table[data-v-1b068dff] {
  margin-bottom: 2rem;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

th[data-v-1b068dff],
td[data-v-1b068dff] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  vertical-align: top;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

th[data-v-1b068dff] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  font-weight: 600;
}

.table-wrap[data-v-1b068dff] {
  margin-bottom: 2rem;
  overflow-x: auto;
}

section[data-v-1b068dff] {
  margin-bottom: 2.5rem;
}

/* components/visuals/GlobalTransactionsCollectVisual.vue */

.gt-collect[data-v-737db1fe] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 3.5rem;
}
.gt-collect-card[data-v-737db1fe] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.gt-invoice[data-v-737db1fe] {
  gap: 0.75rem;
}
.gt-payto[data-v-737db1fe] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.gt-payto .ui-icon[data-v-737db1fe] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.gt-collect-settled[data-v-737db1fe] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
  max-width: calc(100% - 1.5rem);
}
.gt-collect-check[data-v-737db1fe] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.gt-collect-check svg[data-v-737db1fe] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.gt-collect-title[data-v-737db1fe] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .gt-collect-title[data-v-737db1fe][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.gt-collect-meta[data-v-737db1fe] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: stack the settled card under the list so it never covers it. */
@media (max-width: 639px) {
  .gt-collect[data-v-737db1fe] {
    padding: 0;
  }
  .gt-collect-card[data-v-737db1fe] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .gt-collect-settled[data-v-737db1fe] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}
/* Very small phones: the status chip drops under the client name. The text
   gets an explicit basis (avatar + gap = 3rem) so the row actually wraps. */
@media (max-width: 359px) {
  .gt-invoice[data-v-737db1fe] {
    flex-wrap: wrap;
    row-gap: 0.25rem;
  }
  .gt-invoice > .min-w-0[data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
  .gt-invoice .ui-chip[data-v-737db1fe] {
    margin-left: 3rem;
  }
}

/* components/international-account/InternationalAccountHero.vue */

.hero[data-v-a1fa923c] .hero-container {
  padding-top: 2.5rem !important;
}

@media (min-width: 1024px) {

  .hero[data-v-a1fa923c] .hero-container {
    padding-top: 0px !important;
  }
}

/* components/international-account/InternationalAccountZeroFx.vue */

.zero-fx-video[data-v-542e8ec1] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  width: 100%;
  max-width: 28rem;
}

@media (min-width: 1024px) {

  .zero-fx-video[data-v-542e8ec1] {
    margin-bottom: 3.5rem;
  }
}

/* components/visuals/GlobalTransactionsPaymentsVisual.vue */

.gt-payments[data-v-ee31f466] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 32rem;
}
.gt-payments-card[data-v-ee31f466] {
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .gt-payments-card[data-v-ee31f466] {
    padding: 1.5rem;
  }
}
.gt-payments-head[data-v-ee31f466] {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.gt-move[data-v-ee31f466] {
  gap: 0.75rem;
}
.gt-move-flag[data-v-ee31f466] {
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.gt-move-text[data-v-ee31f466] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .gt-move-text[data-v-ee31f466][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .gt-move-text[data-v-ee31f466][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .gt-move-text[data-v-ee31f466][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.gt-move-side[data-v-ee31f466] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
.gt-move-in[data-v-ee31f466] {
  color: #064E3B;
}
/* Very small phones: amount and status move under the name. */
@media (max-width: 359px) {
  .gt-move[data-v-ee31f466] {
    flex-wrap: wrap;
  }
  .gt-move-side[data-v-ee31f466] {
    margin-left: 3rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 3rem);
  }
}

/* components/international-account/InternationalAccountMoveMoney.vue */

.gt-cities[data-v-9b034026] {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 28rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 3rem;
}

@media (min-width: 1024px) {

  .gt-cities[data-v-9b034026] {
    max-width: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem;
  }
}
.gt-city-media[data-v-9b034026] {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
/* The source photos carry a baked-in "Country ✓" pill along the bottom;
   the crop keeps it out of frame and the HTML state below replaces it. */
.gt-city-photo[data-v-9b034026] {
  display: block;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4 / 3;
  object-position: 50% 20%;
}
.gt-city-state[data-v-9b034026] {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  right: 0.75rem;
  padding: 0.75rem;
}
.gt-city-flag[data-v-9b034026] {
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .gt-city-photo[data-v-9b034026] {
    aspect-ratio: 1 / 1;
    object-position: 50% 10%;
  }
}

/* pages/international-account.vue */

[data-v-d310346e] .hero {
  background: #ffffff !important;
}
  [data-v-d310346e] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/visuals/FxCorridorRoute.vue */

.fx-route[data-v-d818eab8] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
}
.fx-route-card[data-v-d818eab8] {
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .fx-route-card[data-v-d818eab8] {
    padding: 1.5rem;
  }
}
.fx-route-head[data-v-d818eab8] {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
}
.fx-route-flags[data-v-d818eab8] {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.fx-route-flag[data-v-d818eab8] {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  object-fit: cover;
}
.fx-route-title[data-v-d818eab8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .fx-route-title[data-v-d818eab8],
  h2 .fx-route-title[data-v-d818eab8],
  h3 .fx-route-title[data-v-d818eab8] {
    font-size: inherit;
    line-height: inherit;
  }
.fx-route-title svg[data-v-d818eab8] {
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fx-route-step[data-v-d818eab8] {
  position: relative;
  display: flex;
  gap: 1rem;
  padding-bottom: 1.25rem;
}
.fx-route-step[data-v-d818eab8]:last-child {
  padding-bottom: 0px;
}
/* Dashed connector from one step dot to the next. */
.fx-route-step[data-v-d818eab8]:not(:last-child)::before {
  content: '';
  position: absolute;
  border-left-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  left: 0.875rem;
  top: 2rem;
  bottom: 0.25rem;
}
.fx-route-step .ui-title[data-v-d818eab8] {
  margin-top: 0.25rem;
}
.fx-route-swift[data-v-d818eab8] {
  margin-top: 0.25rem;
  text-decoration-line: line-through;
}
.first\:border-t-0:first-child {
  border-top-width: 0px;
}
.first\:pt-0:first-child {
  padding-top: 0px;
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.last\:border-r-0:last-child {
  border-right-width: 0px;
}
.last\:pb-0:last-child {
  padding-bottom: 0px;
}
.hover\:border-blue-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-navbar:hover {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
}
.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:text-blue-200:hover {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-navbar:hover {
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.hover\:text-white-0:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(85 120 255 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
}
.focus\:bg-blue-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-blue-600:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(77 108 230 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
@media (min-width: 640px) {

  .sm\:right-auto {
    right: auto;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .sm\:col-start-3 {
    grid-column-start: 3;
  }

  .sm\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .sm\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:-mt-4 {
    margin-top: -1rem;
  }

  .sm\:mt-10 {
    margin-top: 2.5rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-28 {
    height: 7rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:\!max-w-md {
    max-width: 28rem !important;
  }

  .sm\:max-w-none {
    max-width: none;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:max-w-xl {
    max-width: 36rem;
  }

  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:self-center {
    align-self: center;
  }

  .sm\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .sm\:border {
    border-width: 1px;
  }

  .sm\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  }

  .sm\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  }

  .sm\:bg-blue-navbar {
    --tw-bg-opacity: 1;
    background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pr-10 {
    padding-right: 2.5rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-display-md {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm\:container-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  @media (min-width: 1024px) {

    .sm\:container-padding {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }
}
@media (min-width: 768px) {

  .md\:bottom-auto {
    bottom: auto;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .md\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .md\:ml-8 {
    margin-left: 2rem;
  }

  .md\:mr-0 {
    margin-right: 0px;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-\[212px\] {
    height: 212px;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:min-h-\[104px\] {
    min-height: 104px;
  }

  .md\:min-h-\[460px\] {
    min-height: 460px;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:max-w-\[125px\] {
    max-width: 125px;
  }

  .md\:max-w-\[150px\] {
    max-width: 150px;
  }

  .md\:max-w-\[180px\] {
    max-width: 180px;
  }

  .md\:max-w-\[300px\] {
    max-width: 300px;
  }

  .md\:max-w-\[530px\] {
    max-width: 530px;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-\[0\.85fr_1\.4fr\] {
    grid-template-columns: 0.85fr 1.4fr;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:gap-x-10 {
    column-gap: 2.5rem;
  }

  .md\:gap-x-8 {
    column-gap: 2rem;
  }

  .md\:rounded-2xl {
    border-radius: 1rem;
  }

  .md\:border-b-0 {
    border-bottom-width: 0px;
  }

  .md\:border-l {
    border-left-width: 1px;
  }

  .md\:border-t-0 {
    border-top-width: 0px;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-display-lg {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }

  .md\:text-display-md {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 1024px) {

  .lg\:sticky {
    position: sticky;
  }

  .lg\:-right-28 {
    right: -7rem;
  }

  .lg\:-top-10 {
    top: -2.5rem;
  }

  .lg\:top-28 {
    top: 7rem;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-first {
    order: -9999;
  }

  .lg\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .lg\:col-start-1 {
    grid-column-start: 1;
  }

  .lg\:col-start-2 {
    grid-column-start: 2;
  }

  .lg\:col-start-4 {
    grid-column-start: 4;
  }

  .lg\:col-start-6 {
    grid-column-start: 6;
  }

  .lg\:col-start-7 {
    grid-column-start: 7;
  }

  .lg\:col-start-8 {
    grid-column-start: 8;
  }

  .lg\:col-start-9 {
    grid-column-start: 9;
  }

  .lg\:col-start-auto {
    grid-column-start: auto;
  }

  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .lg\:row-start-1 {
    grid-row-start: 1;
  }

  .lg\:row-start-2 {
    grid-row-start: 2;
  }

  .lg\:m-0 {
    margin: 0px;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:\!mb-0 {
    margin-bottom: 0px !important;
  }

  .lg\:\!mb-5 {
    margin-bottom: 1.25rem !important;
  }

  .lg\:\!mt-0 {
    margin-top: 0px !important;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .lg\:mb-24 {
    margin-bottom: 6rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:ml-1 {
    margin-left: 0.25rem;
  }

  .lg\:ml-12 {
    margin-left: 3rem;
  }

  .lg\:mr-auto {
    margin-right: auto;
  }

  .lg\:mt-12 {
    margin-top: 3rem;
  }

  .lg\:mt-14 {
    margin-top: 3.5rem;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:mt-24 {
    margin-top: 6rem;
  }

  .lg\:mt-7 {
    margin-top: 1.75rem;
  }

  .lg\:mt-8 {
    margin-top: 2rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:\!hidden {
    display: none !important;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-48 {
    height: 12rem;
  }

  .lg\:h-\[26rem\] {
    height: 26rem;
  }

  .lg\:h-\[33rem\] {
    height: 33rem;
  }

  .lg\:\!min-h-\[35rem\] {
    min-height: 35rem !important;
  }

  .lg\:min-h-\[18rem\] {
    min-height: 18rem;
  }

  .lg\:min-h-\[26rem\] {
    min-height: 26rem;
  }

  .lg\:min-h-\[36rem\] {
    min-height: 36rem;
  }

  .lg\:min-h-\[480px\] {
    min-height: 480px;
  }

  .lg\:\!w-4\/5 {
    width: 80% !important;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-10\/12 {
    width: 83.333333%;
  }

  .lg\:w-11\/12 {
    width: 91.666667%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:w-5\/12 {
    width: 41.666667%;
  }

  .lg\:w-8\/12 {
    width: 66.666667%;
  }

  .lg\:w-\[78\%\] {
    width: 78%;
  }

  .lg\:w-\[85\%\] {
    width: 85%;
  }

  .lg\:w-\[88\%\] {
    width: 88%;
  }

  .lg\:w-\[90\%\] {
    width: 90%;
  }

  .lg\:w-\[92\%\] {
    width: 92%;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:w-max {
    width: max-content;
  }

  .lg\:min-w-\[150px\] {
    min-width: 150px;
  }

  .lg\:min-w-\[896px\] {
    min-width: 896px;
  }

  .lg\:max-w-2xl {
    max-width: 42rem;
  }

  .lg\:max-w-\[23rem\] {
    max-width: 23rem;
  }

  .lg\:max-w-\[25\%\] {
    max-width: 25%;
  }

  .lg\:max-w-\[25rem\] {
    max-width: 25rem;
  }

  .lg\:max-w-\[26\.75rem\] {
    max-width: 26.75rem;
  }

  .lg\:max-w-\[36rem\] {
    max-width: 36rem;
  }

  .lg\:max-w-\[45rem\] {
    max-width: 45rem;
  }

  .lg\:max-w-\[60rem\] {
    max-width: 60rem;
  }

  .lg\:max-w-\[80\%\] {
    max-width: 80%;
  }

  .lg\:max-w-\[90\%\] {
    max-width: 90%;
  }

  .lg\:max-w-md {
    max-width: 28rem;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[0\.85fr_1\.15fr\] {
    grid-template-columns: 0.85fr 1.15fr;
  }

  .lg\:grid-cols-\[0\.8fr_1\.2fr\] {
    grid-template-columns: 0.8fr 1.2fr;
  }

  .lg\:grid-cols-\[0\.95fr_1\.05fr\] {
    grid-template-columns: 0.95fr 1.05fr;
  }

  .lg\:grid-cols-\[1\.05fr_0\.95fr\] {
    grid-template-columns: 1.05fr 0.95fr;
  }

  .lg\:grid-cols-\[1\.12fr_0\.88fr\] {
    grid-template-columns: 1.12fr 0.88fr;
  }

  .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
    grid-template-columns: 1.15fr 0.85fr;
  }

  .lg\:grid-cols-\[1\.2fr_0\.8fr\] {
    grid-template-columns: 1.2fr 0.8fr;
  }

  .lg\:grid-cols-\[10rem_1fr\] {
    grid-template-columns: 10rem 1fr;
  }

  .lg\:grid-cols-\[12rem_1fr\] {
    grid-template-columns: 12rem 1fr;
  }

  .lg\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }

  .lg\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .lg\:grid-cols-\[256px_1fr\] {
    grid-template-columns: 256px 1fr;
  }

  .lg\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .lg\:grid-cols-\[minmax\(0\2c 0\.82fr\)_minmax\(0\2c 1\.18fr\)\] {
    grid-template-columns: minmax(0,0.82fr) minmax(0,1.18fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(0\2c 0\.8fr\)\] {
    grid-template-columns: minmax(0,1.2fr) minmax(0,0.8fr);
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:items-baseline {
    align-items: baseline;
  }

  .lg\:items-stretch {
    align-items: stretch;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-0 {
    gap: 0px;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-3 {
    gap: 0.75rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-x-6 {
    column-gap: 1.5rem;
  }

  .lg\:gap-x-8 {
    column-gap: 2rem;
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:self-center {
    align-self: center;
  }

  .lg\:whitespace-nowrap {
    white-space: nowrap;
  }

  .lg\:\!rounded-l-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .lg\:\!rounded-r-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0px;
  }

  .lg\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  }

  .lg\:border-ink-900\/10 {
    border-color: rgb(11 21 38 / 0.1);
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-3 {
    padding: 0.75rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:\!pt-10 {
    padding-top: 2.5rem !important;
  }

  .lg\:\!pt-16 {
    padding-top: 4rem !important;
  }

  .lg\:\!pt-24 {
    padding-top: 6rem !important;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  .lg\:pb-20 {
    padding-bottom: 5rem;
  }

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pb-8 {
    padding-bottom: 2rem;
  }

  .lg\:pl-12 {
    padding-left: 3rem;
  }

  .lg\:pr-10 {
    padding-right: 2.5rem;
  }

  .lg\:pr-16 {
    padding-right: 4rem;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pt-12 {
    padding-top: 3rem;
  }

  .lg\:pt-14 {
    padding-top: 3.5rem;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pt-24 {
    padding-top: 6rem;
  }

  .lg\:pt-28 {
    padding-top: 7rem;
  }

  .lg\:pt-32 {
    padding-top: 8rem;
  }

  .lg\:pt-36 {
    padding-top: 9rem;
  }

  .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  .lg\:pt-\[140px\] {
    padding-top: 140px;
  }

  .lg\:\!text-left {
    text-align: left !important;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:\!text-center {
    text-align: center !important;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-display-lg {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }

  .lg\:text-display-md {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-title-lg {
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: 0.005em;
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {

  .xl\:pointer-events-none {
    pointer-events: none;
  }

  .xl\:visible {
    visibility: visible;
  }

  .xl\:invisible {
    visibility: hidden;
  }

  .xl\:\!fixed {
    position: fixed !important;
  }

  .xl\:absolute {
    position: absolute;
  }

  .xl\:relative {
    position: relative;
  }

  .xl\:\!left-1\/2 {
    left: 50% !important;
  }

  .xl\:\!top-14 {
    top: 3.5rem !important;
  }

  .xl\:-bottom-2 {
    bottom: -0.5rem;
  }

  .xl\:-bottom-8 {
    bottom: -2rem;
  }

  .xl\:-left-20 {
    left: -5rem;
  }

  .xl\:-right-16 {
    right: -4rem;
  }

  .xl\:-right-7 {
    right: -1.75rem;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xl\:col-start-2 {
    grid-column-start: 2;
  }

  .xl\:mb-0 {
    margin-bottom: 0px;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-full {
    height: 100%;
  }

  .xl\:w-11\/12 {
    width: 91.666667%;
  }

  .xl\:w-3\/4 {
    width: 75%;
  }

  .xl\:w-\[26rem\] {
    width: 26rem;
  }

  .xl\:w-auto {
    width: auto;
  }

  .xl\:max-w-\[70\%\] {
    max-width: 70%;
  }

  .xl\:max-w-\[80\%\] {
    max-width: 80%;
  }

  .xl\:max-w-full {
    max-width: 100%;
  }

  .xl\:\!-translate-x-1\/2 {
    --tw-translate-x: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .xl\:scroll-mt-48 {
    scroll-margin-top: 12rem;
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:gap-12 {
    gap: 3rem;
  }

  .xl\:bg-transparent {
    background-color: transparent;
  }

  .xl\:bg-center {
    background-position: center;
  }

  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .xl\:pt-20 {
    padding-top: 5rem;
  }

  .xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .xl\:text-display-lg {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }

  .xl\:text-display-xl {
    font-size: 4.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }

  .xl\:tracking-normal {
    letter-spacing: 0em;
  }

  .xl\:opacity-0 {
    opacity: 0;
  }

  .xl\:opacity-100 {
    opacity: 1;
  }
}
@media (min-width: 1536px) {

  .\32xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}


/* Pinned, isolated source-render styles */
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(85 120 255 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(85 120 255 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #CDD5E1; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  /* mulish-400 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    src: url("/media/b6d792ace093-mulish-v13-latin-400.woff2?v=9e7fe0edbc32") format('woff2');
  }
  /* mulish-600 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    src: url("/media/d9e890c3ff61-mulish-v13-latin-600.woff2?v=08f317abcc37") format('woff2');
  }
  /* mulish-700 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    src: url("/media/f19a27eaaec0-mulish-v13-latin-700.woff2?v=72da494867e9") format('woff2');
  }
  /* cardo-400 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Cardo';
    font-style: normal;
    font-weight: 400;
    src: url("/media/aa1a89303169-cardo-v19-latin-400.woff2?v=f1346360729e") format('woff2');
  }
  /* cardo-italic - latin */
  @font-face {
    font-display: swap;
    font-family: 'Cardo';
    font-style: italic;
    font-weight: 400;
    src: url("/media/6245528e02a6-cardo-v19-latin-italic.woff2?v=bc802f41dcc8") format('woff2');
  }
  /* cardo-700 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Cardo';
    font-style: normal;
    font-weight: 700;
    src: url("/media/5e7706e9b1ab-cardo-v19-latin-700.woff2?v=f94a0b25ed42") format('woff2');
  }

  html {
    font-family: 'Mulish', system-ui, sans-serif;
    background: #fff;
    color-scheme: only light;
    /* Never let the browser fake a missing weight/italic - ship the real face. */
    font-synthesis: none;
    /* Anchor jumps (#faq, sidebar links) clear the fixed 80px nav
       everywhere, so no section's first lines hide underneath it. */
    scroll-padding-top: 96px;
  }

  /* Helply's launcher covers the hero on mobile. Script is not loaded. */
  [id*='helply'],
  [class*='helply'],
  iframe[src*='helply.com'] {
    display: none !important;
  }

  /* Raster photos and product shots. Skip logos and SVG icons/flags.
     Scoped to main content so nav/footer brand marks stay sharp. */
  main img[src*='.webp']:not(.logo-img),
  main img[src*='.png']:not(.logo-img),
  main img[src*='.jpg']:not(.logo-img),
  main img[src*='.jpeg']:not(.logo-img) {
    border-radius: 1rem;
  }

  /* Display headings are Cardo; open tracking keeps letterspacing airy
     (tight values fused "fi" pairs on phones). */
  h1,
  h2 {
    letter-spacing: 0.01em;
  }

  /* Premium keyboard focus - visible everywhere. */
  :focus-visible {
    outline: 3px solid rgba(85, 120, 255, 0.55);
    outline-offset: 2px;
    border-radius: 4px;
  }
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
  .ui-stage {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
  @media (min-width: 640px) {

  .ui-stage {
    padding: 2rem;
  }
}
  @media (min-width: 1024px) {

  .ui-stage {
    padding: 2.5rem;
  }
}
  .ui-card {
  position: relative;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  .ui-card--navy {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
  .ui-eyebrow {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
  .ui-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
  .ui-meta {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
  .ui-amount {
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
  .drawer-row .ui-amount[data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
  .ui-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
  .ui-row:last-child {
  border-bottom-width: 0px;
}
  .ui-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1;
}
  .ui-chip--ok {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
  .ui-chip--wait {
    background: #fff4dc;
    color: #8a5a00;
  }
  .ui-chip--stop {
    background: #ffe8e8;
    color: #b42318;
  }
  .ui-chip--info {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  .ui-dot {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  background-color: currentColor;
}
  .ui-avatar {
  display: inline-flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  .ui-icon {
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  .ui-icon svg {
  height: 1.25rem;
  width: 1.25rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
  .ui-step {
  display: inline-flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
  .drawer-row .ui-step[data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
  .ui-button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
  /* Every control carries all five states; see DESIGN.md 6.1. */
  .ui-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
  .ui-button:active:not(:disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
    transform: scale(0.98);
}
  .ui-button:focus-visible {
    outline: 3px solid #3F59BF;
    outline-offset: 3px;
  }
  .ui-button:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
  .ui-button--ghost {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  .ui-button--ghost:hover:not(:disabled) {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
  .ui-button--ghost:active:not(:disabled) {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
  .ui-button--ghost:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity, 1));
}
  .ui-divider {
  border-top-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
}

  /* Loading placeholder. Sits where content will land so the page does not
     jump when it arrives. */
  @keyframes ui-skeleton-sweep {
    100% {
      transform: translateX(100%);
    }
  }

  /* Empty result. Always a title, a line of explanation, and a way out. */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.-inset-6 {
  inset: -1.5rem;
}
.inset-0 {
  inset: 0px;
}
.inset-6 {
  inset: 1.5rem;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-bottom-4 {
  bottom: -1rem;
}
.-left-12 {
  left: -3rem;
}
.-left-20 {
  left: -5rem;
}
.-left-28 {
  left: -7rem;
}
.-left-40 {
  left: -10rem;
}
.-left-6 {
  left: -1.5rem;
}
.-right-1\/2 {
  right: -50%;
}
.-right-16 {
  right: -4rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-20 {
  right: -5rem;
}
.-right-28 {
  right: -7rem;
}
.-right-40 {
  right: -10rem;
}
.-right-6 {
  right: -1.5rem;
}
.-top-24 {
  top: -6rem;
}
.-top-4 {
  top: -1rem;
}
.-top-7 {
  top: -1.75rem;
}
.-top-8 {
  top: -2rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-\[6px\] {
  bottom: 6px;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-5 {
  left: 1.25rem;
}
.right-0 {
  right: 0px;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-\[15\%\] {
  right: 15%;
}
.right-\[40\%\] {
  right: 40%;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-20 {
  top: 5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-32 {
  top: 8rem;
}
.top-5 {
  top: 1.25rem;
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.-z-10 {
  z-index: -10;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[998\] {
  z-index: 998;
}
.z-\[999\] {
  z-index: 999;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-first {
  order: -9999;
}
.order-none {
  order: 0;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.row-start-2 {
  grid-row-start: 2;
}
.\!m-0 {
  margin: 0px !important;
}
.m-0 {
  margin: 0px;
}
.m-1 {
  margin: 0.25rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.\!mb-12 {
  margin-bottom: 3rem !important;
}
.\!mb-24 {
  margin-bottom: 6rem !important;
}
.\!mb-4 {
  margin-bottom: 1rem !important;
}
.\!mb-6 {
  margin-bottom: 1.5rem !important;
}
.\!mb-8 {
  margin-bottom: 2rem !important;
}
.\!mt-12 {
  margin-top: 3rem !important;
}
.\!mt-14 {
  margin-top: 3.5rem !important;
}
.\!mt-20 {
  margin-top: 5rem !important;
}
.-mb-6 {
  margin-bottom: -1.5rem;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-ml-2\.5 {
  margin-left: -0.625rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-11 {
  margin-bottom: 2.75rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-12 {
  margin-left: 3rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-20 {
  margin-left: 5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-auto {
  margin-top: auto;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[11rem\] {
  height: 11rem;
}
.h-\[14\.4rem\] {
  height: 14.4rem;
}
.h-\[15\.5rem\] {
  height: 15.5rem;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[29rem\] {
  height: 29rem;
}
.h-\[3\.25rem\] {
  height: 3.25rem;
}
.h-\[32\.75rem\] {
  height: 32.75rem;
}
.h-\[33rem\] {
  height: 33rem;
}
.h-\[4\.5rem\] {
  height: 4.5rem;
}
.h-\[76px\] {
  height: 76px;
}
.h-\[84px\] {
  height: 84px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-\[16\.5rem\] {
  max-height: 16.5rem;
}
.max-h-\[18\.5rem\] {
  max-height: 18.5rem;
}
.max-h-\[calc\(100vh-10rem\)\] {
  max-height: calc(100vh - 10rem);
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[1\.5rem\] {
  min-height: 1.5rem;
}
.min-h-\[144px\] {
  min-height: 144px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[56px\] {
  min-height: 56px;
}
.min-h-\[64px\] {
  min-height: 64px;
}
.min-h-\[72px\] {
  min-height: 72px;
}
.min-h-\[88px\] {
  min-height: 88px;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-2\/3 {
  width: 66.666667% !important;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/5 {
  width: 40%;
}
.w-24 {
  width: 6rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[154px\] {
  width: 154px;
}
.w-\[184px\] {
  width: 184px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[30rem\] {
  width: 30rem;
}
.w-\[32\%\] {
  width: 32%;
}
.w-\[7\.5rem\] {
  width: 7.5rem;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[min\(85\%\2c 350px\)\] {
  width: min(85%, 350px);
}
.w-\[min\(90\%\2c 25rem\)\] {
  width: min(90%, 25rem);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[44px\] {
  min-width: 44px;
}
.\!max-w-\[320px\] {
  max-width: 320px !important;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[104px\] {
  max-width: 104px;
}
.max-w-\[10rem\] {
  max-width: 10rem;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-\[1650px\] {
  max-width: 1650px;
}
.max-w-\[16rem\] {
  max-width: 16rem;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[20ch\] {
  max-width: 20ch;
}
.max-w-\[20rem\] {
  max-width: 20rem;
}
.max-w-\[21ch\] {
  max-width: 21ch;
}
.max-w-\[22ch\] {
  max-width: 22ch;
}
.max-w-\[22rem\] {
  max-width: 22rem;
}
.max-w-\[23ch\] {
  max-width: 23ch;
}
.max-w-\[24ch\] {
  max-width: 24ch;
}
.max-w-\[25ch\] {
  max-width: 25ch;
}
.max-w-\[26ch\] {
  max-width: 26ch;
}
.max-w-\[28ch\] {
  max-width: 28ch;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[30ch\] {
  max-width: 30ch;
}
.max-w-\[32ch\] {
  max-width: 32ch;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[36ch\] {
  max-width: 36ch;
}
.max-w-\[38ch\] {
  max-width: 38ch;
}
.max-w-\[44ch\] {
  max-width: 44ch;
}
.max-w-\[44rem\] {
  max-width: 44rem;
}
.max-w-\[45ch\] {
  max-width: 45ch;
}
.max-w-\[46rem\] {
  max-width: 46rem;
}
.max-w-\[48ch\] {
  max-width: 48ch;
}
.max-w-\[50ch\] {
  max-width: 50ch;
}
.max-w-\[51ch\] {
  max-width: 51ch;
}
.max-w-\[52ch\] {
  max-width: 52ch;
}
.max-w-\[52rem\] {
  max-width: 52rem;
}
.max-w-\[56ch\] {
  max-width: 56ch;
}
.max-w-\[58ch\] {
  max-width: 58ch;
}
.max-w-\[60ch\] {
  max-width: 60ch;
}
.max-w-\[66ch\] {
  max-width: 66ch;
}
.max-w-\[72ch\] {
  max-width: 72ch;
}
.max-w-\[75ch\] {
  max-width: 75ch;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[85ch\] {
  max-width: 85ch;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-px {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-150 {
  --tw-scale-x: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-75 {
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  user-select: none;
}
.resize {
  resize: both;
}
.scroll-mt-32 {
  scroll-margin-top: 8rem;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[350px_1fr_350px\] {
  grid-template-columns: 350px 1fr 350px;
}
.grid-cols-\[380px_1fr_380px\] {
  grid-template-columns: 380px 1fr 380px;
}
.grid-cols-\[6\.5rem_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 6.5rem minmax(0,1fr);
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-x-1 {
  column-gap: 0.25rem;
}
.gap-x-10 {
  column-gap: 2.5rem;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-3 {
  column-gap: 0.75rem;
}
.gap-x-3\.5 {
  column-gap: 0.875rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-x-5 {
  column-gap: 1.25rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.gap-x-8 {
  column-gap: 2rem;
}
.gap-y-0\.5 {
  row-gap: 0.125rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-wrap {
  text-wrap: wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.\!rounded-full {
  border-radius: 9999px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.border-blue-100\/60 {
  border-color: rgb(223 233 255 / 0.6);
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
}
.border-blue-200\/10 {
  border-color: rgb(201 218 255 / 0.1);
}
.border-blue-200\/20 {
  border-color: rgb(201 218 255 / 0.2);
}
.border-blue-200\/60 {
  border-color: rgb(201 218 255 / 0.6);
}
.border-blue-200\/70 {
  border-color: rgb(201 218 255 / 0.7);
}
.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
}
.border-blue-300\/20 {
  border-color: rgb(168 203 255 / 0.2);
}
.border-blue-300\/30 {
  border-color: rgb(168 203 255 / 0.3);
}
.border-blue-300\/40 {
  border-color: rgb(168 203 255 / 0.4);
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(85 120 255 / var(--tw-border-opacity, 1));
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
}
.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
}
.border-blue-900\/30 {
  border-color: rgb(54 80 134 / 0.3);
}
.border-blue-navbar {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-gray-300\/60 {
  border-color: rgb(226 232 240 / 0.6);
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(205 213 225 / var(--tw-border-opacity, 1));
}
.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / var(--tw-border-opacity, 1));
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(91 103 122 / var(--tw-border-opacity, 1));
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(74 85 104 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-ink-900\/10 {
  border-color: rgb(11 21 38 / 0.1);
}
.border-ink-900\/20 {
  border-color: rgb(11 21 38 / 0.2);
}
.border-transparent {
  border-color: transparent;
}
.border-white-0 {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white-0\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white-0\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white-0\/25 {
  border-color: rgb(255 255 255 / 0.25);
}
.border-white-0\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-white-0\/50 {
  border-color: rgb(255 255 255 / 0.5);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-100\/50 {
  background-color: rgb(223 233 255 / 0.5);
}
.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-200\/10 {
  background-color: rgb(201 218 255 / 0.1);
}
.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 203 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-300\/10 {
  background-color: rgb(168 203 255 / 0.1);
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-50\/60 {
  background-color: rgb(238 243 255 / 0.6);
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(85 120 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/30 {
  background-color: rgb(85 120 255 / 0.3);
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(63 89 191 / var(--tw-bg-opacity, 1));
}
.bg-blue-navbar {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(205 213 225 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-ink-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
}
.bg-ink-900\/30 {
  background-color: rgb(11 21 38 / 0.3);
}
.bg-ink-900\/80 {
  background-color: rgb(11 21 38 / 0.8);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 245 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white-0 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white-0\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white-0\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white-0\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white-0\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white-0\/95 {
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.from-blue-100 {
  --tw-gradient-from: #DFE9FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(223 233 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-white-0 {
  --tw-gradient-to: rgb(255 255 255 / 1) var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-scroll {
  background-attachment: scroll;
}
.bg-bottom {
  background-position: bottom;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-current {
  fill: currentColor;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-left {
  object-position: left;
}
.p-0 {
  padding: 0px;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!py-40 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.\!pr-2 {
  padding-right: 0.5rem !important;
}
.\!pt-0 {
  padding-top: 0px !important;
}
.\!pt-10 {
  padding-top: 2.5rem !important;
}
.\!pt-16 {
  padding-top: 4rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-28 {
  padding-bottom: 7rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-56 {
  padding-bottom: 14rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-14 {
  padding-left: 3.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pt-28 {
  padding-top: 7rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.\!text-left {
  text-align: left !important;
}
.text-left {
  text-align: left;
}
.\!text-center {
  text-align: center !important;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.font-cardo {
  font-family: Cardo, serif;
}
.font-muli {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.\!text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-2xs {
  font-size: .625rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-display-lg {
  font-size: 3.5rem;
  line-height: 1.15;
  letter-spacing: 0.01em;
}
.text-display-md {
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}
.text-display-sm {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
.text-display-xl {
  font-size: 4.5rem;
  line-height: 1.15;
  letter-spacing: 0.01em;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-title-lg {
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.005em;
}
.text-title-md {
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
}
.text-title-sm {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-bold {
  font-weight: 700 !important;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[1\.65\] {
  line-height: 1.65;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-blue-200 {
  --tw-text-opacity: 1 !important;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1)) !important;
}
.\!text-blue-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1)) !important;
}
.\!text-blue-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1)) !important;
}
.\!text-blue-navbar {
  --tw-text-opacity: 1 !important;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gray-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white-0 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.text-blue-100\/80 {
  color: rgb(223 233 255 / 0.8);
}
.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.text-blue-navbar {
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(205 213 225 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-ink-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-ink-600 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-ink-700 {
  --tw-text-opacity: 1;
  color: rgb(30 42 59 / var(--tw-text-opacity, 1));
}
.text-ink-900 {
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(197 48 48 / var(--tw-text-opacity, 1));
}
.text-white-0 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white-0\/80 {
  color: rgb(255 255 255 / 0.8);
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.decoration-blue-200 {
  text-decoration-color: #C9DAFF;
}
.decoration-gray-300 {
  text-decoration-color: #E2E8F0;
}
.decoration-red-500 {
  text-decoration-color: #F56565;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(205 213 225 / var(--tw-placeholder-opacity, 1));
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(85 120 255 / var(--tw-ring-opacity, 1));
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-250 {
  transition-duration: 250ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.background-gradient {
  background-image: linear-gradient(135.76deg,#f3f5fc 22.92%,#f3f7fd 41.47%,#f3f8ff 59.45%,#eef3ff 94.51%);
}
.box-shadow {
  box-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
}
  /* One hero top for every page: 64px on phones, 96px from lg up. Apply as
     `pt-16 lg:pt-24` (with `!` when overriding the HeroSection container).
     WrapperLayout already clears the fixed nav uniformly; this is the air
     below it. New pages: use these exact values. */
  .page-hero-top {
  padding-top: 4rem;
}
  @media (min-width: 1024px) {

  .page-hero-top {
    padding-top: 6rem;
  }
}

  /* Keep a horizontal gutter at every width. max-w-7xl is 1280px, the same as
     Tailwind's xl breakpoint, so xl:px-0 used to pin content to the viewport
     edge at 1024–1280px. 24px on phones, 32px from lg up. */
  .container-padding {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
  @media (min-width: 1024px) {

  .container-padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

  .section-title-italic,
  .section-title-2-italic {
  font-family: Cardo, serif;
  font-weight: 400;
  font-style: italic;
  color: currentColor;
}

  h1 .section-title-italic,
  h2 .section-title-italic,
  h3 .section-title-italic,h1 
  .section-title-2-italic,
  h2 
  .section-title-2-italic,
  h3 
  .section-title-2-italic {
    font-size: inherit;
    line-height: inherit;
  }

  .section-title-italic,
  .section-title-2-italic {
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
  }

  h1 .font-cardo,
  h2 .font-cardo,
  h3 .font-cardo {
    font-size: inherit;
    line-height: inherit;
  }

  /* Image arrival: transparent on a mist wash until bytes land, then a
     quick fade. The wash lives only pre-reveal so transparent artwork
     never sits on a tinted box. */

/* Safari needs this, chromes got it on antialiased by default */
* {
  -webkit-font-smoothing: antialiased;
}

/* Product visuals: small, readable product states (an invoice, a payout, an
   access check) that replace the decorative 3D shields, coins and safes.
   Every page builds its visuals from these pieces so they read as one family
   with the homepage wallet card. Copy lives under `visuals.*` locale keys. */

@media (prefers-reduced-motion: reduce) {
  .ui-skeleton::after {
    animation: none;
  }
  .ui-button:active:not(:disabled) {
    transform: none;
  }
}

/* Motion system (website-motion experiment, ramp.com as the reference).
   Rules:
   - Hidden intro states exist only under html.motion-ready, which the client
     plugin adds before first paint. Crawlers and no-JS users always see the
     full content; SSR HTML carries no hidden state.
   - Animate transform/opacity/filter only. Small distances, ease-out-expo
     arrivals, varied durations. Exit faster than enter.
   - Interactive directives (tilt, magnetic, parallax) write CSS custom
     properties; component styles compose them into their own transforms, so
     motion never fights layout styles.
   - prefers-reduced-motion renders the final state immediately. */

:root {
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --motion-reveal-duration: 640ms;
}

html.motion-ready {
  scroll-behavior: smooth;
}

/* --- Scroll reveal (v-reveal) ---------------------------------------
   Elements start hidden+offset and transition to rest when the directive's
   IntersectionObserver sets data-revealed. Variants pick the offset axis;
   v-reveal="120" or v-reveal="{ delay: 120 }" staggers via --reveal-delay. */
html.motion-ready [data-reveal] {
  opacity: 0;
  transition-property: opacity, transform, filter;
  transition-duration: var(--motion-reveal-duration);
  transition-timing-function: var(--ease-out-expo);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}
html.motion-ready [data-reveal='up'] {
  transform: translateY(20px);
}
html.motion-ready [data-reveal='left'] {
  transform: translateX(-24px);
}
html.motion-ready [data-reveal='right'] {
  transform: translateX(24px);
}
html.motion-ready [data-reveal='scale'] {
  transform: scale(1.04);
}
html.motion-ready [data-reveal='blur'] {
  transform: translateY(12px);
  filter: blur(6px);
}
html.motion-ready [data-reveal][data-revealed] {
  opacity: 1;
  transform: none;
  filter: none;
}

/* --- Word-split headline cascade (v-split) ----------------------------
   Each word sits in an overflow-hidden mask and rises into place; --wi is
   the word index set by the directive, so the cascade types itself left to
   right. Padding/margin trick keeps Cardo descenders (y, g) unclipped. */
html.motion-ready [data-split] .split-mask {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
}
html.motion-ready [data-split] .split-word {
  display: inline-block;
  transform: translateY(115%);
  transition: transform 680ms var(--ease-out-expo);
  transition-delay: calc(var(--wi) * 60ms + var(--split-delay, 0ms));
  will-change: transform;
}
html.motion-ready [data-split][data-revealed] .split-word {
  transform: translateY(0);
}

/* --- Staggered children (v-cascade) -------------------------------------
   Rows inside a revealed container rise in sequence, --ci * 90ms apart. */
html.motion-ready [data-cascade] [data-cascade-child] {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 640ms var(--ease-out-expo),
    transform 640ms var(--ease-out-expo);
  transition-delay: calc(var(--ci, 0) * 90ms);
  will-change: opacity, transform;
}
html.motion-ready [data-cascade][data-revealed] [data-cascade-child] {
  opacity: 1;
  transform: none;
}

/* --- Cursor-tracked 3D tilt (v-tilt) -----------------------------------
   Vars are lerp-smoothed by the directive; perspective comes from the
   parent (set in the page's own styles). */
html.motion-ready [data-tilt] {
  transform: rotateX(var(--tilt-rx, 0deg)) rotateY(var(--tilt-ry, 0deg));
  transform-style: preserve-3d;
}

/* --- Magnetic hover (v-magnetic) ----------------------------------------
   Magnetized elements drift toward the pointer; they skip the plain hover
   lift so the two never fight. */
html.motion-ready [data-magnetic] {
  transform: translate(var(--magnet-x, 0px), var(--magnet-y, 0px));
}
/* Transforms don't apply to inline elements; magnetized anchors wrap their
   button tightly as inline-block. */
html.motion-ready a[data-magnetic] {
  display: inline-block;
}

/* --- Page transitions (Nuxt default 'page' name) ------------------------
   Enter rises slightly, exit falls away faster. */
.page-enter-active {
  transition: opacity 180ms var(--ease-out-soft),
    transform 180ms var(--ease-out-soft);
}
.page-leave-active {
  transition: opacity 140ms ease-in, transform 140ms ease-in;
}
.page-enter {
  opacity: 0;
  transform: translateY(10px);
}
.page-leave-to {
  opacity: 0;
  transform: translateY(-6px);
}

/* --- Shared button micro-interaction ------------------------------------
   Color and shadow only. Transform on hover made Get Started buttons jump
   inside the signup field and fight magnetic drift on the nav CTA. */
html.motion-ready .button {
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: 200ms;
}

/* --- Reduced motion: everything lands in its final state -------------- */
@media (prefers-reduced-motion: reduce) {
  html.motion-ready {
    scroll-behavior: auto;
  }
  html.motion-ready [data-reveal] {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
  html.motion-ready [data-split] .split-word {
    transform: none;
    transition: none;
  }
  html.motion-ready [data-cascade] [data-cascade-child] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .page-enter-active,
  .page-leave-active {
    transition: none;
  }
  .page-enter,
  .page-leave-to {
    transform: none;
  }
}

/* Homepage motion: hidden intro states for utils/home-motion.js reveals.
   Every rule sits under html.hm-live, which pages/index.vue sets on mount
   only when motion is allowed. Server HTML, crawlers, print and reduced-
   motion users never see a hidden state. Transform, opacity and filter
   only; the recipes animate from these values to rest. */

/* Word masks (data-m="words"). Padding plus matching negative margin keeps
   Cardo descenders and italic overhangs inside the clip without moving
   layout by a pixel. */
.hm-mask {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding: 0 0.07em 0.16em;
  margin: 0 -0.07em -0.16em;
}
.hm-word {
  display: inline-block;
  transform-origin: 0% 100%;
}

html.hm-live [data-m='words'] .hm-word {
  transform: translateY(108%) rotate(5deg);
}
html.hm-live [data-m='rise'] {
  opacity: 0;
  transform: translateY(28px);
  filter: blur(8px);
}
html.hm-live [data-m='fade'] {
  opacity: 0;
}
html.hm-live [data-m='pop'] {
  opacity: 0;
  transform: scale(0.86);
}
html.hm-live [data-m='line'] {
  transform: scaleX(0);
  transform-origin: 0% 50%;
}
html.hm-live [data-m-child='rise'] {
  opacity: 0;
  transform: translateY(24px);
}
html.hm-live [data-m-child='focus'] {
  opacity: 0;
  transform: translateY(22px);
  filter: blur(12px);
}
html.hm-live [data-m-child='lift3d'] {
  opacity: 0;
  transform: perspective(1200px) translateY(72px) rotateX(18deg);
}

@media print {
  html.hm-live [data-m],
  html.hm-live [data-m] .hm-word,
  html.hm-live [data-m-child] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

/* components/spinners/RelabeSpinner.vue */

.half-circle-spinner[data-v-b63f9d9c],
.half-circle-spinner *[data-v-b63f9d9c] {
  box-sizing: border-box;
}

.half-circle-spinner[data-v-b63f9d9c] {
  border-radius: 100%;
  position: relative;
}

.half-circle-spinner .circle[data-v-b63f9d9c] {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: calc(60px / 10) solid transparent;
}

.half-circle-spinner .circle.circle-1[data-v-b63f9d9c] {
  animation: half-circle-spinner-animation-b63f9d9c 1s infinite;
}

.half-circle-spinner .circle.circle-2[data-v-b63f9d9c] {
  animation: half-circle-spinner-animation-b63f9d9c 1s infinite alternate;
}

@keyframes half-circle-spinner-animation-b63f9d9c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* components/forms/Button.vue */

button[data-v-57d71784],
a[data-v-57d71784] {
  outline: none;
  display: flex;
  cursor: pointer;
  justify-content: center;
  border-radius: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

  /* Keyboard users need to see where they are; mouse clicks stay clean. */
  button[data-v-57d71784]:focus-visible, a[data-v-57d71784]:focus-visible {
    outline: 3px solid #3F59BF;
    outline-offset: 3px;
  }
  button[data-v-57d71784]:hover,
  button[data-v-57d71784]:focus,
  a[data-v-57d71784]:hover,
  a[data-v-57d71784]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
  /* Pressed. Every variant scales down so the press reads without relying on
     colour alone. Disabled and loading are excluded, or a button you cannot
     press would still look pressed. */
  button[data-v-57d71784]:active:not(:disabled), a[data-v-57d71784]:active:not(:disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 89 191 / var(--tw-bg-opacity, 1));
    transform: scale(0.98);
}
  button.primary[data-v-57d71784], a.primary[data-v-57d71784] {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
  button.primary[data-v-57d71784]:not(:disabled):hover,
      button.primary[data-v-57d71784]:not(:disabled):focus,
      a.primary[data-v-57d71784]:not(:disabled):hover,
      a.primary[data-v-57d71784]:not(:disabled):focus {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(63 89 191 / var(--tw-bg-opacity, 1));
}
  button.white[data-v-57d71784], a.white[data-v-57d71784] {
    box-shadow: 0 1px 2px rgba(11, 21, 38, 0.06),
      0 8px 24px -8px rgba(11, 21, 38, 0.18);
    border-width: 1px;
    border-color: rgb(11 21 38 / 0.1);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    background-image: none;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  }
  button.white[data-v-57d71784]:hover,
    button.white[data-v-57d71784]:focus,
    a.white[data-v-57d71784]:hover,
    a.white[data-v-57d71784]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
}
  button.white[data-v-57d71784]:active:not(:disabled), a.white[data-v-57d71784]:active:not(:disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
}
  /* Keep the legacy prop so every signup surface shares the ink treatment. */
  button.green[data-v-57d71784], a.green[data-v-57d71784] {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  button.green[data-v-57d71784]:hover:not(:disabled), button.green[data-v-57d71784]:focus:not(:disabled), a.green[data-v-57d71784]:hover:not(:disabled), a.green[data-v-57d71784]:focus:not(:disabled) {
  opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
  button.cta[data-v-57d71784], a.cta[data-v-57d71784] {
    box-shadow: 0 1px 2px rgba(11, 21, 38, 0.06),
      0 8px 24px -8px rgba(11, 21, 38, 0.28);
    background: linear-gradient(81.14deg, #3f59bf 0%, #5578ff 100%);
  }
  button.cta[data-v-57d71784]:hover,
    button.cta[data-v-57d71784]:focus,
    a.cta[data-v-57d71784]:hover,
    a.cta[data-v-57d71784]:focus {
      background: linear-gradient(81.14deg, #365086 0%, #4d6ce6 100%);
    }
  button.cta[data-v-57d71784]:active:not(:disabled), a.cta[data-v-57d71784]:active:not(:disabled) {
      background: linear-gradient(81.14deg, #365086 0%, #4d6ce6 100%);
    }
  button.signup[data-v-57d71784], a.signup[data-v-57d71784] {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  button.signup[data-v-57d71784]:hover:not(:disabled), button.signup[data-v-57d71784]:focus:not(:disabled), a.signup[data-v-57d71784]:hover:not(:disabled), a.signup[data-v-57d71784]:focus:not(:disabled) {
  opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
  button.signup[data-v-57d71784]:active:not(:disabled), a.signup[data-v-57d71784]:active:not(:disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
  button[data-v-57d71784]:disabled, a[data-v-57d71784]:disabled {
  transform: none;
  cursor: not-allowed;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  button.outlined[data-v-57d71784], a.outlined[data-v-57d71784] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
  button.outlined[data-v-57d71784]:hover,
    button.outlined[data-v-57d71784]:focus,
    a.outlined[data-v-57d71784]:hover,
    a.outlined[data-v-57d71784]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  button.outlined[data-v-57d71784]:active:not(:disabled), a.outlined[data-v-57d71784]:active:not(:disabled) {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
  button.outlined[data-v-57d71784]:disabled, a.outlined[data-v-57d71784]:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity, 1));
}

@media (prefers-reduced-motion: reduce) {
  button[data-v-57d71784],
  a[data-v-57d71784] {
    transition: none;
  }
  &[data-v-57d71784]:active:not(:disabled) {
    transform: none;
  }
}

/* components/pricing-table/PricingTableCallToAction.vue */

.pricing-table-call-to-action[data-v-f53855a9] {
  margin-top: 0px;
  margin-bottom: 0px;
  min-height: 44px;
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
  .pricing-table-call-to-action.white[data-v-f53855a9] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    box-shadow: none;
}

/* components/pricing-table/PricingFxCurrencies.vue */

.text-green-fx[data-v-6a9c1c65] {
  /* #5a8c1b was 3.64:1 against the bg-gray-100 chip; this is ~6:1. */
  color: #064E3B;
}

.fx-fade[data-v-6a9c1c65] {
  background: linear-gradient(to bottom, rgb(255 255 255 / 0%), #fff);
}

.fx-bar[data-v-6a9c1c65] {
  width: 2.75rem;
  border-radius: 0.5rem 0.5rem 0 0;
  background: linear-gradient(to top, #5578ff, #8fd14f);
}

.fx-bar--custom[data-v-6a9c1c65] {
  /* Enterprise has no ceiling, so the bar dissolves upward instead of
     capping at the same height as Premium. */
  background: linear-gradient(
    to top,
    #5578ff 0%,
    #7aa0ff 45%,
    rgb(122 160 255 / 15%) 100%
  );
}

.fx-bar-h[data-v-6a9c1c65] {
  background: linear-gradient(to right, #5578ff, #8fd14f);
}

.fx-scroll[data-v-6a9c1c65] {
  scrollbar-width: thin;
}

.fx-scroll[data-v-6a9c1c65]::-webkit-scrollbar {
  width: 6px;
}

.fx-scroll[data-v-6a9c1c65]::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(205 213 225 / var(--tw-bg-opacity, 1));
}

/* Safari renders a native clear affordance on type=search that collides with
   the custom clear button. */
input[type='search'][data-v-6a9c1c65]::-webkit-search-decoration,
input[type='search'][data-v-6a9c1c65]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* components/Modal.vue */

.modal-container[data-v-0b5a066a] {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  height: 100vh;
  width: 100vw;
  overflow: auto;
  transition-property: opacity;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  opacity: 0;
}

  .modal-container.shown[data-v-0b5a066a] {
  transition-duration: 300ms;
  pointer-events: auto;
  opacity: 1;
}

  .modal-container.on-top[data-v-0b5a066a] {
    z-index: 2147483647;
  }
.modal-overlay[data-v-0b5a066a] {
  background-color: rgba(26, 32, 44, 0.5);
}

.modal-wrapper[data-v-0b5a066a] {
  position: static;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .modal-wrapper[data-v-0b5a066a] {
    position: absolute;
    right: 50%;
  }
    .modal-wrapper.full[data-v-0b5a066a] {
    position: static;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.modal[data-v-0b5a066a] {
  position: relative;
  right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  min-height: 100vh;
  width: 100vw;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 768px) {
  .modal[data-v-0b5a066a] {
    right: -50%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    height: auto;
    min-height: 0px;
    border-radius: 1rem;
  }
  @media (min-width: 768px) {

    .modal[data-v-0b5a066a] {
      margin-top: 4rem;
      margin-bottom: 4rem;
    }
  }
  .modal[data-v-0b5a066a] {
    width: var(--modal-width);
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(11, 21, 38, 0.06),
      0 20px 48px -12px rgba(11, 21, 38, 0.35);
  }

    .modal.whiteBackground[data-v-0b5a066a] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  }

    .modal.full[data-v-0b5a066a] {
    right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

    .modal .title-wrapper[data-v-0b5a066a] {
    position: relative;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
    .modal .close-button[data-v-0b5a066a] {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 2rem;
    margin-right: 4rem;
  }
}

.slide-fade-enter-active[data-v-0b5a066a],
.slide-fade-leave-active[data-v-0b5a066a] {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-fade-enter[data-v-0b5a066a],
.slide-fade-leave-to[data-v-0b5a066a] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.slide-fade-enter[data-v-0b5a066a] {
  --tw-translate-y: -1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.slide-fade-leave-to[data-v-0b5a066a] {
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (prefers-reduced-motion: reduce) {
  .modal-container[data-v-0b5a066a] {
    transition: none;
  }
  .slide-fade-enter-active[data-v-0b5a066a],
  .slide-fade-leave-active[data-v-0b5a066a] {
    transition: none;
  }
}

/* components/forms/Input.vue */

span.label[data-v-e6b5b64d] {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

  span.label.required[data-v-e6b5b64d]:after {
    content: ' *';
    --tw-text-opacity: 1;
    color: rgb(245 101 101 / var(--tw-text-opacity, 1));
  }

i[data-v-e6b5b64d] {
  top: 52%;
  pointer-events: none;
  position: absolute;
  margin-top: -0.5rem;
  margin-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(205 213 225 / var(--tw-text-opacity, 1));
}

i + input[data-v-e6b5b64d] {
  padding-left: 2rem;
}

input[data-v-e6b5b64d],
textarea[data-v-e6b5b64d] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  min-height: 44px;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(11 21 38 / 0.2);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  /* &::placeholder {
    @apply text-gray-600;
  } */
}

input[disabled][data-v-e6b5b64d], textarea[disabled][data-v-e6b5b64d] {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

input[data-v-e6b5b64d]:focus, textarea[data-v-e6b5b64d]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
    box-shadow: 0 0 0 3px rgba(85, 120, 255, 0.3);
}

input[data-v-e6b5b64d]:focus-visible, textarea[data-v-e6b5b64d]:focus-visible {
    outline: 3px solid rgba(85, 120, 255, 0.55);
    outline-offset: 2px;
  }

input.error[data-v-e6b5b64d], textarea.error[data-v-e6b5b64d] {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    --tw-border-opacity: 1;
    border-color: rgb(245 101 101 / var(--tw-border-opacity, 1));
  }

input.error[data-v-e6b5b64d]:focus, textarea.error[data-v-e6b5b64d]:focus {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

input.error + .error-message[data-v-e6b5b64d], textarea.error + .error-message[data-v-e6b5b64d] {
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(245 101 101 / var(--tw-text-opacity, 1));
}

[data-v-e6b5b64d] .customError {
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.5;
}

/* @media screen and (min-width: 1024px) {
  input {
    @apply text-left;
  }
} */

/* components/forms/ValidatedInput.vue */

/* components/forms/CountryCodeSelector.vue */

input[data-v-3f30602f] {
  position: relative;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(205 213 225 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
  padding-left: 3rem !important;
}
  input[data-v-3f30602f]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(85 120 255 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.optionsList[data-v-3f30602f] {
  position: absolute;
  z-index: 20;
  overflow-y: auto;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  max-height: 15rem;
}
.optionsList[data-v-3f30602f]::-webkit-scrollbar {
  width: 0.5rem;
}
.optionsList[data-v-3f30602f]::-webkit-scrollbar-track {
  background-color: transparent;
}
.optionsList[data-v-3f30602f]::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(205 213 225 / var(--tw-bg-opacity, 1));
  padding-right: 0.25rem;
}
.optionsList[data-v-3f30602f]::-webkit-scrollbar-track-piece:start {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: transparent;
}
.optionsList[data-v-3f30602f]::-webkit-scrollbar-track-piece:end {
  background-color: transparent;
}

/* components/forms/ContactForm.vue */

/* Inputs deliberately inherit components/forms/Input.vue here: a contact form
   that overrides the radius, padding and type size stops looking like a
   contact form. Only the textarea height is this form's own business. */
textarea[data-v-d4c7459b] {
  height: 6rem;
  resize: none;
}
legend[data-v-d4c7459b] {
  padding: 0px;
}

.form-title[data-v-d4c7459b] {
  margin-bottom: 1.75rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.form-subtitle[data-v-d4c7459b] {
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.phoneInput[data-v-d4c7459b] {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

@media only screen and (min-width: 700px) {
  .padded[data-v-d4c7459b] {
    padding: 2.5rem 3.5rem;
  }
}
@media only screen and (min-width: 768px) {
    [data-v-d4c7459b] .modal > div:nth-child(2) {
      height: auto;
    }
}

/* components/pricing-table/PricingHero.vue */

.pricing-hero[data-v-39fbcb93] {
  padding-top: 4rem;
  padding-bottom: 3.5rem;
}

@media (min-width: 1024px) {

  .pricing-hero[data-v-39fbcb93] {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}

.pricing-hero-intro[data-v-39fbcb93] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  display: flex;
  max-width: 48rem;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

@media (min-width: 1024px) {

  .pricing-hero-intro[data-v-39fbcb93] {
    margin-bottom: 2rem;
    max-width: none;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.5rem;
  }
}

.pricing-hero-art[data-v-39fbcb93] {
  display: none;
  width: 20rem;
  flex-shrink: 0;
}

@media (min-width: 1024px) {

  .pricing-hero-art[data-v-39fbcb93] {
    display: block;
  }
}

/* components/pricing-table/PricingTableToggle.vue */

.pricing-toggle[data-v-03d40943] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.75rem;
  border-radius: 9999px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.5rem;
  text-align: left;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}

.pricing-toggle[data-v-03d40943]:focus-visible {
  outline: 2px solid #3F59BF;
  outline-offset: 2px;
}

.pricing-toggle-track[data-v-03d40943] {
  position: relative;
  display: inline-flex;
  height: 1.75rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  /* 3:1 against white, so the off state still reads as a control. */
  background-color: #8391a7;
}

.pricing-toggle-track.is-on[data-v-03d40943] {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}

.pricing-toggle-dot[data-v-03d40943] {
  position: absolute;
  left: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.pricing-toggle-track.is-on .pricing-toggle-dot[data-v-03d40943] {
  transform: translateX(1.25rem);
}

.pricing-toggle-label[data-v-03d40943] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.pricing-toggle-label.is-on[data-v-03d40943] {
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

@media (prefers-reduced-motion: reduce) {
  .pricing-toggle-track[data-v-03d40943],
  .pricing-toggle-dot[data-v-03d40943] {
    transition: none;
  }
}

/* components/pricing-table/PricingPlanSummary.vue */

.plan-summary-toggle[data-v-4b6c7cb7] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
}

@media (min-width: 1024px) {

  .plan-summary-toggle[data-v-4b6c7cb7] {
    margin-bottom: 2rem;
  }
}

.plan-grid[data-v-4b6c7cb7] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 640px) {

  .plan-grid[data-v-4b6c7cb7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {

  .plan-grid[data-v-4b6c7cb7] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
  }
}

.plan-card[data-v-4b6c7cb7] {
  display: flex;
  flex-direction: column;
  border-radius: 1.5rem;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .plan-card[data-v-4b6c7cb7] {
    padding: 1.5rem;
  }
}

.plan-name[data-v-4b6c7cb7] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.plan-price[data-v-4b6c7cb7] {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.drawer-row .plan-price[data-v-4b6c7cb7][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.plan-price-main[data-v-4b6c7cb7] {
  font-size: 2.25rem;
  line-height: 2.5rem;
  line-height: 1;
}

.plan-price.is-text .plan-price-main[data-v-4b6c7cb7] {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 1024px) {

  .plan-price.is-text .plan-price-main[data-v-4b6c7cb7] {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1280px) {

  .plan-price.is-text .plan-price-main[data-v-4b6c7cb7] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.plan-price-suffix[data-v-4b6c7cb7] {
  margin-left: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-fee[data-v-4b6c7cb7] {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-balance[data-v-4b6c7cb7] {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-balance-link[data-v-4b6c7cb7] {
  margin-top: 0.25rem;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

.plan-balance-link[data-v-4b6c7cb7]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.plan-balance-value[data-v-4b6c7cb7] {
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.drawer-row .plan-balance-value[data-v-4b6c7cb7][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.plan-suits[data-v-4b6c7cb7] {
  margin-top: 1rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-fx[data-v-4b6c7cb7] {
  margin-top: 1rem;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-fx-value[data-v-4b6c7cb7] {
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.drawer-row .plan-fx-value[data-v-4b6c7cb7][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.plan-list-title[data-v-4b6c7cb7] {
  margin-top: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.plan-list[data-v-4b6c7cb7] {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.plan-item[data-v-4b6c7cb7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.plan-check[data-v-4b6c7cb7] {
  margin-top: 0.125rem;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.plan-item-value[data-v-4b6c7cb7] {
  margin-left: 0.375rem;
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

/* Pinned to the card bottom so the four buttons line up. */
.plan-cta[data-v-4b6c7cb7] {
  margin-top: auto;
  padding-top: 1.5rem;
}

/* Plus: the navy card of the homepage wallet, with lime ticks. */
.plan-card--featured .plan-name[data-v-4b6c7cb7],
.plan-card--featured .plan-price[data-v-4b6c7cb7],
.plan-card--featured .plan-balance-value[data-v-4b6c7cb7],
.plan-card--featured .plan-fx-value[data-v-4b6c7cb7],
.plan-card--featured .plan-item[data-v-4b6c7cb7],
.plan-card--featured .plan-suits[data-v-4b6c7cb7] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.plan-card--featured .plan-price-suffix[data-v-4b6c7cb7],
.plan-card--featured .plan-fee[data-v-4b6c7cb7],
.plan-card--featured .plan-balance[data-v-4b6c7cb7],
.plan-card--featured .plan-fx[data-v-4b6c7cb7],
.plan-card--featured .plan-list-title[data-v-4b6c7cb7] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

.plan-card--featured .plan-suits[data-v-4b6c7cb7] {
  border-color: rgb(255 255 255 / 0.2);
}

.plan-card--featured .plan-fx[data-v-4b6c7cb7] {
  background-color: rgb(255 255 255 / 0.1);
}

.plan-card--featured .plan-balance-link[data-v-4b6c7cb7] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}

.plan-card--featured .plan-check[data-v-4b6c7cb7] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}

/* components/pricing-table/PricingTableFilter.vue */

.pricing-filter[data-v-09052af9] {
  display: flex;
  width: 100%;
  gap: 0.25rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
}

.pricing-filter-option[data-v-09052af9] {
  min-height: 44px;
  min-width: 0px;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (max-width: 359px) {
  .fx-board-row > .pricing-filter-option[data-v-09052af9][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .pricing-filter-option[data-v-09052af9][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.pricing-filter-option[data-v-09052af9]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.pricing-filter-option.is-selected[data-v-09052af9] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.pricing-filter-option[data-v-09052af9]:focus-visible {
  outline: 2px solid #3F59BF;
  outline-offset: 2px;
}

/* 320px phones: "Empresarial" and friends still fit on one line. */
@media (max-width: 359px) {
  .pricing-filter-option[data-v-09052af9] {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

/* components/pricing-table/PricingTableHeader.vue */

.pricing-plans[data-v-3732f106] {
  margin-bottom: 1.25rem;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.pricing-plans-head[data-v-3732f106] {
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 640px) {

  .pricing-plans-head[data-v-3732f106] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .pricing-plans-head[data-v-3732f106] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.pricing-plans-selected[data-v-3732f106] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.pricing-plans-name[data-v-3732f106] {
  display: inline-block;
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.pricing-plans-name.is-featured[data-v-3732f106] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.pricing-plans-body[data-v-3732f106] {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {

  .pricing-plans-body[data-v-3732f106] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .pricing-plans-body[data-v-3732f106] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* Plus column, continued down from the head band. */
.pricing-plus-band[data-v-3732f106] {
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: none;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {

  .pricing-plus-band[data-v-3732f106] {
    display: block;
  }
}
.pricing-plus-band[data-v-3732f106] {
  left: 55%;
  width: 15%;
}

.pricing-plans-toggle[data-v-3732f106] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.pricing-plans-row[data-v-3732f106] {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.pricing-plans-label[data-v-3732f106] {
  width: 60%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 0.75rem;
  line-height: 1.375;
}

@media (min-width: 1024px) {

  .pricing-plans-label[data-v-3732f106] {
    width: 40%;
    padding-right: 4rem;
  }
}

.pricing-plans-values[data-v-3732f106] {
  display: flex;
  width: 40%;
  align-items: center;
}

@media (min-width: 1024px) {

  .pricing-plans-values[data-v-3732f106] {
    width: 60%;
  }
}

.pricing-plans-price[data-v-3732f106] {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.pricing-plans-or[data-v-3732f106] {
  margin-right: 0.25rem;
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  vertical-align: middle;
  font-size: .625rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.pricing-plans-actions[data-v-3732f106] {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* components/pricing-table/PricingTableRow.vue */

.pricing-table-row-container[data-v-aa0dcb74] {
  position: relative;
}

.pricing-table-row[data-v-aa0dcb74] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.enterprise-border-short[data-v-aa0dcb74] {
  /* First column (2/5) + 3/4 of second column (3/5 * 3/4 = 9/20) = 2/5 + 9/20 = 17/20 = 85% */
}

@media (min-width: 1024px) {

  .enterprise-border-short[data-v-aa0dcb74] {
    width: 85%;
  }
}

.enterprise-border-mobile[data-v-aa0dcb74] {
  /* On mobile: first column is w-3/5 = 60% */
  width: 60%;
}

[data-v-aa0dcb74] .tooltip-hint {
  color: #fff !important;
}

/* components/pricing-table/PricingTable.vue */

.pricing-picker.is-pinned[data-v-3734a96c] {
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 998;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: 0 12px 24px -18px rgba(36, 68, 134, 0.55);
}

.pricing-group[data-v-3734a96c] {
  margin-bottom: 1.25rem;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.pricing-group[data-v-3734a96c]:last-child {
  margin-bottom: 0px;
}

.pricing-group-head[data-v-3734a96c] {
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 640px) {

  .pricing-group-head[data-v-3734a96c] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .pricing-group-head[data-v-3734a96c] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.pricing-group-title-cell[data-v-3734a96c] {
  display: flex;
  width: 60%;
  align-items: center;
  gap: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 1024px) {

  .pricing-group-title-cell[data-v-3734a96c] {
    width: 40%;
    padding-right: 4rem;
  }
}

.pricing-group-title[data-v-3734a96c] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.pricing-group-avatar[data-v-3734a96c] {
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}

.pricing-group-tiers[data-v-3734a96c] {
  display: flex;
  width: 40%;
}

@media (min-width: 1024px) {

  .pricing-group-tiers[data-v-3734a96c] {
    width: 60%;
  }
}

.pricing-group-tier[data-v-3734a96c] {
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.pricing-group-tier.is-featured[data-v-3734a96c] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.pricing-group-body[data-v-3734a96c] {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {

  .pricing-group-body[data-v-3734a96c] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .pricing-group-body[data-v-3734a96c] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.pricing-group-rows[data-v-3734a96c] {
  position: relative;
}

/* Plus column: same band as in the plans group, so the column reads as one. */
.pricing-plus-band[data-v-3734a96c] {
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: none;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {

  .pricing-plus-band[data-v-3734a96c] {
    display: block;
  }
}
.pricing-plus-band[data-v-3734a96c] {
  left: 55%;
  width: 15%;
}

/* The card edge already closes the last row. */
.pricing-group-rows[data-v-3734a96c] > :last-child .pricing-row-border {
  display: none;
}

/* pages/pricing.vue */

.pricing-compare[data-v-f939e921] {
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .pricing-compare[data-v-f939e921] {
    padding-bottom: 6rem;
  }
}

.pricing-notes[data-v-f939e921] {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 1024px) {

  .pricing-notes[data-v-f939e921] {
    margin-top: 2rem;
  }
}

/* components/index/IndexTrustFactors.vue */

.trust-band[data-v-51f5ebd8] {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: rgb(11 21 38 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.trust-container[data-v-51f5ebd8] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .trust-container[data-v-51f5ebd8] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.trust-title[data-v-51f5ebd8] {
  margin-left: auto;
  margin-right: auto;
  max-width: 48rem;
  text-wrap: balance;
}
.trust-grid[data-v-51f5ebd8] {
  display: grid;
}
@media (min-width: 768px) {

  .trust-grid[data-v-51f5ebd8] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.trust-item[data-v-51f5ebd8] {
  display: grid;
  cursor: pointer;
  grid-template-columns: 6.5rem minmax(0,1fr);
  align-items: center;
  gap: 1.25rem;
  border-top-width: 1px;
  border-color: rgb(11 21 38 / 0.1);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.trust-item[data-v-51f5ebd8]:first-child {
  border-top-width: 0px;
  padding-top: 0px;
}
.trust-item[data-v-51f5ebd8]:last-child {
  padding-bottom: 0px;
}
@media (min-width: 768px) {

  .trust-item[data-v-51f5ebd8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-top-width: 0px;
    border-left-width: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
  }

  .trust-item[data-v-51f5ebd8]:first-child {
    border-left-width: 0px;
  }
}
.trust-item[data-v-51f5ebd8]:hover {
  opacity: 0.8;
}
.trust-item img[data-v-51f5ebd8] {
  height: 3.5rem;
  width: 100%;
  max-width: 104px;
  object-fit: contain;
}
@media (min-width: 768px) {

  .trust-item img[data-v-51f5ebd8] {
    max-width: 180px;
  }
}
/* Logos rest static: no hover lift. */
@media (min-width: 768px) {

  .trust-item img[src*='ripple'][data-v-51f5ebd8] {
    max-width: 125px;
  }

  .trust-item img[src*='coinbase'][data-v-51f5ebd8] {
    max-width: 150px;
  }
}
.trust-copy[data-v-51f5ebd8] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .trust-copy[data-v-51f5ebd8][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .trust-copy[data-v-51f5ebd8][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.trust-role[data-v-51f5ebd8] {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.trust-item p[data-v-51f5ebd8] {
  white-space: pre-line;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.65;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
  max-width: 270px;
}
.trust-item[data-v-51f5ebd8]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 5px;
  border-radius: 4px;
}

/* components/index/IndexAskAI.vue */

/* A supporting row, not a second card: no panel, no shadow, no accent bar. */
.ask-ai-section[data-v-1a97199d] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .ask-ai-section[data-v-1a97199d] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.ask-ai-card[data-v-1a97199d] {
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.ask-ai-section.embedded[data-v-1a97199d] {
  margin-top: 2.5rem;
  max-width: none;
  padding-left: 0px;
  padding-right: 0px;
}
.ask-ai-section.embedded .ask-ai-card[data-v-1a97199d] {
  border-bottom-width: 0px;
  padding-top: 1.75rem;
  padding-bottom: 0px;
}
.ask-ai-content[data-v-1a97199d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media (min-width: 1024px) {

  .ask-ai-content[data-v-1a97199d] {
    flex-direction: row;
    gap: 2rem;
  }
}
.ask-ai-title[data-v-1a97199d] {
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
}
@media (min-width: 1024px) {

  .ask-ai-title[data-v-1a97199d] {
    white-space: nowrap;
    text-align: left;
  }
}
.ask-ai-title__line1[data-v-1a97199d] {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.ask-ai-title__line2[data-v-1a97199d] {
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.ask-ai-buttons[data-v-1a97199d] {
  display: grid;
  width: 100%;
  max-width: 360px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
@media (min-width: 640px) {

  .ask-ai-buttons[data-v-1a97199d] {
    display: flex;
    width: auto;
    max-width: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1024px) {

  .ask-ai-buttons[data-v-1a97199d] {
    justify-content: flex-start;
  }
}
.ask-ai-btn[data-v-1a97199d] {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ask-ai-btn[data-v-1a97199d]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(205 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.ask-ai-btn[data-v-1a97199d]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 3px;
}
.ask-ai-btn__icon[data-v-1a97199d] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.ask-ai-btn:hover .ask-ai-btn__icon[data-v-1a97199d] {
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.ask-ai-btn__icon--sm[data-v-1a97199d] {
  width: 12px;
}

/* components/forms/LinkedInSignInButton.vue */

.linked-in-button[data-v-78ef055a] {
  background-color: #0a66c2;
}

/* components/forms/GoogleSignInButtonSeparator.vue */

.google-sso-separator[data-v-c3e7f0f9]::before,
.google-sso-separator[data-v-c3e7f0f9]::after {
  content: '';

  width: 45%;

  position: absolute;

  top: 50%;

  display: block;

  border-width: 1px;

  --tw-border-opacity: 1;

  border-color: rgb(160 174 192 / var(--tw-border-opacity, 1));
}

.google-sso-separator[data-v-c3e7f0f9]::before {
  left: 0px;
}

.google-sso-separator[data-v-c3e7f0f9]::after {
  right: 0px;
}

/* components/SignUpForm.vue */

.signup-form[data-v-ecce3aef] {
  display: flex;
  width: 100%;
  align-items: stretch;
}
/* The field is the bordered shell; the input inside it is borderless and the
   submit button embeds at the right end. */
.signup-field[data-v-ecce3aef] {
  position: relative;
  display: flex;
  height: 3.25rem;
  min-width: 0px;
  flex: 1 1 0%;
  align-items: center;
  border-radius: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(11 21 38 / 0.2);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (max-width: 359px) {
  .fx-board-row > .signup-field[data-v-ecce3aef][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .signup-field[data-v-ecce3aef][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .signup-field[data-v-ecce3aef][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.signup-field[data-v-ecce3aef] {
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.signup-field[data-v-ecce3aef]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  box-shadow: 0 0 0 3px rgba(77, 108, 230, 0.3);
}
.signup-field.field-invalid[data-v-ecce3aef] {
  --tw-border-opacity: 1;
  border-color: rgb(197 48 48 / var(--tw-border-opacity, 1));
}
/* Entered text is gray-900; the old gray-500 was 2.26:1 on white. */
.signup-input[data-v-ecce3aef] {
  height: 100%;
  width: 100%;
  min-width: 0px;
  flex: 1 1 0%;
  border-radius: 0.75rem;
  border-width: 0px;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
@media (max-width: 359px) {
  .fx-board-row > .signup-input[data-v-ecce3aef][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .signup-input[data-v-ecce3aef][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .signup-input[data-v-ecce3aef][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.signup-input[data-v-ecce3aef] {
  outline: none;
}
/* gray-600 is 5.5:1 on white, so the resting label reads as a placeholder
   without failing contrast. */
.signup-label[data-v-ecce3aef] {
  pointer-events: none;
  position: absolute;
  left: 1rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  max-width: calc(100% - 2rem);
  transition: top 150ms ease, font-size 150ms ease, transform 150ms ease;
}
.signup-input:focus + .signup-label[data-v-ecce3aef],
.signup-input:not(:placeholder-shown) + .signup-label[data-v-ecce3aef] {
  top: 0.5rem;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.signup-input:focus + .signup-label[data-v-ecce3aef] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.signup-submit[data-v-ecce3aef] {
  position: relative;
  margin: 0.25rem;
  min-height: 44px;
  flex-shrink: 0;
  white-space: nowrap;
  border-radius: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
/* Stack on phones: the longer "What is your work email" label needs the
   full row width to stay readable. */
@media (max-width: 639px) {
  .signup-field[data-v-ecce3aef] {
    height: auto;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
    border-width: 0px;
    background-color: transparent;
  }
  .signup-field[data-v-ecce3aef]:focus-within {
    box-shadow: none;
  }
  /* The label positions against the field, so in stacked mode center it on
     the input row (3.25rem tall) instead of the whole field + button. */
  .signup-label[data-v-ecce3aef] {
    top: 1.625rem;
  }
  .signup-input[data-v-ecce3aef] {
    height: 3.25rem;
    flex: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(11 21 38 / 0.2);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    transition: border-color 150ms ease, box-shadow 150ms ease;
  }
  .signup-input[data-v-ecce3aef]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
    box-shadow: 0 0 0 3px rgba(77, 108, 230, 0.3);
  }
  .signup-field.field-invalid .signup-input[data-v-ecce3aef] {
    --tw-border-opacity: 1;
    border-color: rgb(197 48 48 / var(--tw-border-opacity, 1));
  }
  .signup-submit[data-v-ecce3aef] {
    margin: 0px;
    height: 3.25rem;
    width: 100%;
    border-radius: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .signup-field[data-v-ecce3aef],
  .signup-input[data-v-ecce3aef],
  .signup-label[data-v-ecce3aef] {
    transition: none;
  }
}

.fade-in[data-v-ecce3aef] {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn-ecce3aef;
  animation-name: fadeIn-ecce3aef;
}

@-webkit-keyframes fadeIn-ecce3aef {
  0% {
    transform: translateY(-15px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes fadeIn-ecce3aef {
  0% {
    transform: translateY(-15px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@media only screen and (min-width: 465px) {
  .social-buttons[data-v-ecce3aef] {
    flex-direction: row;
    justify-content: space-between;
    row-gap: 0.5rem;
    margin-top: 0.75rem;
    align-items: center;
  }
  .linked-in-button-text[data-v-ecce3aef] {
    font-size: 0.85rem;
  }
  .linked-in-button[data-v-ecce3aef] {
    height: 2.6rem;
    width: 48%;
  }
}

/* components/motion/MotionOdometer.vue */

.odo[data-v-22592f62] {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  vertical-align: baseline;
  line-height: var(--odo-lh);
}
.odo-sizer--under[data-v-22592f62] {
  color: transparent;
}
.odo-row[data-v-22592f62] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  display: flex;
  user-select: none;
}
.odo-char[data-v-22592f62] {
  display: block;
  white-space: pre;
}
/* Reels fade at their top and bottom edges, like a counter window; digits
   at rest sit inside the solid band, so the fade only shows mid-roll. */
.odo-char--digit[data-v-22592f62] {
  overflow: hidden;
  height: calc(var(--odo-lh) * 1em);
  -webkit-mask-image: linear-gradient(
    transparent,
    #000 14%,
    #000 86%,
    transparent
  );
  mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent);
}
/* No permanent will-change: the browser promotes a reel only while its
   transition runs, instead of holding a layer for every digit. */
.odo-strip[data-v-22592f62] {
  display: block;
}
.odo-cell[data-v-22592f62] {
  display: block;
  text-align: center;
  height: calc(var(--odo-lh) * 1em);
}

/* components/visuals/BusinessPaymentStory.vue */

.payment-story[data-v-724220af] {
  margin-top: 3rem;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.story-heading[data-v-724220af] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 640px) {

  .story-heading[data-v-724220af] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.story-heading > div[data-v-724220af] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.story-logo[data-v-724220af] {
  width: 6rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.story-product[data-v-724220af] {
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.story-workspace[data-v-724220af] {
  display: grid;
}
@media (min-width: 1024px) {

  .story-workspace[data-v-724220af] {
    grid-template-columns: 256px 1fr;
  }
}
.story-navigation[data-v-724220af] {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .story-navigation[data-v-724220af] {
    padding: 1.5rem;
  }
}
@media (min-width: 1024px) {

  .story-navigation[data-v-724220af] {
    border-right-width: 1px;
    padding: 1rem;
  }
}
.story-eyebrow[data-v-724220af] {
  margin-bottom: 1.25rem;
  margin-left: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .story-eyebrow[data-v-724220af] {
    margin-left: 0.75rem;
  }
}
/* Once motion is available one navy pill glides between the steps: a shadow
   layer under the buttons, and a white ink copy of the labels above them,
   clipped to the same rectangle. Until then (server HTML, no JS, reduced
   motion) each pressed step paints its own background. */
.steps-frame[data-v-724220af] {
  position: relative;
}
.step-pill[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  opacity: 0;
  box-shadow: 0 12px 24px -14px rgba(36, 68, 134, 0.75);
}
.has-pill .step-pill[data-v-724220af] {
  opacity: 1;
}
.steps-ink[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  user-select: none;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  clip-path: inset(0 100% 100% 0);
}
.steps-ink .step-item[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.steps-ink .step-detail[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.pill-meter[data-v-724220af] {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  height: 0.125rem;
}
.pill-progress[data-v-724220af] {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / 0.2);
  opacity: 0;
  transition: opacity 300ms ease;
}
.pill-progress.is-running[data-v-724220af] {
  opacity: 1;
}
.pill-fill[data-v-724220af] {
  display: block;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  transform: scaleX(0);
  transform-origin: 0 50%;
}
.story-steps[data-v-724220af] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
@media (min-width: 1024px) {

  .story-steps[data-v-724220af] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
  }
}
.step-item[data-v-724220af] {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: transparent;
  padding: 0.5rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .step-item[data-v-724220af] {
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
  }
}
.step-item[data-v-724220af] {
  min-height: 48px;
}
.story-steps button[data-v-724220af] {
  transition: background-color 200ms, border-color 200ms, color 200ms,
    transform 200ms;
}
.story-steps button[data-v-724220af]:active:not(:disabled) {
  transform: scale(0.98);
}
.story-steps button[data-v-724220af]:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.story-steps button[aria-pressed='true'][data-v-724220af] {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.has-pill .story-steps button[aria-pressed='true'][data-v-724220af] {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (hover: hover) {
  .story-steps button[data-v-724220af]:hover:not([aria-pressed='true']) {
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  }
}
.story-steps strong[data-v-724220af] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media (min-width: 1024px) {

  .story-steps strong[data-v-724220af] {
    margin-top: 0.25rem;
  }
}
.step-detail[data-v-724220af] {
  margin-top: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
}
@media (min-width: 1024px) {

  .step-detail[data-v-724220af] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.story-steps button[aria-pressed='true'] .step-detail[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.has-pill .story-steps button[aria-pressed='true'] .step-detail[data-v-724220af] {
  color: inherit;
}
.story-canvas[data-v-724220af] {
  position: relative;
  display: grid;
  align-content: center;
  gap: 1rem;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .story-canvas[data-v-724220af] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1.5rem;
  }
}
@media (min-width: 1024px) {

  .story-canvas[data-v-724220af] {
    padding: 1.5rem;
  }
}
.story-canvas[data-v-724220af] {
  isolation: isolate;
}
/* The dots sit above the pointer light, so it reads as light falling on the
   surface beneath them. */
.story-canvas[data-v-724220af]::after {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  content: '';
  z-index: -1;
  background-image: radial-gradient(
    #C9DAFF 0.75px,
    transparent 0.75px
  );
  background-size: 16px 16px;
}
.canvas-spot[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 9999px;
  opacity: 0;
  z-index: -1;
  width: 34rem;
  height: 34rem;
  margin: -17rem 0 0 -17rem;
  background: radial-gradient(
    closest-side,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.5) 42%,
    rgba(255, 255, 255, 0)
  );
}
.balance-card[data-v-724220af],
.invoice-card[data-v-724220af] {
  position: relative;
  min-width: 0px;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (max-width: 359px) {
  .fx-board-row > .balance-card[data-v-724220af][data-v-309cba6d],.fx-board-row > 
.invoice-card[data-v-724220af][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .balance-card[data-v-724220af][data-v-737db1fe],.gt-invoice > 
.invoice-card[data-v-724220af][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 1024px) {

  .balance-card[data-v-724220af],
.invoice-card[data-v-724220af] {
    padding: 1.5rem;
  }
}
.balance-card[data-v-724220af],
.invoice-card[data-v-724220af] {
  transition: border-color 200ms, box-shadow 200ms;
}
.balance-card[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(112deg, #081226 0%, #0e2148 52%, #1d3f83 100%);
}
.is-current[data-v-724220af] {
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.invoice-card.is-current[data-v-724220af],
.settlement-card.is-current[data-v-724220af] {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
}
/* The approve step lifts the invoice; its deeper shadow cross-fades on a
   layer of its own instead of animating box-shadow. */
.invoice-card[data-v-724220af]::after {
  pointer-events: none;
  position: absolute;
  opacity: 0;
  content: '';
  inset: -1px;
  border-radius: inherit;
  box-shadow: 0 18px 36px -18px rgba(11, 21, 38, 0.4),
    0 4px 10px -6px rgba(11, 21, 38, 0.16);
  transition: opacity 350ms ease;
}
.invoice-card.is-lifted[data-v-724220af]::after {
  opacity: 1;
}
.card-heading[data-v-724220af] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
/* Reeded-edge dollar coin watermark, small and tucked in the top-right
   corner with its top cut off by the card edge. Right offsets are % of
   card width. */
.wallet-coin[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  top: -12%;
  height: 70%;
  aspect-ratio: 1;
  right: -14%;
}
@media (max-width: 639px) {
  .wallet-coin[data-v-724220af] {
    top: -8%;
    height: 55%;
    right: -24%;
    opacity: 0.7;
  }
}
.wallet-title[data-v-724220af] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.wallet-pill[data-v-724220af] {
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: rgb(255 255 255 / 0.75);
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.balance-card .card-heading[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.balance-amount[data-v-724220af] {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.5rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  letter-spacing: -0.025em;
}
.drawer-row .balance-amount[data-v-724220af][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.balance-amount[data-v-724220af] {
  font-size: 2.5rem;
  line-height: 1.1;
}
.balance-amount small[data-v-724220af] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.balance-figure[data-v-724220af] {
  position: relative;
  display: inline-block;
  isolation: isolate;
}
.balance-glow[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  opacity: 0;
  inset: -60% -16%;
  z-index: -1;
  background: radial-gradient(
    closest-side,
    rgba(201, 218, 255, 0.34),
    rgba(201, 218, 255, 0)
  );
}
.balance-description[data-v-724220af] {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.wallet-actions[data-v-724220af] {
  /* Stacked until xl: side-by-side nowrap buttons overflow the card on
     smaller screens and the second one gets cut off. */
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 1280px) {

  .wallet-actions[data-v-724220af] {
    flex-direction: row;
  }
}
.wallet-btn[data-v-724220af] {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.why-index-link:hover .wallet-btn[data-v-724220af][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.wallet-btn[data-v-724220af] {
  transition: background-color 200ms ease, border-color 200ms ease;
}
.wallet-btn svg[data-v-724220af] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-btn--primary[data-v-724220af] {
  background: #c9d8f8;
  color: #0a1730;
}
.wallet-btn--primary[data-v-724220af]:hover {
  background: #dbe6fc;
}
.wallet-btn--ghost[data-v-724220af] {
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #fff;
}
.wallet-btn--ghost[data-v-724220af]:hover {
  background: rgba(255, 255, 255, 0.08);
}
.wallet-btn[data-v-724220af]:disabled {
  cursor: default;
  opacity: 0.6;
}
.wallet-custody[data-v-724220af] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgb(255 255 255 / 0.7);
}
.wallet-custody svg[data-v-724220af] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.incoming-row[data-v-724220af] {
  margin-top: 1.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition: opacity 600ms ease;
}
/* Step 3 hides the arrival notice but keeps its space, so the canvas never
   changes height between steps. */
.incoming-row.is-concealed[data-v-724220af] {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.incoming-row > div[data-v-724220af] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .incoming-row > div[data-v-724220af][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .incoming-row > div[data-v-724220af][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .incoming-row > div[data-v-724220af][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.incoming-row > strong[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.incoming-row strong[data-v-724220af],
.supplier-row strong[data-v-724220af] {
  display: block;
  font-weight: 700;
}
.incoming-row div span[data-v-724220af],
.supplier-row div span[data-v-724220af] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.incoming-row div span[data-v-724220af] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.transaction-icon[data-v-724220af] {
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.transaction-icon svg[data-v-724220af] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.invoice-reference[data-v-724220af] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.supplier-row[data-v-724220af] {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.supplier-avatar[data-v-724220af] {
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.supplier-avatar svg[data-v-724220af] {
  height: 1.5rem;
  width: 1.5rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.invoice-total[data-v-724220af] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.invoice-total strong[data-v-724220af] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .invoice-total strong[data-v-724220af][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.invoice-total small[data-v-724220af] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}
.approval-status[data-v-724220af] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
  transition: background-color 500ms ease, color 500ms ease;
}
.approval-status--pending[data-v-724220af] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.approval-icon[data-v-724220af] {
  position: relative;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
}
/* Sits on the clock face (r=9 of 24) and breathes while approval waits. */
.pending-ring[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  border-radius: 9999px;
  opacity: 0;
  inset: 2.5px;
  border: 1.5px solid #5578FF;
}
.pending-ring.is-breathing[data-v-724220af] {
  animation: pending-breathe-724220af 2.4s ease-in-out infinite;
}
@keyframes pending-breathe-724220af {
  0%,
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
  50% {
    opacity: 0.45;
    transform: scale(1.5);
  }
}
.settlement-card:not(.is-done) .settlement-icon[data-v-724220af] {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.approval-status svg[data-v-724220af] {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.settlement-track[data-v-724220af] {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
  display: none;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 640px) {

  .settlement-track[data-v-724220af] {
    grid-column: span 2 / span 2;
    display: block;
  }
}
.settlement-track[data-v-724220af] {
  transition: opacity 600ms ease;
}
.track-rail[data-v-724220af] {
  position: relative;
  display: block;
}
.settlement-track svg[data-v-724220af] {
  height: 1.25rem;
  width: 100%;
}
.settlement-track path[data-v-724220af] {
  stroke: #A8CBFF;
  stroke-width: 2;
}
.settlement-track .transfer-line[data-v-724220af] {
  stroke: #4D6CE6;
  transition: opacity 600ms ease;
}
.settlement-track:not(.is-settled) .transfer-line[data-v-724220af] {
  opacity: 0;
}
/* A zero-width anchor on the track's centre line (y 15 of 30 in the 20px
   svg); the head centres on it and the tail trails to its left. */
.comet[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  opacity: 0;
  top: 0.625rem;
}
.comet-head[data-v-724220af] {
  position: absolute;
  border-radius: 9999px;
  left: -0.3125rem;
  top: -0.3125rem;
  width: 0.625rem;
  height: 0.625rem;
  background: radial-gradient(
    circle at 40% 40%,
    #EEF3FF,
    #C9DAFF 58%
  );
  box-shadow: 0 0 0 1px rgb(85 120 255 / 55%),
    0 0 0.875rem 0.25rem rgba(201, 218, 255, 0.7);
}
.comet-tail[data-v-724220af] {
  position: absolute;
  right: 0px;
  border-radius: 9999px;
  top: -0.09375rem;
  width: 4.5rem;
  height: 0.1875rem;
  background: linear-gradient(
    90deg,
    rgba(201, 218, 255, 0),
    rgba(201, 218, 255, 0.95)
  );
  transform-origin: 100% 50%;
}
.settlement-card[data-v-724220af] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {

  .settlement-card[data-v-724220af] {
    grid-column: span 2 / span 2;
  }
}
.settlement-card[data-v-724220af] {
  transition: border-color 200ms, box-shadow 200ms, opacity 600ms ease;
}
/* The destination only enters from step 2: it keeps its space and fades in
   so the canvas never jumps. */
.settlement-card.is-concealed[data-v-724220af],
.settlement-track.is-concealed[data-v-724220af] {
  pointer-events: none;
  opacity: 0;
}
.settlement-icon[data-v-724220af] {
  position: relative;
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.settlement-icon svg[data-v-724220af] {
  height: 2rem;
  width: 2rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ripple[data-v-724220af],
.ripple > span[data-v-724220af] {
  pointer-events: none;
  position: absolute;
  border-radius: 9999px;
  inset: -1px;
}
.ripple > span[data-v-724220af] {
  opacity: 0;
  border: 1.5px solid #6EE7B7;
}
.settlement-card > div[data-v-724220af] {
  flex: 1 1 0%;
}
.why-index-link:hover .settlement-card > div[data-v-724220af][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.settlement-card > div[data-v-724220af] {
  min-width: 160px;
}
.settlement-card strong[data-v-724220af] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}
.settlement-card p[data-v-724220af] {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  /* Reserve two lines so step 2 (longer pending text) and step 3 (shorter
     settled text) never change the card height mid-demo. */
  min-height: calc(2 * 1.625em);
}
.settlement-amount[data-v-724220af] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .settlement-amount[data-v-724220af][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.settlement-amount span[data-v-724220af] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.story-caption[data-v-724220af] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .story-caption[data-v-724220af] {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 1024px) {

  .story-caption[data-v-724220af] {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.ownership-symbol[data-v-724220af] {
  display: flex;
  height: 3.5rem;
  width: 3.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.ownership-symbol svg[data-v-724220af] {
  height: 2rem;
  width: 2rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ownership-title[data-v-724220af] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
h1 .ownership-title[data-v-724220af],
  h2 .ownership-title[data-v-724220af],
  h3 .ownership-title[data-v-724220af] {
    font-size: inherit;
    line-height: inherit;
  }
.ownership-body[data-v-724220af] {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.ownership-seal[data-v-724220af] {
  margin-left: auto;
  display: none;
  height: 4rem;
  width: 4rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .ownership-seal[data-v-724220af] {
    display: flex;
  }
}
.ownership-seal svg[data-v-724220af] {
  height: 2rem;
  width: 2rem;
  stroke: currentColor;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html.hm-live .caption-armed .ownership-seal path[data-v-724220af] {
  opacity: 0;
}
html.hm-live .caption-armed .ownership-symbol svg[data-v-724220af] {
  transform: rotate(-35deg);
}
button[data-v-724220af]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 3px;
}
@media (max-width: 639px) {
  .story-heading[data-v-724220af] {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .story-navigation[data-v-724220af] {
    padding: 1rem;
  }
  .step-item[data-v-724220af] {
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: center;
  }
  .story-eyebrow[data-v-724220af] {
    margin-bottom: 0.75rem;
  }
  .story-canvas[data-v-724220af] {
    gap: 0.75rem;
    padding: 1rem;
  }
  .balance-card[data-v-724220af],
  .invoice-card[data-v-724220af] {
    padding: 1rem;
  }
  .balance-amount[data-v-724220af] {
    margin-top: 1rem;
  }
  .incoming-row[data-v-724220af] {
    margin-top: 1rem;
    padding-top: 0.75rem;
  }
  .supplier-row[data-v-724220af] {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .invoice-total[data-v-724220af] {
    padding-top: 0.75rem;
  }
  .approval-status[data-v-724220af] {
    margin-top: 0.75rem;
  }
  .settlement-card[data-v-724220af] {
    padding: 1rem;
  }
  .story-caption[data-v-724220af] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .ownership-symbol[data-v-724220af] {
    height: 2.75rem;
    width: 2.75rem;
  }
  .ownership-symbol svg[data-v-724220af] {
    height: 1.5rem;
    width: 1.5rem;
  }
}
@media print {
  .caption-armed .ownership-seal path[data-v-724220af] {
    opacity: 1 !important;
  }
  .caption-armed .ownership-symbol svg[data-v-724220af] {
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  *[data-v-724220af] {
    transition: none !important;
    animation: none !important;
  }
}

/* components/motion/HeroField.vue */

/* Full-bleed behind the hero container, reaching up under the fixed nav. */
.hero-field[data-v-de9c0a0f] {
  pointer-events: none;
  position: absolute;
  left: 50%;
  overflow: hidden;
  z-index: -1;
  top: -6rem;
  bottom: 0;
  width: 100vw;
  transform: translateX(-50%);
}
.field-light[data-v-de9c0a0f] {
  position: absolute;
  border-radius: 9999px;
}
/* Soft pools of light, gradients only (no blur filter), so drifting them
   costs a compositor move and nothing else. */
.field-light--blue[data-v-de9c0a0f] {
  width: 58rem;
  height: 58rem;
  right: -20rem;
  top: 6rem;
  background: radial-gradient(
    closest-side,
    rgb(85 120 255 / 16%),
    rgb(85 120 255 / 5%) 55%,
    transparent
  );
}
.field-light--lime[data-v-de9c0a0f] {
  width: 40rem;
  height: 40rem;
  right: 8%;
  top: 30rem;
  background: radial-gradient(
    closest-side,
    rgb(201 218 255 / 26%),
    rgb(201 218 255 / 8%) 55%,
    transparent
  );
}
.field-wash[data-v-de9c0a0f] {
  position: absolute;
  inset: 0px;
  transform-origin: 22% 18%;
}
/* Dots stay clear of the headline: the field lives upper right and fades
   out toward the copy and the product card. */
.field-dots[data-v-de9c0a0f],
.field-lens-dots[data-v-de9c0a0f] {
  position: absolute;
  background-image: radial-gradient(
    circle,
    var(--dot) var(--dot-size),
    transparent calc(var(--dot-size) + 0.5px)
  );
  background-size: 24px 24px;
  background-position: 12px 12px;
}
.field-dots[data-v-de9c0a0f] {
  inset: 0px;
  --dot: rgb(168 203 255 / 70%);
  --dot-size: 1.1px;
  -webkit-mask-image: radial-gradient(
    ellipse 55% 48% at 78% 22%,
    #000 12%,
    transparent 78%
  );
  mask-image: radial-gradient(
    ellipse 55% 48% at 78% 22%,
    #000 12%,
    transparent 78%
  );
}
/* Dots under the pointer grow and brighten, like a lens passing over. */
.field-lens[data-v-de9c0a0f] {
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
  border-radius: 9999px;
  opacity: 0;
  width: 30rem;
  height: 30rem;
  margin: -15rem 0 0 -15rem;
  -webkit-mask-image: radial-gradient(closest-side, #000, transparent 100%);
  mask-image: radial-gradient(closest-side, #000, transparent 100%);
  transition: opacity 500ms ease;
  will-change: transform;
}
.field-lens.is-on[data-v-de9c0a0f] {
  opacity: 0.8;
}
.field-lens-dots[data-v-de9c0a0f] {
  left: 15rem;
  top: 15rem;
  --dot: rgb(85 120 255 / 85%);
  --dot-size: 1.5px;
  will-change: transform;
}
/* Entrance from first paint: the dots wash in from the headline side and the
   pools fade up, then drift. Opacity and transform only (compositor). */
@media (prefers-reduced-motion: no-preference) {
  .field-wash[data-v-de9c0a0f] {
    animation: field-wash-de9c0a0f 2.4s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
  }
  .field-light--blue[data-v-de9c0a0f] {
    animation: field-drift-a-de9c0a0f 26s ease-in-out infinite alternate,field-fade-de9c0a0f 2.2s ease-out both;
  }
  .field-light--lime[data-v-de9c0a0f] {
    animation: field-drift-b-de9c0a0f 32s ease-in-out infinite alternate,field-fade-de9c0a0f 2.6s ease-out 0.5s both;
  }
  .is-idle .field-light[data-v-de9c0a0f] {
    animation-play-state: paused;
  }
}
@keyframes field-wash-de9c0a0f {
  from {
    opacity: 0;
    transform: scale(1.06);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes field-drift-a-de9c0a0f {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-9rem, 4rem, 0);
  }
}
@keyframes field-drift-b-de9c0a0f {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(7rem, -5rem, 0);
  }
}
@keyframes field-fade-de9c0a0f {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .field-lens[data-v-de9c0a0f] {
    display: none;
  }
}

/* components/index/IndexProductSuite.vue */

.reserve-container[data-v-d59166d0] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px) {

  .reserve-container[data-v-d59166d0] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.product-suite[data-v-d59166d0] {
  padding-top: 4rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {

  .product-suite[data-v-d59166d0] {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }
}
.suite-title[data-v-d59166d0] {
  margin-left: auto;
  margin-right: auto;
  max-width: 48rem;
  text-align: center;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
h1 .suite-title[data-v-d59166d0],
  h2 .suite-title[data-v-d59166d0],
  h3 .suite-title[data-v-d59166d0] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .suite-title[data-v-d59166d0] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.suite-title[data-v-d59166d0] {
  text-wrap: balance;
}
.pricing-start[data-v-d59166d0] {
  margin-top: 3rem;
  display: grid;
  align-items: center;
  gap: 2rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {

  .pricing-start[data-v-d59166d0] {
    margin-top: 4rem;
    grid-template-columns: 1fr auto;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.pricing-start h2[data-v-d59166d0] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
h1 .pricing-start h2[data-v-d59166d0],
  h2 .pricing-start h2[data-v-d59166d0],
  h3 .pricing-start h2[data-v-d59166d0] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .pricing-start h2[data-v-d59166d0] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.pricing-start h2[data-v-d59166d0] {
  text-wrap: balance;
}
.pricing-start .body-copy[data-v-d59166d0] {
  margin-top: 1.25rem;
  max-width: 42rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .pricing-start .body-copy[data-v-d59166d0] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.pricing-start-actions[data-v-d59166d0] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.plan-link[data-v-d59166d0] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  overflow: hidden;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.plan-link[data-v-d59166d0]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
/* One pass of light across the button when it arrives. */
.plan-shine[data-v-d59166d0] {
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 40%;
  background: linear-gradient(
    105deg,
    rgba(255, 255, 255, 0) 15%,
    rgba(255, 255, 255, 0.75) 50%,
    rgba(255, 255, 255, 0) 85%
  );
  transform: translateX(-100%);
}
.text-link[data-v-d59166d0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.text-link[data-v-d59166d0]:hover {
  text-decoration-line: underline;
}
.link-icon[data-v-d59166d0] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  transition: transform 380ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.suite-grid[data-v-d59166d0] {
  margin-top: 3rem;
  display: grid;
  gap: 1.25rem;
}
@media (min-width: 768px) {

  .suite-grid[data-v-d59166d0] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .suite-grid[data-v-d59166d0] {
    margin-top: 4rem;
  }
}
@media (min-width: 1280px) {

  .suite-grid[data-v-d59166d0] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/* The article is the still hit area; the surface inside it moves. */
.suite-card[data-v-d59166d0] {
  display: flex;
}
.suite-surface[data-v-d59166d0] {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  transition: border-color 200ms;
}
/* Lift shadow, faded in with opacity rather than animating box-shadow. */
.suite-surface[data-v-d59166d0]::before {
  content: '';
  pointer-events: none;
  position: absolute;
  border-radius: 1.5rem;
  opacity: 0;
  inset: -1px;
  box-shadow: 0 30px 60px -32px rgba(36, 68, 134, 0.42),
    0 12px 24px -16px rgba(36, 68, 134, 0.18);
  transition: opacity 300ms;
}
.suite-surface[data-v-d59166d0]:has(.suite-link:focus-visible) {
  outline: 3px solid #5578FF;
  outline-offset: 4px;
}
.suite-visual[data-v-d59166d0] {
  pointer-events: none;
  position: relative;
  display: flex;
  height: 180px;
  align-items: stretch;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
@media (min-width: 768px) {

  .suite-visual[data-v-d59166d0] {
    height: 212px;
    padding: 1rem;
  }
}
.suite-visual[data-v-d59166d0] {
  background-image: radial-gradient(
    #C9DAFF 0.75px,
    transparent 0.75px
  );
  background-size: 16px 16px;
}
.visual-panel[data-v-d59166d0] {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {

  .visual-panel[data-v-d59166d0] {
    padding: 1rem;
  }
}
.visual-panel[data-v-d59166d0]::after {
  content: '';
  pointer-events: none;
  position: absolute;
  border-radius: 0.75rem;
  opacity: 0;
  inset: -1px;
  box-shadow: 0 18px 32px -16px rgba(36, 68, 134, 0.38);
  transition: opacity 300ms;
}
.suite-glare[data-v-d59166d0] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  overflow: hidden;
  border-radius: 1rem;
  opacity: 0;
}
.suite-glare-spot[data-v-d59166d0] {
  position: absolute;
  border-radius: 9999px;
  top: -220px;
  left: -220px;
  width: 440px;
  height: 440px;
  background: radial-gradient(
    closest-side,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.55) 40%,
    rgba(255, 255, 255, 0)
  );
}
.visual-heading[data-v-d59166d0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.visual-label[data-v-d59166d0] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.visual-amount[data-v-d59166d0] {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.drawer-row .visual-amount[data-v-d59166d0][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.chip-row[data-v-d59166d0] {
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}
.chip[data-v-d59166d0] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.chip img[data-v-d59166d0] {
  height: 18px;
  width: 18px;
  border-radius: 9999px;
}
.chip--base[data-v-d59166d0] {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.fx-arrow[data-v-d59166d0] {
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.detail-row[data-v-d59166d0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.detail-row span[data-v-d59166d0]:last-child {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.status-pill[data-v-d59166d0] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.status-pill svg[data-v-d59166d0] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* Spanish wraps this to two lines, so it is a rounded tag, not a pill. */
.status-pill--wide[data-v-d59166d0] {
  margin-top: 0.25rem;
  align-self: flex-start;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.skeleton[data-v-d59166d0] {
  position: relative;
  display: block;
  height: 0.5rem;
  width: 100%;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
}
.skeleton--short[data-v-d59166d0] {
  width: 66.666667%;
}
.skeleton-shine[data-v-d59166d0] {
  position: absolute;
  inset: 0px;
  background: linear-gradient(
    90deg,
    rgba(201, 218, 255, 0) 10%,
    #C9DAFF 50%,
    rgba(201, 218, 255, 0) 90%
  );
  transform: translateX(-100%);
}
.suite-copy[data-v-d59166d0] {
  flex: 1 1 0%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1.25rem;
  padding-bottom: 0.75rem;
}
.why-index-link:hover .suite-copy[data-v-d59166d0][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (min-width: 768px) {

  .suite-copy[data-v-d59166d0] {
    padding-top: 1.5rem;
  }
}
.suite-name[data-v-d59166d0] {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
}
/* The whole card is the link target; the anchor text stays the product name. */
.suite-link[data-v-d59166d0]::after {
  content: '';
  position: absolute;
  inset: 0px;
  border-radius: 1.5rem;
}
.suite-link[data-v-d59166d0]:focus-visible {
  outline: none;
}
.suite-body[data-v-d59166d0] {
  margin-top: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
/* Paints above the link overlay once transformed, so it must not take the click. */
.suite-arrow[data-v-d59166d0] {
  pointer-events: none;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
  height: 1.25rem;
  width: 1.25rem;
  align-self: flex-end;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  transition: transform 380ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* Entrance and story start states. html.hm-live only exists on the live
   homepage with motion allowed; JS adds these hooks at mount. */
html.hm-live .suite-card[data-enter][data-v-d59166d0] {
  opacity: 0;
  transform: perspective(1200px) translateY(72px) rotateX(18deg);
}
html.hm-live .suite-card[data-story] .story[data-v-d59166d0] {
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .suite-card:hover .suite-surface[data-v-d59166d0] {
    --tw-border-opacity: 1;
    border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  }
  .suite-card:hover .suite-surface[data-v-d59166d0]::before,
  .suite-card:hover .visual-panel[data-v-d59166d0]::after {
    opacity: 1;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .suite-card:hover .suite-arrow[data-v-d59166d0] {
    transform: translate(3px, -3px);
  }
  .plan-link:hover .link-icon[data-v-d59166d0],
  .text-link:hover .link-icon[data-v-d59166d0] {
    transform: translate(2px, -2px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .suite-surface[data-v-d59166d0],
  .suite-surface[data-v-d59166d0]::before,
  .visual-panel[data-v-d59166d0]::after {
    transition: none;
  }
}

/* components/index/IndexAmbition.vue */

.ambition[data-v-77d48342] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 4rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}

@media (min-width: 1024px) {

  .ambition[data-v-77d48342] {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }
}

.ambition[data-v-77d48342] {
  scroll-margin-top: 7rem;
}
.ambition-container[data-v-77d48342] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .ambition-container[data-v-77d48342] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.ambition-header[data-v-77d48342] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  max-width: 48rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .ambition-header[data-v-77d48342] {
    margin-bottom: 4rem;
  }
}
.ambition-title[data-v-77d48342] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
h1 .ambition-title[data-v-77d48342],
  h2 .ambition-title[data-v-77d48342],
  h3 .ambition-title[data-v-77d48342] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 768px) {

  .ambition-title[data-v-77d48342] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 1024px) {

  .ambition-title[data-v-77d48342] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.ambition-title[data-v-77d48342] {
  text-wrap: balance;
}
.ambition-title em[data-v-77d48342] {
  display: block;
  color: currentColor;
}
.ambition-intro[data-v-77d48342] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  max-width: 32rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .ambition-intro[data-v-77d48342] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.ambition-intro[data-v-77d48342] {
  text-wrap: balance;
}
.ambition-stage[data-v-77d48342] {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: rgb(54 80 134 / 0.3);
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ambition-light[data-v-77d48342] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  /* Drift pivots on the glow's hot spot, so the layer always covers the card. */
  transform-origin: 90% 0%;
  background: radial-gradient(
      ellipse at 90% 0%,
      rgb(36 68 134 / 55%),
      transparent 65%
    ),
    radial-gradient(
      ellipse at 40% 100%,
      rgb(54 80 134 / 30%),
      transparent 50%
    );
}
.ambition-main[data-v-77d48342] {
  position: relative;
  order: 1;
  display: grid;
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .ambition-main[data-v-77d48342][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .ambition-main[data-v-77d48342][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 768px) {

  .ambition-main[data-v-77d48342] {
    min-height: 460px;
    grid-template-columns: 0.85fr 1.4fr;
  }
}
@media (min-width: 1024px) {

  .ambition-main[data-v-77d48342] {
    min-height: 480px;
  }
}
.chapter[data-v-77d48342] {
  position: relative;
  z-index: 10;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-top: 2rem;
  align-self: center;
}
@media (min-width: 640px) {

  .chapter[data-v-77d48342] {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    margin-top: 2.5rem;
  }
}
@media (min-width: 768px) {

  .chapter[data-v-77d48342] {
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-left: 2rem;
    margin-right: 0px;
  }
}
@media (min-width: 1024px) {

  .chapter[data-v-77d48342] {
    margin-top: 4rem;
    margin-bottom: 4rem;
    margin-left: 3rem;
  }
}
.chapter[data-v-77d48342] {
  scroll-margin-top: 7rem;
}
.chapter-title[data-v-77d48342] {
  max-width: 20rem;
  font-family: Cardo, serif;
  font-size: 1.75rem;
  letter-spacing: 0.005em;
  font-weight: 400;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .chapter-title[data-v-77d48342],
  h2 .chapter-title[data-v-77d48342],
  h3 .chapter-title[data-v-77d48342] {
    font-size: inherit;
    line-height: inherit;
  }
.chapter-title[data-v-77d48342] {
  text-wrap: balance;
  /* Two lines at leading-snug: every chapter's heading shares one height. */
  min-height: 2.75em;
}
.chapter-description[data-v-77d48342] {
  margin-top: 1rem;
  max-width: 20rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
  min-height: 104px;
}
.chapter-link[data-v-77d48342] {
  margin-top: 1.5rem;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.chapter-link svg[data-v-77d48342] {
  height: 1rem;
  width: 1rem;
  transition: transform 200ms;
}
.chapter-link:hover svg[data-v-77d48342] {
  transform: translate(2px, -2px);
}
.ambition-art[data-v-77d48342] {
  position: relative;
  min-width: 0px;
  align-self: flex-end;
}
@media (max-width: 359px) {
  .fx-board-row > .ambition-art[data-v-77d48342][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .ambition-art[data-v-77d48342][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.ascent[data-v-77d48342] {
  display: block;
  width: 100%;
  overflow: visible;
}
.ascent-white[data-v-77d48342] {
  stop-color: rgb(255 255 255 / 1);
}
.ascent-ice[data-v-77d48342] {
  stop-color: #DFE9FF;
}
.ascent-periwinkle[data-v-77d48342] {
  stop-color: #A8CBFF;
}
.ascent-blue[data-v-77d48342] {
  stop-color: #5578FF;
}
.ascent-navy[data-v-77d48342] {
  stop-color: #244486;
}
.ascent-lime[data-v-77d48342] {
  stop-color: #C9DAFF;
}
.ascent-grid[data-v-77d48342] {
  stroke: #A8CBFF;
  stroke-width: 0.6;
  opacity: 0.1;
}
.ascent-orbits[data-v-77d48342] {
  stroke: #A8CBFF;
  stroke-width: 0.7;
  opacity: 0.15;
}
.ascent-flute[data-v-77d48342] {
  stroke: #DFE9FF;
  stroke-opacity: 0.1;
  stroke-width: 1;
}
.ascent-surface[data-v-77d48342] {
  stroke: rgb(255 255 255 / 1);
  stroke-width: 0.8;
  stroke-opacity: 0.7;
}
.ascent-rim[data-v-77d48342],
.ascent-rim-glow[data-v-77d48342] {
  stroke: #C9DAFF;
  stroke-width: 1.5;
  transition: stroke 300ms, opacity 300ms;
}
.ascent-rim-glow[data-v-77d48342] {
  opacity: 0;
  stroke-width: 5;
}
.ascent-step--active .ascent-rim[data-v-77d48342],
.ascent-step--active .ascent-rim-glow[data-v-77d48342] {
  stroke: #C9DAFF;
  opacity: 1;
}
.ascent-seal-shadow[data-v-77d48342] {
  fill: #365086;
  opacity: 0.15;
}
.ascent-seal-edge[data-v-77d48342] {
  fill: #365086;
}
.ascent-seal[data-v-77d48342],
.ascent-seal-lit[data-v-77d48342] {
  fill: #244486;
  stroke: #DFE9FF;
  stroke-width: 0.8;
}
/* The light grows from the seal's center, keeping the navy edge crisp. */
.ascent-seal-lit[data-v-77d48342] {
  fill: #C9DAFF;
  transform: scale(0);
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 200ms cubic-bezier(0.5, 0, 0.75, 0);
}
.ascent-step--lit .ascent-seal-lit[data-v-77d48342] {
  transform: none;
  transition: transform 450ms cubic-bezier(0.34, 1.45, 0.64, 1);
}
.ascent-symbol[data-v-77d48342] {
  stroke: rgb(255 255 255 / 1);
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 250ms;
}
.ascent-step--lit .ascent-symbol[data-v-77d48342] {
  stroke: #244486;
}
.ascent-pulse[data-v-77d48342] {
  stroke: #C9DAFF;
  stroke-width: 1.5;
  opacity: 0;
}
.ascent-bloom[data-v-77d48342] {
  fill: #C9DAFF;
  opacity: 0;
}
.ascent-trail[data-v-77d48342] {
  stroke: url("#ascent-route");
  stroke-width: 1.5;
}
.ascent-comet[data-v-77d48342] {
  opacity: 0;
}
.ascent-comet-tail[data-v-77d48342],
.ascent-comet-core[data-v-77d48342] {
  stroke: #C9DAFF;
  stroke-linecap: round;
}
.ascent-comet-tail[data-v-77d48342] {
  stroke-width: 2;
  opacity: 0.3;
}
.ascent-comet-core[data-v-77d48342] {
  stroke-width: 2.4;
  opacity: 0.8;
}
.ascent-comet-glow[data-v-77d48342] {
  fill: #C9DAFF;
  opacity: 0.55;
}
.ascent-comet-head[data-v-77d48342] {
  fill: rgb(255 255 255 / 1);
}
.ascent-beacon-halo[data-v-77d48342] {
  fill: #C9DAFF;
  opacity: 0.08;
}
.ascent-beacon[data-v-77d48342] {
  fill: #C9DAFF;
}
.ascent-beacon-cross[data-v-77d48342] {
  stroke: #C9DAFF;
  stroke-width: 0.6;
}
.ascent-ripple[data-v-77d48342] {
  stroke: #C9DAFF;
  stroke-width: 1;
  opacity: 0;
}
.ambition-tabs[data-v-77d48342] {
  position: relative;
  z-index: 10;
  order: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-color: rgb(201 218 255 / 0.2);
}
@media (min-width: 768px) {

  .ambition-tabs[data-v-77d48342] {
    order: 2;
    border-bottom-width: 0px;
    border-top-width: 1px;
  }
}
.ambition-tabs[data-v-77d48342] {
  background: rgb(11 21 38 / 50%);
}
.ambition-tab[data-v-77d48342] {
  position: relative;
  display: flex;
  min-height: 88px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
  border-right-width: 1px;
  border-color: rgb(201 218 255 / 0.1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
}
.ambition-tab[data-v-77d48342]:last-child {
  border-right-width: 0px;
}
@media (min-width: 768px) {

  .ambition-tab[data-v-77d48342] {
    min-height: 104px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
  }
}
@media (min-width: 1024px) {

  .ambition-tab[data-v-77d48342] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
.ambition-tab[data-v-77d48342] {
  transition: background-color 220ms;
}
/* No-JS and reduced-motion indicator; the live bar below replaces it. */
.ambition-tab[data-v-77d48342]::before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 0.125rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 768px) {

  .ambition-tab[data-v-77d48342]::before {
    bottom: auto;
    top: 0px;
  }
}
.ambition-tab[data-v-77d48342]::before {
  content: '';
  opacity: 0;
  transition: opacity 220ms;
}
.ambition-tab[aria-selected='true'][data-v-77d48342]::before {
  opacity: 1;
}
.ambition-tabs--live .ambition-tab[data-v-77d48342]::before {
  content: none;
}
.ambition-tab[aria-selected='true'][data-v-77d48342] {
  background-color: rgb(255 255 255 / 0.05);
}
.ambition-tab[data-v-77d48342]:hover {
  background-color: rgb(255 255 255 / 0.05);
}
.tab-indicator[data-v-77d48342] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: none;
  height: 0.125rem;
}
@media (min-width: 768px) {

  .tab-indicator[data-v-77d48342] {
    bottom: auto;
    top: 0px;
  }
}
.tab-indicator[data-v-77d48342] {
  transform-origin: 0 50%;
}
.ambition-tabs--live .tab-indicator[data-v-77d48342] {
  display: block;
}
.tab-track[data-v-77d48342],
.tab-fill[data-v-77d48342] {
  position: absolute;
  inset: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.tab-fill[data-v-77d48342] {
  opacity: 0;
  transform-origin: 0 50%;
}
.tab-copy[data-v-77d48342] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 359px) {
  .fx-board-row > .tab-copy[data-v-77d48342][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .tab-copy[data-v-77d48342][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.tab-copy strong[data-v-77d48342] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tab-copy .tab-title-full[data-v-77d48342] {
  display: none;
}
@media (min-width: 768px) {

  .tab-copy .tab-title-full[data-v-77d48342] {
    display: block;
  }
}
.tab-copy .tab-title-short[data-v-77d48342] {
  display: block;
}
@media (min-width: 768px) {

  .tab-copy .tab-title-short[data-v-77d48342] {
    display: none;
  }
}
.tab-copy > span[data-v-77d48342] {
  display: none;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .tab-copy > span[data-v-77d48342] {
    display: block;
  }
}
.tab-arrow[data-v-77d48342] {
  margin-left: auto;
  display: none;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .tab-arrow[data-v-77d48342] {
    display: block;
  }
}
.tab-arrow[data-v-77d48342] {
  opacity: 0;
  transition: opacity 220ms, transform 220ms;
  transform: translate(-3px, 3px);
}
.ambition-tab[aria-selected='true'] .tab-arrow[data-v-77d48342] {
  opacity: 1;
  transform: none;
}
.ambition-stage[data-v-77d48342] :focus-visible {
  outline: 2px solid #C9DAFF;
  outline-offset: -5px;
  border-radius: 4px;
}
.chapter[data-v-77d48342]:focus-visible {
  outline-offset: 8px;
}
.chapter-link[data-v-77d48342]:focus-visible {
  outline-offset: 6px;
}
@media (min-width: 768px) {
  .ambition-art[data-v-77d48342] {
    width: 117%;
    margin-left: -13%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .chapter-description[data-v-77d48342] {
    min-height: 156px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ambition *[data-v-77d48342],
  .ambition *[data-v-77d48342]::before {
    transition: none !important;
  }
}

/* components/FaqsAccordion.vue */

.faq-accordion[data-v-4e38ae66] {
  contain: inline-size;
}
.faq-item[data-v-4e38ae66] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
}
.faq-row[data-v-4e38ae66] {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 44px;
}
.faq-row[data-v-4e38ae66]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.faq-row[data-v-4e38ae66]:active {
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.faq-row[data-v-4e38ae66]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.faq-row[data-v-4e38ae66]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 5px;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .faq-row[data-v-4e38ae66] {
    transition: none;
  }
}
.faq-question[data-v-4e38ae66] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.faq-plus[data-v-4e38ae66] {
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  transition: transform 0.2s ease;
}
.faq-plus.is-open[data-v-4e38ae66] {
  transform: rotate(45deg);
}
/* Full width on phones (the old pr-8 squeezed a 310px column); a readable
   measure on desktop. */
.faq-answer[data-v-4e38ae66] {
  overflow-wrap: break-word;
  padding-bottom: 1.5rem;
  padding-right: 0.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .faq-answer[data-v-4e38ae66] {
    padding-right: 2.5rem;
  }
}
.faq-answer[data-v-4e38ae66] {
  max-width: 68ch;
}
.faq-answer[data-v-4e38ae66] p + p,
.faq-answer[data-v-4e38ae66] p + ul,
.faq-answer[data-v-4e38ae66] ul + p {
  margin-top: 0.75rem;
}
.faq-answer[data-v-4e38ae66] ul {
  list-style-type: disc;
  padding-left: 1.25rem;
}
.faq-answer[data-v-4e38ae66] a {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}
.accordion-enter-active[data-v-4e38ae66],
.accordion-leave-active[data-v-4e38ae66] {
  transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  overflow: hidden;
}
.accordion-enter[data-v-4e38ae66],
.accordion-leave-to[data-v-4e38ae66] {
  height: 0 !important;
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .faq-plus[data-v-4e38ae66],
  .accordion-enter-active[data-v-4e38ae66],
  .accordion-leave-active[data-v-4e38ae66] {
    transition: none !important;
  }
}

/* components/FaqsSection.vue */

.faq-section[data-v-c33fc610] {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 640px) {

  .faq-section[data-v-c33fc610] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .faq-section[data-v-c33fc610] {
    margin-left: 4rem;
    margin-right: 4rem;
    margin-top: 6rem;
    margin-bottom: 3rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.faq-grid[data-v-c33fc610] {
  display: grid;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .faq-grid[data-v-c33fc610] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 0px;
  }

  .faq-copy[data-v-c33fc610] {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
  }

  .faq-list[data-v-c33fc610] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
  }
}
.faq-page-shell[data-v-c33fc610] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .faq-page-shell[data-v-c33fc610] {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .faq-grid-flush .faq-copy[data-v-c33fc610],
.faq-grid-flush .faq-list[data-v-c33fc610] {
    grid-column: span 6 / span 6;
    grid-column-start: auto;
  }
}
.eyebrow[data-v-c33fc610] {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.faq-heading[data-v-c33fc610] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .faq-heading[data-v-c33fc610],
  h2 .faq-heading[data-v-c33fc610],
  h3 .faq-heading[data-v-c33fc610] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .faq-heading[data-v-c33fc610] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.faq-heading[data-v-c33fc610] {
  text-wrap: balance;
}
.faq-heading[data-v-c33fc610] em,
.faq-heading[data-v-c33fc610] .section-title-2-italic {
  font-style: italic;
}
.body-copy[data-v-c33fc610] {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .body-copy[data-v-c33fc610] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.faq-footer[data-v-c33fc610] {
  margin-top: 2rem;
}
.faq-section a[data-v-c33fc610]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 5px;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .faq-section *[data-v-c33fc610],
  .faq-section *[data-v-c33fc610]::before,
  .faq-section *[data-v-c33fc610]::after {
    transition: none !important;
  }
}

/* components/index/IndexFaq.vue */

.faq-see-all[data-v-152f3d3e] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}

.faq-see-all[data-v-152f3d3e]:hover {
  text-decoration-line: underline;
}

/* pages/index.vue */

.reserve-page[data-v-02281a80] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.reserve-container[data-v-02281a80] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .reserve-container[data-v-02281a80] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.reserve-hero[data-v-02281a80] {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .reserve-hero[data-v-02281a80] {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}
.reserve-hero[data-v-02281a80] {
  isolation: isolate;
}
.hero-copy[data-v-02281a80] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
  text-align: left;
}
@media (min-width: 1024px) {

  .hero-copy[data-v-02281a80] {
    grid-template-columns: 1.05fr 0.95fr;
    gap: 3rem;
  }
}
.hero-picture[data-v-02281a80] {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  max-width: 28rem;
}
@media (min-width: 1024px) {

  .hero-picture[data-v-02281a80] {
    max-width: none;
  }
}
.hero-portrait[data-v-02281a80] {
  width: 100%;
  border-radius: 1rem;
  object-fit: cover;
}
.hero-intro[data-v-02281a80] {
  margin-top: 1.25rem;
}
.hero-signup[data-v-02281a80] {
  margin-top: 1.75rem;
  max-width: 520px;
}
.hero-trust[data-v-02281a80] {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-trust[data-v-02281a80] {
    margin-bottom: 3.5rem;
  }
}
/* Proof line shared with the Full Reserve page: inline value + micro label
   pairs split by hairline dividers. Sans and compact on purpose. */
.metrics-strip[data-v-02281a80] {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: rgb(11 21 38 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.metrics-inner[data-v-02281a80] {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 80rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {

  .metrics-inner[data-v-02281a80] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.metric[data-v-02281a80] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .metric[data-v-02281a80] {
    flex-direction: row;
    align-items: baseline;
    gap: 0.75rem;
    border-left-width: 1px;
    border-color: rgb(11 21 38 / 0.1);
    text-align: left;
  }

  .metric[data-v-02281a80]:first-child {
    border-left-width: 0px;
  }
}
.metric-value[data-v-02281a80] {
  white-space: nowrap;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 800;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.drawer-row .metric-value[data-v-02281a80][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 1024px) {

  .metric-value[data-v-02281a80] {
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: 0.005em;
  }
}
.metric-label[data-v-02281a80] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
/* Connected globe (from seamless-transactions): coin globe under the
   Connected headline, replacing the showcase section. */
.connected-globe[data-v-02281a80] {
  /* No bottom padding: the suite's own top padding sets the space below
     the video, matching the space above it. */
  padding-top: 4rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .connected-globe[data-v-02281a80] {
    padding-top: 6rem;
  }
}
.connected-globe-title[data-v-02281a80] {
  margin-left: auto;
  margin-right: auto;
  max-width: 48rem;
  text-wrap: balance;
}
.connected-globe-tagline[data-v-02281a80] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  max-width: 36rem;
}
.connected-globe-video[data-v-02281a80] {
  /* Matches the suite's top padding below, so the video sits centered
     between tagline and cards. */
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
  width: 100%;
  max-width: 28rem;
}
@media (min-width: 1024px) {

  .connected-globe-video[data-v-02281a80] {
    margin-top: 6rem;
  }
}
.body-copy[data-v-02281a80] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .body-copy[data-v-02281a80] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.hero-description[data-v-02281a80] {
  max-width: 48rem;
  line-height: 1.75rem;
}
.reserve-page h2[data-v-02281a80] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .reserve-page h2[data-v-02281a80],
  h2 .reserve-page h2[data-v-02281a80],
  h3 .reserve-page h2[data-v-02281a80] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .reserve-page h2[data-v-02281a80] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.reserve-page a[data-v-02281a80]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 5px;
  border-radius: 4px;
}

/* --- Hero entrance ---------------------------------------------------------
   Pure CSS from first paint (server HTML included): headline words rise out
   of their own masks, a lime marker strokes under "stablecoins", then the
   promise, the form and the proof line settle in behind it. */
.hero-mask[data-v-02281a80] {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  /* Room for Cardo descenders inside the clip, layout unchanged. */
  padding: 0 0.07em 0.16em;
  margin: 0 -0.07em -0.16em;
}
.hero-word[data-v-02281a80] {
  display: inline-block;
}
/* Interactive, so it never goes transparent: it only settles into place. */
.hero-signup[data-v-02281a80] {
  animation: hero-settle-02281a80 1s cubic-bezier(0.16, 1, 0.3, 1) 0.45s both;
}
.trust-phrase[data-v-02281a80] {
  display: inline-block;
}
.story-stage[data-v-02281a80] {
  position: relative;
  isolation: isolate;
}
.story-glow[data-v-02281a80] {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  inset: 16% 3% -7%;
  opacity: 0.8;
  background: radial-gradient(
    ellipse 58% 52% at 50% 46%,
    rgb(85 120 255 / 24%),
    rgb(168 203 255 / 10%) 48%,
    transparent 76%
  );
}
.story-rise[data-v-02281a80] {
  position: relative;
  animation: story-rise-02281a80 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;
}
@keyframes hero-settle-02281a80 {
  from {
    transform: translateY(14px);
  }
  to {
    transform: none;
  }
}
@keyframes story-rise-02281a80 {
  0% {
    opacity: 0;
    transform: translateY(48px);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .reserve-page *[data-v-02281a80],
  .reserve-page *[data-v-02281a80]::before,
  .reserve-page *[data-v-02281a80]::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .hero-word[data-v-02281a80],
  .hero-description[data-v-02281a80],
  .hero-signup[data-v-02281a80],
  .trust-phrase[data-v-02281a80],
  .story-rise[data-v-02281a80] {
    animation: none !important;
  }
}

/* components/solutions/AgenticTerminal.vue */

.agentic-terminal[data-v-fa4ea89d] {
  /* tailwind.config.js replaces fontFamily wholesale, so there is no
     font-mono utility to @apply here. */
  --agentic-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas,
    'Liberation Mono', monospace;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.agentic-terminal-chrome[data-v-fa4ea89d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.1;
}

.agentic-terminal-dot[data-v-fa4ea89d] {
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;
}

.agentic-terminal-title[data-v-fa4ea89d] {
  margin-left: 0.5rem;
  min-width: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-terminal-title[data-v-fa4ea89d][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-terminal-title[data-v-fa4ea89d][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.agentic-terminal-title[data-v-fa4ea89d] {
  overflow-wrap: anywhere;
  font-family: var(--agentic-mono);
}

.agentic-terminal-session[data-v-fa4ea89d] {
  display: grid;
}

.agentic-terminal-sizer[data-v-fa4ea89d],
.agentic-terminal-playback[data-v-fa4ea89d] {
  grid-area: 1 / 1;
  min-width: 0;
}

.agentic-terminal-sizer[data-v-fa4ea89d] {
  visibility: hidden;
  pointer-events: none;
}

.agentic-terminal-sizer .agentic-terminal-line[data-v-fa4ea89d],
.agentic-terminal-sizer .agentic-cursor[data-v-fa4ea89d] {
  animation: none;
}

.agentic-terminal-body[data-v-fa4ea89d] {
  padding: 1rem;
}

@media (min-width: 640px) {

  .agentic-terminal-body[data-v-fa4ea89d] {
    padding: 1.25rem;
  }
}

.agentic-terminal-line[data-v-fa4ea89d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
}

@media (min-width: 640px) {

  .agentic-terminal-line[data-v-fa4ea89d] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.agentic-terminal-line[data-v-fa4ea89d] {
  margin-bottom: 0.75rem;
  overflow-wrap: break-word;
}

.agentic-terminal-line[data-v-fa4ea89d]:last-child {
  margin-bottom: 0px;
}

.agentic-terminal-line[data-v-fa4ea89d] {
  font-family: var(--agentic-mono);
  animation: agentic-line-in-fa4ea89d 0.25s ease-out both;
}

.agentic-terminal-marker[data-v-fa4ea89d] {
  width: 0.75rem;
  flex-shrink: 0;
  text-align: center;
}

.agentic-terminal-text[data-v-fa4ea89d] {
  min-width: 0px;
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-terminal-text[data-v-fa4ea89d][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-terminal-text[data-v-fa4ea89d][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.agentic-terminal-text[data-v-fa4ea89d] {
  overflow-wrap: anywhere;
}

.is-command .agentic-terminal-marker[data-v-fa4ea89d] {
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
}

.is-success .agentic-terminal-marker[data-v-fa4ea89d] {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.is-pending .agentic-terminal-marker[data-v-fa4ea89d] {
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
  animation: agentic-spin-fa4ea89d 1.4s linear infinite;
}

.is-command .agentic-terminal-text[data-v-fa4ea89d] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.is-success .agentic-terminal-text[data-v-fa4ea89d],
.is-pending .agentic-terminal-text[data-v-fa4ea89d],
.is-output .agentic-terminal-text[data-v-fa4ea89d] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

.agentic-cursor[data-v-fa4ea89d] {
  margin-left: 0.25rem;
  display: inline-block;
  height: 1rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  vertical-align: middle;
  animation: agentic-blink-fa4ea89d 1.1s step-end infinite;
}

@keyframes agentic-blink-fa4ea89d {
  50% {
    opacity: 0;
  }
}

@keyframes agentic-spin-fa4ea89d {
  to {
    transform: rotate(360deg);
  }
}

@keyframes agentic-line-in-fa4ea89d {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .agentic-terminal-line[data-v-fa4ea89d],
  .agentic-cursor[data-v-fa4ea89d],
  .is-pending .agentic-terminal-marker[data-v-fa4ea89d] {
    animation: none;
  }
}

/* components/solutions/AgenticFinanceHero.vue */

.agentic-hero[data-v-266c75cc] {
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .agentic-hero[data-v-266c75cc] {
    padding-bottom: 5rem;
  }
}

.agentic-hero-grid[data-v-266c75cc] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}

@media (min-width: 1024px) {

  .agentic-hero-grid[data-v-266c75cc] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
  }
}

@media (min-width: 1280px) {

  .agentic-hero-grid[data-v-266c75cc] {
    gap: 4rem;
  }
}

.agentic-hero-copy[data-v-266c75cc] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 1.5rem;
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-hero-copy[data-v-266c75cc][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-hero-copy[data-v-266c75cc][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.agentic-hero-copy h1[data-v-266c75cc] {
  text-wrap: balance;
}

.agentic-hero-points[data-v-266c75cc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.agentic-hero-point[data-v-266c75cc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.agentic-hero-check[data-v-266c75cc] {
  margin-top: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}

.agentic-hero-actions[data-v-266c75cc] {
  width: 100%;
  max-width: 32rem;
}

.agentic-hero-demo[data-v-266c75cc] {
  min-width: 0px;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-hero-demo[data-v-266c75cc][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-hero-demo[data-v-266c75cc][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

@media (min-width: 640px) {

  .agentic-hero-demo[data-v-266c75cc] {
    padding: 1.5rem;
  }
}

.agentic-demo-journey[data-v-266c75cc] {
  position: relative;
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  text-align: center;
}

.agentic-demo-connection[data-v-266c75cc] {
  position: absolute;
  top: 0.75rem;
  left: 0px;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  transform-origin: left;
}

.agentic-demo-stage[data-v-266c75cc] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.agentic-demo-number[data-v-266c75cc] {
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.drawer-row .agentic-demo-number[data-v-266c75cc][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

/* components/visuals/AgenticCodeBlock.vue */

.agentic-code[data-v-78d18494] {
  /* tailwind.config.js replaces fontFamily wholesale, so there is no
     font-mono utility; this matches the hero terminal. */
  --agentic-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas,
    'Liberation Mono', monospace;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.agentic-code-head[data-v-78d18494] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 0.5rem;
}

.agentic-code-lang[data-v-78d18494] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgb(255 255 255 / 0.6);
}

.agentic-code-copy[data-v-78d18494] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: rgb(255 255 255 / 0.8);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.agentic-code-copy[data-v-78d18494]:hover {
  background-color: rgb(255 255 255 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.agentic-code-copy[data-v-78d18494]:focus-visible,
.agentic-code-body[data-v-78d18494]:focus-visible {
  outline: 2px solid #A8CBFF;
  outline-offset: 2px;
}

.agentic-code-body[data-v-78d18494]:focus-visible {
  outline-offset: -2px;
}

.agentic-code-copy.is-copied[data-v-78d18494] {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.agentic-code-copy svg[data-v-78d18494] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agentic-code-body[data-v-78d18494] {
  margin: 0px;
  flex: 1 1 0%;
  overflow-x: auto;
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
}

.why-index-link:hover .agentic-code-body[data-v-78d18494][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

@media (min-width: 1024px) {

  .agentic-code-body[data-v-78d18494] {
    padding: 1.25rem;
  }
}

.agentic-code-body[data-v-78d18494] {
  font-family: var(--agentic-mono);
}

.agentic-code-line[data-v-78d18494] {
  display: block;
  white-space: pre;
}

.agentic-code-line.is-command[data-v-78d18494] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.agentic-code-line.is-output[data-v-78d18494] {
  color: rgb(255 255 255 / 0.6);
}

.agentic-code-line.is-plain[data-v-78d18494] {
  color: rgb(255 255 255 / 0.9);
}

.agentic-code-prompt[data-v-78d18494] {
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
  user-select: none;
}

@media (prefers-reduced-motion: reduce) {
  .agentic-code-copy[data-v-78d18494] {
    transition: none;
  }
}

/* components/visuals/AgenticWorkflowVisual.vue */

.agentic-flow[data-v-185ccab4] {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 32rem;
}

/* Number rail on the left, card on the right; a dashed line joins the steps. */
.agentic-flow-step[data-v-185ccab4] {
  position: relative;
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  column-gap: 0.875rem;
}

.agentic-flow-step[data-v-185ccab4]:not(:last-child)::before {
  content: '';
  position: absolute;
  left: calc(0.875rem - 1px);
  /* From under this dot (mt-4 + h-7) to the top of the next one (gap-4 + mt-4). */
  top: 2.75rem;
  bottom: -2rem;
  border-left: 2px dashed #A8CBFF;
}

.agentic-flow-dot[data-v-185ccab4] {
  position: relative;
  margin-top: 1rem;
}

/* The owner's step is a different actor, so it gets a pale blue decision marker. */
.agentic-flow-dot--owner[data-v-185ccab4] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}

.agentic-flow-card[data-v-185ccab4] {
  padding: 1rem;
}

@media (min-width: 640px) {

  .agentic-flow-card[data-v-185ccab4] {
    padding: 1.25rem;
  }
}

.agentic-flow-who[data-v-185ccab4] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.375rem;
}

.agentic-flow-head[data-v-185ccab4] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.agentic-flow-title[data-v-185ccab4] {
  margin-top: 0.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.agentic-flow-wallet[data-v-185ccab4] {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.625rem;
  padding-right: 0.75rem;
}

.agentic-flow-wallet .ui-icon[data-v-185ccab4] {
  display: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

@media (min-width: 640px) {

  .agentic-flow-wallet .ui-icon[data-v-185ccab4] {
    display: inline-flex;
  }
}

.agentic-flow-invoice[data-v-185ccab4] {
  margin-top: 0.25rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 0.75rem;
}

.agentic-flow-amount[data-v-185ccab4] {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.agentic-flow-eric[data-v-185ccab4] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.agentic-flow-avatar[data-v-185ccab4] {
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}

.agentic-flow-eric-name[data-v-185ccab4] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.agentic-flow-paid[data-v-185ccab4] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.agentic-flow-check[data-v-185ccab4] {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}

.agentic-flow-check svg[data-v-185ccab4] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agentic-flow-rails[data-v-185ccab4] {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Dashed outline: offered, but not switched on yet. */
.agentic-flow-rail[data-v-185ccab4] {
  border-radius: 9999px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* A wrapping version of ui-chip--wait: the status is a sentence. */
.agentic-flow-status[data-v-185ccab4] {
  margin-top: 0.75rem;
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  border-radius: 0.75rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1.375;
}

.agentic-flow-status svg[data-v-185ccab4] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agentic-flow-note[data-v-185ccab4] {
  margin-top: 0.5rem;
}

/* pages/agentic-finance.vue */

.agentic-section[data-v-c9866e3d] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .agentic-section[data-v-c9866e3d] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.agentic-section-head[data-v-c9866e3d] {
  margin-bottom: 2rem;
  display: grid;
  align-items: flex-end;
  gap: 1.5rem;
}

@media (min-width: 1024px) {

  .agentic-section-head[data-v-c9866e3d] {
    margin-bottom: 2.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
  }
}

@media (min-width: 1280px) {

  .agentic-section-head[data-v-c9866e3d] {
    gap: 4rem;
  }
}

.agentic-section-head h2[data-v-c9866e3d],
.agentic-steps-copy h2[data-v-c9866e3d] {
  text-wrap: balance;
}

.agentic-tools-grid[data-v-c9866e3d] {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 1024px) {

  .agentic-tools-grid[data-v-c9866e3d] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.agentic-tool[data-v-c9866e3d] {
  display: grid;
  min-width: 0px;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-tool[data-v-c9866e3d][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-tool[data-v-c9866e3d][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

@media (min-width: 640px) {

  .agentic-tool[data-v-c9866e3d] {
    padding: 2rem;
  }
}

.agentic-tool[data-v-c9866e3d] {
  grid-template-rows: auto 1fr auto;
}

.agentic-tool-heading[data-v-c9866e3d] {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.agentic-card-title[data-v-c9866e3d] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .agentic-tool-code[data-v-c9866e3d] {
    min-height: 18rem;
  }
}

.agentic-workflow[data-v-c9866e3d] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}

.agentic-workflow-grid[data-v-c9866e3d] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}

@media (min-width: 1024px) {

  .agentic-workflow-grid[data-v-c9866e3d] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
  }
}

@media (min-width: 1280px) {

  .agentic-workflow-grid[data-v-c9866e3d] {
    gap: 5rem;
  }
}

.agentic-steps-copy[data-v-c9866e3d],
.agentic-workflow-visual[data-v-c9866e3d] {
  min-width: 0px;
}

@media (max-width: 359px) {
  .fx-board-row > .agentic-steps-copy[data-v-c9866e3d][data-v-309cba6d],.fx-board-row > 
.agentic-workflow-visual[data-v-c9866e3d][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .agentic-steps-copy[data-v-c9866e3d][data-v-737db1fe],.gt-invoice > 
.agentic-workflow-visual[data-v-c9866e3d][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.agentic-steps[data-v-c9866e3d] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.agentic-page .agentic-ask-ai.embedded[data-v-c9866e3d] {
  margin-top: 0px;
}

.agentic-page .agentic-ask-ai.embedded[data-v-c9866e3d] .ask-ai-card {
  border-bottom-width: 1px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.agentic-faq.faq-section[data-v-c9866e3d] {
  margin: 0px;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .agentic-faq.faq-section[data-v-c9866e3d] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .agentic-faq[data-v-c9866e3d] .faq-copy {
    grid-column: span 4 / span 4;
    grid-column-start: 1;
  }

  .agentic-faq[data-v-c9866e3d] .faq-list {
    grid-column: span 7 / span 7;
    grid-column-start: 6;
  }
}

/* components/company/BankFintechVisual.vue */

.bank-fintech-visual[data-v-ac927f33] {
  /* No margin here: the page positions this figure (Tailwind's base reset
     already zeroes figure margins). A root margin ties the page's class at
     equal specificity, so production CSS order would decide the layout. */
  padding: 32px;
  border: 1px solid #E2E8F0;
  border-radius: 24px;
  background: #EEF3FF;
}
.systems-grid[data-v-ac927f33] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.system-bank[data-v-ac927f33],
.system-fintech[data-v-ac927f33] {
  padding: 24px;
  border-radius: 16px;
  background: white;
  border: 1px solid #E2E8F0;
  min-width: 0;
}
.system-fintech[data-v-ac927f33] {
  background: #244486;
  color: white;
  border-color: #244486;
}
.system-label[data-v-ac927f33] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
}
.system-bank .system-label[data-v-ac927f33] {
  color: #5B677A;
}
.system-fintech .system-label[data-v-ac927f33] {
  color: #C9DAFF;
}
.bank-drawing[data-v-ac927f33] {
  width: 100%;
  height: 132px;
  margin: 13px 0 0;
  stroke: #244486;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.system-tags[data-v-ac927f33] {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.system-tags span[data-v-ac927f33] {
  font-size: 11px;
  padding: 3px 10px;
  border: 1px solid #E2E8F0;
  border-radius: 5px;
  color: #5B677A;
}
.systems-grid p[data-v-ac927f33] {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 20px;
}
.system-bank p[data-v-ac927f33] {
  color: #5B677A;
}
.system-fintech p[data-v-ac927f33] {
  color: #DFE9FF;
}
.fintech-window[data-v-ac927f33] {
  margin-top: 23px;
  padding: 14px;
  background: #fff;
  border-radius: 8px;
  color: #244486;
  box-shadow: 0 8px 24px #0002;
}
.window-toolbar[data-v-ac927f33] {
  display: flex;
  gap: 3px;
  align-items: center;
  padding-bottom: 15px;
}
.window-toolbar i[data-v-ac927f33] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #DFE9FF;
}
.window-toolbar span[data-v-ac927f33] {
  font-size: 10px;
  margin-left: auto;
  font-weight: 700;
}
.window-payment[data-v-ac927f33] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  font-size: 11px;
}
.window-payment b[data-v-ac927f33] {
  font-size: 13px;
}
.window-track[data-v-ac927f33] {
  display: flex;
  gap: 5px;
  margin: 17px 0 13px;
}
.window-track span[data-v-ac927f33] {
  flex: 1;
  height: 5px;
  border-radius: 4px;
  background: #C9DAFF;
  transform-origin: left;
}
.window-track span[data-v-ac927f33]:last-child {
  background: #C9DAFF;
}
.window-status[data-v-ac927f33] {
  font-size: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.status-check[data-v-ac927f33] {
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #EEF3FF;
}
.system-connection[data-v-ac927f33] {
  display: block;
  width: 100%;
  height: 58px;
}
.connection-base[data-v-ac927f33] {
  stroke: #CDD5E1;
  stroke-width: 2;
}
.connection-progress[data-v-ac927f33] {
  stroke: #5578FF;
  stroke-width: 2;
  stroke-dasharray: 1;
}
.system-outcome[data-v-ac927f33] {
  padding: 21px;
  display: flex;
  gap: 14px;
  align-items: center;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  background: white;
}
.outcome-mark[data-v-ac927f33] {
  background: #C9DAFF;
  color: #244486;
  border-radius: 9px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-size: 23px;
}
.system-outcome strong[data-v-ac927f33] {
  font-size: 16px;
  color: #244486;
}
.system-outcome p[data-v-ac927f33] {
  color: #5B677A;
  margin-top: 3px;
  font-size: 14px;
  line-height: 1.5;
}
@media (prefers-reduced-motion: no-preference) {
  .is-visible .connection-progress[data-v-ac927f33] {
    animation: connect-ac927f33 1.8s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  .is-visible .window-track span[data-v-ac927f33] {
    animation: progress-ac927f33 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  .is-visible .window-track span[data-v-ac927f33]:nth-child(2) {
    animation-delay: 0.3s;
  }
  .is-visible .window-track span[data-v-ac927f33]:nth-child(3) {
    animation-delay: 0.6s;
  }
}
@keyframes connect-ac927f33 {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes progress-ac927f33 {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@media (max-width: 600px) {
  .bank-fintech-visual[data-v-ac927f33] {
    padding: 16px;
    border-radius: 18px;
  }
  .systems-grid[data-v-ac927f33] {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .system-bank[data-v-ac927f33],
  .system-fintech[data-v-ac927f33] {
    position: relative;
    padding: 22px;
    border-radius: 12px;
  }
  .system-bank[data-v-ac927f33]::after,
  .system-fintech[data-v-ac927f33]::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 33px;
    left: 50%;
    bottom: -33px;
    background: #5578FF;
  }
  .system-label[data-v-ac927f33] {
    font-size: 12px;
    letter-spacing: 0.6px;
  }
  .bank-drawing[data-v-ac927f33] {
    height: 128px;
    margin: 8px 0;
  }
  .system-tags[data-v-ac927f33] {
    gap: 8px;
  }
  .system-tags span[data-v-ac927f33] {
    padding: 3px 9px;
    font-size: 12px;
  }
  .systems-grid p[data-v-ac927f33] {
    font-size: 14px;
    margin-top: 16px;
  }
  .fintech-window[data-v-ac927f33] {
    margin-top: 20px;
    padding: 18px;
  }
  .window-toolbar span[data-v-ac927f33],
  .window-payment[data-v-ac927f33],
  .window-status[data-v-ac927f33] {
    font-size: 14px;
  }
  .window-payment b[data-v-ac927f33] {
    font-size: 14px;
  }
  .window-payment[data-v-ac927f33] {
    gap: 12px;
  }
  .window-track[data-v-ac927f33] {
    margin: 20px 0;
  }
  .window-toolbar i[data-v-ac927f33] {
    width: 5px;
    height: 5px;
  }
  .status-check[data-v-ac927f33] {
    width: 18px;
    height: 18px;
  }
  .system-connection[data-v-ac927f33] {
    display: none;
  }
  .system-outcome[data-v-ac927f33] {
    margin-top: 32px;
    padding: 18px;
    gap: 12px;
  }
  .system-outcome strong[data-v-ac927f33] {
    font-size: 16px;
  }
  .system-outcome p[data-v-ac927f33] {
    font-size: 14px;
  }
}

/* components/company/AboutArchitectureVisual.vue */

.architecture-visual[data-v-6a1b673d] {
  position: relative;
  isolation: isolate;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 32rem;
  padding-top: 2.25rem;
  padding-bottom: 1.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.architecture-grid[data-v-6a1b673d] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  z-index: -10;
  background-image: radial-gradient(
    #A8CBFF 0.7px,
    transparent 0.7px
  );
  background-size: 24px 24px;
  opacity: 0.35;
  mask-image: radial-gradient(ellipse at center, black, transparent 72%);
}
.architecture-business[data-v-6a1b673d] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  gap: 0.75rem;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.architecture-business svg[data-v-6a1b673d] {
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.architecture-visual svg[data-v-6a1b673d] {
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.architecture-connection[data-v-6a1b673d] {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 2.25rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
  fill: none;
}
.architecture-signal[data-v-6a1b673d] {
  stroke: #C9DAFF;
  stroke-width: 2;
}
.architecture-stack[data-v-6a1b673d] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 28rem;
}
.architecture-stack[data-v-6a1b673d]::before,
.architecture-stack[data-v-6a1b673d]::after {
  content: '';
  position: absolute;
  inset: 0px;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  z-index: -1;
}
.architecture-stack[data-v-6a1b673d]::before {
  transform: translateY(12px) scaleX(0.95);
}
.architecture-stack[data-v-6a1b673d]::after {
  transform: translateY(24px) scaleX(0.9);
}
.architecture-platform[data-v-6a1b673d] {
  position: relative;
  z-index: 10;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {

  .architecture-platform[data-v-6a1b673d] {
    padding: 1.5rem;
  }
}
.platform-heading[data-v-6a1b673d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.platform-mark[data-v-6a1b673d] {
  display: flex;
  gap: 0.25rem;
}
.platform-mark i[data-v-6a1b673d] {
  height: 0.375rem;
  width: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.platform-actions[data-v-6a1b673d] {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.platform-actions[data-v-6a1b673d] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  --tw-divide-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-divide-opacity, 1));
}
.platform-actions > div[data-v-6a1b673d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
.platform-action-icon[data-v-6a1b673d] {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.platform-actions > div:last-child .platform-action-icon[data-v-6a1b673d] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.platform-action-icon svg[data-v-6a1b673d] {
  height: 1.5rem;
  width: 1.5rem;
}
.architecture-foundation[data-v-6a1b673d] {
  position: relative;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: -1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2.25rem;
  padding-bottom: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .architecture-foundation[data-v-6a1b673d] {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.foundation-icon[data-v-6a1b673d] {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.foundation-icon svg[data-v-6a1b673d] {
  height: 1.5rem;
  width: 1.5rem;
}
.architecture-foundation strong[data-v-6a1b673d] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.architecture-foundation div > span[data-v-6a1b673d] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.foundation-joint[data-v-6a1b673d] {
  margin-left: auto;
  height: 0.5rem;
  width: 0.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
@media (prefers-reduced-motion: reduce) {
  .architecture-platform[data-v-6a1b673d] {
    transform: none !important;
  }
  .architecture-signal[data-v-6a1b673d] {
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;
  }
}

/* components/company/AboutExploreArtwork.vue */

.explore-artwork[data-v-4c457f93] {
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  aspect-ratio: 5 / 3;
}
.explore-artwork--principles[data-v-4c457f93] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.explore-artwork svg[data-v-4c457f93] {
  display: block;
  height: 100%;
  width: 100%;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.art-grid[data-v-4c457f93] {
  stroke: #DFE9FF;
}
.art-orbit[data-v-4c457f93],
.art-edge[data-v-4c457f93] {
  stroke: #C9DAFF;
}
.art-connection[data-v-4c457f93] {
  stroke: #A8CBFF;
  stroke-dasharray: 4 6;
  stroke-width: 1.5;
}
.art-ink[data-v-4c457f93] {
  stroke: #244486;
  stroke-width: 1.5;
}
.art-paper[data-v-4c457f93] {
  fill: rgb(255 255 255 / 1);
}
.art-shadow[data-v-4c457f93] {
  fill: #C9DAFF;
  opacity: 0.45;
}
.art-lime-fill[data-v-4c457f93] {
  fill: #C9DAFF;
}
.art-navy-fill[data-v-4c457f93] {
  fill: #244486;
}
.art-blue-fill[data-v-4c457f93] {
  fill: #C9DAFF;
}
.art-pale-fill[data-v-4c457f93] {
  fill: #EEF3FF;
}
.compass-needle[data-v-4c457f93],
.principles-top[data-v-4c457f93],
.principles-middle[data-v-4c457f93],
.team-center[data-v-4c457f93] {
  transition: transform 500ms var(--ease-out-expo);
}
.compass-needle[data-v-4c457f93] {
  transform-origin: 200px 118px;
}
.team-center[data-v-4c457f93] {
  transform-origin: 200px 120px;
}
.explore-card:hover .compass-needle[data-v-4c457f93],
.explore-card:focus-visible .compass-needle[data-v-4c457f93] {
  transform: rotate(18deg);
}
.explore-card:hover .principles-top[data-v-4c457f93],
.explore-card:focus-visible .principles-top[data-v-4c457f93] {
  transform: translateY(-6px);
}
.explore-card:hover .principles-middle[data-v-4c457f93],
.explore-card:focus-visible .principles-middle[data-v-4c457f93] {
  transform: translateY(-3px);
}
.explore-card:hover .team-center[data-v-4c457f93],
.explore-card:focus-visible .team-center[data-v-4c457f93] {
  transform: scale(1.06);
}
@media (prefers-reduced-motion: reduce) {
  .explore-artwork *[data-v-4c457f93] {
    transition: none !important;
    transform: none !important;
  }
}

/* pages/company/about-us.vue */

.about-container[data-v-592310f6] {
  /* Same gutter as the .container-padding utility (px-6 lg:px-8);
     @apply cannot reference that custom class from a scoped block. */
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px) {

  .about-container[data-v-592310f6] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* Hero */
.about-hero[data-v-592310f6] {
  padding-top: 4rem;
  padding-bottom: 3.5rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .about-hero[data-v-592310f6] {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}
.about-title[data-v-592310f6] {
  margin-left: auto;
  margin-right: auto;
  max-width: 56rem;
  font-family: Cardo, serif;
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .about-title[data-v-592310f6],
  h2 .about-title[data-v-592310f6],
  h3 .about-title[data-v-592310f6] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .about-title[data-v-592310f6] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.about-lede[data-v-592310f6] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  max-width: 42rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .about-lede[data-v-592310f6] {
    margin-top: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

/* Dual identity cards */
.about-identities[data-v-592310f6] {
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .about-identities[data-v-592310f6] {
    padding-bottom: 5rem;
  }
}
.identities-title[data-v-592310f6] {
  margin-bottom: 2rem;
  text-align: center;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .identities-title[data-v-592310f6],
  h2 .identities-title[data-v-592310f6],
  h3 .identities-title[data-v-592310f6] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .identities-title[data-v-592310f6] {
    margin-bottom: 3rem;
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.identities-grid[data-v-592310f6] {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 1024px) {

  .identities-grid[data-v-592310f6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem;
  }
}
.identity-card[data-v-592310f6] {
  border-radius: 1.5rem;
  padding: 1.75rem;
}
@media (min-width: 1024px) {

  .identity-card[data-v-592310f6] {
    padding: 2.5rem;
  }
}
.identity-card svg[data-v-592310f6] {
  margin-bottom: 1.5rem;
  height: 2rem;
  width: 2rem;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.identity-fintech[data-v-592310f6] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  box-shadow: 0 28px 60px -28px #365086;
}
.identity-fintech .identity-label[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.identity-fintech .identity-body[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.identity-bank[data-v-592310f6] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.identity-bank .identity-label[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.identity-bank .identity-body[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.identity-label[data-v-592310f6] {
  margin-bottom: 0.75rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.identity-heading[data-v-592310f6] {
  margin-bottom: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
}
@media (min-width: 1024px) {

  .identity-heading[data-v-592310f6] {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.identity-body[data-v-592310f6] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
}

.about-eyebrow[data-v-592310f6] {
  margin-bottom: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.about-visual[data-v-592310f6] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  text-align: left;
  max-width: 800px;
}
.about-built[data-v-592310f6] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .about-built[data-v-592310f6] {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 5rem;
  }
}
.built-layout[data-v-592310f6] {
  display: grid;
  gap: 2.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .built-layout[data-v-592310f6] {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .built-layout[data-v-592310f6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
    padding: 3rem;
  }
}
.about-built .about-eyebrow[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.built-title[data-v-592310f6] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .built-title[data-v-592310f6],
  h2 .built-title[data-v-592310f6],
  h3 .built-title[data-v-592310f6] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .built-title[data-v-592310f6] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.built-intro[data-v-592310f6] {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .built-intro[data-v-592310f6] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.built-reasons[data-v-592310f6] {
  align-self: center;
}
.built-reason[data-v-592310f6] {
  border-top-width: 1px;
  border-color: rgb(168 203 255 / 0.3);
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.built-reason[data-v-592310f6]:first-child {
  border-top-width: 0px;
  padding-top: 0px;
}
.built-reason[data-v-592310f6]:last-child {
  padding-bottom: 0px;
}
.built-reason h3[data-v-592310f6] {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.built-reason p[data-v-592310f6] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.about-roles[data-v-592310f6] {
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .about-roles[data-v-592310f6] {
    padding-bottom: 5rem;
  }
}
.roles-layout[data-v-592310f6] {
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.roles-layout > h2[data-v-592310f6] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.25rem;
  max-width: 48rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .roles-layout > h2[data-v-592310f6] {
    margin-bottom: 3rem;
  }
}
.roles-copy[data-v-592310f6] {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 768px) {

  .roles-copy[data-v-592310f6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .roles-copy[data-v-592310f6] {
    gap: 2rem;
  }
}
.role-card[data-v-592310f6] {
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.role-art[data-v-592310f6] {
  position: relative;
  display: flex;
  height: 10rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  overflow: hidden;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 640px) {

  .role-art[data-v-592310f6] {
    gap: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.role-art--wallet[data-v-592310f6] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.role-art-orbit[data-v-592310f6] {
  position: absolute;
  left: -1.5rem;
  top: -2rem;
  height: 14rem;
  width: 14rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
}
.role-art-orbit[data-v-592310f6]::after {
  content: '';
  position: absolute;
  inset: 1.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
}
.role-art > svg[data-v-592310f6] {
  position: relative;
  height: 6rem;
  width: 8rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .role-art > svg[data-v-592310f6] {
    height: 7rem;
    width: 10rem;
  }
}
.role-art > svg[data-v-592310f6] {
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.role-bank-building[data-v-592310f6],
.role-wallet-front[data-v-592310f6] {
  fill: rgb(255 255 255 / 1);
}
.role-bank-shadow[data-v-592310f6],
.role-wallet-back[data-v-592310f6] {
  fill: #C9DAFF;
}
.role-wallet-key[data-v-592310f6] {
  fill: #C9DAFF;
}
.role-rails[data-v-592310f6] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
.role-rails span[data-v-592310f6] {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.role-assets[data-v-592310f6] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
.role-assets img[data-v-592310f6] {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
}
.role-card-copy[data-v-592310f6] {
  padding: 1.5rem;
}
@media (min-width: 640px) {

  .role-card-copy[data-v-592310f6] {
    padding: 2rem;
  }
}
.role-card-copy h3[data-v-592310f6] {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.role-card-copy p[data-v-592310f6] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.roles-copy a[data-v-592310f6] {
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.roles-copy a[data-v-592310f6]:focus-visible {
  outline: 3px solid #4D6CE6;
  outline-offset: 4px;
}
/* Explore cards */
.about-explore[data-v-592310f6] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .about-explore[data-v-592310f6] {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.explore-title[data-v-592310f6] {
  margin-bottom: 2rem;
  text-align: center;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .explore-title[data-v-592310f6],
  h2 .explore-title[data-v-592310f6],
  h3 .explore-title[data-v-592310f6] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .explore-title[data-v-592310f6] {
    margin-bottom: 3rem;
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.explore-grid[data-v-592310f6] {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 768px) {

  .explore-grid[data-v-592310f6] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .explore-grid[data-v-592310f6] {
    gap: 2rem;
  }
}
.explore-card[data-v-592310f6] {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition: border-color 250ms, box-shadow 250ms;
}
.explore-card[data-v-592310f6]:hover,
.explore-card[data-v-592310f6]:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.explore-card[data-v-592310f6]:focus-visible {
  outline: 3px solid #3F59BF;
  outline-offset: 3px;
}
.explore-card-title[data-v-592310f6] {
  margin-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.explore-card-copy[data-v-592310f6] {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: flex-start;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 1.5rem;
}
.why-index-link:hover .explore-card-copy[data-v-592310f6][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (min-width: 1024px) {

  .explore-card-copy[data-v-592310f6] {
    padding: 1.75rem;
  }
}
.explore-card-body[data-v-592310f6] {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.explore-arrow[data-v-592310f6] {
  margin-top: auto;
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
  transition: background-color 250ms, border-color 250ms;
}
.explore-arrow svg[data-v-592310f6] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 250ms var(--ease-out-expo);
}
.explore-card:hover .explore-arrow[data-v-592310f6],
.explore-card:focus-visible .explore-arrow[data-v-592310f6] {
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.explore-card:hover .explore-arrow svg[data-v-592310f6],
.explore-card:focus-visible .explore-arrow svg[data-v-592310f6] {
  transform: translateX(2px);
}
@media (prefers-reduced-motion: reduce) {
  .explore-card[data-v-592310f6],
  .explore-arrow[data-v-592310f6],
  .explore-arrow svg[data-v-592310f6] {
    transition: none !important;
  }
  .explore-arrow svg[data-v-592310f6] {
    transform: none !important;
  }
}

/* components/company/CareersHero.vue */

.careers-hero-section[data-v-6e04bdca] {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px) {

  .careers-hero-section[data-v-6e04bdca] {
    padding-top: 2.5rem;
  }
}
.careers-hero[data-v-6e04bdca] {
  display: grid;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .careers-hero[data-v-6e04bdca] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.careers-hero-copy[data-v-6e04bdca] {
  padding: 1.75rem;
}
@media (min-width: 640px) {

  .careers-hero-copy[data-v-6e04bdca] {
    padding: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .careers-hero-copy[data-v-6e04bdca] {
    padding: 3rem;
  }
}
.careers-hero-text[data-v-6e04bdca] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .careers-hero-text[data-v-6e04bdca] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.openings-card[data-v-6e04bdca] {
  margin-top: 2rem;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: 1.5rem;
}
.careers-photograph[data-v-6e04bdca] {
  position: relative;
  overflow: hidden;
}
.careers-photograph img[data-v-6e04bdca] {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}
@media (min-width: 1024px) {
  .careers-photograph[data-v-6e04bdca] {
    position: relative;
  }
  .careers-photograph img[data-v-6e04bdca] {
    position: absolute;
    inset: 0px;
    aspect-ratio: auto;
  }
}
.openings-count[data-v-6e04bdca] {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.openings-number[data-v-6e04bdca] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2rem;
  letter-spacing: 0.01em;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.openings-chips[data-v-6e04bdca] {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.openings-link[data-v-6e04bdca] {
  margin-top: 1.25rem;
  gap: 0.5rem;
}
.openings-link[data-v-6e04bdca]:focus-visible {
  outline: 3px solid #C9DAFF;
  outline-offset: 4px;
}

/* components/company/CareersGlobalFirst.vue */

@media (min-width: 1024px) {

  [data-v-73b071c2] .global-first-section .left-side {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
  }

  [data-v-73b071c2] .global-first-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
  }
}

/* components/containers/SectionContent.vue */

@media (min-width: 1024px) {

  .left-side[data-v-88c9e6fd],
.right-side[data-v-88c9e6fd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.left-side[data-v-88c9e6fd] {
  margin-bottom: 3rem;
}
@media (min-width: 640px) {

  .left-side[data-v-88c9e6fd] {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
  }
}
@media (min-width: 1024px) {

  .left-side[data-v-88c9e6fd] {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
    margin-bottom: 0px;
  }
}

@media (min-width: 640px) {

  .right-side[data-v-88c9e6fd] {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
  }
}

@media (min-width: 1024px) {

  .right-side[data-v-88c9e6fd] {
    grid-column: span 4 / span 4;
    grid-column-start: 7;
  }
}

.reverse .right-side[data-v-88c9e6fd] {
  order: 1;
}

@media (min-width: 1024px) {

  .reverse .right-side[data-v-88c9e6fd] {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
  }
}

.reverse .left-side[data-v-88c9e6fd] {
  order: 2;
}

@media (min-width: 1024px) {

  .reverse .left-side[data-v-88c9e6fd] {
    grid-column: span 4 / span 4;
    grid-column-start: 7;
  }
}

[data-v-88c9e6fd] .full-width {
  width: 100vw;
  margin-left: -1.5rem;
}

[data-v-88c9e6fd] .full-width img {
  margin-bottom: 0px;
  width: 100%;
}
@media (min-width: 640px) {
  [data-v-88c9e6fd] .full-width {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1024px) {

  [data-v-88c9e6fd] .img-grows-right {
    width: max-content;
  }
}

[data-v-88c9e6fd] .img-grows-right img {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1024px) {

  [data-v-88c9e6fd] .img-grows-right img {
    width: 100%;
  }

  [data-v-88c9e6fd] .img-grows-left {
    width: max-content;
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

[data-v-88c9e6fd] .img-grows-left img {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1024px) {

  [data-v-88c9e6fd] .img-grows-left img {
    width: 100%;
  }
}

/* components/JobCard.vue */

.job-card[data-v-c54f94ca] {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: 1.5rem;
}
.job-title[data-v-c54f94ca] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.job-terms[data-v-c54f94ca] {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.job-terms svg[data-v-c54f94ca] {
  height: 0.875rem;
  width: 0.875rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.job-link[data-v-c54f94ca] {
  margin-top: 1.5rem;
  gap: 0.5rem;
  align-self: flex-start;
}
.job-link[data-v-c54f94ca]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 3px;
}

/* components/company/CareersCurrentOpenings.vue */

.openings-section[data-v-56677968] {
  padding-bottom: 3.5rem;
}

@media (min-width: 1024px) {

  .openings-section[data-v-56677968] {
    padding-bottom: 6rem;
  }
}

.openings-section[data-v-56677968] {
  scroll-margin-top: 6rem;
}
.openings-grid[data-v-56677968] {
  display: grid;
  gap: 1rem;
}
@media (min-width: 640px) {

  .openings-grid[data-v-56677968] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .openings-grid[data-v-56677968] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }
}

/* components/company/AboutUsHero.vue */

.about-hero[data-v-e7039de1] {
  padding-top: 2.5rem;
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {

  .about-hero[data-v-e7039de1] {
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
  }
}
.about-introduction[data-v-e7039de1] {
  display: grid;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1024px) {

  .about-introduction[data-v-e7039de1] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
  }

  .about-copy[data-v-e7039de1] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.about-photograph[data-v-e7039de1] {
  overflow: hidden;
}
.about-photograph img[data-v-e7039de1] {
  display: block;
  width: 100%;
  border-radius: 1.5rem;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}
.identity-card[data-v-e7039de1] {
  margin-top: 2rem;
  display: grid;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .identity-card[data-v-e7039de1] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .identity-card[data-v-e7039de1] {
    margin-top: 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.identity-card[data-v-e7039de1] .identity-item + .identity-item {
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
}
@media (min-width: 1024px) {

  .identity-card[data-v-e7039de1] .identity-item + .identity-item {
    border-top-width: 0px;
    border-left-width: 1px;
    padding-left: 3rem;
  }
}

/* components/company/AboutUsMission.vue */

.identity-item[data-v-c5ee9ac5] {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.identity-label[data-v-c5ee9ac5] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.identity-statement[data-v-c5ee9ac5] {
  margin-top: 0.75rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .identity-statement[data-v-c5ee9ac5],
  h2 .identity-statement[data-v-c5ee9ac5],
  h3 .identity-statement[data-v-c5ee9ac5] {
    font-size: inherit;
    line-height: inherit;
  }

/* components/company/AboutUsVision.vue */

.identity-item[data-v-acc6658a] {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.identity-label[data-v-acc6658a] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.identity-statement[data-v-acc6658a] {
  margin-top: 0.75rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .identity-statement[data-v-acc6658a],
  h2 .identity-statement[data-v-acc6658a],
  h3 .identity-statement[data-v-acc6658a] {
    font-size: inherit;
    line-height: inherit;
  }

/* components/company/AboutUsOurValues.vue */

.values-section[data-v-2dfc2f3d] {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  .values-section[data-v-2dfc2f3d] {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
.values-grid[data-v-2dfc2f3d] {
  margin-top: 1rem;
  display: grid;
  gap: 1.25rem;
}
@media (min-width: 1024px) {

  .values-grid[data-v-2dfc2f3d] {
    margin-top: 2rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.value-card[data-v-2dfc2f3d] {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .value-card[data-v-2dfc2f3d] {
    padding: 1.5rem;
  }
}
@media (min-width: 1024px) {

  .value-card[data-v-2dfc2f3d] {
    padding: 2rem;
  }
}
.value-title[data-v-2dfc2f3d] {
  margin-top: 1rem;
  font-family: Cardo, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 400;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .value-title[data-v-2dfc2f3d],
  h2 .value-title[data-v-2dfc2f3d],
  h3 .value-title[data-v-2dfc2f3d] {
    font-size: inherit;
    line-height: inherit;
  }
.value-eyebrow[data-v-2dfc2f3d] {
  margin-top: 1.5rem;
}
.value-quote[data-v-2dfc2f3d] {
  margin-top: 0.5rem;
  flex: 1 1 0%;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.why-index-link:hover .value-quote[data-v-2dfc2f3d][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
/* Inline, so a wrapped principle title keeps the arrow after its last word. */
.value-link[data-v-2dfc2f3d] {
  margin-top: 1.5rem;
  align-self: flex-start;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.value-link[data-v-2dfc2f3d]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 4px;
  border-radius: 4px;
}

/* components/ImageWithTextCarousel.vue */

.testimonials[data-v-73a67a3b] {
  display: grid;
  gap: 2rem;
}

@media (min-width: 1024px) {

  .testimonials[data-v-73a67a3b] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: center;
    column-gap: 2rem;
  }

  .testimonials-intro[data-v-73a67a3b] {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
  }

  .testimonial-stage[data-v-73a67a3b] {
    grid-column: span 6 / span 6;
    grid-column-start: 6;
  }
}
.testimonial-tabs[data-v-73a67a3b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.testimonial-tab[data-v-73a67a3b] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.testimonial-tab[data-v-73a67a3b]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
}
.testimonial-tab.is-active[data-v-73a67a3b] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.testimonial-tab[data-v-73a67a3b]:focus-visible {
    outline: 3px solid #5578FF;
    outline-offset: 2px;
  }
.tab-avatar[data-v-73a67a3b] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.tab-avatar img[data-v-73a67a3b] {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.tab-initials[data-v-73a67a3b] {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.tab-text[data-v-73a67a3b] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tab-name[data-v-73a67a3b] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.tab-role[data-v-73a67a3b] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
/* Phones: quote first, then a small portrait with the attribution.
   Desktop: portrait on the left, quote and attribution on the right. */
.testimonial-card[data-v-73a67a3b] {
  display: grid;
  column-gap: 1rem;
  row-gap: 1.25rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
@media (min-width: 640px) {

  .testimonial-card[data-v-73a67a3b] {
    padding: 2rem;
  }
}
.testimonial-card[data-v-73a67a3b] {
  grid-template-columns: 3.5rem minmax(0, 1fr);
  grid-template-areas:
    'quote quote'
    'photo caption';
}
.testimonial-card.no-image[data-v-73a67a3b] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      'quote'
      'caption';
  }
.testimonial-photo[data-v-73a67a3b] {
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 9999px;
  object-fit: cover;
  grid-area: photo;
}
.testimonial-quote[data-v-73a67a3b] {
  grid-area: quote;
}
.quote-lead[data-v-73a67a3b] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .quote-lead[data-v-73a67a3b],
  h2 .quote-lead[data-v-73a67a3b],
  h3 .quote-lead[data-v-73a67a3b] {
    font-size: inherit;
    line-height: inherit;
  }
.quote-rest[data-v-73a67a3b] {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .quote-rest[data-v-73a67a3b] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.quote-name[data-v-73a67a3b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  grid-area: caption;
}
.quote-name strong[data-v-73a67a3b] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
/* Mission page: the attribution stacks centered under the quote: initials
   on top, name below, sharing one center line. */
.tribe-quotes[data-v-73a67a3b] .quote-name {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.625rem;
}
.tribe-quotes[data-v-73a67a3b] .caption-text {
  align-items: center;
}
/* Both testimonials share one fixed quote area so switching names never
   moves the page. Floors come from measured maxima across EN + ES. */
.tribe-quotes[data-v-73a67a3b] .testimonial-quote {
  min-height: 36rem;
}
/* Names wrap taller on very small phones; only they need the taller floor. */
@media (max-width: 374px) {
  .tribe-quotes[data-v-73a67a3b] .testimonial-quote {
    min-height: 46rem;
  }
}
/* The caption text (name + role) wraps to two lines on phones and one line
   from lg up; flooring it stops the leftover 24px hop. */
.tribe-quotes[data-v-73a67a3b] .caption-text {
  min-height: 3rem;
}
.caption-text[data-v-73a67a3b] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.caption-initials[data-v-73a67a3b] {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
  .testimonial-card[data-v-73a67a3b] {
    column-gap: 2rem;
    padding: 2rem;
    grid-template-columns: 13rem minmax(0, 1fr);
    grid-template-areas:
      'photo quote'
      'photo caption';
  }
  .testimonial-photo[data-v-73a67a3b] {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    min-height: 17rem;
  }
  .quote-name[data-v-73a67a3b] {
    align-items: flex-end;
  }
  .tribe-quotes[data-v-73a67a3b] .testimonial-quote {
    min-height: 26rem;
  }
  .tribe-quotes[data-v-73a67a3b] .caption-text {
    min-height: 0;
  }
}
@media (min-width: 1280px) {
  .tribe-quotes[data-v-73a67a3b] .testimonial-quote {
    min-height: 20rem;
  }
}
.testimonial-dots[data-v-73a67a3b] {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
.testimonial-dot[data-v-73a67a3b] {
  position: relative;
  height: 2.75rem;
  width: 2.75rem;
  border-radius: 9999px;
}
.testimonial-dot[data-v-73a67a3b]::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0.625rem;
    width: 0.625rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(168 203 255 / var(--tw-bg-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
.testimonial-dot.is-active[data-v-73a67a3b]::after {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.testimonial-dot[data-v-73a67a3b]:focus-visible {
    outline: 3px solid #5578FF;
    outline-offset: 1px;
  }
.fade-enter-active[data-v-73a67a3b],
.fade-leave-active[data-v-73a67a3b] {
  transition: opacity 0.2s ease;
}
.fade-enter[data-v-73a67a3b],
.fade-leave-to[data-v-73a67a3b] {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .fade-enter-active[data-v-73a67a3b],
  .fade-leave-active[data-v-73a67a3b],
  .testimonial-tab[data-v-73a67a3b] {
    transition: none;
  }
}

/* components/company/PrinciplesHero.vue */

.principles-hero-section[data-v-af9c75b7] {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px) {

  .principles-hero-section[data-v-af9c75b7] {
    padding-top: 2.5rem;
  }
}
.principles-hero[data-v-af9c75b7] {
  display: grid;
  gap: 1.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .principles-hero[data-v-af9c75b7] {
    padding: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .principles-hero[data-v-af9c75b7] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: flex-start;
    gap: 3rem;
    padding: 3.5rem;
  }
}
.principles-hero-copy[data-v-af9c75b7] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.principles-hero-copy[data-v-af9c75b7] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .principles-hero-copy[data-v-af9c75b7] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {

  .principles-hero-copy[data-v-af9c75b7] {
    grid-column: span 6 / span 6;
    grid-column-start: 7;
  }
}

/* components/forms/Select.vue */

.select[data-v-1302f358]::after {
  content: '\25BE';
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 1rem;
  --tw-translate-y: -50%;
  --tw-scale-x: 1.5;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

/* pages/company/principles.vue */

.sidebar[data-v-6aeb6e2e] {
  position: sticky;
  top: 8rem;
  overflow-y: auto;
  padding-right: 1.5rem;
  max-height: calc(100vh - 10rem);
}
.sidebar-link[data-v-6aeb6e2e] {
  display: flex;
  gap: 0.75rem;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.sidebar-link[data-v-6aeb6e2e]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.sidebar-link[data-v-6aeb6e2e]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 2px;
}
.sidebar-number[data-v-6aeb6e2e] {
  width: 1.25rem;
  flex-shrink: 0;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.drawer-row .sidebar-number[data-v-6aeb6e2e][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

/* components/PrinciplesEntry.vue */

.entry-anchor[data-v-17a250bd] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: -8rem;
}
.entry-number[data-v-17a250bd] {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.drawer-row .entry-number[data-v-17a250bd][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.entry-title[data-v-17a250bd] {
  margin-bottom: 1rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .entry-title[data-v-17a250bd],
  h2 .entry-title[data-v-17a250bd],
  h3 .entry-title[data-v-17a250bd] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .entry-title[data-v-17a250bd] {
    font-size: 1.875rem;
    line-height: 2.25rem;
    line-height: 1.375;
  }
}
[data-v-17a250bd] ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

/* pages/compare/money-transfer-philippines.vue */

.compare-page[data-v-f7a7e17e] {
  margin: 0px;
  display: flex;
  height: 100vh;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0px;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.compare-notice-wrap[data-v-f7a7e17e] {
  position: relative;
  z-index: 50;
  flex-shrink: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 640px) {

  .compare-notice-wrap[data-v-f7a7e17e] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* Same amber as the kit's ui-chip--wait: an instruction, not an error. */
.compare-notice[data-v-f7a7e17e] {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 56rem;
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 640px) {

  .compare-notice[data-v-f7a7e17e] {
    align-items: center;
  }
}
.compare-notice[data-v-f7a7e17e] {
  background: #fff4dc;
  border-color: #f3dfb1;
}
.compare-notice-icon[data-v-f7a7e17e] {
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  color: #8a5a00;
}
.compare-notice-icon svg[data-v-f7a7e17e] {
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.compare-notice-title[data-v-f7a7e17e] {
  margin: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.375;
  letter-spacing: 0.05em;
  color: #8a5a00;
}
.compare-notice-body[data-v-f7a7e17e] {
  margin: 0px;
  margin-top: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .compare-notice-body[data-v-f7a7e17e] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.compare-frame[data-v-f7a7e17e] {
  width: 100%;
  flex-grow: 1;
  border-width: 0px;
}

/* components/LegalNote.vue */

.legal-note[data-v-e9e8509a] {
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .legal-note[data-v-e9e8509a] {
    padding-bottom: 6rem;
  }
}

/* The rule sits inside the gutter, so it spans the content width like every
   other section rule, not the padded box. */
.legal-text[data-v-e9e8509a] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* components/compare/ComparePanel.vue */

.compare-panel[data-v-b3b157cc] {
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .compare-panel[data-v-b3b157cc] {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {

  .compare-panel[data-v-b3b157cc] {
    padding: 3rem;
  }
}
.compare-panel[data-v-b3b157cc] .section-title-italic {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}

/* components/compare/CompareCurrencyStrip.vue */

.fx-strip[data-v-de4a4562] {
  display: grid;
  gap: 1.25rem;
}

@media (min-width: 1024px) {

  .fx-strip[data-v-de4a4562] {
    grid-template-columns: 12rem 1fr;
    gap: 2.5rem;
  }
}

.fx-description[data-v-de4a4562] {
  max-width: 30ch;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.fx-content[data-v-de4a4562] {
  min-width: 0px;
}

@media (max-width: 359px) {
  .fx-board-row > .fx-content[data-v-de4a4562][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .fx-content[data-v-de4a4562][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.fx-list[data-v-de4a4562] {
  display: grid;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 6rem), 1fr)
  );
}

.fx-chip[data-v-de4a4562] {
  display: flex;
  min-width: 0px;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

@media (max-width: 359px) {
  .fx-board-row > .fx-chip[data-v-de4a4562][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .fx-chip[data-v-de4a4562][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.fx-chip--stable[data-v-de4a4562] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.fx-rate[data-v-de4a4562] {
  margin-left: auto;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.fx-flag[data-v-de4a4562] {
  height: auto;
  width: 1.25rem;
  flex: none;
  border-radius: 0.125rem !important;
}

.fx-chip--hidden[data-v-de4a4562] {
  display: none;
}

@media (min-width: 640px) {

  .fx-chip--hidden[data-v-de4a4562] {
    display: inline-flex;
  }
}

.fx-actions[data-v-de4a4562] {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 0.75rem;
}

.fx-more[data-v-de4a4562] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

@media (min-width: 640px) {

  .fx-more[data-v-de4a4562] {
    display: none;
  }
}

.fx-more[data-v-de4a4562]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.fx-more[data-v-de4a4562]:active {
  transform: scale(0.98);
}

.fx-note[data-v-de4a4562] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

@media (prefers-reduced-motion: reduce) {
  .fx-more[data-v-de4a4562] {
    transition: none;
  }

  .fx-more[data-v-de4a4562]:active {
    transform: none;
  }
}

/* components/compare/ComparePayoutCard.vue */

.payout-stage[data-v-de882e0f] {
  width: 100%;
  align-self: center;
}

.payout-surface[data-v-de882e0f] {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {

  .payout-surface[data-v-de882e0f] {
    padding: 1.75rem;
  }
}

.payout-topline[data-v-de882e0f] {
  margin-bottom: 1.5rem;
}

.payout-logo[data-v-de882e0f] {
  height: auto;
  width: 6rem;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}

.payout-flow[data-v-de882e0f] {
  display: grid;
  align-items: flex-start;
  gap: 1.25rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {

  .payout-flow[data-v-de882e0f] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.payout-flow[data-v-de882e0f] {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 8rem), 1fr)
  );
}

.payout-node[data-v-de882e0f] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.5rem;
}

@media (max-width: 359px) {
  .fx-board-row > .payout-node[data-v-de882e0f][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .payout-node[data-v-de882e0f][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.payout-node--destination[data-v-de882e0f] {
  align-items: flex-end;
  text-align: right;
}

.payout-node-label[data-v-de882e0f] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

.payout-node-amount[data-v-de882e0f] {
  white-space: nowrap;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .payout-node-amount[data-v-de882e0f] {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
}

.payout-rows[data-v-de882e0f] {
  margin-top: 1.25rem;
}

.payout-rows--currencies[data-v-de882e0f] {
  display: grid;
  column-gap: 1rem;
}

@media (min-width: 640px) {

  .payout-rows--currencies[data-v-de882e0f] {
    column-gap: 1.5rem;
  }
}

.payout-rows--currencies[data-v-de882e0f] {
  grid-template-columns: repeat(
    auto-fit,
    minmax(
      min(
        100%,
        max(7rem, calc((100% - 1.5rem) / 2))
      ),
      1fr
    )
  );
}

.payout-currency-row[data-v-de882e0f] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.payout-flag[data-v-de882e0f] {
  height: auto;
  width: 1.5rem;
  flex: none;
  border-radius: 0.125rem !important;
}

.payout-row-code[data-v-de882e0f] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.payout-row-amount[data-v-de882e0f] {
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.payout-cost-row[data-v-de882e0f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.payout-cost-label[data-v-de882e0f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.payout-row-amount--us[data-v-de882e0f] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.payout-total[data-v-de882e0f] {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.25rem;
  row-gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}

.payout-total-label[data-v-de882e0f] {
  max-width: 26ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.payout-total-amount[data-v-de882e0f] {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .payout-total-amount[data-v-de882e0f] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}

.payout-note[data-v-de882e0f] {
  position: relative;
  margin-top: 1.25rem;
  max-width: 50ch;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

@media (prefers-reduced-motion: reduce) {
  .payout-surface[data-v-de882e0f],
  [data-payout-row][data-v-de882e0f] {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 374px) {
  .payout-rows--currencies[data-v-de882e0f] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .payout-node-amount[data-v-de882e0f] {
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: 0.005em;
  }
  .payout-node--destination[data-v-de882e0f] {
    align-items: flex-start;
    text-align: left;
  }
}

/* components/compare/CompareStatBand.vue */

.stat-band[data-v-0075e301] {
  display: grid;
  gap: 0.75rem;
}

.stat[data-v-0075e301] {
  min-width: 0px;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(255 255 255 / 0.1);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (max-width: 359px) {
  .fx-board-row > .stat[data-v-0075e301][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .stat[data-v-0075e301][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.stat-amount[data-v-0075e301] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.drawer-row .stat-amount[data-v-0075e301][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.stat-amount--us[data-v-0075e301] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}

.stat-label[data-v-0075e301] {
  margin-top: 0.5rem;
  max-width: 32ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

/* components/compare/CompareWorldMap.vue */

.world-art[data-v-56d941c2] {
  height: 100%;
  width: 100%;
  overflow: visible;
}
.world-land[data-v-56d941c2] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
  opacity: 0.2;
  stroke: currentColor;
  stroke-width: 5.2;
  stroke-linecap: round;
}
.world-routes[data-v-56d941c2] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1.6;
}
.world-destination circle[data-v-56d941c2],
.world-origin[data-v-56d941c2] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  fill: currentColor;
}
.world-destination text[data-v-56d941c2],
.world-origin-label[data-v-56d941c2] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
  fill: currentColor;
}
.world-origin-ring[data-v-56d941c2] {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1;
}

@media (prefers-reduced-motion: reduce) {
  .world-routes path[data-v-56d941c2] {
    opacity: 1 !important;
  }
}

/* components/compare/CompareMapStats.vue */

.network-stage[data-v-c38d80bd] {
  position: relative;
  margin-top: 2.5rem;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .network-stage[data-v-c38d80bd] {
    margin-top: 3rem;
  }
}
.network-art[data-v-c38d80bd] {
  position: absolute;
  inset: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 64rem;
  opacity: 0.6;
}
.network-art[data-v-c38d80bd] text {
  display: none;
}
.map-stats[data-v-c38d80bd] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
}
@media (min-width: 640px) {

  .map-stats[data-v-c38d80bd] {
    gap: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px) {

  .map-stats[data-v-c38d80bd] {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 3.5rem;
  }
}
.map-stat[data-v-c38d80bd] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  text-align: center;
}
@media (max-width: 359px) {
  .fx-board-row > .map-stat[data-v-c38d80bd][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .map-stat[data-v-c38d80bd][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.map-stat-value[data-v-c38d80bd] {
  order: -9999;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.drawer-row .map-stat-value[data-v-c38d80bd][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 640px) {

  .map-stat-value[data-v-c38d80bd] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.map-stat-label[data-v-c38d80bd] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5rem;
  max-width: 20ch;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .map-stat-label[data-v-c38d80bd] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.network-note[data-v-c38d80bd] {
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
  padding-top: 1.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .network-note[data-v-c38d80bd] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px) {

  .network-note[data-v-c38d80bd] {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 2.5rem;
  }
}

/* components/compare/CompareCostBars.vue */

.cost-bars[data-v-ae2c1545] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.cost-bar-heading[data-v-ae2c1545] {
  margin-bottom: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.25rem;
}

.cost-bar-label[data-v-ae2c1545] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.cost-bar-value[data-v-ae2c1545] {
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.drawer-row .cost-bar-value[data-v-ae2c1545][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.cost-bar-track[data-v-ae2c1545] {
  display: block;
  height: 1rem;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
}

.cost-bar-fill[data-v-ae2c1545] {
  display: block;
  height: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / var(--tw-bg-opacity, 1));
}

.cost-bar--us .cost-bar-label[data-v-ae2c1545],
.cost-bar--us .cost-bar-value[data-v-ae2c1545] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.cost-bar--us .cost-bar-fill[data-v-ae2c1545] {
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}

/* components/compare/ComparePriceColumns.vue */

.price-columns[data-v-0b6f65fa] {
  display: grid;
  align-items: stretch;
  gap: 1.5rem;
}

@media (min-width: 1024px) {

  .price-columns[data-v-0b6f65fa] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }
}

.price-column[data-v-0b6f65fa] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 359px) {
  .fx-board-row > .price-column[data-v-0b6f65fa][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .price-column[data-v-0b6f65fa][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

@media (min-width: 640px) {

  .price-column[data-v-0b6f65fa] {
    padding: 2rem;
  }
}

.price-column--us[data-v-0b6f65fa] {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
}

.price-heading[data-v-0b6f65fa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.price-provider[data-v-0b6f65fa] {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.price-column--us .price-provider[data-v-0b6f65fa] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.price-tag[data-v-0b6f65fa] {
  margin-bottom: 2rem;
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.75rem;
  row-gap: 0.5rem;
}

.price-amount[data-v-0b6f65fa] {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.drawer-row .price-amount[data-v-0b6f65fa][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

@media (min-width: 640px) {

  .price-amount[data-v-0b6f65fa] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}

.price-column--us .price-amount[data-v-0b6f65fa] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.price-suffix[data-v-0b6f65fa] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.price-column--us .price-suffix[data-v-0b6f65fa] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

.price-list[data-v-0b6f65fa] {
  margin-bottom: 2rem;
  flex: 1 1 0%;
}

.price-list[data-v-0b6f65fa] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.why-index-link:hover .price-list[data-v-0b6f65fa][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

.price-point[data-v-0b6f65fa] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.price-column--us .price-point[data-v-0b6f65fa] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.price-fine[data-v-0b6f65fa] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.price-column--us .price-fine[data-v-0b6f65fa] {
  border-color: rgb(255 255 255 / 0.2);
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

/* components/compare/CompareTable.vue */

.compare-table-wrap[data-v-654ed0a4] {
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.compare-table[data-v-654ed0a4] {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: left;
}

.compare-caption[data-v-654ed0a4] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .compare-caption[data-v-654ed0a4] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.compare-head[data-v-654ed0a4] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .compare-head[data-v-654ed0a4] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.compare-head--job[data-v-654ed0a4] {
  width: 32%;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.compare-head--us[data-v-654ed0a4] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.compare-row-head[data-v-654ed0a4] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .compare-row-head[data-v-654ed0a4] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.compare-job[data-v-654ed0a4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.compare-flag[data-v-654ed0a4] {
  height: auto;
  width: 1.5rem;
  flex: none;
  border-radius: 0.125rem !important;
}

.compare-cell[data-v-654ed0a4] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .compare-cell[data-v-654ed0a4] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.compare-cell--us[data-v-654ed0a4] {
  background-color: rgb(238 243 255 / 0.6);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.compare-cell-text[data-v-654ed0a4] {
  display: block;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.drawer-row .compare-cell-text[data-v-654ed0a4][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

.table-note[data-v-654ed0a4] {
  margin-top: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.table-note[data-v-654ed0a4] a {
  margin-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.table-note[data-v-654ed0a4] a:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.compare-cell-label[data-v-654ed0a4] {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

  .compare-cell-label[data-v-654ed0a4] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}

.compare-cell--us .compare-cell-label[data-v-654ed0a4] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

@media (max-width: 767px) {
  .compare-table[data-v-654ed0a4],
  .compare-table tbody[data-v-654ed0a4],
  .compare-table tr[data-v-654ed0a4],
  .compare-table td[data-v-654ed0a4],
  .compare-table th[data-v-654ed0a4],
  .compare-caption[data-v-654ed0a4] {
    display: block;
  }

  .compare-table thead[data-v-654ed0a4] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .compare-caption[data-v-654ed0a4] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .compare-row-head[data-v-654ed0a4] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .compare-cell[data-v-654ed0a4] {
    border-top-width: 0px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .compare-cell--us[data-v-654ed0a4] {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  }

  .compare-table-block--currencies .compare-table tbody tr[data-v-654ed0a4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .compare-table-block--currencies .compare-row-head[data-v-654ed0a4] {
    grid-column: span 2 / span 2;
  }

  .compare-table-block--currencies .compare-cell--us[data-v-654ed0a4] {
    border-left-width: 1px;
    border-top-width: 0px;
  }
}

/* components/compare/CompareCostExplorer.vue */

.explorer-section[data-v-265459ea] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .explorer-section[data-v-265459ea] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.explorer-heading[data-v-265459ea] {
  margin-bottom: 2.5rem;
  max-width: 44rem;
}
@media (min-width: 1024px) {

  .explorer-heading[data-v-265459ea] {
    margin-bottom: 3rem;
  }
}
.calculator[data-v-265459ea] {
  display: grid;
  gap: 2rem;
}
@media (min-width: 1024px) {

  .calculator[data-v-265459ea] {
    grid-template-columns: 0.8fr 1.2fr;
    gap: 3rem;
  }
}
.calculator-controls[data-v-265459ea] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 359px) {
  .fx-board-row > .calculator-controls[data-v-265459ea][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .calculator-controls[data-v-265459ea][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

.mobile-outcome[data-v-265459ea] {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (min-width: 1024px) {

  .mobile-outcome[data-v-265459ea] {
    display: none;
  }
}

.mobile-outcome p[data-v-265459ea] {
  max-width: 21ch;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.mobile-outcome strong[data-v-265459ea] {
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

.drawer-row .mobile-outcome strong[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.calculator-control + .calculator-control[data-v-265459ea] {
  margin-top: 2.25rem;
}
.calculator-control label[data-v-265459ea] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.calculator-control output[data-v-265459ea] {
  margin-bottom: 1rem;
  margin-top: 0.75rem;
  display: block;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.drawer-row .calculator-control output[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.calculator-control output span[data-v-265459ea] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.calculator-control input[type='range'][data-v-265459ea] {
  display: block;
  height: 2.75rem;
  width: 100%;
  cursor: pointer;
  border-radius: 0.75rem;
  accent-color: #4D6CE6;
}
.range-limits[data-v-265459ea] {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.drawer-row .range-limits[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.plan-assumption[data-v-265459ea] {
  margin-top: auto;
  padding-top: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.calculator-controls > .plan-assumption[data-v-265459ea] {
  margin-top: 2rem;
}
.scenario-choices legend[data-v-265459ea] {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.scenario-options[data-v-265459ea] {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(
    auto-fit,
    minmax(
      min(
        100%,
        max(6rem, calc((100% - 1rem) / 3))
      ),
      1fr
    )
  );
}
.scenario-choice[data-v-265459ea] {
  min-width: 0px;
  cursor: pointer;
}
@media (max-width: 359px) {
  .fx-board-row > .scenario-choice[data-v-265459ea][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .scenario-choice[data-v-265459ea][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scenario-choice--featured[data-v-265459ea] {
  grid-column: 1 / -1;
}
.scenario-option-body[data-v-265459ea] {
  display: flex;
  min-height: 72px;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.scenario-choice--featured .scenario-option-body[data-v-265459ea] {
  min-height: 56px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.scenario-option-currency[data-v-265459ea] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scenario-option-currency img[data-v-265459ea] {
  height: auto;
  width: 1.5rem;
  border-radius: 0.125rem !important;
}
.scenario-option-amount[data-v-265459ea] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.drawer-row .scenario-option-amount[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.scenario-choice:hover .scenario-option-body[data-v-265459ea] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
}
.scenario-choice input:checked + .scenario-option-body[data-v-265459ea] {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  box-shadow: inset 0 0 0 1px #3F59BF;
}
.scenario-choice input:focus-visible + .scenario-option-body[data-v-265459ea] {
  outline: 3px solid #3F59BF;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .scenario-option-body[data-v-265459ea] {
    transition: none;
  }
}
.scenario-date[data-v-265459ea] {
  margin-top: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.calculator-results[data-v-265459ea] {
  min-width: 0px;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
@media (max-width: 359px) {
  .fx-board-row > .calculator-results[data-v-265459ea][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .calculator-results[data-v-265459ea][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 640px) {

  .calculator-results[data-v-265459ea] {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .calculator-results[data-v-265459ea] {
    padding: 2.5rem;
  }
}
.outcome-label[data-v-265459ea] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.outcome-amount[data-v-265459ea] {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.75rem;
  row-gap: 0.25rem;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .outcome-amount[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 1024px) {

  .outcome-amount[data-v-265459ea] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.outcome-separator[data-v-265459ea] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.outcome-caption[data-v-265459ea] {
  margin-top: 0.75rem;
  max-width: 48ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.calculator-comparison[data-v-265459ea] {
  margin-top: 2rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.comparison-caption[data-v-265459ea] {
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.provider-cost + .provider-cost[data-v-265459ea] {
  margin-top: 1.25rem;
}
.provider-heading[data-v-265459ea] {
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.provider-heading strong[data-v-265459ea] {
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .provider-heading strong[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.provider-track[data-v-265459ea] {
  display: block;
  height: 0.5rem;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.provider-track > span[data-v-265459ea] {
  display: block;
  height: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(91 103 122 / var(--tw-bg-opacity, 1));
}
.provider-track > .provider-fill--bancoli[data-v-265459ea] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
}
.calculation-breakdown[data-v-265459ea] {
  margin-top: 1.75rem;
  display: grid;
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
}
.calculation-breakdown > div[data-v-265459ea] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.25rem;
}
.calculation-breakdown dt[data-v-265459ea] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.calculation-breakdown dd[data-v-265459ea] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.drawer-row .calculation-breakdown dd[data-v-265459ea][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.calculator-note[data-v-265459ea] {
  margin-top: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.calculator-pricing-link[data-v-265459ea] {
  margin-top: 0.5rem;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.calculator-pricing-link[data-v-265459ea]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

/* components/compare/CompareLanding.vue */

.compare-container[data-v-ae105871] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px) {

  .compare-container[data-v-ae105871] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.compare-hero[data-v-ae105871] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {

  .compare-hero[data-v-ae105871] {
    padding-bottom: 2.5rem;
  }
}
.hero-container[data-v-ae105871] {
  position: relative;
}
.hero-grid[data-v-ae105871] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .hero-grid[data-v-ae105871] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.5rem;
  }
}
.hero-copy[data-v-ae105871] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .hero-copy[data-v-ae105871][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .hero-copy[data-v-ae105871][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.hero-title[data-v-ae105871] {
  max-width: 20ch;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.hero-title[data-v-ae105871] .section-title-italic {
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.hero-lede[data-v-ae105871] {
  max-width: 52ch;
}
.hero-actions[data-v-ae105871] {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 0.75rem;
}
.hero-secondary[data-v-ae105871] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  border-radius: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #C9DAFF;
  text-underline-offset: 4px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.hero-secondary[data-v-ae105871]:hover {
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
  text-decoration-color: #3F59BF;
}
.hero-secondary[data-v-ae105871]:active {
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.source-line[data-v-ae105871] {
  margin-top: 2.5rem;
  display: grid;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .source-line[data-v-ae105871] {
    margin-top: 3rem;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
  }
}
.currency-section[data-v-ae105871] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-bottom: 3rem;
  padding-top: 1rem;
}
@media (min-width: 1024px) {

  .currency-section[data-v-ae105871] {
    padding-bottom: 4rem;
    padding-top: 1.5rem;
  }
}
.problem-section[data-v-ae105871] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .problem-section[data-v-ae105871] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.problem-panel[data-v-ae105871] {
  display: grid;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1024px) {

  .problem-panel[data-v-ae105871] {
    grid-template-columns: minmax(0,1.2fr) minmax(0,0.8fr);
    gap: 3.5rem;
  }
}
.problem-copy[data-v-ae105871] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .problem-copy[data-v-ae105871][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .problem-copy[data-v-ae105871][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.problem-body[data-v-ae105871] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.problem-body + .problem-body[data-v-ae105871] {
  margin-top: 1.25rem;
}
.problem-source[data-v-ae105871] {
  margin-top: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.how-section[data-v-ae105871] {
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .how-section[data-v-ae105871] {
    padding-bottom: 6rem;
  }
}
.how-heading[data-v-ae105871] {
  max-width: 44rem;
}
.how-heading h2[data-v-ae105871] {
  max-width: 30ch;
}
.how-grid[data-v-ae105871] {
  margin-top: 1.5rem;
  display: grid;
  gap: 1rem;
}
@media (min-width: 1024px) {

  .how-grid[data-v-ae105871] {
    gap: 1.5rem;
  }
}
.how-grid[data-v-ae105871] {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 18rem), 1fr)
  );
}
.how-item[data-v-ae105871] {
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
}
@media (min-width: 1024px) {

  .how-item[data-v-ae105871] {
    padding: 1.75rem;
  }
}
.how-body[data-v-ae105871] {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.math-section[data-v-ae105871] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .math-section[data-v-ae105871] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.math-heading[data-v-ae105871] {
  margin-bottom: 2.5rem;
  display: grid;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .math-heading[data-v-ae105871] {
    margin-bottom: 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
  }
}
.math-assumption[data-v-ae105871] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.save-note[data-v-ae105871] {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.table-section[data-v-ae105871] {
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .table-section[data-v-ae105871] {
    padding-bottom: 6rem;
  }
}
.compare-faq[data-v-ae105871] {
  margin: 0px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1)) !important;
}
.closing-section[data-v-ae105871] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .closing-section[data-v-ae105871] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.closing-panel[data-v-ae105871] {
  display: grid;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1024px) {

  .closing-panel[data-v-ae105871] {
    grid-template-columns: 1fr auto;
    gap: 4rem;
  }
}
.final-body[data-v-ae105871] {
  max-width: 58ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.closing-panel[data-v-ae105871] .button {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.closing-panel[data-v-ae105871] .button:hover,
.closing-panel[data-v-ae105871] .button:focus,
.closing-panel[data-v-ae105871] .button:active {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.closing-panel[data-v-ae105871] .button:focus-visible {
  outline-color: #A8CBFF;
}
@media (prefers-reduced-motion: reduce) {
  .hero-secondary[data-v-ae105871] {
    transition: none;
  }
}

/* components/features/zero-fx/ZeroFXConverter.vue */

.fx-converter[data-v-e188b31a] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 28rem;
  border-radius: 1.5rem;
  padding: 1.25rem;
  text-align: left;
}

@media (min-width: 640px) {

  .fx-converter[data-v-e188b31a] {
    padding: 1.75rem;
  }
}

@media (min-width: 1024px) {

  .fx-converter[data-v-e188b31a] {
    padding: 2rem;
  }
}
.fx-title[data-v-e188b31a] {
  margin-bottom: 1.5rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .fx-title[data-v-e188b31a] {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.fx-label[data-v-e188b31a] {
  margin-bottom: 0.375rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.fx-control[data-v-e188b31a] {
  position: relative;
  display: flex;
  height: 3.5rem;
  align-items: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.fx-control[data-v-e188b31a]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  box-shadow: 0 0 0 3px rgba(77, 108, 230, 0.18);
}
.fx-input[data-v-e188b31a] {
  height: 100%;
  min-width: 0px;
  flex-grow: 1;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (max-width: 359px) {
  .fx-board-row > .fx-input[data-v-e188b31a][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.drawer-row .fx-input[data-v-e188b31a][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 359px) {
  .gt-invoice > .fx-input[data-v-e188b31a][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.fx-picker[data-v-e188b31a] {
  position: relative;
  height: 100%;
  flex-shrink: 0;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.fx-picker--boxed[data-v-e188b31a] {
  height: 2.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.fx-picker-button[data-v-e188b31a] {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 0.5rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.fx-picker-button[data-v-e188b31a]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.fx-picker-button[data-v-e188b31a]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.fx-picker--boxed .fx-picker-button[data-v-e188b31a] {
  border-radius: 0.75rem;
}
.fx-picker-button[data-v-e188b31a]:focus-visible {
  box-shadow: inset 0 0 0 2px #4D6CE6;
}
.fx-flag[data-v-e188b31a] {
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.fx-chevron[data-v-e188b31a] {
  height: 1rem;
  width: 1rem;
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.fx-note[data-v-e188b31a] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.fx-result[data-v-e188b31a] {
  position: relative;
  margin-top: 1.25rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}
@media (min-width: 640px) {

  .fx-result[data-v-e188b31a] {
    padding: 1.25rem;
  }
}
.fx-amount[data-v-e188b31a] {
  margin-top: 0.5rem;
  display: block;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.drawer-row .fx-amount[data-v-e188b31a][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.fx-amount[data-v-e188b31a] {
  overflow-wrap: anywhere;
}
.fx-rate-error[data-v-e188b31a] {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(197 48 48 / var(--tw-text-opacity, 1));
}
.fx-retry[data-v-e188b31a] {
  min-height: 44px;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.fx-retry[data-v-e188b31a]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.fx-rate[data-v-e188b31a] {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.5rem;
  row-gap: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.fx-compare[data-v-e188b31a] {
  margin-top: 1rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.fx-compare-row[data-v-e188b31a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.fx-savings[data-v-e188b31a] {
  margin-top: 0.75rem;
  border-radius: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background: #D1FAE5;
  color: #064E3B;
}
.fx-savings-top[data-v-e188b31a] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 0.75rem;
  row-gap: 0.25rem;
}
.fx-savings-amount[data-v-e188b31a] {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .fx-savings-amount[data-v-e188b31a][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.fx-cta[data-v-e188b31a] {
  margin-top: 1.25rem;
  width: 100%;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.fx-cta[data-v-e188b31a]:hover {
  opacity: 0.9;
}
.fx-cta[data-v-e188b31a]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.fx-cta[data-v-e188b31a]:focus-visible {
  box-shadow: 0 0 0 3px #4D6CE6;
}
.currency-menu[data-v-e188b31a] {
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: 50;
  margin-top: 0.25rem;
  overflow-y: auto;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: min(18rem, calc(100vw - 3rem));
  max-height: 20rem;
  box-shadow: 0 22px 48px -24px rgba(36, 68, 134, 0.45),
    0 2px 6px -2px rgba(36, 68, 134, 0.08);
}
.currency-option[data-v-e188b31a] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: left;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.currency-option[data-v-e188b31a]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.currency-option[data-v-e188b31a]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.currency-option[aria-current='true'][data-v-e188b31a] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}

/* components/features/zero-fx/ZeroFXHero.vue */

/* Compact hero: all top air comes from the container so the H1 lands on
   the site-wide 128px gap. min-h-0 releases the tall centered stage. */
.hero[data-v-57d91bac] .hero-container {
  padding-top: 4rem !important;
}
@media (min-width: 1024px) {

  .hero[data-v-57d91bac] .hero-container {
    min-height: 0px;
    padding-top: 6rem !important;
  }
}
/* Same availability line + email capture treatment as the Smart USD hero. */
.hero-available[data-v-57d91bac] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-available[data-v-57d91bac] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}
.hero-signup[data-v-57d91bac] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.75rem;
}
@media (min-width: 1024px) {

  .hero-signup[data-v-57d91bac] {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 80% !important;
  }
}
.hero-signup[data-v-57d91bac] {
  max-width: 448px;
}

/* components/containers/HeroSection.vue */

.hero[data-v-98306a25] {
  background-image: linear-gradient(
      60deg,
      rgba(43, 43, 43, 0.8) 0%,
      rgba(21, 22, 36, 0.7) 15%,
      rgba(43, 43, 43, 0.5) 50%
    ),
    var(--bg-mobile);
}
  .hero[data-v-98306a25] .section-title {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hero__dark[data-v-98306a25] {
  background-image: linear-gradient(
      60deg,
      rgba(15, 15, 15, 0.9) 0%,
      rgba(8, 8, 8, 0.8) 15%,
      rgba(15, 15, 15, 0.6) 50%
    ),
    var(--bg-mobile);
}
.hero__clear[data-v-98306a25] {
  background-image: var(--bg-mobile);
}

@media (min-width: 640px) {
  .hero[data-v-98306a25] {
    background-image: linear-gradient(
        60deg,
        rgba(43, 43, 43, 0.8) 0%,
        rgba(21, 22, 36, 0.7) 15%,
        rgba(43, 43, 43, 0.5) 50%
      ),
      var(--bg-desktop);
  }
  .hero__dark[data-v-98306a25] {
    background-image: linear-gradient(
        60deg,
        rgba(15, 15, 15, 0.9) 0%,
        rgba(8, 8, 8, 0.8) 15%,
        rgba(15, 15, 15, 0.6) 50%
      ),
      var(--bg-desktop);
  }
  .hero__clear[data-v-98306a25] {
    background-image: var(--bg-desktop);
  }
}

/* components/features/zero-fx/ZeroFXHiddenCost.vue */

.fx-hidden-cost[data-v-2062b2ad] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

/* components/visuals/FxCorridorBoard.vue */

.fx-board[data-v-309cba6d] {
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .fx-board[data-v-309cba6d] {
    padding: 1.5rem;
  }
}
.fx-board-head[data-v-309cba6d] {
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.fx-board-list[data-v-309cba6d] {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.fx-board-list li[data-v-309cba6d] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.fx-board-list li[data-v-309cba6d]:last-child {
  border-bottom-width: 0px;
}
.fx-board-row[data-v-309cba6d] {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.fx-board-row[data-v-309cba6d]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.fx-board-row[data-v-309cba6d]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.fx-board-row[data-v-309cba6d]:focus-visible {
  box-shadow: inset 0 0 0 2px #4D6CE6;
}
.fx-board-flag[data-v-309cba6d] {
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.fx-board-arrow[data-v-309cba6d] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fx-board-chips[data-v-309cba6d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.fx-board-chip[data-v-309cba6d] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.fx-board-chip[data-v-309cba6d]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.fx-board-chip[data-v-309cba6d]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.fx-board-chip[data-v-309cba6d]:focus-visible {
  box-shadow: 0 0 0 2px #4D6CE6;
}
.fx-board-chip-flag[data-v-309cba6d] {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
/* Very small phones: the rail chip drops under the currency line. The text
   gets an explicit basis (flag + arrow + gaps = 4.75rem) so the row wraps. */
@media (max-width: 359px) {
  .fx-board-row[data-v-309cba6d] {
    flex-wrap: wrap;
    row-gap: 0.25rem;
  }
  .fx-board-row > .min-w-0[data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .fx-board-arrow[data-v-309cba6d] {
    order: 2;
  }
  .fx-board-row .ui-chip[data-v-309cba6d] {
    order: 3;
    margin-left: 2.75rem;
  }
}

/* components/features/zero-fx/ZeroFXGlobalReach.vue */

.fx-global-reach[data-v-6a7c4017] {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: rgb(226 232 240 / 0.6);
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 1024px) {

  .fx-global-reach[data-v-6a7c4017] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

/* components/visuals/FxPayoutReceipt.vue */

.fx-receipt[data-v-604a665d] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 3.5rem;
}
.fx-receipt-card[data-v-604a665d] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.fx-receipt-head[data-v-604a665d] {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.fx-receipt-pair[data-v-604a665d] {
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .fx-receipt-pair[data-v-604a665d],
  h2 .fx-receipt-pair[data-v-604a665d],
  h3 .fx-receipt-pair[data-v-604a665d] {
    font-size: inherit;
    line-height: inherit;
  }
.fx-receipt-pair svg[data-v-604a665d] {
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fx-receipt-flags[data-v-604a665d] {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.fx-receipt-flag[data-v-604a665d] {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  object-fit: cover;
}
/* Long values (a VND rate) wrap under their label instead of squeezing it. */
.fx-receipt-card .ui-row[data-v-604a665d] {
  flex-wrap: wrap;
  row-gap: 0.25rem;
}
.fx-receipt-card .ui-row[data-v-604a665d] > :last-child {
  margin-left: auto;
  text-align: right;
}
.fx-receipt-total[data-v-604a665d] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.fx-receipt-sent[data-v-604a665d] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
  max-width: calc(100% - 1.5rem);
}
.fx-receipt-check[data-v-604a665d] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.fx-receipt-check svg[data-v-604a665d] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fx-receipt-sent-title[data-v-604a665d] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .fx-receipt-sent-title[data-v-604a665d][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.fx-receipt-sent-meta[data-v-604a665d] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: stack the confirmation under the receipt so it never covers it. */
@media (max-width: 639px) {
  .fx-receipt[data-v-604a665d] {
    padding: 0;
  }
  .fx-receipt-card[data-v-604a665d] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .fx-receipt-sent[data-v-604a665d] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/features/zero-fx/ZeroFXTransparency.vue */

.fx-transparency[data-v-e971ff5e] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 1024px) {

  .fx-transparency[data-v-e971ff5e] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.fx-transparency-proof[data-v-e971ff5e] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 2rem;
}
@media (min-width: 1024px) {

  .fx-transparency-proof[data-v-e971ff5e] {
    border-top-width: 0px;
    border-left-width: 1px;
    padding-left: 3rem;
    padding-top: 0px;
  }
}

/* components/index/IndexConnectedWorld.vue */

.connected-world[data-v-42c4f34b] {
  position: relative;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  scroll-margin-top: 6rem;
  isolation: isolate;
}
.world-atmosphere[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  background: radial-gradient(
    ellipse at 77% 46%,
    #244486 0,
    transparent 57%
  );
  opacity: 0.33;
}
.world-layout[data-v-42c4f34b] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 1440px;
  gap: 0px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 3rem;
  padding-top: 4rem;
}
@media (min-width: 1024px) {

  .world-layout[data-v-42c4f34b] {
    grid-template-columns: minmax(0,0.82fr) minmax(0,1.18fr);
    align-items: center;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 1280px) {

  .world-layout[data-v-42c4f34b] {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.world-copy[data-v-42c4f34b] {
  position: relative;
  z-index: 10;
}
.world-title[data-v-42c4f34b] {
  font-family: Cardo, serif;
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .world-title[data-v-42c4f34b],
  h2 .world-title[data-v-42c4f34b],
  h3 .world-title[data-v-42c4f34b] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .world-title[data-v-42c4f34b] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 1280px) {

  .world-title[data-v-42c4f34b] {
    font-size: 4.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.world-title em[data-v-42c4f34b] {
  display: block;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.world-accent[data-v-42c4f34b] {
  position: relative;
  display: inline-block;
}
/* Route underline: absolutely placed, so it never moves the heading. */
.world-accent-route[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0.96em;
  width: 108%;
  height: auto;
  overflow: visible;
}
.accent-route[data-v-42c4f34b] {
  stroke: #C9DAFF;
  stroke-width: 2.2;
  stroke-linecap: round;
}
.accent-dot[data-v-42c4f34b] {
  fill: #C9DAFF;
}
.accent-glow[data-v-42c4f34b] {
  fill: url("#bancoli-world-accent-glow");
  opacity: 0.55;
}
.accent-glow-core[data-v-42c4f34b] {
  stop-color: #C9DAFF;
  stop-opacity: 0.9;
}
.accent-glow-edge[data-v-42c4f34b] {
  stop-color: #C9DAFF;
  stop-opacity: 0;
}
.world-description[data-v-42c4f34b] {
  margin-top: 1.5rem;
  max-width: 24rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  color: rgb(223 233 255 / 0.8);
}
@media (min-width: 1024px) {

  .world-description[data-v-42c4f34b] {
    margin-top: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.world-controls[data-v-42c4f34b] {
  margin-top: 2.25rem;
}
@media (min-width: 1024px) {

  .world-controls[data-v-42c4f34b] {
    margin-top: 3rem;
  }
}
.world-currencies[data-v-42c4f34b] {
  position: relative;
  display: inline-grid;
  max-width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
@media (min-width: 640px) {

  .world-currencies[data-v-42c4f34b] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .world-currencies[data-v-42c4f34b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {

  .world-currencies[data-v-42c4f34b] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.world-currency[data-v-42c4f34b] {
  position: relative;
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.2);
  background-color: rgb(11 21 38 / 0.3);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition: background-color 180ms, border-color 180ms, color 180ms;
}
.world-currency img[data-v-42c4f34b] {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
}
.world-currency > svg[data-v-42c4f34b] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  transition: opacity 180ms;
}
.world-currency[data-v-42c4f34b]:hover:not(:disabled) {
  border-color: rgb(223 233 255 / 0.6);
  background-color: rgb(255 255 255 / 0.1);
}
.world-currency[data-v-42c4f34b]:active:not(:disabled) {
  transform: scale(0.97);
}
.world-currency[data-v-42c4f34b]:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.world-currency[aria-pressed='true'][data-v-42c4f34b] {
  border-color: rgb(201 218 255 / 0.7);
  background-color: rgb(201 218 255 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.world-currency[aria-pressed='true'] > svg[data-v-42c4f34b] {
  opacity: 1;
}
.world-currency[data-v-42c4f34b]:focus-visible {
  outline: 3px solid #C9DAFF;
  outline-offset: 4px;
}
/* Live homepage: one pill carries the selection between buttons. Without
   script the pressed button keeps its own fill (above). */
.world-pill[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  overflow: hidden;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(201 218 255 / 0.7);
  background-color: rgb(201 218 255 / 0.1);
  box-shadow: 0 0 0 4px rgb(201 218 255 / 5%),
    0 10px 28px -12px rgb(201 218 255 / 55%);
}
.world-currencies--pill .world-pill[data-v-42c4f34b] {
  display: block;
}
.world-currencies--pill .world-currency[aria-pressed='true'][data-v-42c4f34b],
.world-currencies--pill .world-currency[aria-pressed='true'][data-v-42c4f34b]:hover {
  border-color: transparent;
  background-color: transparent;
}
/* Autoplay dwell timer: a faint track that fills while autoplay runs. */
.world-pill-progress[data-v-42c4f34b] {
  position: absolute;
  bottom: 6px;
  height: 0.125rem;
  overflow: hidden;
  border-radius: 9999px;
  background-color: rgb(201 218 255 / 0.2);
  left: 22%;
  right: 22%;
  opacity: 0;
}
.world-pill-progress-fill[data-v-42c4f34b] {
  position: absolute;
  inset: 0px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  transform: scaleX(0);
  transform-origin: 0 50%;
}
.world-visual[data-v-42c4f34b] {
  position: relative;
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .world-visual[data-v-42c4f34b][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .world-visual[data-v-42c4f34b][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.world-scene[data-v-42c4f34b] {
  position: relative;
  width: 130%;
  margin-left: -15%;
  aspect-ratio: 760 / 660;
}
.world-globe-layer[data-v-42c4f34b] {
  position: absolute;
  inset: 0px;
}
.world-globe[data-v-42c4f34b],
.world-flow[data-v-42c4f34b] {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
}
.world-flow[data-v-42c4f34b] {
  pointer-events: none;
}
/* Own layer on the live page: route, comet and satellite frames repaint
   only the light overlay, never the dotted globe. */
.connected-world--live .world-globe[data-v-42c4f34b] {
  will-change: transform;
}
.connected-world--depth .world-hub[data-v-42c4f34b],
.connected-world--depth .world-scene[data-v-42c4f34b] {
  will-change: transform;
}
.world-canvas[data-v-42c4f34b] {
  position: relative;
  width: 100%;
  aspect-ratio: 760 / 660;
}
.world-stations[data-v-42c4f34b] {
  position: absolute;
  inset: 0px;
}
.world-halo[data-v-42c4f34b] {
  fill: url("#bancoli-world-halo");
}
.halo-center[data-v-42c4f34b] {
  stop-color: #5578FF;
  stop-opacity: 0.32;
}
.halo-middle[data-v-42c4f34b] {
  stop-color: #244486;
  stop-opacity: 0.18;
}
.halo-edge[data-v-42c4f34b] {
  stop-color: #244486;
  stop-opacity: 0;
}
.world-sphere[data-v-42c4f34b] {
  fill: url("#bancoli-world-sphere");
}
.sphere-highlight[data-v-42c4f34b] {
  stop-color: #244486;
  stop-opacity: 0.78;
}
.sphere-midpoint[data-v-42c4f34b] {
  stop-color: #244486;
  stop-opacity: 0.22;
}
.sphere-shadow[data-v-42c4f34b] {
  stop-color: #244486;
  stop-opacity: 0.06;
}
.world-orbits[data-v-42c4f34b] {
  stroke: #A8CBFF;
  stroke-opacity: 0.13;
  stroke-width: 0.65;
}
.world-orbit-outer[data-v-42c4f34b] {
  stroke-opacity: 0.08;
}
.orbit-point[data-v-42c4f34b] {
  fill: #C9DAFF;
  opacity: 0.7;
}
.orbit-point--quiet[data-v-42c4f34b] {
  opacity: 0.35;
}
.globe-grid[data-v-42c4f34b] {
  stroke: #A8CBFF;
  stroke-width: 0.65;
}
.globe-land[data-v-42c4f34b] {
  fill: #C9DAFF;
}
.world-scan[data-v-42c4f34b] {
  stroke: #DFE9FF;
  stroke-width: 1.2;
  opacity: 0;
}
.globe-edge[data-v-42c4f34b] {
  stroke: url("#bancoli-world-rim");
  stroke-width: 0.9;
}
.rim-light[data-v-42c4f34b] {
  stop-color: #C9DAFF;
  stop-opacity: 0.5;
}
.rim-middle[data-v-42c4f34b] {
  stop-color: #5578FF;
  stop-opacity: 0.2;
}
.rim-shadow[data-v-42c4f34b] {
  stop-color: #A8CBFF;
  stop-opacity: 0.02;
}
.globe-rim[data-v-42c4f34b] {
  stroke: #DFE9FF;
  stroke-opacity: 0.24;
  stroke-width: 1.5;
}
.world-background-routes[data-v-42c4f34b] {
  stroke: #A8CBFF;
  stroke-opacity: 0.19;
  stroke-width: 0.7;
}
.world-background-routes > circle[data-v-42c4f34b] {
  fill: #DFE9FF;
  opacity: 0.5;
}
.flow-incoming[data-v-42c4f34b],
.flow-outgoing[data-v-42c4f34b],
.flow-ghost-line[data-v-42c4f34b] {
  stroke: #DFE9FF;
  stroke-width: 1.5;
  stroke-linecap: round;
}
.flow-incoming[data-v-42c4f34b] {
  stroke-opacity: 0.8;
}
.flow-outgoing[data-v-42c4f34b],
.flow-ghost-line[data-v-42c4f34b] {
  stroke: url("#bancoli-world-route");
  stroke-width: 1.8;
}
.route-start[data-v-42c4f34b] {
  stop-color: #DFE9FF;
}
.route-end[data-v-42c4f34b] {
  stop-color: #C9DAFF;
}
.world-route-glow[data-v-42c4f34b],
.flow-ghost-glow[data-v-42c4f34b] {
  stroke: #C9DAFF;
  stroke-width: 3;
  opacity: 0.28;
}
/* Transient route effects rest invisible; motion reveals them. */
.flow-ghost[data-v-42c4f34b],
.flow-comet[data-v-42c4f34b],
.flow-pulse[data-v-42c4f34b],
.flow-comet-tail[data-v-42c4f34b],
.flow-pulse-tail[data-v-42c4f34b],
.endpoint-ripple[data-v-42c4f34b],
.country-flash[data-v-42c4f34b] {
  opacity: 0;
}
.flow-comet-tail[data-v-42c4f34b],
.flow-pulse-tail[data-v-42c4f34b] {
  stroke-linecap: round;
}
.flow-comet-tail[data-v-42c4f34b] {
  stroke: url("#bancoli-world-comet-tail");
  stroke-width: 2.6;
}
.flow-pulse-tail[data-v-42c4f34b] {
  stroke: url("#bancoli-world-pulse-tail");
  stroke-width: 2.2;
}
.comet-tail-start[data-v-42c4f34b],
.comet-tail-end[data-v-42c4f34b],
.comet-glow-core[data-v-42c4f34b],
.comet-glow-middle[data-v-42c4f34b],
.comet-glow-edge[data-v-42c4f34b] {
  stop-color: #C9DAFF;
}
.comet-tail-start[data-v-42c4f34b],
.comet-glow-edge[data-v-42c4f34b],
.pulse-tail-start[data-v-42c4f34b],
.pulse-glow-edge[data-v-42c4f34b] {
  stop-opacity: 0;
}
.comet-tail-end[data-v-42c4f34b] {
  stop-opacity: 0.95;
}
.comet-glow-core[data-v-42c4f34b] {
  stop-opacity: 0.9;
}
.comet-glow-middle[data-v-42c4f34b] {
  stop-opacity: 0.32;
}
.comet-glow[data-v-42c4f34b] {
  fill: url("#bancoli-world-comet-glow");
}
.comet-core[data-v-42c4f34b] {
  fill: #EEF3FF;
}
.pulse-tail-start[data-v-42c4f34b],
.pulse-tail-end[data-v-42c4f34b],
.pulse-glow-middle[data-v-42c4f34b],
.pulse-glow-edge[data-v-42c4f34b] {
  stop-color: #DFE9FF;
}
.pulse-tail-end[data-v-42c4f34b] {
  stop-opacity: 0.9;
}
.pulse-glow-core[data-v-42c4f34b] {
  stop-color: rgb(255 255 255 / 1);
  stop-opacity: 0.9;
}
.pulse-glow-middle[data-v-42c4f34b] {
  stop-opacity: 0.35;
}
.pulse-glow[data-v-42c4f34b] {
  fill: url("#bancoli-world-pulse-glow");
}
.pulse-core[data-v-42c4f34b] {
  fill: rgb(255 255 255 / 1);
}
.endpoint-ripple[data-v-42c4f34b] {
  fill: none;
  stroke: #C9DAFF;
  stroke-width: 1.2;
}
.world-map-point[data-v-42c4f34b] {
  fill: #C9DAFF;
}
.world-map-point > circle[data-v-42c4f34b]:first-child {
  opacity: 0.07;
}
.world-map-point > circle[data-v-42c4f34b]:nth-child(2) {
  opacity: 0.2;
}
.world-map-point--source[data-v-42c4f34b] {
  fill: #DFE9FF;
}
.world-map-point--source > circle[data-v-42c4f34b]:last-child {
  opacity: 1;
}
.world-hub[data-v-42c4f34b] {
  position: absolute;
  z-index: 10;
  left: 40.53%;
  top: 46.97%;
  transform: translate(-50%, -50%);
}
.world-hub-body[data-v-42c4f34b] {
  position: relative;
}
.world-hub-light[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  inset: -1.5rem;
  border-radius: 9999px;
  background-color: rgb(85 120 255 / 0.3);
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.world-hub-signal[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(201 218 255 / 0.6);
  opacity: 0;
}
.world-hub-face[data-v-42c4f34b] {
  position: relative;
  display: flex;
  height: 76px;
  width: 154px;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(223 233 255 / 0.6);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-image: linear-gradient(
    150deg,
    rgb(255 255 255 / 1),
    #EEF3FF
  );
  box-shadow: 0 0 0 5px rgb(168 203 255 / 8%),
    0 16px 48px rgb(36 68 134 / 35%);
}
.world-account-icon[data-v-42c4f34b] {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(201 218 255 / 0.6);
  background-color: rgb(223 233 255 / 0.5);
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.world-account-icon svg[data-v-42c4f34b] {
  height: 18px;
  width: 18px;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.world-account-name[data-v-42c4f34b] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.125rem;
  text-align: left;
}
@media (max-width: 359px) {
  .fx-board-row > .world-account-name[data-v-42c4f34b][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .world-account-name[data-v-42c4f34b][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.world-account-name > span[data-v-42c4f34b] {
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.world-account-name strong[data-v-42c4f34b] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 1.375;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.country-fill[data-v-42c4f34b] {
  fill: #C9DAFF;
  fill-opacity: 0.08;
  fill-rule: evenodd;
}
.country-flash[data-v-42c4f34b] {
  fill: #C9DAFF;
  fill-rule: evenodd;
}
.country-border[data-v-42c4f34b] {
  fill: none;
  stroke: #C9DAFF;
  stroke-opacity: 0.65;
  stroke-width: 0.85;
  stroke-linejoin: round;
}
.world-station[data-v-42c4f34b] {
  position: absolute;
  z-index: 10;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(168 203 255 / 0.2);
  background-color: rgb(11 21 38 / 0.8);
  padding: 0.875rem;
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  backdrop-filter: blur(16px);
}
.world-station strong[data-v-42c4f34b] {
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1.375;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.destination-code[data-v-42c4f34b] {
  position: relative;
}
.destination-code-text[data-v-42c4f34b] {
  color: transparent;
}
.destination-code-fx[data-v-42c4f34b] {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  user-select: none;
  white-space: nowrap;
}
.station-label[data-v-42c4f34b] {
  display: block;
  font-size: .625rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.625;
  letter-spacing: 0.12em;
  color: rgb(223 233 255 / 0.8);
}
.world-source[data-v-42c4f34b] {
  left: 11%;
  top: 59%;
}
.station-symbol[data-v-42c4f34b] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(201 218 255 / 0.2);
  background-color: rgb(168 203 255 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.station-symbol svg[data-v-42c4f34b] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.source-tokens[data-v-42c4f34b] {
  grid-column: span 2 / span 2;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-top-width: 1px;
  border-color: rgb(201 218 255 / 0.1);
  padding-top: 0.5rem;
}
.source-tokens > span[data-v-42c4f34b] {
  margin-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgb(223 233 255 / 0.7);
}
.source-tokens img[data-v-42c4f34b] {
  height: 18px;
  width: 18px;
  border-radius: 9999px;
}
.world-destination[data-v-42c4f34b] {
  border-color: rgb(201 218 255 / 0.25);
  left: 73%;
  top: 30%;
  min-width: 132px;
}
.destination-flag[data-v-42c4f34b] {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
}
.destination-name[data-v-42c4f34b] {
  grid-column: span 2 / span 2;
  margin-top: 0.5rem;
  border-top-width: 1px;
  border-color: rgb(201 218 255 / 0.1);
  padding-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  color: rgb(223 233 255 / 0.8);
}
.world-destination--eur[data-v-42c4f34b] {
  top: 50%;
}
.world-destination--gbp[data-v-42c4f34b] {
  top: 23%;
  left: 65%;
}
.world-destination--mxn[data-v-42c4f34b] {
  top: 16%;
  left: 14%;
}
.world-destination--usd[data-v-42c4f34b] {
  top: 8%;
  left: 21%;
}
.world-destination--ngn[data-v-42c4f34b] {
  top: 61%;
  left: 73%;
}
.world-destination--brl[data-v-42c4f34b] {
  top: 67%;
  left: 53%;
}
.world-destination--clp[data-v-42c4f34b] {
  top: 76%;
  left: 37%;
}
.world-destination--pen[data-v-42c4f34b] {
  top: 66%;
  left: 40%;
}
@media (max-width: 767px) {
  .world-scene[data-v-42c4f34b] {
    width: 100%;
    margin-left: 0;
    aspect-ratio: auto;
  }
  .world-canvas[data-v-42c4f34b] {
    width: 130%;
    margin-left: -15%;
  }
  .world-hub[data-v-42c4f34b] {
    left: 49%;
  }
  .world-stations[data-v-42c4f34b] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: -1rem;
  }
  .world-station[data-v-42c4f34b] {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    min-width: 0;
  }
}
@media (min-width: 768px) {
  /* Leave South American destination markers clear of the source card. */
  .world-source--south[data-v-42c4f34b] {
    top: 25%;
  }
  .world-scene[data-v-42c4f34b] {
    width: 100%;
    margin-left: 0;
  }
  .world-station[data-v-42c4f34b] {
    column-gap: 0.875rem;
    padding: 1rem;
  }
  .world-station strong[data-v-42c4f34b] {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .station-label[data-v-42c4f34b] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .destination-name[data-v-42c4f34b] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .world-destination[data-v-42c4f34b] {
    min-width: 148px;
  }
  .world-hub-face[data-v-42c4f34b] {
    height: 84px;
    width: 184px;
    gap: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .world-account-icon[data-v-42c4f34b] {
    height: 2rem;
    width: 2rem;
  }
  .world-account-name > span[data-v-42c4f34b] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .world-account-name strong[data-v-42c4f34b] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .world-scene[data-v-42c4f34b] {
    width: 120%;
    margin-left: -10%;
  }
  .world-visual[data-v-42c4f34b] {
    margin-left: -1rem;
  }
}
/* Four across only from 1440px: narrower, the row runs under the source card
   (and the card's pointer drift) at the globe's left edge. */
@media (min-width: 1280px) and (max-width: 1439px) {
  .connected-world--showcase .world-currencies[data-v-42c4f34b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .world-layout[data-v-42c4f34b] {
    min-height: 760px;
  }
  .world-visual[data-v-42c4f34b] {
    margin-left: -2rem;
  }
  .world-scene[data-v-42c4f34b] {
    width: 124%;
    margin-left: -12%;
  }
}
@media (max-width: 359px) {
  .world-currency[data-v-42c4f34b] {
    gap: 0.375rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .world-currency > svg[data-v-42c4f34b] {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .connected-world *[data-v-42c4f34b] {
    transition: none !important;
  }
  .globe-volume[data-v-42c4f34b],
  .world-destination[data-v-42c4f34b] {
    transform: none !important;
    opacity: 1 !important;
  }
  .flow-incoming[data-v-42c4f34b],
  .flow-outgoing[data-v-42c4f34b],
  .world-route-glow[data-v-42c4f34b] {
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;
  }
}

/* pages/features/zero-fx.vue */

/* Page specific styles if any */

/* components/visuals/WalletControlStory.vue */

.control-story[data-v-33a8a15c] {
  width: 100%;
  min-width: 0px;
  padding-bottom: 3.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}

@media (max-width: 359px) {
  .fx-board-row > .control-story[data-v-33a8a15c][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .control-story[data-v-33a8a15c][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

@media (min-width: 1024px) {

  .control-story[data-v-33a8a15c] {
    padding-bottom: 5rem;
  }
}
.control-owner[data-v-33a8a15c] {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  background-color: rgb(255 255 255 / 0.05);
  padding: 1.25rem;
}
.owner-symbol[data-v-33a8a15c] {
  display: flex;
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.owner-symbol svg[data-v-33a8a15c] {
  height: 2rem;
  width: 2rem;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
}
.control-owner strong[data-v-33a8a15c] {
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.control-owner div span[data-v-33a8a15c] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.control-connection[data-v-33a8a15c] {
  position: relative;
  z-index: 10;
  display: flex;
  height: 5rem;
  align-items: center;
  gap: 1rem;
  padding-left: 1.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.control-connection svg[data-v-33a8a15c] {
  height: 5rem;
  width: 2rem;
  flex-shrink: 0;
}
.control-connection path[data-v-33a8a15c] {
  stroke: #A8CBFF;
  stroke-width: 1.5;
  stroke-dasharray: 3 5;
}
.control-connection .control-signal[data-v-33a8a15c] {
  stroke: #C9DAFF;
  stroke-width: 2;
  stroke-dasharray: none;
}
.control-connection circle[data-v-33a8a15c] {
  fill: #C9DAFF;
  stroke: #244486;
  stroke-width: 3;
}
.wallet-stack[data-v-33a8a15c] {
  position: relative;
  isolation: isolate;
}
.wallet-stack[data-v-33a8a15c]::before,
.wallet-stack[data-v-33a8a15c]::after {
  content: '';
  position: absolute;
  inset: 0px;
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.3);
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  z-index: -1;
}
.wallet-stack[data-v-33a8a15c]::before {
  transform: translateY(12px) scaleX(0.95);
}
.wallet-stack[data-v-33a8a15c]::after {
  transform: translateY(24px) scaleX(0.9);
  z-index: -2;
}
.control-wallet[data-v-33a8a15c] {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {

  .control-wallet[data-v-33a8a15c] {
    padding: 2rem;
  }
}
.wallet-orbit[data-v-33a8a15c] {
  pointer-events: none;
  position: absolute;
  right: -5rem;
  top: -6rem;
  height: 16rem;
  width: 16rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.wallet-orbit[data-v-33a8a15c]::before,
.wallet-orbit[data-v-33a8a15c]::after {
  content: '';
  position: absolute;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.wallet-orbit[data-v-33a8a15c]::before {
  inset: 1.5rem;
}
.wallet-orbit[data-v-33a8a15c]::after {
  inset: 3rem;
}
.control-wallet-heading[data-v-33a8a15c] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.wallet-label[data-v-33a8a15c] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.wallet-label svg[data-v-33a8a15c] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-statement[data-v-33a8a15c] {
  position: relative;
  margin-top: 2rem;
  display: block;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
}
@media (min-width: 640px) {

  .wallet-statement[data-v-33a8a15c] {
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: 0.005em;
  }
}
.wallet-statement span[data-v-33a8a15c] {
  display: block;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.wallet-asset-list[data-v-33a8a15c] {
  position: relative;
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.wallet-asset[data-v-33a8a15c] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media (max-width: 359px) {
  .fx-board-row > .wallet-asset[data-v-33a8a15c][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .wallet-asset[data-v-33a8a15c][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 640px) {

  .wallet-asset[data-v-33a8a15c] {
    flex-direction: row;
    justify-content: center;
    gap: 0.75rem;
  }
}
.wallet-asset[data-v-33a8a15c]:last-child {
  border-right-width: 0px;
}
.wallet-asset img[data-v-33a8a15c] {
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  border-radius: 9999px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .wallet-asset[data-v-33a8a15c] {
    flex-direction: column;
    gap: 0.5rem;
  }
}

/* pages/full-reserve-accounts.vue */

.reserve-page[data-v-9c098834] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.reserve-container[data-v-9c098834] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .reserve-container[data-v-9c098834] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.reserve-hero[data-v-9c098834] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  .reserve-hero[data-v-9c098834] {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}
.hero-copy[data-v-9c098834] {
  text-align: left;
}
.hero-intro[data-v-9c098834] {
  margin-top: 1.25rem;
}
.hero-signup[data-v-9c098834] {
  margin-top: 1.75rem;
  max-width: 448px;
}
.hero-trust[data-v-9c098834] {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-trust[data-v-9c098834] {
    margin-bottom: 3.5rem;
  }
}
.wallet-scene[data-v-9c098834] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  padding: 24px 0 48px;
  isolation: isolate;
  /* Perspective for the cursor tilt on .hero-product; the drift comes from
     v-parallax writing --parallax-y. */
  perspective: 1400px;
  transform: translateY(var(--parallax-y, 0px));
}
.hero-product[data-v-9c098834] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  width: calc(100% - 64px);
  max-width: 813.5px;
  box-shadow: 0 24px 48px -28px #365086,
    0 4px 12px -8px #A8CBFF;
}
.hero-product img[data-v-9c098834] {
  display: block;
  height: auto;
  width: 100%;
  border-radius: 0;
}
.ownership-tag[data-v-9c098834] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  bottom: 72px;
  /* Right side: sits just below the dashboard's Bancoli Rewards row. */
  right: 0;
  max-width: 334px;
  box-shadow: 0 18px 36px -14px #365086;
}
.key-icon[data-v-9c098834] {
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.key-icon svg[data-v-9c098834] {
  height: 1.5rem;
  width: 1.5rem;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}
.ownership-tag strong[data-v-9c098834] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.ownership-tag div > span[data-v-9c098834] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
/* Phones/tablets: the badge can't hover the dashboard without covering
   it, so it docks in flow underneath instead of overlaying it. */
@media (max-width: 1023px) {
  .ownership-tag[data-v-9c098834] {
    position: static;
    margin: 20px auto 0;
    max-width: 360px;
  }
}
/* Homepage-only proof line: inline value + micro label pairs split by
   hairline dividers. Sans and compact on purpose — the trust band below
   already owns the serif voice. */
.metrics-strip[data-v-9c098834] {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: rgb(11 21 38 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.metrics-inner[data-v-9c098834] {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 80rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {

  .metrics-inner[data-v-9c098834] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.metric[data-v-9c098834] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
}
@media (min-width: 1024px) {

  .metric[data-v-9c098834] {
    flex-direction: row;
    align-items: baseline;
    gap: 0.75rem;
    border-left-width: 1px;
    border-color: rgb(11 21 38 / 0.1);
    text-align: left;
  }

  .metric[data-v-9c098834]:first-child {
    border-left-width: 0px;
  }
}
.metric-value[data-v-9c098834] {
  white-space: nowrap;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 800;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.drawer-row .metric-value[data-v-9c098834][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 1024px) {

  .metric-value[data-v-9c098834] {
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: 0.005em;
  }
}
.metric-label[data-v-9c098834] {
  font-size: .625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.reserve-title[data-v-9c098834] {
  font-family: Cardo, serif;
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .reserve-title[data-v-9c098834],
  h2 .reserve-title[data-v-9c098834],
  h3 .reserve-title[data-v-9c098834] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .reserve-title[data-v-9c098834] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.hero-statement[data-v-9c098834] {
  margin-top: 1.75rem;
  margin-bottom: 1.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-statement[data-v-9c098834] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.hero-statement em[data-v-9c098834] {
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.body-copy[data-v-9c098834] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .body-copy[data-v-9c098834] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.hero-description[data-v-9c098834] {
  max-width: 48rem;
  line-height: 1.75rem;
}
.text-link[data-v-9c098834] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.text-link[data-v-9c098834]:hover {
  text-decoration-line: underline;
}
.hero-note[data-v-9c098834] {
  margin-top: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.section-eyebrow[data-v-9c098834] {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.pricing-start[data-v-9c098834] {
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
  align-items: center;
  gap: 2rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {

  .pricing-start[data-v-9c098834] {
    margin-top: 6rem;
    margin-bottom: 6rem;
    grid-template-columns: 1fr auto;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
.pricing-start .body-copy[data-v-9c098834] {
  margin-top: 1.25rem;
  max-width: 42rem;
}
.pricing-start-actions[data-v-9c098834] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.plan-link[data-v-9c098834] {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.plan-link[data-v-9c098834]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 59 / var(--tw-bg-opacity, 1));
}
.ownership-section[data-v-9c098834] {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {

  .ownership-section[data-v-9c098834] {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
.ownership-section[data-v-9c098834] {
  scroll-margin-top: 150px;
}
.section-heading[data-v-9c098834] {
  text-align: center;
}
.reserve-page h2[data-v-9c098834] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .reserve-page h2[data-v-9c098834],
  h2 .reserve-page h2[data-v-9c098834],
  h3 .reserve-page h2[data-v-9c098834] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .reserve-page h2[data-v-9c098834] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.principle-grid[data-v-9c098834] {
  margin-top: 3.5rem;
  display: grid;
  gap: 2.25rem;
}
@media (min-width: 768px) {

  .principle-grid[data-v-9c098834] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .principle-grid[data-v-9c098834] {
    gap: 3rem;
  }
}
.principle[data-v-9c098834] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.reserve-page h3[data-v-9c098834] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
}
.principle h3[data-v-9c098834] {
  margin-bottom: 1rem;
}
.principle .body-copy[data-v-9c098834] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.principle-foot[data-v-9c098834] {
  margin-top: 1.5rem;
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}
.ownership-panel[data-v-9c098834] {
  display: grid;
  gap: 2.5rem;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-top: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .ownership-panel[data-v-9c098834] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 4rem;
  }
}
.keys-copy[data-v-9c098834] {
  position: relative;
  z-index: 10;
}
@media (min-width: 1024px) {

  .keys-copy[data-v-9c098834] {
    align-self: center;
    padding-bottom: 4rem;
  }
}
.keys-copy h2[data-v-9c098834] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.keys-copy h2 em[data-v-9c098834] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.keys-copy > p[data-v-9c098834] {
  margin-top: 1.5rem;
  max-width: 28rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.light-link[data-v-9c098834] {
  margin-top: 1.75rem;
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.photo-frame[data-v-9c098834] {
  margin-top: 2.25rem;
  border-radius: 1rem;
  overflow: hidden;
}
.business-photo[data-v-9c098834] {
  display: block;
  height: auto;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.everyday-section[data-v-9c098834] {
  display: grid;
  align-items: flex-start;
  gap: 2.5rem;
  padding-top: 5rem;
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {

  .everyday-section[data-v-9c098834] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
    padding-top: 7rem;
    padding-bottom: 2rem;
  }
}
.utility-list[data-v-9c098834] {
  /* Align the first row with the top of the photo in the left column. */
}
@media (min-width: 1024px) {

  .utility-list[data-v-9c098834] {
    padding-top: 140px;
  }
}
.utility-item[data-v-9c098834] {
  margin-bottom: 1.75rem;
  display: flex;
  gap: 1.25rem;
  border-radius: 0.125rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 1.75rem;
}
.utility-item[data-v-9c098834]:last-child {
  margin-bottom: 0px;
}
.utility-item h3[data-v-9c098834] {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.utility-item:hover h3[data-v-9c098834] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
/* Slide-through arrow: the resting glyph exits up-right while a clone
   enters from down-left (ramp.com/stripe link signature). */
.utility-arrow[data-v-9c098834] {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.arrow-glyph[data-v-9c098834] {
  display: inline-block;
  transition: transform 320ms var(--ease-out-expo);
}
.arrow-clone[data-v-9c098834] {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-110%, 110%);
}
.utility-item:hover .arrow-glyph[data-v-9c098834]:first-child {
  transform: translate(110%, -110%);
}
.utility-item:hover .arrow-clone[data-v-9c098834] {
  transform: translate(0, 0);
}
.utility-list h3[data-v-9c098834] {
  margin-bottom: 0.5rem;
}
.utility-list .body-copy[data-v-9c098834] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.utility-arrow[data-v-9c098834] {
  margin-left: auto;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.reserve-page a[data-v-9c098834]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 5px;
  border-radius: 4px;
}
.ownership-panel a[data-v-9c098834]:focus-visible {
  outline-color: #C9DAFF;
}
@media (prefers-reduced-motion: reduce) {
  .reserve-page *[data-v-9c098834],
  .reserve-page *[data-v-9c098834]::before,
  .reserve-page *[data-v-9c098834]::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* pages/global-business-account-africa.vue */

[data-v-f8866b3c] .line-break-xs-lg {
  display: block;
}

@media (min-width: 640px) {

  [data-v-f8866b3c] .line-break-xs-lg {
    display: none;
  }
}

@media (min-width: 1024px) {

  [data-v-f8866b3c] .line-break-xs-lg {
    display: block;
  }
}
[data-v-f8866b3c] .line-break-sm {
  display: block;
}
@media (min-width: 768px) {

  [data-v-f8866b3c] .line-break-sm {
    display: none;
  }
}
[data-v-f8866b3c] .line-break-sm-lg {
  display: block;
}
@media (min-width: 768px) {

  [data-v-f8866b3c] .line-break-sm-lg {
    display: none;
  }
}
@media (min-width: 1024px) {

  [data-v-f8866b3c] .line-break-sm-lg {
    display: block;
  }
}
[data-v-f8866b3c] .line-break-lg {
  display: none;
}
@media (min-width: 1024px) {

  [data-v-f8866b3c] .line-break-lg {
    display: block;
  }
}

/* components/visuals/GlobalAccountPaymentsVisual.vue */

.account-visual[data-v-165ef828] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 2.5rem 0 3.5rem;
}
.account-card[data-v-165ef828] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.account-head[data-v-165ef828] {
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.account-title[data-v-165ef828] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .account-title[data-v-165ef828],
  h2 .account-title[data-v-165ef828],
  h3 .account-title[data-v-165ef828] {
    font-size: inherit;
    line-height: inherit;
  }
.chips-label[data-v-165ef828] {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
.methods[data-v-165ef828] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.method[data-v-165ef828] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.note-card[data-v-165ef828] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 1rem;
  top: 0;
  right: 0;
  max-width: 17rem;
}
.note-icon[data-v-165ef828] {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 9999px;
}
.highlight-card[data-v-165ef828] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.highlight-check[data-v-165ef828] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.highlight-check svg[data-v-165ef828] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.highlight-title[data-v-165ef828] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .highlight-title[data-v-165ef828][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.highlight-meta[data-v-165ef828] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: stack the three cards so the notes never cover account text. */
@media (max-width: 639px) {
  .account-visual[data-v-165ef828] {
    padding: 0;
  }
  .account-card[data-v-165ef828] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .note-card[data-v-165ef828],
  .highlight-card[data-v-165ef828] {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
  }
  .note-card[data-v-165ef828] {
    margin: -0.75rem 0 0 1rem;
  }
  .highlight-card[data-v-165ef828] {
    margin: -0.5rem 1rem 0 auto;
  }
}

/* components/RegionalHeader.vue */

.hero[data-v-0e2da55e] .hero-container {
  padding-top: 2.5rem !important;
}

@media (min-width: 1024px) {

  .hero[data-v-0e2da55e] .hero-container {
    padding-top: 4rem !important;
  }
}

/* components/visuals/RegionalWalletVisual.vue */

.wallet-visual[data-v-ca5b0bda] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 24rem;
  padding: 1.5rem 0.5rem;
}
.wallet-back[data-v-ca5b0bda] {
  position: absolute;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  inset: 1rem 1.5rem;
  transform: rotate(-6deg);
}
.wallet-card[data-v-ca5b0bda] {
  position: relative;
  border-radius: 1.5rem;
  padding: 1.5rem;
}
@media (min-width: 640px) {

  .wallet-card[data-v-ca5b0bda] {
    padding: 1.75rem;
  }
}
.wallet-top[data-v-ca5b0bda] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.wallet-symbol[data-v-ca5b0bda] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .wallet-symbol[data-v-ca5b0bda],
  h2 .wallet-symbol[data-v-ca5b0bda],
  h3 .wallet-symbol[data-v-ca5b0bda] {
    font-size: inherit;
    line-height: inherit;
  }
.wallet-label[data-v-ca5b0bda] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .wallet-label[data-v-ca5b0bda][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .wallet-label[data-v-ca5b0bda][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .wallet-label[data-v-ca5b0bda][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.wallet-shield[data-v-ca5b0bda] {
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-heading[data-v-ca5b0bda] {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .wallet-heading[data-v-ca5b0bda],
  h2 .wallet-heading[data-v-ca5b0bda],
  h3 .wallet-heading[data-v-ca5b0bda] {
    font-size: inherit;
    line-height: inherit;
  }
.wallet-row[data-v-ca5b0bda] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-top-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.wallet-value[data-v-ca5b0bda] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.wallet-status[data-v-ca5b0bda] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.live-dot[data-v-ca5b0bda] {
  height: 0.5rem;
  width: 0.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}

/* components/visuals/RegionalCurrenciesVisual.vue */

.currencies-visual[data-v-f2d0ae2d] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 27rem;
}
.currencies-card[data-v-f2d0ae2d] {
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .currencies-card[data-v-f2d0ae2d] {
    padding: 1.5rem;
  }
}
.from-row[data-v-f2d0ae2d] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
}
.usd-badge[data-v-f2d0ae2d] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  font-family: Cardo, serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .usd-badge[data-v-f2d0ae2d],
  h2 .usd-badge[data-v-f2d0ae2d],
  h3 .usd-badge[data-v-f2d0ae2d] {
    font-size: inherit;
    line-height: inherit;
  }
.to-label[data-v-f2d0ae2d] {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
.codes[data-v-f2d0ae2d] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}
.code[data-v-f2d0ae2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.drawer-row .code[data-v-f2d0ae2d][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.code.is-selected[data-v-f2d0ae2d] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
.more[data-v-f2d0ae2d] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.more svg[data-v-f2d0ae2d] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}

/* components/visuals/RegionalPayoutsVisual.vue */

.payouts-visual[data-v-3ad1cf00] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.payouts-card[data-v-3ad1cf00] {
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .payouts-card[data-v-3ad1cf00] {
    padding: 1.5rem;
  }
}
.payout-list[data-v-3ad1cf00] {
  margin-top: 0.5rem;
}
.payout-row[data-v-3ad1cf00] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.payout-row[data-v-3ad1cf00]:last-child {
  border-bottom-width: 0px;
}
.rail[data-v-3ad1cf00] {
  display: flex;
  height: 1.75rem;
  width: 3.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}
.rail--local[data-v-3ad1cf00] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.rail--wire[data-v-3ad1cf00] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.payout-amount[data-v-3ad1cf00] {
  flex-shrink: 0;
  text-align: right;
}
.payout-amount .ui-amount[data-v-3ad1cf00] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.payout-status[data-v-3ad1cf00] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: #064E3B;
}
.payouts-foot[data-v-3ad1cf00] {
  margin-top: 0.75rem;
}

/* components/RegionalBasicPromises.vue */

/* The safe, the coin shield and the globe that illustrated these sections
   are now the product states the copy describes. The people-and-landmark
   compositions stay: they are the "global movers" the page talks about. */
.promise-grid[data-v-8ad56ac3] {
  display: grid;
  width: 100%;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .promise-grid[data-v-8ad56ac3] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
.promise-text[data-v-8ad56ac3] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 640px) {

  .promise-text[data-v-8ad56ac3] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .promise-text[data-v-8ad56ac3] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    grid-row-start: 1;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
  }

  .promise-visual[data-v-8ad56ac3] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
    grid-row-start: 1;
  }

  .is-reversed .promise-text[data-v-8ad56ac3] {
    grid-column-start: 7;
  }

  .is-reversed .promise-visual[data-v-8ad56ac3] {
    grid-column-start: 2;
  }
}
/* Rounded pale-blue panel instead of a full-bleed tinted band. */
.tinted-panel[data-v-8ad56ac3] {
  width: 100%;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 640px) {

  .tinted-panel[data-v-8ad56ac3] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .tinted-panel[data-v-8ad56ac3] {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  #banking-jurisdictions[data-v-8ad56ac3] .left-side, #global-movers[data-v-8ad56ac3] .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  #banking-jurisdictions[data-v-8ad56ac3] .right-side, #global-movers[data-v-8ad56ac3] .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}

/* pages/global-business-account-asia.vue */

[data-v-9bd312c2] .line-break-xs-lg {
  display: block;
}

@media (min-width: 640px) {

  [data-v-9bd312c2] .line-break-xs-lg {
    display: none;
  }
}

@media (min-width: 1024px) {

  [data-v-9bd312c2] .line-break-xs-lg {
    display: block;
  }
}
[data-v-9bd312c2] .line-break-sm {
  display: block;
}
@media (min-width: 768px) {

  [data-v-9bd312c2] .line-break-sm {
    display: none;
  }
}
[data-v-9bd312c2] .line-break-sm-lg {
  display: block;
}
@media (min-width: 768px) {

  [data-v-9bd312c2] .line-break-sm-lg {
    display: none;
  }
}
@media (min-width: 1024px) {

  [data-v-9bd312c2] .line-break-sm-lg {
    display: block;
  }
}
[data-v-9bd312c2] .line-break-lg {
  display: none;
}
@media (min-width: 1024px) {

  [data-v-9bd312c2] .line-break-lg {
    display: block;
  }
}

/* pages/global-business-account-latam.vue */

[data-v-cf06ff8f] .line-break-sm {
  display: block;
}

@media (min-width: 768px) {

  [data-v-cf06ff8f] .line-break-sm {
    display: none;
  }
}
[data-v-cf06ff8f] .line-break-xs-lg {
  display: block;
}
@media (min-width: 640px) {

  [data-v-cf06ff8f] .line-break-xs-lg {
    display: none;
  }
}
@media (min-width: 1024px) {

  [data-v-cf06ff8f] .line-break-xs-lg {
    display: block;
  }
}
[data-v-cf06ff8f] .line-break-lg {
  display: none;
}
@media (min-width: 1024px) {

  [data-v-cf06ff8f] .line-break-lg {
    display: block;
  }
}

/* components/EditorialPhoto.vue */

.editorial-photo[data-v-31a87037] {
  width: 100%;
  min-width: 0px;
}

@media (max-width: 359px) {
  .fx-board-row > .editorial-photo[data-v-31a87037][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .editorial-photo[data-v-31a87037][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.editorial-photo img[data-v-31a87037] {
  display: block;
  height: auto;
  width: 100%;
  border-radius: 1rem;
  object-fit: cover;
}
.editorial-photo figcaption[data-v-31a87037] {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

/* components/industries/IndustrySection.vue */

/* Tablets use the hero's centred 8-of-12 column; desktop puts copy and
   visual side by side. */
.industry-section[data-v-01683291] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  row-gap: 2.5rem;
}
@media (min-width: 640px) {

  .industry-section[data-v-01683291] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .industry-section[data-v-01683291] {
    column-gap: 2rem;
  }
}
@media (min-width: 640px) {

  .industry-section__copy[data-v-01683291] {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
  }
}
@media (min-width: 1024px) {

  .industry-section__copy[data-v-01683291] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }
}
@media (min-width: 640px) {

  .industry-section__visual[data-v-01683291] {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
  }
}
@media (min-width: 1024px) {

  .industry-section__visual[data-v-01683291] {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }

  .is-reverse .industry-section__copy[data-v-01683291] {
    grid-column-start: 8;
    grid-row-start: 1;
  }

  .is-reverse .industry-section__visual[data-v-01683291] {
    grid-column-start: 2;
    grid-row-start: 1;
  }
}

/* components/visuals/ManufacturingStraightThroughVisual.vue */

.mfg-flow__card[data-v-6f2e03f7] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .mfg-flow__card[data-v-6f2e03f7] {
    padding: 1.5rem;
  }
}

.mfg-flow__card[data-v-6f2e03f7] {
  max-width: 26rem;
}
/* Number and chip share a row; long translations wrap the chip below. */
.mfg-flow__head[data-v-6f2e03f7] {
  margin-top: 0.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.mfg-flow__number[data-v-6f2e03f7] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .mfg-flow__number[data-v-6f2e03f7],
  h2 .mfg-flow__number[data-v-6f2e03f7],
  h3 .mfg-flow__number[data-v-6f2e03f7] {
    font-size: inherit;
    line-height: inherit;
  }
.mfg-flow__step[data-v-6f2e03f7] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
}
.mfg-flow__step[data-v-6f2e03f7]:last-child {
  padding-bottom: 0px;
}
/* The line that joins each marker to the next one. */
.mfg-flow__step[data-v-6f2e03f7]:not(:last-child)::before {
  position: absolute;
  width: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  content: '';
  left: 0.8125rem;
  top: 1.75rem;
  bottom: 0;
}
.mfg-flow__marker[data-v-6f2e03f7] {
  position: relative;
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}
.mfg-flow__marker svg[data-v-6f2e03f7] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mfg-flow__marker.is-done[data-v-6f2e03f7] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.mfg-flow__marker.is-skipped[data-v-6f2e03f7] {
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.mfg-flow__marker.is-paid[data-v-6f2e03f7] {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.mfg-flow__text[data-v-6f2e03f7] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .mfg-flow__text[data-v-6f2e03f7][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .mfg-flow__text[data-v-6f2e03f7][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .mfg-flow__text[data-v-6f2e03f7][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.mfg-flow__text[data-v-6f2e03f7] {
  padding-top: 0.25rem;
}
.mfg-flow__date[data-v-6f2e03f7] {
  flex-shrink: 0;
  white-space: nowrap;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .mfg-flow__date[data-v-6f2e03f7][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.mfg-flow__date[data-v-6f2e03f7] {
  padding-top: 0.3rem;
}
.mfg-flow__struck[data-v-6f2e03f7] {
  display: block;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  text-decoration-line: line-through;
}
.mfg-flow__chip[data-v-6f2e03f7] {
  margin-top: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

/* components/visuals/ManufacturingNoErrorsVisual.vue */

.mfg-check__card[data-v-9e19686d] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .mfg-check__card[data-v-9e19686d] {
    padding: 1.5rem;
  }
}

.mfg-check__card[data-v-9e19686d] {
  max-width: 26rem;
}
/* Number and chip share a row; long translations wrap the chip below. */
.mfg-check__head[data-v-9e19686d] {
  margin-top: 0.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.mfg-check__number[data-v-9e19686d] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .mfg-check__number[data-v-9e19686d],
  h2 .mfg-check__number[data-v-9e19686d],
  h3 .mfg-check__number[data-v-9e19686d] {
    font-size: inherit;
    line-height: inherit;
  }
.mfg-check__step[data-v-9e19686d] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
}
.mfg-check__step[data-v-9e19686d]:last-child {
  padding-bottom: 0px;
}
/* The line that joins each marker to the next one. */
.mfg-check__step[data-v-9e19686d]:not(:last-child)::before {
  position: absolute;
  width: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  content: '';
  left: 0.8125rem;
  top: 1.75rem;
  bottom: 0;
}
.mfg-check__marker[data-v-9e19686d] {
  position: relative;
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}
.mfg-check__marker svg[data-v-9e19686d] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mfg-check__marker.is-done[data-v-9e19686d] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.mfg-check__marker.is-skipped[data-v-9e19686d] {
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.mfg-check__marker.is-paid[data-v-9e19686d] {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.mfg-check__text[data-v-9e19686d] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .mfg-check__text[data-v-9e19686d][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .mfg-check__text[data-v-9e19686d][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .mfg-check__text[data-v-9e19686d][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.mfg-check__text[data-v-9e19686d] {
  padding-top: 0.25rem;
}
.mfg-check__struck[data-v-9e19686d] {
  display: block;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  text-decoration-line: line-through;
}
.mfg-check__chip[data-v-9e19686d] {
  margin-top: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

/* components/visuals/CommoditiesGuaranteedVisual.vue */

.cmd-guar__card[data-v-d3263507] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .cmd-guar__card[data-v-d3263507] {
    padding: 1.5rem;
  }
}

.cmd-guar__card[data-v-d3263507] {
  max-width: 28rem;
}
.cmd-guar__supplier[data-v-d3263507] {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .cmd-guar__supplier[data-v-d3263507],
  h2 .cmd-guar__supplier[data-v-d3263507],
  h3 .cmd-guar__supplier[data-v-d3263507] {
    font-size: inherit;
    line-height: inherit;
  }
.cmd-guar__list[data-v-d3263507] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cmd-guar__item[data-v-d3263507] {
  display: grid;
  align-items: center;
  column-gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.cmd-guar__item.is-you[data-v-d3263507] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
.ui-avatar.is-you[data-v-d3263507] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.cmd-guar__text[data-v-d3263507] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .cmd-guar__text[data-v-d3263507][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .cmd-guar__text[data-v-d3263507][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.cmd-guar__you[data-v-d3263507] {
  margin-left: 0.25rem;
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  vertical-align: middle;
  font-size: .625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.cmd-guar__shield[data-v-d3263507] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* Narrow phones: the status moves under the buyer name. */
@media (max-width: 479px) {
  .cmd-guar__item[data-v-d3263507] {
    grid-template-columns: auto minmax(0, 1fr);
    row-gap: 0.5rem;
  }
  .cmd-guar__chip[data-v-d3263507] {
    grid-column: 2;
    justify-self: start;
  }
}

/* components/visuals/IndustryUiShot.vue */

.industry-shot[data-v-de260dd0] {
  width: 100%;
  padding: 0.75rem;
}

@media (min-width: 640px) {

  .industry-shot[data-v-de260dd0] {
    padding: 1.25rem;
  }
}
.industry-shot__window[data-v-de260dd0] {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.industry-shot__img[data-v-de260dd0] {
  position: absolute;
  display: block;
  height: auto;
  max-width: none;
}

/* components/visuals/CommoditiesPartnersVisual.vue */

.cmd-partners[data-v-44a684f5] {
  padding: 1rem;
}

@media (min-width: 640px) {

  .cmd-partners[data-v-44a684f5] {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {

  .cmd-partners[data-v-44a684f5] {
    padding: 2.5rem;
  }
}
.cmd-partners__search[data-v-44a684f5] {
  padding: 1.25rem;
}
.cmd-partners__field[data-v-44a684f5] {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.cmd-partners__badge[data-v-44a684f5] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  fill: currentColor;
}
.cmd-partners__tick[data-v-44a684f5] {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cmd-partners__invite[data-v-44a684f5] {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.cmd-partners__actions[data-v-44a684f5] {
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
}
.cmd-partners__actions .ui-button[data-v-44a684f5] {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.cmd-partners__actions .ui-button[data-v-44a684f5]:last-child {
  flex: 1 1 0%;
}
.why-index-link:hover .cmd-partners__actions .ui-button[data-v-44a684f5]:last-child[data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
/* Phones stack the setting under the search; wider screens overlap it. */
.cmd-partners__setting[data-v-44a684f5] {
  position: relative;
  z-index: 10;
  margin-top: 0.75rem;
}
@media (min-width: 640px) {

  .cmd-partners__setting[data-v-44a684f5] {
    margin-top: -1rem;
    margin-left: 2.5rem;
  }
}
.cmd-partners__card[data-v-44a684f5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
}
.cmd-partners__text[data-v-44a684f5] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .cmd-partners__text[data-v-44a684f5][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .cmd-partners__text[data-v-44a684f5][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .cmd-partners__text[data-v-44a684f5][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
/* A switch in the "on" position. */
.cmd-partners__toggle[data-v-44a684f5] {
  position: relative;
  display: inline-flex;
  height: 1.5rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.cmd-partners__toggle span[data-v-44a684f5] {
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  right: 0.125rem;
}

/* components/visuals/RetailSettlementVisual.vue */

.retail-settle__card[data-v-63b2bcda] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .retail-settle__card[data-v-63b2bcda] {
    padding: 1.5rem;
  }
}

.retail-settle__card[data-v-63b2bcda] {
  max-width: 26rem;
}
.retail-settle__number[data-v-63b2bcda] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .retail-settle__number[data-v-63b2bcda],
  h2 .retail-settle__number[data-v-63b2bcda],
  h3 .retail-settle__number[data-v-63b2bcda] {
    font-size: inherit;
    line-height: inherit;
  }
.retail-settle__parties[data-v-63b2bcda] {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: grid;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}
.retail-settle__party[data-v-63b2bcda] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  text-align: center;
}
.retail-settle__party .ui-avatar[data-v-63b2bcda] {
  margin-bottom: 0.25rem;
}
.retail-settle__supplier[data-v-63b2bcda] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.retail-settle__transfer[data-v-63b2bcda] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  padding-top: 0.25rem;
}
.retail-settle__arrow[data-v-63b2bcda] {
  width: 4rem;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  height: 0.75rem;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.retail-settle__bolt[data-v-63b2bcda] {
  height: 0.75rem;
  width: 0.75rem;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linejoin: round;
}

/* components/visuals/RetailAllocationVisual.vue */

.retail-alloc__card[data-v-eca51b7f] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .retail-alloc__card[data-v-eca51b7f] {
    padding: 1.5rem;
  }
}

.retail-alloc__card[data-v-eca51b7f] {
  max-width: 28rem;
}
.retail-alloc__summary[data-v-eca51b7f] {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.25rem;
}
.retail-alloc__bar[data-v-eca51b7f] {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: block;
  height: 0.5rem;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.retail-alloc__fill[data-v-eca51b7f] {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  width: 57.5%;
}
.retail-alloc__item[data-v-eca51b7f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.retail-alloc__item[data-v-eca51b7f]:last-child {
  border-bottom-width: 0px;
  padding-bottom: 0px;
}
.retail-alloc__text[data-v-eca51b7f] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .retail-alloc__text[data-v-eca51b7f][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .retail-alloc__text[data-v-eca51b7f][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .retail-alloc__text[data-v-eca51b7f][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
/* "Item · Due date" on one line; two lines on phones. */
.retail-alloc__meta[data-v-eca51b7f] {
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) {

  .retail-alloc__meta[data-v-eca51b7f] {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.retail-alloc__meta > span + span[data-v-eca51b7f]::before {
  display: none;
}
@media (min-width: 640px) {

  .retail-alloc__meta > span + span[data-v-eca51b7f]::before {
    display: inline;
  }
}
.retail-alloc__meta > span + span[data-v-eca51b7f]::before {
  content: '\00a0·\00a0';
}
.retail-alloc__side[data-v-eca51b7f] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.375rem;
}
.retail-alloc__tick[data-v-eca51b7f] {
  height: 0.75rem;
  width: 0.75rem;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.retail-alloc__button[data-v-eca51b7f] {
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1;
}

/* components/visuals/DigitalServicesLateStatsVisual.vue */

.ds-stats__card[data-v-9b641a0c] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .ds-stats__card[data-v-9b641a0c] {
    padding: 1.5rem;
  }
}

.ds-stats__card[data-v-9b641a0c] {
  max-width: 28rem;
}
.ds-stats__body[data-v-9b641a0c] {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media (min-width: 640px) {

  .ds-stats__body[data-v-9b641a0c] {
    gap: 1.5rem;
  }
}
.ds-stats__grid[data-v-9b641a0c] {
  display: grid;
  flex-shrink: 0;
  gap: 0.25rem;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  width: 56%;
  max-width: 13.5rem;
}
.ds-stats__cell[data-v-9b641a0c] {
  display: block;
  border-radius: 0.25rem;
  aspect-ratio: 1;
}
.ds-stats__cell.is-on-time[data-v-9b641a0c],
.ds-stats__swatch.is-on-time[data-v-9b641a0c] {
  background: #d3e3fb;
}
.ds-stats__cell.is-late[data-v-9b641a0c],
.ds-stats__swatch.is-late[data-v-9b641a0c] {
  background: #f5b13d;
}
.ds-stats__cell.is-never[data-v-9b641a0c],
.ds-stats__swatch.is-never[data-v-9b641a0c] {
  background: #d63b2f;
}
.ds-stats__legend[data-v-9b641a0c] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ds-stats__value[data-v-9b641a0c] {
  display: block;
  font-family: Cardo, serif;
  font-size: 2rem;
  letter-spacing: 0.01em;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .ds-stats__value[data-v-9b641a0c],
  h2 .ds-stats__value[data-v-9b641a0c],
  h3 .ds-stats__value[data-v-9b641a0c] {
    font-size: inherit;
    line-height: inherit;
  }
.ds-stats__label[data-v-9b641a0c] {
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.ds-stats__swatch[data-v-9b641a0c] {
  display: inline-block;
  height: 0.625rem;
  width: 0.625rem;
  flex-shrink: 0;
  border-radius: 0.125rem;
}
.ds-stats__bancoli[data-v-9b641a0c] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  margin-top: -0.75rem;
  width: fit-content;
  max-width: calc(100% - 2rem);
}
.ds-stats__check[data-v-9b641a0c] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.ds-stats__check svg[data-v-9b641a0c] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ds-stats__bancoli-title[data-v-9b641a0c] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.ds-stats__bancoli-meta[data-v-9b641a0c] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

/* components/visuals/DigitalServicesAllocateVisual.vue */

.ds-alloc__client[data-v-762d9564] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 640px) {

  .ds-alloc__client[data-v-762d9564] {
    padding: 1.5rem;
  }
}

.ds-alloc__client[data-v-762d9564] {
  max-width: 26rem;
}
.ds-alloc__title[data-v-762d9564] {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .ds-alloc__title[data-v-762d9564],
  h2 .ds-alloc__title[data-v-762d9564],
  h3 .ds-alloc__title[data-v-762d9564] {
    font-size: inherit;
    line-height: inherit;
  }
.ds-alloc__action[data-v-762d9564] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.ds-alloc__click[data-v-762d9564] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.ds-alloc__icon[data-v-762d9564] {
  height: 0.875rem;
  width: 0.875rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* A short dashed connector between the client's account and yours. */
.ds-alloc__sync[data-v-762d9564] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-width: 26rem;
}
.ds-alloc__sync[data-v-762d9564]::before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  border-left-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  content: '';
  left: 50%;
}
.ds-alloc__sync .ui-chip[data-v-762d9564] {
  position: relative;
}
.ds-alloc__yours[data-v-762d9564] {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-width: 22rem;
}

/* components/campaign/CampaignProductScene.vue */

.product-scene[data-v-885383ac] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 0px;
  max-width: 36rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}

@media (max-width: 359px) {
  .fx-board-row > .product-scene[data-v-885383ac][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .product-scene[data-v-885383ac][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scene-window[data-v-885383ac] {
  overflow: hidden;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(11 21 38 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.scene-chrome[data-v-885383ac] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
}
@media (min-width: 640px) {

  .scene-chrome[data-v-885383ac] {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
  }
}
.scene-brand[data-v-885383ac] {
  display: block;
  width: 4rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-workspace[data-v-885383ac] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-body[data-v-885383ac] {
  padding: 1.5rem;
}
@media (min-width: 640px) {

  .scene-body[data-v-885383ac] {
    padding: 2rem;
  }
}
.scene-heading[data-v-885383ac] {
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.scene-heading h3[data-v-885383ac] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .scene-heading h3[data-v-885383ac] {
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: 0.005em;
  }
}
.scene-heading > img[data-v-885383ac] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
}
.scene-details[data-v-885383ac] {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(
    auto-fit,
    minmax(
      min(
        100%,
        max(
          calc(8rem + 0.5rem),
          calc(50% - 0.75rem)
        )
      ),
      1fr
    )
  );
}
.scene-details dt[data-v-885383ac] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-details dd[data-v-885383ac] {
  margin-top: 0.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-account-owner[data-v-885383ac] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-bottom: 1.25rem;
  grid-column: 1 / -1;
}
.scene-account-owner dd[data-v-885383ac] {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
}
@media (min-width: 640px) {

  .scene-account-owner dd[data-v-885383ac] {
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.005em;
  }
}
.scene-account-field[data-v-885383ac] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .scene-account-field[data-v-885383ac][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .scene-account-field[data-v-885383ac][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scene-account-field dd[data-v-885383ac] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.scene-mask[data-v-885383ac] {
  white-space: nowrap;
  letter-spacing: 0.1em;
}
.scene-rails[data-v-885383ac] {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}
.scene-rail-names[data-v-885383ac] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-rail-names span + span[data-v-885383ac] {
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
}
.scene-bank-note[data-v-885383ac] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-wallet-summary[data-v-885383ac] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .scene-wallet-summary[data-v-885383ac] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.scene-connection[data-v-885383ac] {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.scene-connection-mark[data-v-885383ac] {
  margin-top: 0.25rem;
  height: 0.75rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.scene-wallet-body[data-v-885383ac] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.5rem;
  row-gap: 1.25rem;
}
.scene-wallet-name strong[data-v-885383ac] {
  display: block;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
}
@media (min-width: 640px) {

  .scene-wallet-name strong[data-v-885383ac] {
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.005em;
  }
}
.scene-wallet-name > span[data-v-885383ac] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.scene-asset-inline[data-v-885383ac] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.scene-asset-inline li[data-v-885383ac] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
.scene-asset-inline img[data-v-885383ac] {
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
}
.scene-heading--wallet[data-v-885383ac] {
  margin-bottom: 1.5rem;
}
.scene-wallet-custody[data-v-885383ac] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-list-heading[data-v-885383ac] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-asset-list .ui-row[data-v-885383ac] {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.scene-asset-name[data-v-885383ac] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 359px) {
  .fx-board-row > .scene-asset-name[data-v-885383ac][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .scene-asset-name[data-v-885383ac][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scene-asset-name strong[data-v-885383ac] {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
}
.scene-asset-name img[data-v-885383ac] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
}
.scene-asset-list .ui-row > span[data-v-885383ac] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-ownership[data-v-885383ac] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
}
.scene-ownership p[data-v-885383ac] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-ownership span[data-v-885383ac] {
  margin-top: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-payment-source[data-v-885383ac] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-bottom: 1.5rem;
}
.scene-payment-source > div > span[data-v-885383ac] {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-payment-source strong[data-v-885383ac] {
  margin-top: 0.5rem;
  display: block;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-source-assets[data-v-885383ac] {
  display: flex;
  gap: 0.5rem;
}
.scene-source-assets img[data-v-885383ac] {
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
}
.scene-currency-label[data-v-885383ac] {
  margin-top: 1.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-currency-control[data-v-885383ac] {
  position: relative;
  margin-top: 0.75rem;
  display: block;
}
.scene-currency-control > img[data-v-885383ac] {
  pointer-events: none;
  position: absolute;
  left: 1rem;
  top: 50%;
  height: 1.75rem;
  width: 1.75rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scene-select-arrow[data-v-885383ac] {
  pointer-events: none;
  position: absolute;
  right: 1rem;
  top: 50%;
  height: 0.75rem;
  width: 1rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.scene-currency-select[data-v-885383ac] {
  display: block;
  min-height: 56px;
  width: 100%;
  min-width: 0px;
  appearance: none;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(91 103 122 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3.5rem;
  padding-right: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (max-width: 359px) {
  .fx-board-row > .scene-currency-select[data-v-885383ac][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .scene-currency-select[data-v-885383ac][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scene-currency-select[data-v-885383ac]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.scene-currency-select[data-v-885383ac]:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(63 89 191 / var(--tw-border-opacity, 1));
  outline: 3px solid #3F59BF;
  outline-offset: 3px;
}
.scene-recipient[data-v-885383ac] {
  margin-top: 1.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.scene-recipient-heading[data-v-885383ac] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-recipient-arrow[data-v-885383ac] {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-recipient-currency[data-v-885383ac] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.scene-recipient-currency img[data-v-885383ac] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
}
.scene-recipient-currency strong[data-v-885383ac] {
  display: block;
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.005em;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.scene-recipient-currency span[data-v-885383ac] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.scene-recipient p[data-v-885383ac] {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.product-scene figcaption[data-v-885383ac] {
  margin-top: 1rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.product-scene--dark .scene-window[data-v-885383ac] {
  border-color: rgb(255 255 255 / 0.2);
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(11 21 38 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.product-scene--dark figcaption[data-v-885383ac] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.product-scene--compact .scene-chrome[data-v-885383ac] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
}
@media (min-width: 640px) {

  .product-scene--compact .scene-chrome[data-v-885383ac] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
  }
}
.product-scene--compact .scene-body[data-v-885383ac] {
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .product-scene--compact .scene-body[data-v-885383ac] {
    padding: 1.5rem;
  }
}
.product-scene--compact .scene-heading[data-v-885383ac] {
  margin-bottom: 1.5rem;
}
.product-scene--compact .scene-heading h3[data-v-885383ac] {
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.005em;
}
.product-scene--compact .scene-details[data-v-885383ac] {
  gap: 1.25rem;
}
.product-scene--compact .scene-rails[data-v-885383ac] {
  margin-top: 1.25rem;
}
.product-scene--compact .scene-wallet-summary[data-v-885383ac] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 640px) {

  .product-scene--compact .scene-wallet-summary[data-v-885383ac] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.product-scene--compact .scene-connection[data-v-885383ac] {
  margin-bottom: 1rem;
}
.product-scene--compact .scene-asset-list .ui-row[data-v-885383ac] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.product-scene--receive.product-scene--compact .scene-heading[data-v-885383ac] {
  margin-bottom: 1rem;
}
.product-scene--receive.product-scene--compact .scene-heading > img[data-v-885383ac] {
  height: 2rem;
  width: 2rem;
}
.product-scene--receive.product-scene--compact .scene-account-owner[data-v-885383ac] {
  padding-bottom: 0.75rem;
}
.product-scene--receive.product-scene--compact .scene-account-owner dd[data-v-885383ac] {
  margin-top: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.product-scene--receive.product-scene--compact .scene-details[data-v-885383ac] {
  gap: 1rem;
}
.product-scene--receive.product-scene--compact .scene-rails[data-v-885383ac] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}
.product-scene--receive.product-scene--compact .scene-wallet-summary[data-v-885383ac] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.product-scene--receive.product-scene--compact .scene-connection[data-v-885383ac] {
  margin-bottom: 0.5rem;
}
.product-scene--receive.product-scene--compact .scene-wallet-body[data-v-885383ac] {
  column-gap: 0.75rem;
  row-gap: 0.75rem;
}
.product-scene--receive.product-scene--compact .scene-wallet-name strong[data-v-885383ac] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.product-scene--receive.product-scene--compact .scene-wallet-name > span[data-v-885383ac] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.product-scene--receive.product-scene--compact .scene-asset-inline[data-v-885383ac] {
  gap: 0.5rem;
}
.product-scene--receive.product-scene--compact .scene-asset-inline li[data-v-885383ac] {
  gap: 0.25rem;
}
.product-scene--receive.product-scene--compact .scene-asset-inline img[data-v-885383ac] {
  height: 1.25rem;
  width: 1.25rem;
}
@media (min-width: 1024px) {
  .product-scene--wide[data-v-885383ac] {
    max-width: none;
  }
  .product-scene--wide .scene-chrome[data-v-885383ac] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1.5rem;
  }
  .product-scene--wide .scene-body[data-v-885383ac] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .product-scene--wide.product-scene--receive .scene-content[data-v-885383ac] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .product-scene--wide.product-scene--receive .scene-wallet-summary[data-v-885383ac] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .product-scene--wide.product-scene--receive .scene-connection[data-v-885383ac] {
    margin-bottom: 2rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-scene--wide.product-scene--receive .scene-connection-mark[data-v-885383ac] {
    margin-top: 0.375rem;
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .product-scene--wide.product-scene--receive .scene-wallet-body[data-v-885383ac] {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
  .product-scene--wide.product-scene--receive .scene-wallet-name strong[data-v-885383ac] {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
  .product-scene--wide.product-scene--receive .scene-wallet-name > span[data-v-885383ac] {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-scene--wide.product-scene--receive .scene-asset-inline[data-v-885383ac] {
    gap: 1.25rem;
  }
  .product-scene--wide.product-scene--receive .scene-asset-inline li[data-v-885383ac] {
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-scene--wide.product-scene--receive .scene-asset-inline img[data-v-885383ac] {
    height: 2rem;
    width: 2rem;
  }
  .product-scene--wide.product-scene--hold .scene-body[data-v-885383ac] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .product-scene--wide.product-scene--hold .scene-heading[data-v-885383ac] {
    margin-bottom: 1rem;
  }
  .product-scene--wide.product-scene--hold .scene-list-heading span[data-v-885383ac]:last-child {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .product-scene--wide.product-scene--hold .scene-asset-list[data-v-885383ac] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .product-scene--wide.product-scene--hold .scene-asset-list .ui-row[data-v-885383ac] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    border-bottom-width: 0px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .product-scene--wide.product-scene--hold .scene-asset-list .ui-row + .ui-row[data-v-885383ac] {
    border-left-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  }
  .product-scene--wide.product-scene--hold
    .scene-asset-list
    .ui-row[data-v-885383ac]:first-child {
    padding-left: 0px;
  }
  .product-scene--wide.product-scene--hold
    .scene-asset-list
    .ui-row[data-v-885383ac]:last-child {
    padding-right: 0px;
  }
  .product-scene--wide.product-scene--hold .scene-asset-name strong[data-v-885383ac] {
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.005em;
  }
  .product-scene--wide.product-scene--hold .scene-ownership[data-v-885383ac] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    column-gap: 1.5rem;
    row-gap: 0.5rem;
  }
  .product-scene--wide.product-scene--hold .scene-ownership span[data-v-885383ac] {
    margin-top: 0px;
  }
  .product-scene--wide.product-scene--pay .scene-body[data-v-885383ac] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2.5rem;
  }
  .product-scene--wide.product-scene--pay .scene-heading[data-v-885383ac] {
    grid-column: span 2 / span 2;
  }
  .product-scene--wide.product-scene--pay .scene-payment-source[data-v-885383ac] {
    grid-column-start: 1;
    grid-row-start: 2;
  }
  .product-scene--wide.product-scene--pay .scene-currency-label[data-v-885383ac] {
    grid-column-start: 1;
    grid-row-start: 3;
  }
  .product-scene--wide.product-scene--pay .scene-recipient[data-v-885383ac] {
    grid-column-start: 2;
    grid-row: span 2 / span 2;
    grid-row-start: 2;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left-width: 1px;
    border-top-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
    padding-left: 2.5rem;
    padding-top: 0px;
  }
  .product-scene--wide.product-scene--pay .scene-recipient-currency[data-v-885383ac] {
    margin-top: 1.5rem;
  }
  .product-scene--wide.product-scene--pay .scene-recipient-currency strong[data-v-885383ac] {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
  .product-scene--wide.product-scene--pay .scene-recipient-currency img[data-v-885383ac] {
    height: 3rem;
    width: 3rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .scene-content[data-v-885383ac] {
    opacity: 1 !important;
    transform: none !important;
  }
  .scene-currency-select[data-v-885383ac] {
    transition: none;
  }
}

/* components/campaign/CampaignHero.vue */

.campaign-hero[data-v-fd21d4af] {
  position: relative;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 7rem;
  padding-bottom: 1.75rem;
}

@media (min-width: 1024px) {

  .campaign-hero[data-v-fd21d4af] {
    padding-top: 9rem;
    padding-bottom: 2rem;
  }
}
.hero-container[data-v-fd21d4af] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .hero-container[data-v-fd21d4af] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.hero-composition[data-v-fd21d4af] {
  display: grid;
  align-items: center;
  gap: 1.5rem;
}
@media (min-width: 1024px) {

  .hero-composition[data-v-fd21d4af] {
    min-height: 26rem;
    grid-template-columns: 1.12fr 0.88fr;
    gap: 1.5rem;
  }
}
.hero-copy[data-v-fd21d4af] {
  position: relative;
  z-index: 10;
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .hero-copy[data-v-fd21d4af][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .hero-copy[data-v-fd21d4af][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.hero-title[data-v-fd21d4af] {
  font-family: Cardo, serif;
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
h1 .hero-title[data-v-fd21d4af],
  h2 .hero-title[data-v-fd21d4af],
  h3 .hero-title[data-v-fd21d4af] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .hero-title[data-v-fd21d4af] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 1280px) {

  .hero-title[data-v-fd21d4af] {
    font-size: 4.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.hero-title[data-v-fd21d4af] {
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.hero-title[data-v-fd21d4af] em {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.hero-lede[data-v-fd21d4af] {
  margin-top: 1.5rem;
  max-width: 36ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-lede[data-v-fd21d4af] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.hero-lede[data-v-fd21d4af] {
  text-wrap: pretty;
}
.hero-actions[data-v-fd21d4af] {
  margin-top: 1.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
}
@media (min-width: 1024px) {

  .hero-actions[data-v-fd21d4af] {
    margin-top: 2rem;
  }
}
.hero-primary[data-v-fd21d4af] {
  min-height: 48px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.hero-secondary[data-v-fd21d4af] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #E2E8F0;
  text-underline-offset: 4px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.hero-secondary[data-v-fd21d4af]:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-color: #3F59BF;
}
.hero-secondary svg[data-v-fd21d4af] {
  height: 1rem;
  width: 1rem;
}
.hero-fine[data-v-fd21d4af] {
  position: relative;
  z-index: 10;
  margin-top: 1.75rem;
  max-width: 66ch;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .hero-fine[data-v-fd21d4af] {
    margin-top: 2.5rem;
  }
}
.hero-art[data-v-fd21d4af] {
  position: relative;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .hero-art[data-v-fd21d4af][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .hero-art[data-v-fd21d4af][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 1024px) {

  .hero-art[data-v-fd21d4af] {
    margin: 0px;
    height: 26rem;
  }
}
.hero-art img[data-v-fd21d4af] {
  width: 100%;
  max-width: none;
}
@media (min-width: 1024px) {
  .hero-art img[data-v-fd21d4af] {
    position: absolute;
    width: 130%;
    top: 50%;
    left: -6%;
    transform: translateY(-50%);
  }
}
.hero-art--first img[data-v-fd21d4af] {
  mix-blend-mode: multiply;
  mask-image: linear-gradient(
      to right,
      transparent,
      black 10%,
      black 94%,
      transparent
    ),
    linear-gradient(to bottom, transparent, black 12%, black 82%, transparent);
  mask-composite: intersect;
}
.hero-product[data-v-fd21d4af] {
  position: relative;
  isolation: isolate;
  min-width: 0px;
  padding-top: 2rem;
}
@media (max-width: 359px) {
  .fx-board-row > .hero-product[data-v-fd21d4af][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .hero-product[data-v-fd21d4af][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 1024px) {

  .hero-product[data-v-fd21d4af] {
    padding-top: 3rem;
  }
}
.hero-portal[data-v-fd21d4af] {
  pointer-events: none;
  position: absolute;
  right: -4rem;
  top: -1rem;
  z-index: 0;
  width: 100%;
  max-width: none;
}
@media (min-width: 1024px) {

  .hero-portal[data-v-fd21d4af] {
    right: -7rem;
    top: -2.5rem;
    width: 92%;
  }
}
.hero-product-panel[data-v-fd21d4af] {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media (min-width: 1024px) {

  .hero-product-panel[data-v-fd21d4af] {
    margin-right: auto;
    margin-left: 0px;
    width: 88%;
  }
}
.hero-product-panel[data-v-fd21d4af] figcaption {
  width: fit-content;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 0.5rem;
  text-align: left;
}
@media (min-width: 640px) {

  .hero-product-panel[data-v-fd21d4af] figcaption {
    padding-left: 1.5rem;
  }
}
.campaign-hero--bankDetails[data-v-fd21d4af] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {

  .campaign-hero--bankDetails .hero-composition[data-v-fd21d4af] {
    grid-template-columns: 0.95fr 1.05fr;
  }
}
@media (min-width: 1280px) {

  .campaign-hero--bankDetails .hero-title[data-v-fd21d4af] {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
.campaign-hero--bankDetails .hero-title[data-v-fd21d4af] em {
  font-style: italic;
}
.campaign-hero--payouts[data-v-fd21d4af] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
}
.campaign-hero--payouts .hero-title[data-v-fd21d4af],
.campaign-hero--payouts .hero-title[data-v-fd21d4af] em {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.campaign-hero--payouts .hero-lede[data-v-fd21d4af],
.campaign-hero--payouts .hero-fine[data-v-fd21d4af],
.campaign-hero--payouts .hero-secondary[data-v-fd21d4af] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.campaign-hero--payouts .hero-primary[data-v-fd21d4af] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.campaign-hero--payouts .hero-primary[data-v-fd21d4af]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.campaign-hero--payouts a[data-v-fd21d4af]:focus-visible {
  outline-color: #C9DAFF;
}
.hero-art--payouts img[data-v-fd21d4af] {
  mask-image: linear-gradient(
      to right,
      transparent,
      black 12%,
      black 95%,
      transparent
    ),
    linear-gradient(to bottom, transparent, black 12%, black 84%, transparent);
  mask-composite: intersect;
}
@media (max-width: 639px) {
  .hero-title[data-v-fd21d4af] {
    max-width: none;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
  .hero-title[data-v-fd21d4af] br {
    display: none;
  }
  .hero-title[data-v-fd21d4af] em {
    white-space: nowrap;
  }
  .hero-art[data-v-fd21d4af] {
    margin-bottom: -1.5rem;
    margin-top: -0.25rem;
    max-height: 16rem;
    overflow: hidden;
  }
  .hero-art img[data-v-fd21d4af] {
    margin-left: auto;
    margin-right: auto;
    max-width: 26rem;
  }
  .hero-fine[data-v-fd21d4af] {
    margin-top: 0.75rem;
  }
  .hero-lede[data-v-fd21d4af] {
    margin-top: 1rem;
    max-width: none;
  }
  .hero-actions[data-v-fd21d4af] {
    margin-top: 1.25rem;
    column-gap: 0.75rem;
  }
  .hero-primary[data-v-fd21d4af] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .hero-secondary[data-v-fd21d4af] {
    gap: 0.5rem;
  }
  .hero-product[data-v-fd21d4af] {
    padding-top: 0.5rem;
  }
  .hero-product-panel[data-v-fd21d4af] {
    width: 100%;
  }
  .hero-portal[data-v-fd21d4af] {
    right: -4rem;
    top: -1.75rem;
    width: 80%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-secondary[data-v-fd21d4af],
  .hero-primary[data-v-fd21d4af] {
    transition: none;
  }
}

/* components/campaign/CampaignTrustStrip.vue */

.campaign-trust[data-v-64230914] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1024px) {

  .campaign-trust[data-v-64230914] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.trust-container[data-v-64230914] {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 80rem;
  gap: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 768px) {

  .trust-container[data-v-64230914] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
@media (min-width: 1024px) {

  .trust-container[data-v-64230914] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.trust-item[data-v-64230914] {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.trust-item[data-v-64230914]:hover {
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
/* One slot per logo, so every caption starts on the same line. */
.trust-logo[data-v-64230914] {
  display: flex;
  height: 2rem;
  width: 6rem;
  flex-shrink: 0;
  align-items: center;
}
/* One quiet colour for partner marks, whatever their brand colours. */
.trust-logo img[data-v-64230914] {
  height: 1.5rem;
  width: 6rem;
  object-fit: contain;
  object-position: left;
  opacity: 0.8;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  filter: grayscale(1);
}
.trust-item:hover .trust-logo img[data-v-64230914] {
  opacity: 1;
}
/* The shield's file declares a 1:2 box around square art; filling a square
   box draws it at full size. */
.trust-logo img.trust-logo--mark[data-v-64230914] {
  height: 2rem;
  width: 2rem;
  object-fit: fill;
}
.trust-item p[data-v-64230914] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  white-space: pre-line;
}
.campaign-trust--pale[data-v-64230914] {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.campaign-trust--dark[data-v-64230914] {
  border-color: rgb(255 255 255 / 0.2);
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
}
.campaign-trust--dark .trust-item[data-v-64230914] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.campaign-trust--dark .trust-logo img[data-v-64230914] {
  filter: grayscale(1) brightness(0) invert(1);
}
.campaign-trust--dark .trust-logo img.trust-logo--mark[data-v-64230914] {
  filter: grayscale(1);
}
.campaign-trust--dark .trust-item[data-v-64230914]:focus-visible {
  outline-color: #C9DAFF;
}
/* On the narrowest phones the caption needs the full width. */
@media (max-width: 359px) {
  .trust-item[data-v-64230914] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .trust-item[data-v-64230914],
  .trust-logo img[data-v-64230914] {
    transition: none;
  }
}

/* components/campaign/CampaignStory.vue */

.story-heading[data-v-669ad031] {
  margin-bottom: 2rem;
  display: grid;
  align-items: flex-end;
  gap: 1.25rem;
}

@media (min-width: 1024px) {

  .story-heading[data-v-669ad031] {
    margin-bottom: 2.5rem;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 5rem;
  }
}
.story-heading h2[data-v-669ad031] {
  max-width: 24ch;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
h1 .story-heading h2[data-v-669ad031],
  h2 .story-heading h2[data-v-669ad031],
  h3 .story-heading h2[data-v-669ad031] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .story-heading h2[data-v-669ad031] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.story-heading h2[data-v-669ad031] {
  text-wrap: balance;
}
.story-heading > p[data-v-669ad031] {
  max-width: 44ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
  text-wrap: pretty;
}
.story-tabs[data-v-669ad031] {
  margin-bottom: 2rem;
  display: grid;
  max-width: 32rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
@media (min-width: 1024px) {

  .story-tabs[data-v-669ad031] {
    margin-bottom: 3rem;
  }
}
.story-tabs button[data-v-669ad031] {
  margin-bottom: -1px;
  min-height: 48px;
  border-bottom-width: 2px;
  border-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 1rem;
  padding-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (min-width: 640px) {

  .story-tabs button[data-v-669ad031] {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.story-tabs button[data-v-669ad031]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.story-tabs button.story-tab--active[data-v-669ad031] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.story-panel[data-v-669ad031] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .story-panel[data-v-669ad031][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .story-panel[data-v-669ad031][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.step-copy-stack[data-v-669ad031] {
  display: grid;
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .step-copy-stack[data-v-669ad031][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .step-copy-stack[data-v-669ad031][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.step-detail[data-v-669ad031] {
  margin-bottom: 2rem;
  display: grid;
  gap: 0.75rem;
}
@media (min-width: 1024px) {

  .step-detail[data-v-669ad031] {
    margin-bottom: 2.5rem;
    grid-template-columns: 0.85fr 1.15fr;
    column-gap: 6rem;
  }
}
.step-detail[data-v-669ad031] {
  grid-area: 1 / 1;
  visibility: hidden;
}
.step-detail--active[data-v-669ad031] {
  visibility: visible;
}
.step-detail h3[data-v-669ad031] {
  max-width: 23ch;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .step-detail h3[data-v-669ad031],
  h2 .step-detail h3[data-v-669ad031],
  h3 .step-detail h3[data-v-669ad031] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .step-detail h3[data-v-669ad031] {
    grid-row: span 2 / span 2;
    align-self: center;
  }
}
.step-detail h3[data-v-669ad031] {
  text-wrap: balance;
}
.step-detail p[data-v-669ad031] {
  max-width: 48ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.step-detail a[data-v-669ad031] {
  display: inline-flex;
  min-height: 44px;
  width: fit-content;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #C9DAFF;
  text-underline-offset: 4px;
}
@media (min-width: 1024px) {

  .step-detail a[data-v-669ad031] {
    grid-column-start: 2;
  }
}
.step-detail a[data-v-669ad031]:hover {
  text-decoration-color: #3F59BF;
}
.step-detail svg[data-v-669ad031] {
  height: 1rem;
  width: 1rem;
}
.scene-stack[data-v-669ad031] {
  display: grid;
  min-width: 0px;
  align-items: center;
}
@media (max-width: 359px) {
  .fx-board-row > .scene-stack[data-v-669ad031][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .scene-stack[data-v-669ad031][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.scene-layer[data-v-669ad031] {
  width: 100%;
  grid-area: 1 / 1;
  visibility: hidden;
}
.scene-layer--active[data-v-669ad031] {
  visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .story-tabs button[data-v-669ad031] {
    transition: none;
  }
}

/* components/campaign/CampaignPayoutRoutes.vue */

.routes-heading[data-v-3610180e] {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.routes-heading h2[data-v-3610180e] {
  max-width: 32ch;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
}
.routes-heading > a[data-v-3610180e] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #C9DAFF;
  text-underline-offset: 4px;
}
.routes-heading svg[data-v-3610180e] {
  height: 1rem;
  width: 1rem;
}
.route-grid[data-v-3610180e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
@media (min-width: 640px) {

  .route-grid[data-v-3610180e] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .route-grid[data-v-3610180e] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.route-card[data-v-3610180e] {
  position: relative;
  display: flex;
  min-height: 144px;
  min-width: 0px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (max-width: 359px) {
  .fx-board-row > .route-card[data-v-3610180e][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .route-card[data-v-3610180e][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
@media (min-width: 1024px) {

  .route-card[data-v-3610180e] {
    border-bottom-width: 0px;
  }
}
.route-card[data-v-3610180e]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.route-card > img[data-v-3610180e] {
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  object-fit: contain;
}
.route-card > span[data-v-3610180e] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.25rem;
}
@media (max-width: 359px) {
  .fx-board-row > .route-card > span[data-v-3610180e][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .route-card > span[data-v-3610180e][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.route-card strong[data-v-3610180e] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.route-card small[data-v-3610180e] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.route-card > svg[data-v-3610180e] {
  position: absolute;
  right: 1rem;
  top: 1.25rem;
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.route-card:hover > svg[data-v-3610180e],
.route-card:focus-visible > svg[data-v-3610180e] {
  opacity: 1;
}
.routes-note[data-v-3610180e] {
  margin-top: 1.25rem;
  max-width: 85ch;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
@media (prefers-reduced-motion: reduce) {
  .route-card[data-v-3610180e] {
    transition: none;
  }
}

/* components/campaign/CampaignLanding.vue */

.campaign-page[data-v-2afbd2a0] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.campaign-page[data-v-2afbd2a0] h2,
.campaign-page[data-v-2afbd2a0] h3 {
  text-wrap: balance;
}
.campaign-page[data-v-2afbd2a0] p {
  text-wrap: pretty;
}
.campaign-container[data-v-2afbd2a0] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  .campaign-container[data-v-2afbd2a0] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.section-heading[data-v-2afbd2a0] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
}
h1 .section-heading[data-v-2afbd2a0],
  h2 .section-heading[data-v-2afbd2a0],
  h3 .section-heading[data-v-2afbd2a0] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .section-heading[data-v-2afbd2a0] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.story-section[data-v-2afbd2a0] {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .story-section[data-v-2afbd2a0] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.story-section[data-v-2afbd2a0] {
  scroll-margin-top: 5rem;
}
.specialist-story[data-v-2afbd2a0] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .specialist-story[data-v-2afbd2a0] {
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
  }
}
.specialist-copy > h2[data-v-2afbd2a0] {
  max-width: 23ch;
}
.story-intro[data-v-2afbd2a0] {
  margin-top: 1.25rem;
  max-width: 48ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.payment-sequence[data-v-2afbd2a0] {
  margin-top: 1.75rem;
}
.payment-sequence li[data-v-2afbd2a0] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}
.payment-sequence li + li[data-v-2afbd2a0] {
  margin-top: 1.25rem;
}
.payment-sequence h3[data-v-2afbd2a0] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.payment-sequence p[data-v-2afbd2a0] {
  margin-top: 0.5rem;
  max-width: 48ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.specialist-product[data-v-2afbd2a0] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .specialist-product[data-v-2afbd2a0][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .specialist-product[data-v-2afbd2a0][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.product-link[data-v-2afbd2a0] {
  margin-top: 1rem;
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #C9DAFF;
  text-underline-offset: 4px;
}
.product-link svg[data-v-2afbd2a0],
.quiet-link svg[data-v-2afbd2a0] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.campaign-page--payouts .story-section[data-v-2afbd2a0] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-top: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .campaign-page--payouts .story-section[data-v-2afbd2a0] {
    padding-top: 5rem;
  }
}
.campaign-page--payouts .story-intro[data-v-2afbd2a0],
.campaign-page--payouts .payment-sequence p[data-v-2afbd2a0] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.campaign-page--payouts .payment-sequence li[data-v-2afbd2a0] {
  border-color: rgb(255 255 255 / 0.2);
}
.campaign-page--payouts .specialist-product[data-v-2afbd2a0] {
  background-color: transparent;
}
.campaign-page--payouts .product-link[data-v-2afbd2a0] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
  text-decoration-color: rgb(255 255 255 / 0.3);
}
.campaign-page--payouts .product-link[data-v-2afbd2a0]:focus-visible {
  outline-color: #C9DAFF;
}
.working-section[data-v-2afbd2a0] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .working-section[data-v-2afbd2a0] {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.working-heading[data-v-2afbd2a0] {
  display: grid;
  align-items: flex-end;
  gap: 1.25rem;
}
@media (min-width: 1024px) {

  .working-heading[data-v-2afbd2a0] {
    grid-template-columns: 1.15fr 0.85fr;
    gap: 5rem;
  }
}
.working-heading h2[data-v-2afbd2a0] {
  max-width: 23ch;
}
.working-heading > p[data-v-2afbd2a0] {
  max-width: 44ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.working-details[data-v-2afbd2a0] {
  margin-top: 2rem;
  display: grid;
  gap: 1.75rem;
}
@media (min-width: 768px) {

  .working-details[data-v-2afbd2a0] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
  }
}
@media (min-width: 1024px) {

  .working-details[data-v-2afbd2a0] {
    margin-top: 2.5rem;
  }
}
.working-details article[data-v-2afbd2a0] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
}
.working-details h3[data-v-2afbd2a0] {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: 600;
}
@media (min-width: 1024px) {

  .working-details h3[data-v-2afbd2a0] {
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.005em;
  }
}
.working-details p[data-v-2afbd2a0] {
  margin-top: 0.75rem;
  max-width: 45ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.currency-section[data-v-2afbd2a0] {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {

  .currency-section[data-v-2afbd2a0] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.questions-section[data-v-2afbd2a0] {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 1024px) {

  .questions-section[data-v-2afbd2a0] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.questions-layout[data-v-2afbd2a0] {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 1024px) {

  .questions-layout[data-v-2afbd2a0] {
    grid-template-columns: 0.8fr 1.2fr;
    gap: 5rem;
  }
}
.questions-layout .section-heading[data-v-2afbd2a0] {
  max-width: 20ch;
}
.quiet-link[data-v-2afbd2a0] {
  margin-top: 1rem;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #C9DAFF;
  text-underline-offset: 4px;
}
.question-list[data-v-2afbd2a0] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.question-list details[data-v-2afbd2a0] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.question-list summary[data-v-2afbd2a0] {
  display: flex;
  min-height: 64px;
  cursor: pointer;
  list-style-type: none;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  border-radius: 0.75rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.question-list summary[data-v-2afbd2a0]::-webkit-details-marker {
  display: none;
}
.question-list summary svg[data-v-2afbd2a0] {
  height: 0.75rem;
  width: 0.75rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.question-list details[open] summary svg[data-v-2afbd2a0] {
  transform: rotate(180deg);
}
.question-list details > p[data-v-2afbd2a0] {
  max-width: 60ch;
  padding-bottom: 1.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.campaign-closing[data-v-2afbd2a0] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 21 38 / var(--tw-bg-opacity, 1));
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .campaign-closing[data-v-2afbd2a0] {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.closing-layout[data-v-2afbd2a0] {
  display: grid;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .closing-layout[data-v-2afbd2a0] {
    grid-template-columns: 1.2fr 0.8fr;
    gap: 6rem;
  }
}
.closing-copy h2[data-v-2afbd2a0] {
  max-width: 25ch;
}
.closing-copy > p[data-v-2afbd2a0] {
  margin-top: 1.25rem;
  max-width: 51ch;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.closing-cta[data-v-2afbd2a0] {
  margin-top: 1.75rem;
  min-height: 48px;
  max-width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(11 21 38 / var(--tw-text-opacity, 1));
}
.closing-cta[data-v-2afbd2a0]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.closing-cta[data-v-2afbd2a0]:focus-visible {
  outline-color: #C9DAFF;
}
.closing-copy > .closing-note[data-v-2afbd2a0] {
  margin-top: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.start-list[data-v-2afbd2a0] {
  align-self: center;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
}
@media (min-width: 1024px) {

  .start-list[data-v-2afbd2a0] {
    border-left-width: 1px;
    border-top-width: 0px;
    padding-left: 2rem;
  }
}
.start-list li[data-v-2afbd2a0] {
  padding-top: 1.25rem;
}
@media (min-width: 1024px) {

  .start-list li[data-v-2afbd2a0] {
    padding-top: 0px;
  }
}
.start-list li + li[data-v-2afbd2a0] {
  margin-top: 1.25rem;
}
.start-list h3[data-v-2afbd2a0] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.start-list p[data-v-2afbd2a0] {
  margin-top: 0.5rem;
  max-width: 38ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.campaign-legal[data-v-2afbd2a0] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.campaign-legal[data-v-2afbd2a0] .legal-text {
  border-width: 0px;
  padding: 0px;
}
@media (prefers-reduced-motion: reduce) {
  .campaign-page[data-v-2afbd2a0] * {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* components/visuals/WhyInvoiceVisual.vue */

.why-visual[data-v-9641cf70] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 26rem;
}
.why-visual--shared[data-v-9641cf70] {
  max-width: 30rem;
  padding: 0 0 3.5rem;
}
.why-card[data-v-9641cf70] {
  padding: 1.5rem;
}
.shared-card[data-v-9641cf70] {
  margin-right: 2.5rem;
}
.why-head[data-v-9641cf70] {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.why-number[data-v-9641cf70] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .why-number[data-v-9641cf70],
  h2 .why-number[data-v-9641cf70],
  h3 .why-number[data-v-9641cf70] {
    font-size: inherit;
    line-height: inherit;
  }
.why-big[data-v-9641cf70] {
  margin-top: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
}
.why-value[data-v-9641cf70] {
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.why-chip-wrap[data-v-9641cf70] {
  margin-top: 1.25rem;
  white-space: normal;
  line-height: 1.375;
}

/* Hero: sent -> paid, both done. */
.steps[data-v-9641cf70] {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
.step[data-v-9641cf70] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.step-check[data-v-9641cf70] {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.step-check svg[data-v-9641cf70] {
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.both-note[data-v-9641cf70] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
  max-width: 19rem;
}
.avatars[data-v-9641cf70] {
  display: flex;
  flex-shrink: 0;
}
.avatar-buyer[data-v-9641cf70] {
  margin-left: -0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  box-shadow: 0 0 0 2px rgb(255 255 255 / 1);
}

/* Paid early: where the payment landed between sent and due. */
.track[data-v-9641cf70] {
  margin-top: 1.25rem;
}
.track-flag-row[data-v-9641cf70] {
  position: relative;
  height: 2.25rem;
}
.track-flag[data-v-9641cf70] {
  position: absolute;
  top: 0px;
  white-space: nowrap;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transform: translateX(-50%);
}
/* Small pointer from the flag down to the pin. */
.track-flag[data-v-9641cf70]::after {
  position: absolute;
  height: 0.5rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  content: '';
  left: 50%;
  bottom: -3px;
  transform: translateX(-50%) rotate(45deg);
}
.track-bar[data-v-9641cf70] {
  position: relative;
  height: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
}
.track-fill[data-v-9641cf70] {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.track-pin[data-v-9641cf70] {
  position: absolute;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px #4D6CE6;
}
.track-ends[data-v-9641cf70] {
  margin-top: 0.75rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* Breakdown: the settled amount under a dashed rule. */
.paid-row[data-v-9641cf70] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.75rem;
}

/* Reminders */
.reminder-head[data-v-9641cf70] {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.eric-avatar[data-v-9641cf70] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.reminder[data-v-9641cf70] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.reminder[data-v-9641cf70]:last-child {
  border-bottom-width: 0px;
  padding-bottom: 0px;
}
.reminder-top[data-v-9641cf70] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.reminder-date[data-v-9641cf70] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reminder-icon[data-v-9641cf70] {
  height: 2rem;
  width: 2rem;
}
.reminder-icon svg[data-v-9641cf70] {
  height: 1rem;
  width: 1rem;
}
.reminder-label[data-v-9641cf70] {
  margin-top: 0.25rem;
  padding-left: 2.5rem;
}

/* Phones: stack the note under the invoice so it never covers a row. */
@media (max-width: 639px) {
  .why-visual--shared[data-v-9641cf70] {
    padding: 0;
  }
  .why-card[data-v-9641cf70] {
    padding: 1.25rem;
  }
  .shared-card[data-v-9641cf70] {
    margin-right: 0;
  }
  .both-note[data-v-9641cf70] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/solutions/WhyBancoliHero.vue */

/* Compact hero: all top air comes from the container so the H1 lands on
   the site-wide 128px gap. min-h-0 releases the tall centered stage. */
.hero[data-v-a15e198b] .hero-container {
  padding-top: 4rem !important;
}
@media (min-width: 1024px) {

  .hero[data-v-a15e198b] .hero-container {
    min-height: 0px;
    padding-top: 6rem !important;
  }
}

/* pages/why-bancoli.vue */

/* Intro panel */
.why-intro[data-v-01bee173] {
  display: grid;
  gap: 2.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .why-intro[data-v-01bee173] {
    padding: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .why-intro[data-v-01bee173] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 3rem;
    padding: 3.5rem;
  }

  .why-intro > div[data-v-01bee173]:first-child {
    grid-column: span 7 / span 7;
  }
}
.eric-tag[data-v-01bee173] {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.eric-tag strong[data-v-01bee173] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.eric-tag-avatar[data-v-01bee173] {
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.why-intro-title[data-v-01bee173] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .why-intro-title[data-v-01bee173],
  h2 .why-intro-title[data-v-01bee173],
  h3 .why-intro-title[data-v-01bee173] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .why-intro-title[data-v-01bee173] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
/* The copy's forced breaks were set for the old full-width banner. */
.why-intro-title[data-v-01bee173] br {
  display: none;
}
@media (min-width: 1024px) {

  .why-index[data-v-01bee173] {
    grid-column: span 5 / span 5;
    align-self: flex-end;
  }
}
.why-index-link[data-v-01bee173] {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom-width: 1px;
  border-color: rgb(168 203 255 / 0.4);
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
li:last-child > .why-index-link[data-v-01bee173] {
  border-bottom-width: 0px;
}
.why-index-link:hover .flex-1[data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.why-index-number[data-v-01bee173] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.drawer-row .why-index-number[data-v-01bee173][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}

/* Problem groups */
.why-problem[data-v-01bee173] {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {

  .why-problem[data-v-01bee173] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.why-problem[data-v-01bee173] {
  scroll-margin-top: 6rem;
}
.problem-grid[data-v-01bee173] {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 1024px) {

  .problem-grid[data-v-01bee173] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 2rem;
  }
}
.problem-head[data-v-01bee173] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
@media (min-width: 1024px) {

  .problem-head[data-v-01bee173] {
    grid-column: span 10 / span 10;
    grid-column-start: 2;
  }
}
.problem-number[data-v-01bee173] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.drawer-row .problem-number[data-v-01bee173][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.problem-title[data-v-01bee173] {
  margin-top: 0.75rem;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .problem-title[data-v-01bee173],
  h2 .problem-title[data-v-01bee173],
  h3 .problem-title[data-v-01bee173] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .problem-title[data-v-01bee173] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }

  .problem-lead[data-v-01bee173] {
    grid-column: span 8 / span 8;
    grid-column-start: 2;
  }
}
/* Big enough to lead the group, a step below the problem heading. */
.lead-stat[data-v-01bee173] {
  font-family: Cardo, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 400;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .lead-stat[data-v-01bee173],
  h2 .lead-stat[data-v-01bee173],
  h3 .lead-stat[data-v-01bee173] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .lead-stat[data-v-01bee173] {
    font-size: 2.25rem;
    line-height: 2.5rem;
    line-height: 1.25;
  }
}
.lead-stat[data-v-01bee173] span {
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.problem-lead .fact-source[data-v-01bee173] {
  margin-top: 1rem;
}
/* Supporting facts: two columns on desktop, in reading order row by row, so
   a fact that leads into the next ("In contrast to the above...") sits
   beside it. Top rules keep each row aligned. */
.fact-list[data-v-01bee173] {
  display: grid;
}
@media (min-width: 768px) {

  .fact-list[data-v-01bee173] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .fact-list[data-v-01bee173] {
    grid-column: span 10 / span 10;
    grid-column-start: 2;
    column-gap: 3rem;
  }
}
.fact[data-v-01bee173] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.fact-text[data-v-01bee173] {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
/* Highlighted figures stay whole ("28-day", "$400,000"). */
.fact-text[data-v-01bee173] span,
.fact-sublist[data-v-01bee173] span {
  white-space: nowrap;
  font-family: Cardo, serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-style: italic;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
h1 .fact-text[data-v-01bee173] span,
  h2 .fact-text[data-v-01bee173] span,
  h3 .fact-text[data-v-01bee173] span,h1 
.fact-sublist[data-v-01bee173] span,
  h2 
.fact-sublist[data-v-01bee173] span,
  h3 
.fact-sublist[data-v-01bee173] span {
    font-size: inherit;
    line-height: inherit;
  }
.fact-sublist[data-v-01bee173] {
  margin-top: 0.75rem;
}
.fact-sublist[data-v-01bee173] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.fact-sublist[data-v-01bee173] {
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
}
.fact-sublist li[data-v-01bee173] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.fact-source[data-v-01bee173] {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* Product response */
.response[data-v-01bee173] {
  margin-top: 2.5rem;
  display: grid;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1024px) {

  .response[data-v-01bee173] {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
    width: calc(100% * 10 / 12);
  }
}
.response-feature[data-v-01bee173] {
  margin-top: 1rem;
}
.response-title[data-v-01bee173] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .response-title[data-v-01bee173],
  h2 .response-title[data-v-01bee173],
  h3 .response-title[data-v-01bee173] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .response-title[data-v-01bee173] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.response-text[data-v-01bee173] {
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.response-link[data-v-01bee173] {
  margin-top: 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.why-page a[data-v-01bee173]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 4px;
  border-radius: 4px;
}
.why-intro a[data-v-01bee173]:focus-visible {
  outline-color: #C9DAFF;
}

/* pages/privacy.vue */

h1[data-v-82ab98bb] {
  margin-bottom: 1rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
}

.meta[data-v-82ab98bb] {
  margin-bottom: 2.5rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

h2[data-v-82ab98bb] {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

h3[data-v-82ab98bb] {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

p[data-v-82ab98bb],
li[data-v-82ab98bb] {
  margin-bottom: 1rem;
  text-align: justify;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

li[data-v-82ab98bb] {
  list-style-type: disc;
}

ul[data-v-82ab98bb] {
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
}

blockquote[data-v-82ab98bb] {
  margin-bottom: 1.5rem;
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(85 120 255 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

a[data-v-82ab98bb] {
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

table[data-v-82ab98bb] {
  margin-bottom: 2rem;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

th[data-v-82ab98bb],
td[data-v-82ab98bb] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  vertical-align: top;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

th[data-v-82ab98bb] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  font-weight: 600;
}

.table-wrap[data-v-82ab98bb] {
  margin-bottom: 2rem;
  overflow-x: auto;
}

section[data-v-82ab98bb] {
  margin-bottom: 2.5rem;
}

/* pages/resources/eligibility.vue */

/* Same quiet reference-page treatment as the FAQ hub (pages/resources/faq.vue):
   smaller hero, border-only cards, blue-100 rules, gray-600 secondary text. */
.elig-hero[data-v-2565365a] {
  position: relative;
  overflow: hidden;
  padding-top: 4rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {

  .elig-hero[data-v-2565365a] {
    padding-top: 6rem;
    padding-bottom: 2.5rem;
  }
}
.elig-hero[data-v-2565365a] {
  background-image: linear-gradient(180deg, #ffffff 0%, #fafafc 100%);
}

/* Let the browser pick the break points rather than leaving a lone italic
   word on its own line at some widths. Unsupported browsers just wrap
   normally. */
.elig-title[data-v-2565365a] {
  text-wrap: balance;
}

.elig-lede[data-v-2565365a] {
  margin-left: auto;
  margin-right: auto;
  max-width: 36rem;
  text-wrap: pretty;
}

.elig-source[data-v-2565365a] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-body[data-v-2565365a] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 1.5rem;
  padding-bottom: 5rem;
}

@media (min-width: 1024px) {

  .elig-body[data-v-2565365a] {
    padding-top: 2.5rem;
    padding-bottom: 7rem;
  }
}

.elig-card[data-v-2565365a] {
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  margin-bottom: 1.5rem;
  padding: 1.25rem;
}

.elig-card[data-v-2565365a]:last-child {
  margin-bottom: 0px;
}

@media (min-width: 640px) {

  .elig-card[data-v-2565365a] {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {

  .elig-card[data-v-2565365a] {
    padding: 2.5rem;
  }
}

.elig-card-title[data-v-2565365a] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
  margin-bottom: 1.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
}

.elig-table[data-v-2565365a] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.elig-table th[data-v-2565365a],
.elig-table td[data-v-2565365a] {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.elig-table thead th[data-v-2565365a] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-table tbody th[data-v-2565365a] {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.elig-table tbody tr:last-child th[data-v-2565365a],
.elig-table tbody tr:last-child td[data-v-2565365a] {
  border-bottom-width: 0px;
}

.elig-table td[data-v-2565365a] {
  text-align: right;
}

.elig-tag[data-v-2565365a] {
  display: inline-block;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.elig-tag.is-yes[data-v-2565365a] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}

.elig-tag.is-ownerOnly[data-v-2565365a] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.elig-tag.is-no[data-v-2565365a] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-note[data-v-2565365a] {
  margin-top: 2rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-filter[data-v-2565365a] {
  margin-bottom: 2rem;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .elig-filter[data-v-2565365a] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.elig-filter[data-v-2565365a] {
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.elig-filter[data-v-2565365a]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-filter[data-v-2565365a]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px #DFE9FF;
}

.elig-filter[data-v-2565365a]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.elig-chips[data-v-2565365a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.elig-chip[data-v-2565365a] {
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.elig-chip.is-blocked[data-v-2565365a] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.elig-footnote[data-v-2565365a] {
  margin-top: 2.5rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* components/index/IndexWhoDoesWhat.vue */

.reserve-container[data-v-07e75251] {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px) {

  .reserve-container[data-v-07e75251] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.roles-panel[data-v-07e75251] {
  display: grid;
  gap: 3rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-top: 3rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .roles-panel[data-v-07e75251] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
    padding-top: 4rem;
  }

  .roles-copy[data-v-07e75251] {
    padding-bottom: 4rem;
  }
}
.roles-title[data-v-07e75251] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .roles-title[data-v-07e75251],
  h2 .roles-title[data-v-07e75251],
  h3 .roles-title[data-v-07e75251] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .roles-title[data-v-07e75251] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.roles-title[data-v-07e75251] {
  text-wrap: balance;
}
.roles-title[data-v-07e75251] em {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.roles-intro[data-v-07e75251] {
  margin-top: 1.25rem;
  max-width: 32rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.roles-list[data-v-07e75251] {
  position: relative;
  margin-top: 2.5rem;
}
.roles-list[data-v-07e75251] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
/* Dashed spine behind the icons turns the list into a simple diagram. */
.roles-list[data-v-07e75251]::before {
  content: '';
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  bottom: 1.25rem;
  border-left-width: 1px;
  border-style: dashed;
  border-color: rgb(168 203 255 / 0.6);
}
.role[data-v-07e75251] {
  position: relative;
  display: flex;
  gap: 1rem;
}
.role-mark[data-v-07e75251] {
  position: relative;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.25);
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.role--you .role-mark[data-v-07e75251] {
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.role-mark svg[data-v-07e75251] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.role-text[data-v-07e75251] {
  min-width: 0px;
  padding-top: 0.25rem;
}
@media (max-width: 359px) {
  .fx-board-row > .role-text[data-v-07e75251][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .role-text[data-v-07e75251][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.role-name[data-v-07e75251] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.75rem;
  row-gap: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
}
.role-label[data-v-07e75251] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.role-body[data-v-07e75251] {
  margin-top: 0.375rem;
  max-width: 28rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.role-registration[data-v-07e75251] {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.roles-links[data-v-07e75251] {
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 0.75rem;
}
.role-link[data-v-07e75251] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.role-registration .role-link[data-v-07e75251] {
  min-height: 0px;
}
.role-link[data-v-07e75251]:hover {
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.role-link[data-v-07e75251]:focus-visible {
  outline: 3px solid #C9DAFF;
  outline-offset: 4px;
  border-radius: 4px;
}
.link-icon[data-v-07e75251] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
.roles-footnote[data-v-07e75251] {
  margin-top: 1.5rem;
  max-width: 28rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .roles-visual[data-v-07e75251] {
    position: sticky;
    top: 7rem;
    align-self: flex-start;
  }
}

/* pages/resources/faq.vue */

/* A functional page: quieter than the marketing heroes. No glow, no heavy
   shadows, and secondary text on gray-600 (5.7:1) rather than gray-500
   (2.4:1). Palette note: blue-200 (#EEF5FF) is lighter than blue-100, and
   gray-200 falls through to Tailwind's warm default; stay on blue-50/100 and
   gray-100/300/600 here. */
.faq-hero[data-v-156d41fe] {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 1024px) {

  .faq-hero[data-v-156d41fe] {
    padding-top: 6rem;
    padding-bottom: 2.5rem;
  }
}
.faq-hero[data-v-156d41fe] {
  background-image: linear-gradient(180deg, #ffffff 0%, #fafafc 100%);
}

.faq-lede[data-v-156d41fe] {
  margin-left: auto;
  margin-right: auto;
  max-width: 42rem;
}

.faq-search[data-v-156d41fe] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 42rem;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  box-shadow: 0 1px 2px rgba(26, 32, 44, 0.06);
  transition: border-color 0.2s, box-shadow 0.2s;
}

.faq-search[data-v-156d41fe]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  box-shadow: 0 0 0 3px #DFE9FF;
}

.faq-search-icon[data-v-156d41fe] {
  pointer-events: none;
  position: absolute;
  left: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-search-input[data-v-156d41fe] {
  width: 100%;
  background-color: transparent;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .faq-search-input[data-v-156d41fe] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.faq-search-input[data-v-156d41fe] {
  border-radius: 9999px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.faq-search-input[data-v-156d41fe]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-search-input[data-v-156d41fe]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* Safari draws its own clear affordance on type="search". */
.faq-search-input[data-v-156d41fe]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.faq-search-kbd[data-v-156d41fe] {
  position: absolute;
  right: 1.25rem;
  display: none;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {

  .faq-search-kbd[data-v-156d41fe] {
    display: flex;
  }
}

.faq-search-kbd[data-v-156d41fe] {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-search-clear[data-v-156d41fe] {
  position: absolute;
  right: 1rem;
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.faq-search-clear[data-v-156d41fe]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.faq-search-status[data-v-156d41fe] {
  margin-top: 0.75rem;
  min-height: 1.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

/* --- body --------------------------------------------------------- */
.faq-body[data-v-156d41fe] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {

  .faq-body[data-v-156d41fe] {
    padding-top: 2.5rem;
    padding-bottom: 7rem;
  }
}

/* One row that scrolls sideways, edge to edge (-mx-6 undoes the phone
   gutter). lg:hidden lives here: a scoped display rule outranks the utility
   class. */
.faq-chips[data-v-156d41fe] {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-bottom: 1.25rem;
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.25rem;
}
@media (min-width: 1024px) {

  .faq-chips[data-v-156d41fe] {
    display: none;
  }
}
.faq-chips[data-v-156d41fe] {
  scrollbar-width: none;
}

.faq-chips[data-v-156d41fe]::-webkit-scrollbar {
  display: none;
}

.faq-chip[data-v-156d41fe] {
  display: inline-flex;
  min-height: 44px;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.faq-chip.is-active[data-v-156d41fe] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.faq-chip-count[data-v-156d41fe] {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-nav[data-v-156d41fe] {
  position: sticky;
  top: 8rem;
}

.faq-nav-title[data-v-156d41fe] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  margin-bottom: 0.75rem;
  padding-left: 1rem;
}

.faq-nav-link[data-v-156d41fe] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-radius: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  border-left-width: 2px;
  border-color: transparent;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.faq-nav-link[data-v-156d41fe]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.faq-nav-link.is-active[data-v-156d41fe] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.faq-nav-count[data-v-156d41fe] {
  flex-shrink: 0;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-nav-link.is-active .faq-nav-count[data-v-156d41fe] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.faq-nav-help[data-v-156d41fe] {
  margin-top: 2rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
  padding-left: 1rem;
}

.faq-nav-help-text[data-v-156d41fe] {
  margin-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

.faq-nav-help-link[data-v-156d41fe] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}

.faq-nav-help-link[data-v-156d41fe]:hover {
  text-decoration-line: underline;
}

/* --- groups ------------------------------------------------------- */
.faq-group[data-v-156d41fe] {
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  margin-bottom: 1.5rem;
  padding: 1.25rem;
}
.faq-group[data-v-156d41fe]:last-child {
  margin-bottom: 0px;
}
@media (min-width: 640px) {

  .faq-group[data-v-156d41fe] {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .faq-group[data-v-156d41fe] {
    padding: 2.5rem;
  }
}
.faq-group[data-v-156d41fe] {
  scroll-margin-top: 8rem;
}

.faq-group-head[data-v-156d41fe] {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
}

.faq-group-icon[data-v-156d41fe] {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}

.faq-group-icon svg[data-v-156d41fe] {
  height: 1.25rem;
  width: 1.25rem;
}

.faq-group-title[data-v-156d41fe] {
  flex: 1 1 0%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.why-index-link:hover .faq-group-title[data-v-156d41fe][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

.faq-group-count[data-v-156d41fe] {
  flex-shrink: 0;
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

.faq-empty[data-v-156d41fe] {
  padding-top: 4rem;
  padding-bottom: 4rem;
  text-align: center;
}

.faq-empty-title[data-v-156d41fe] {
  margin-bottom: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

/* Entry point to the full visual treatment of the roles answer. */
.roles-banner[data-v-156d41fe] {
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(11,21,38,.06), 0 8px 24px -8px rgba(11,21,38,.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {

  .roles-banner[data-v-156d41fe] {
    padding: 2rem;
  }
}
.roles-banner[data-v-156d41fe] {
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.roles-banner[data-v-156d41fe]:hover {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 2px 4px rgba(11,21,38,.06), 0 20px 48px -12px rgba(11,21,38,.28);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 20px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.roles-banner[data-v-156d41fe]:focus-visible {
  outline: 3px solid #5578FF;
  outline-offset: 3px;
}
.roles-banner-copy[data-v-156d41fe] {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 359px) {
  .fx-board-row > .roles-banner-copy[data-v-156d41fe][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .roles-banner-copy[data-v-156d41fe][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.roles-banner-title[data-v-156d41fe] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1.25;
}
h1 .roles-banner-title[data-v-156d41fe],
  h2 .roles-banner-title[data-v-156d41fe],
  h3 .roles-banner-title[data-v-156d41fe] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .roles-banner-title[data-v-156d41fe] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.roles-banner-title[data-v-156d41fe] {
  text-wrap: balance;
}
.roles-banner-body[data-v-156d41fe] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .roles-banner-body[data-v-156d41fe] {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.roles-banner-arrow[data-v-156d41fe] {
  display: flex;
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.25);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition: background-color 200ms ease, border-color 200ms ease;
}
.roles-banner-arrow svg[data-v-156d41fe] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 200ms var(--ease-out-expo);
}
.roles-banner:hover .roles-banner-arrow[data-v-156d41fe] {
  --tw-border-opacity: 1;
  border-color: rgb(201 218 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.roles-banner:hover .roles-banner-arrow svg[data-v-156d41fe] {
  transform: translateX(2px);
}

/* --- footer CTA --------------------------------------------------- */
.faq-help-card[data-v-156d41fe] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 1024px) {

  .faq-help-card[data-v-156d41fe] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.faq-help-card[data-v-156d41fe] {
  margin-top: 2rem;
  border-radius: 1.5rem;
  padding: 1.5rem;
}
@media (min-width: 640px) {

  .faq-help-card[data-v-156d41fe] {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .faq-help-card[data-v-156d41fe] {
    padding: 2.5rem;
  }
}
.faq-help-card[data-v-156d41fe] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}

.faq-help-title[data-v-156d41fe] {
  margin-bottom: 0.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

.faq-help-button[data-v-156d41fe] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.faq-help-button[data-v-156d41fe]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(63 89 191 / var(--tw-bg-opacity, 1));
}

/* components/visuals/SupplyChainBillsVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-b95f4555] {
  white-space: nowrap;
}
.bills-visual[data-v-b95f4555] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.bills-card[data-v-b95f4555] {
  padding: 1.5rem;
}
.bills-title[data-v-b95f4555] {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .bills-title[data-v-b95f4555],
  h2 .bills-title[data-v-b95f4555],
  h3 .bills-title[data-v-b95f4555] {
    font-size: inherit;
    line-height: inherit;
  }
/* Supplier handle and amount on top, due date and status underneath. */
.bill-row[data-v-b95f4555] {
  display: grid;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0.375rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
}
.bill-row[data-v-b95f4555]:last-child {
  padding-bottom: 0px;
}
.bill-from[data-v-b95f4555] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.bill-amount[data-v-b95f4555] {
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.bill-due[data-v-b95f4555] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.drawer-row .bill-due[data-v-b95f4555][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.bill-status[data-v-b95f4555] {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 639px) {
  .bills-card[data-v-b95f4555] {
    padding: 1.25rem;
  }
}

/* components/solutions/SupplyChainFinancingClaim.vue */

[data-v-b208c8c1] .scf-claim-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-b208c8c1] .scf-claim-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-b208c8c1] .scf-claim-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}
/* Pale product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .visual-stage[data-v-b208c8c1] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .visual-stage[data-v-b208c8c1] {
    padding: 2.5rem;
  }
}

/* components/visuals/SupplyChainEarlyPayVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-36d38ce4],
.earned-amount[data-v-36d38ce4] {
  white-space: nowrap;
}
.early-visual[data-v-36d38ce4] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.early-card[data-v-36d38ce4] {
  padding: 1.5rem;
}
.early-supplier[data-v-36d38ce4] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.early-name[data-v-36d38ce4] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .early-name[data-v-36d38ce4],
  h2 .early-name[data-v-36d38ce4],
  h3 .early-name[data-v-36d38ce4] {
    font-size: inherit;
    line-height: inherit;
  }
.early-offer[data-v-36d38ce4] {
  margin-top: 1rem;
}
.early-options[data-v-36d38ce4] {
  margin-top: 1rem;
  display: grid;
  gap: 0.5rem;
}
.early-option[data-v-36d38ce4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.early-option.is-selected[data-v-36d38ce4] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
.radio[data-v-36d38ce4] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.is-selected .radio[data-v-36d38ce4] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  box-shadow: inset 0 0 0 3px rgb(255 255 255 / 1),
    inset 0 0 0 8px #4D6CE6;
}
.early-earned[data-v-36d38ce4] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.earned-amount[data-v-36d38ce4] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.drawer-row .earned-amount[data-v-36d38ce4][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 639px) {
  .early-card[data-v-36d38ce4] {
    padding: 1.25rem;
  }
}

/* components/solutions/SupplyChainFinancingHero.vue */

[data-v-b73388b2] .scf-hero-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-b73388b2] .scf-hero-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-b73388b2] .scf-hero-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}

/* components/visuals/SupplyChainCalendarVisual.vue */

/* Amounts never break across lines. */
.cal-amount[data-v-7d45bf29] {
  white-space: nowrap;
}
.calendar-visual[data-v-7d45bf29] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 26rem;
}
.cal-card[data-v-7d45bf29] {
  padding: 1.5rem;
}
.cal-head[data-v-7d45bf29] {
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.cal-amount[data-v-7d45bf29] {
  font-family: Cardo, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .cal-amount[data-v-7d45bf29],
  h2 .cal-amount[data-v-7d45bf29],
  h3 .cal-amount[data-v-7d45bf29] {
    font-size: inherit;
    line-height: inherit;
  }
.drawer-row .cal-amount[data-v-7d45bf29][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.cal[data-v-7d45bf29] {
  margin-top: 1.25rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.cal-month[data-v-7d45bf29] {
  margin-bottom: 0.5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.cal-grid[data-v-7d45bf29] {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.25rem;
  text-align: center;
}
.cal-weekday[data-v-7d45bf29] {
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.cal-day[data-v-7d45bf29] {
  display: flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.drawer-row .cal-day[data-v-7d45bf29][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
/* The days the supplier did not have to wait. */
.cal-day.is-early[data-v-7d45bf29] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.cal-day.is-paid[data-v-7d45bf29] {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.cal-day.is-due[data-v-7d45bf29] {
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.cal-legend[data-v-7d45bf29] {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.25rem;
  row-gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.cal-legend span[data-v-7d45bf29] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.cal-legend i[data-v-7d45bf29] {
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
}
.legend-paid[data-v-7d45bf29] {
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
.legend-due[data-v-7d45bf29] {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (max-width: 639px) {
  .cal-card[data-v-7d45bf29] {
    padding: 1.25rem;
  }
}

/* components/solutions/SupplyChainFinancingBenefits.vue */

[data-v-a1a32148] .scf-benefits-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-a1a32148] .scf-benefits-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-a1a32148] .scf-benefits-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}

/* components/solutions/GuaranteedInvoicesComparisonTable.vue */

.compare[data-v-9baca207] {
  width: 100%;
  text-align: left;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.clocks[data-v-9baca207] {
  display: inline-flex;
  gap: 0.25rem;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
}
.is-bancoli .clocks[data-v-9baca207] {
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.clocks svg[data-v-9baca207] {
  height: 1.25rem;
  width: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.costs[data-v-9baca207] {
  font-weight: 700;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.is-bancoli .costs[data-v-9baca207] {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.ui-chip.is-hard[data-v-9baca207] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
tbody th[data-v-9baca207] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
tbody tr.is-bancoli th[data-v-9baca207] {
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}

/* Desktop: one rounded card; Bancoli's row is a pale-blue rounded band. */
@media (min-width: 1024px) {
  .compare[data-v-9baca207] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    box-shadow: 0 22px 48px -30px rgba(36, 68, 134, 0.35);
  }
  .compare-table[data-v-9baca207] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  thead th[data-v-9baca207] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  }
  tbody th[data-v-9baca207],
  tbody td[data-v-9baca207] {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  tbody td[data-v-9baca207] {
    --tw-text-opacity: 1;
    color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  }
  tbody tr.is-bancoli th[data-v-9baca207],
  tbody tr.is-bancoli td[data-v-9baca207],
  tbody tr.is-bancoli + tr th[data-v-9baca207],
  tbody tr.is-bancoli + tr td[data-v-9baca207] {
    border-top-width: 0px;
  }
  tbody tr.is-bancoli th[data-v-9baca207],
  tbody tr.is-bancoli td[data-v-9baca207] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  }
  tbody tr.is-bancoli th[data-v-9baca207] {
    border-radius: 1rem 0 0 1rem;
  }
  tbody tr.is-bancoli td[data-v-9baca207]:last-child {
    border-radius: 0 1rem 1rem 0;
  }
}

/* Phones and tablets: every row becomes a rounded card with labelled lines. */
@media (max-width: 1023px) {
  .compare-table thead[data-v-9baca207] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .compare-table[data-v-9baca207],
  .compare-table tbody[data-v-9baca207],
  .compare-table tr[data-v-9baca207],
  .compare-table th[data-v-9baca207] {
    display: block;
  }
  tbody tr[data-v-9baca207] {
    margin-bottom: 0.75rem;
    border-radius: 1rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  tbody tr[data-v-9baca207]:last-child {
    margin-bottom: 0px;
  }
  tbody tr.is-bancoli[data-v-9baca207] {
    --tw-border-opacity: 1;
    border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  }
  tbody th[data-v-9baca207] {
    padding-bottom: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .compare-table tbody td[data-v-9baca207] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  tbody tr.is-bancoli td[data-v-9baca207] {
    --tw-border-opacity: 1;
    border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  }
  tbody td[data-v-9baca207]::before {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(91 103 122 / var(--tw-text-opacity, 1));
    content: attr(data-label);
  }
}

/* components/visuals/LetterOfCreditHeroVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-ecc3aa8a] {
  white-space: nowrap;
}
.lc-visual[data-v-ecc3aa8a] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.lc-card[data-v-ecc3aa8a] {
  padding: 1.5rem;
}
/* The status chip drops under the title when the card is narrow. */
.lc-head[data-v-ecc3aa8a] {
  margin-bottom: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.lc-heading[data-v-ecc3aa8a] {
  min-width: 0px;
}
@media (max-width: 359px) {
  .fx-board-row > .lc-heading[data-v-ecc3aa8a][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .lc-heading[data-v-ecc3aa8a][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.lc-heading[data-v-ecc3aa8a] {
  flex: 1 1 11rem;
}
.lc-title[data-v-ecc3aa8a] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .lc-title[data-v-ecc3aa8a],
  h2 .lc-title[data-v-ecc3aa8a],
  h3 .lc-title[data-v-ecc3aa8a] {
    font-size: inherit;
    line-height: inherit;
  }
.lc-list[data-v-ecc3aa8a] {
  display: grid;
  gap: 0.5rem;
}
/* Phones: name, instrument and amount each get a full line. */
.lc-row[data-v-ecc3aa8a] {
  display: grid;
  align-items: center;
  column-gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    'code name'
    'code meta'
    'code amount';
}
.lc-code[data-v-ecc3aa8a] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  align-self: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  grid-area: code;
}
.lc-name[data-v-ecc3aa8a] {
  grid-area: name;
}
.lc-meta[data-v-ecc3aa8a] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  grid-area: meta;
}
.lc-instrument[data-v-ecc3aa8a] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.lc-amount[data-v-ecc3aa8a] {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  grid-area: amount;
}
/* Tablet and up: the amount moves to its own column on the right. */
@media (min-width: 640px) {
  .lc-row[data-v-ecc3aa8a] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      'code name amount'
      'code meta amount';
  }
  .lc-amount[data-v-ecc3aa8a] {
    margin-top: 0px;
    text-align: right;
  }
}
@media (max-width: 639px) {
  .lc-card[data-v-ecc3aa8a] {
    padding: 1.25rem;
  }
}

/* components/visuals/LetterOfCreditCustodyVisual.vue */

.custody-visual[data-v-c0ef415c] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 24rem;
}
.custody-card[data-v-c0ef415c] {
  padding: 1.5rem;
}
.custody-top[data-v-c0ef415c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.key-icon[data-v-c0ef415c] {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.key-icon svg[data-v-c0ef415c] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.custody-eyebrow[data-v-c0ef415c] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.custody-title[data-v-c0ef415c] {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .custody-title[data-v-c0ef415c],
  h2 .custody-title[data-v-c0ef415c],
  h3 .custody-title[data-v-c0ef415c] {
    font-size: inherit;
    line-height: inherit;
  }
.custody-row[data-v-c0ef415c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.custody-value[data-v-c0ef415c] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* components/visuals/LetterOfCreditInstrumentsVisual.vue */

.instr-visual[data-v-38041395] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 26rem;
}
.instr-card[data-v-38041395] {
  padding: 1.5rem;
}
.instr-title[data-v-38041395] {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .instr-title[data-v-38041395],
  h2 .instr-title[data-v-38041395],
  h3 .instr-title[data-v-38041395] {
    font-size: inherit;
    line-height: inherit;
  }
.instr-steps[data-v-38041395] {
  position: relative;
  display: grid;
  gap: 1rem;
}
.instr-step[data-v-38041395] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
/* Rail joining each milestone to the next one. */
.instr-step[data-v-38041395]:not(.is-last)::after {
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  content: '';
  left: 0.8125rem;
  top: 1.75rem;
  height: calc(100% - 0.75rem);
  width: 2px;
}
.step-dot[data-v-38041395] {
  position: relative;
  z-index: 10;
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.is-last .step-dot[data-v-38041395] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
}
.step-dot svg[data-v-38041395] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.instr-footer[data-v-38041395] {
  margin-top: 1rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (max-width: 639px) {
  .instr-card[data-v-38041395] {
    padding: 1.25rem;
  }
}

/* pages/solutions/letter-credit.vue */

[data-v-5b0c258d] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}
[data-v-5b0c258d] .hero-container > div {
  display: grid;
}
.safety-panel[data-v-5b0c258d] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 640px) {

  .safety-panel[data-v-5b0c258d] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .safety-panel[data-v-5b0c258d] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0px;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .safety-copy[data-v-5b0c258d] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  .safety-visual[data-v-5b0c258d] {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}
[data-v-5b0c258d] .instruments-section .left-side {
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {

  [data-v-5b0c258d] .instruments-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-5b0c258d] .instruments-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}
.instruments-list[data-v-5b0c258d] hr {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
}
.instruments-list[data-v-5b0c258d] .expandable-body {
  padding-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
/* Pale product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .visual-stage[data-v-5b0c258d] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .visual-stage[data-v-5b0c258d] {
    padding: 2.5rem;
  }
}

/* components/ExpandableItem.vue */

.expandable-container.opened .expandable-body[data-v-450aace2] {
      animation: expandable-fade-in-450aace2 0.3s ease-out;
    }
    .expandable-container.opened button > svg[data-v-450aace2] {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
  .expandable-container:not(.opened) .expandable-body[data-v-450aace2] {
  display: none;
}

/* Enter only: the body is toggled with `hidden`, and display:none cannot be
   transitioned. Wiring a real leave needs a JS hook; until then the open is
   the only half that animates. */
@media (prefers-reduced-motion: reduce) {
  .expandable-container .expandable-body[data-v-450aace2] {
    animation: none !important;
  }
  .expandable-container button[data-v-450aace2] {
    transition: none !important;
  }
}

@keyframes expandable-fade-in-450aace2 {
  0% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

/* components/visuals/KyvVerificationVisual.vue */

.kyv-visual[data-v-d60f1eef] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 27rem;
}
.kyv-card[data-v-d60f1eef] {
  padding: 1.5rem;
}
.kyv-head[data-v-d60f1eef] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.kyv-vendor[data-v-d60f1eef] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.kyv-avatar[data-v-d60f1eef] {
  height: 2.75rem;
  width: 2.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.kyv-name[data-v-d60f1eef] {
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .kyv-name[data-v-d60f1eef],
  h2 .kyv-name[data-v-d60f1eef],
  h3 .kyv-name[data-v-d60f1eef] {
    font-size: inherit;
    line-height: inherit;
  }
/* Same blue check the product shows next to a verified handle. */
.verified-badge[data-v-d60f1eef] {
  margin-left: 0.125rem;
  display: inline-flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.verified-badge svg[data-v-d60f1eef] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kyv-checks[data-v-d60f1eef] {
  margin-top: 1.25rem;
  display: grid;
  gap: 0.5rem;
}
.kyv-check[data-v-d60f1eef] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.check-icon[data-v-d60f1eef] {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.check-icon svg[data-v-d60f1eef] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.check-value[data-v-d60f1eef] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: #064E3B;
}
.kyv-footer[data-v-d60f1eef] {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.kyv-footer-icon[data-v-d60f1eef] {
  height: 2.25rem;
  width: 2.25rem;
}
@media (max-width: 639px) {
  .kyv-card[data-v-d60f1eef] {
    padding: 1.25rem;
  }
}

/* components/solutions/KnowYourVendorHero.vue */

[data-v-f3f78f60] .kyv-hero-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-f3f78f60] .kyv-hero-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-f3f78f60] .kyv-hero-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}

/* components/solutions/KnowYourVendorClaim.vue */

[data-v-749a340f] .kyv-claim-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-749a340f] .kyv-claim-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-749a340f] .kyv-claim-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}
.kyv-portrait[data-v-749a340f] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 24rem;
  border-radius: 1rem;
  object-fit: cover;
}

/* components/visuals/KyvLookalikeVisual.vue */

.lookalike-visual[data-v-0f7dfba7] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 27rem;
}
.lookalike-eyebrow[data-v-0f7dfba7] {
  margin-bottom: 0.75rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.payee[data-v-0f7dfba7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1.25rem;
}
/* The look-alike: dashed and quiet, it is the one you must not pay. */
.payee.is-fake[data-v-0f7dfba7] {
  border-radius: 1rem;
  border-width: 1px;
  border-style: dashed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-color: #f5a3a3;
}
.fake-avatar[data-v-0f7dfba7] {
  background: #ffe8e8;
  color: #b42318;
}
.verified-badge[data-v-0f7dfba7] {
  margin-left: 0.125rem;
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.verified-badge svg[data-v-0f7dfba7] {
  height: 0.75rem;
  width: 0.75rem;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.similar[data-v-0f7dfba7] {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.similar-line[data-v-0f7dfba7] {
  flex: 1 1 0%;
  border-top-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
}
.why-index-link:hover .similar-line[data-v-0f7dfba7][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

/* components/solutions/KnowYourVendorBenefits.vue */

[data-v-e460b2c1] .kyv-benefits-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-e460b2c1] .kyv-benefits-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-e460b2c1] .kyv-benefits-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}

/* components/solutions/KnowYourVendorTransparency.vue */

[data-v-abe873fc] .kyv-transparency-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-abe873fc] .kyv-transparency-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-abe873fc] .kyv-transparency-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}
.kyv-portrait[data-v-abe873fc] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 24rem;
  border-radius: 1rem;
  object-fit: cover;
}

/* pages/solutions/know-your-vendor.vue */

@media (min-width: 1024px) {

  [data-v-0ab78ca3] .hero-content.reverse .left-side {
    grid-column-start: 8;
  }
}
  [data-v-0ab78ca3] .hero-content.reverse .right-side {
  position: relative;
}
  @media (min-width: 1024px) {

  [data-v-0ab78ca3] .hero-content.reverse .right-side {
    grid-column: span 1 / span 1;
    grid-column-start: 7;
  }

  [data-v-0ab78ca3] .right-company .reverse .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
  }
}

/* components/visuals/AchPushOnlyVisual.vue */

.ach-visual[data-v-a926f1d0] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
}
.details-card[data-v-a926f1d0] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 2.75rem;
  margin-right: 2.5rem;
}
.details-head[data-v-a926f1d0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.details-label[data-v-a926f1d0] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.chip-lime[data-v-a926f1d0] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.details-title[data-v-a926f1d0] {
  margin-top: 0.5rem;
  font-family: Cardo, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  line-height: 1.25;
}
h1 .details-title[data-v-a926f1d0],
  h2 .details-title[data-v-a926f1d0],
  h3 .details-title[data-v-a926f1d0] {
    font-size: inherit;
    line-height: inherit;
  }
.details-account[data-v-a926f1d0] {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.drawer-row .details-account[data-v-a926f1d0][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.activity-card[data-v-a926f1d0] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
  margin: -1.5rem 0 0 2.5rem;
}
.event-name[data-v-a926f1d0] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 359px) {
  .fx-board-row > .event-name[data-v-a926f1d0][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .event-name[data-v-a926f1d0][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.event-icon[data-v-a926f1d0] {
  height: 2.25rem;
  width: 2.25rem;
}
.event-icon--stop[data-v-a926f1d0] {
  background: #ffe8e8;
  color: #b42318;
}
.event-result[data-v-a926f1d0] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}
.event-amount[data-v-a926f1d0] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.event-amount--blocked[data-v-a926f1d0] {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  text-decoration-line: line-through;
}
/* Phones: no stagger, so each row keeps the full card width. */
@media (max-width: 639px) {
  .details-card[data-v-a926f1d0] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-right: 0;
  }
  .activity-card[data-v-a926f1d0] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: -1.5rem 0 0;
  }
}

/* pages/solutions/ach-fraud-control.vue */

@media (min-width: 1024px) {

  [data-v-5e8bbd91] .ach-hero-section .left-side {
    grid-column: span 6 / span 6;
    grid-column-start: 2;
  }

  [data-v-5e8bbd91] .ach-hero-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}

.problem-grid[data-v-5e8bbd91] {
  display: grid;
  align-items: flex-start;
  gap: 1.5rem;
}

@media (min-width: 1024px) {

  .problem-grid[data-v-5e8bbd91] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }

  .problem-title[data-v-5e8bbd91] {
    grid-column: span 4 / span 4;
    grid-column-start: 2;
  }
}
@media (min-width: 640px) {

  .problem-copy[data-v-5e8bbd91] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .problem-copy[data-v-5e8bbd91] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
    max-width: none;
  }
}
.problem-callout[data-v-5e8bbd91] {
  margin-top: 1.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Native hash scroll: sit below the fixed navbar with a little air */
#ach-how-it-works-heading[data-v-5e8bbd91] {
  scroll-margin-top: 8rem;
}

@media (min-width: 1280px) {
  #ach-how-it-works-heading[data-v-5e8bbd91] {
    scroll-margin-top: 12rem;
  }
}

/* components/solutions/GlobalAccountHero.vue */

.hero-available[data-v-1f013138] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .hero-available[data-v-1f013138] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}
.hero[data-v-1f013138] .hero-container {
  padding-top: 2.5rem !important;
}
@media (min-width: 1024px) {

  .hero[data-v-1f013138] .hero-container {
    padding-top: 4rem !important;
  }
}

/* components/solutions/GlobalAccountPromises.vue */

.promise-strip[data-v-ec096c55] {
  display: grid;
  width: 100%;
  column-gap: 2.5rem;
  row-gap: 2rem;
}

@media (min-width: 640px) {

  .promise-strip[data-v-ec096c55] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {

  .promise-strip[data-v-ec096c55] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 2rem;
  }
}
.promise[data-v-ec096c55] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.promise-avatar[data-v-ec096c55] {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  object-fit: cover;
}
.promise-text[data-v-ec096c55] {
  margin-top: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

/* components/solutions/GlobalAccountNonResidentAccounts.vue */

.non-resident-grid[data-v-bac7262d] {
  display: grid;
  align-items: center;
  gap: 3rem;
}

@media (min-width: 1024px) {

  .non-resident-grid[data-v-bac7262d] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
@media (min-width: 640px) {

  .non-resident-text[data-v-bac7262d] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .non-resident-text[data-v-bac7262d] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
  }

  .non-resident-visual[data-v-bac7262d] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
  }
}

/* components/solutions/GlobalAccountEaseOfBusiness.vue */

/* Copy first in the DOM and on phones; the globe sits on the left on
   desktop, where it was before the redesign. */
.ease-grid[data-v-3d319503] {
  display: grid;
  align-items: center;
  gap: 3rem;
}
@media (min-width: 1024px) {

  .ease-grid[data-v-3d319503] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
@media (min-width: 640px) {

  .ease-text[data-v-3d319503] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .ease-text[data-v-3d319503] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
    grid-row-start: 1;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
  }

  .ease-visual[data-v-3d319503] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    grid-row-start: 1;
  }
}
.ease-globe[data-v-3d319503] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 24rem;
}

/* pages/solutions/global-business-account.vue */

[data-v-acc3cd59] .hero {
  background: #ffffff !important;
}
  [data-v-acc3cd59] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/index/IndexPromises.vue */

.country-grid[data-v-52d04938] {
  display: grid;
  width: 100%;
  gap: 3rem;
}

@media (min-width: 768px) {

  .country-grid[data-v-52d04938] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .country-grid[data-v-52d04938] {
    gap: 2.5rem;
  }
}
.country-photo[data-v-52d04938] {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  aspect-ratio: 4 / 3;
}
@media (min-width: 768px) {
  .country-photo[data-v-52d04938] {
    aspect-ratio: 1 / 1;
  }
}
.country-img[data-v-52d04938] {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.country-tag[data-v-52d04938] {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  right: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  box-shadow: 0 18px 40px -24px rgba(36, 68, 134, 0.6);
}
.country-flag svg[data-v-52d04938] {
  display: block;
  height: 1.25rem;
  overflow: hidden;
  border-radius: 0.25rem;
  width: 1.875rem;
}
.country-copy[data-v-52d04938] {
  display: flex;
  min-width: 0px;
  flex: 1 1 0%;
  flex-direction: column;
}
@media (max-width: 359px) {
  .fx-board-row > .country-copy[data-v-52d04938][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .country-copy[data-v-52d04938][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .country-copy[data-v-52d04938][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.country-name[data-v-52d04938] {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.country-state[data-v-52d04938] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.country-check[data-v-52d04938] {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.country-check svg[data-v-52d04938] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.country-title[data-v-52d04938] {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
/* Tablets: three narrow squares, so the tag gets smaller to leave the photo
   visible (the squares cannot grow taller without showing the baked label). */
@media (min-width: 768px) and (max-width: 1023px) {
  .country-tag[data-v-52d04938] {
    bottom: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
    gap: 0.5rem;
    border-radius: 0.75rem;
    padding: 0.5rem;
  }
  .country-flag[data-v-52d04938] {
    display: none;
  }
  .country-state[data-v-52d04938] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .country-check[data-v-52d04938] {
    height: 1.5rem;
    width: 1.5rem;
  }
}

/* components/visuals/SmartUsdCollectionVisual.vue */

.collect-visual[data-v-8a44e458] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 3.5rem;
}
.collect-card[data-v-8a44e458] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.collect-head[data-v-8a44e458] {
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.collect-holder[data-v-8a44e458] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .collect-holder[data-v-8a44e458],
  h2 .collect-holder[data-v-8a44e458],
  h3 .collect-holder[data-v-8a44e458] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 640px) {

  .collect-holder[data-v-8a44e458] {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.collect-details[data-v-8a44e458] {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
}
.collect-details .ui-row[data-v-8a44e458] {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.detail-value[data-v-8a44e458] {
  white-space: nowrap;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .detail-value[data-v-8a44e458][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.incoming-head[data-v-8a44e458] {
  margin-top: 1.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 0.75rem;
  row-gap: 0.25rem;
}
.incoming-row[data-v-8a44e458] {
  justify-content: flex-start;
  gap: 0.75rem;
}
.incoming-who[data-v-8a44e458] {
  display: flex;
  min-width: 0px;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
@media (max-width: 359px) {
  .fx-board-row > .incoming-who[data-v-8a44e458][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .incoming-who[data-v-8a44e458][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .incoming-who[data-v-8a44e458][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.rail[data-v-8a44e458] {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.incoming-amount[data-v-8a44e458] {
  margin-left: auto;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wallet-card[data-v-8a44e458] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.wallet-check[data-v-8a44e458] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.wallet-check svg[data-v-8a44e458] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-title[data-v-8a44e458] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .wallet-title[data-v-8a44e458][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.wallet-amount[data-v-8a44e458] {
  white-space: nowrap;
}
.wallet-meta[data-v-8a44e458] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: stack the wallet card under the account card so it never covers
   the incoming payments. */
@media (max-width: 639px) {
  .collect-visual[data-v-8a44e458] {
    padding: 0;
  }
  .collect-card[data-v-8a44e458] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .wallet-card[data-v-8a44e458] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
  /* The total gets its own line rather than wrapping after the dot. */
  .wallet-sep[data-v-8a44e458] {
    display: none;
  }
  .wallet-amount[data-v-8a44e458] {
    display: block;
  }
}

/* components/solutions/SmartUsdAccountHero.vue */

.hero-available[data-v-a97e6e65] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .hero-available[data-v-a97e6e65] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}
.hero[data-v-a97e6e65] .hero-container {
  padding-top: 4rem !important;
}
@media (min-width: 1024px) {

  .hero[data-v-a97e6e65] .hero-container {
    min-height: 0px;
    padding-top: 6rem !important;
  }
}

/* components/visuals/SmartUsdRulesVisual.vue */

.rules-visual[data-v-6a3c5d7a] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 4.5rem;
}
.rules-card[data-v-6a3c5d7a] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.rules-title[data-v-6a3c5d7a] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .rules-title[data-v-6a3c5d7a],
  h2 .rules-title[data-v-6a3c5d7a],
  h3 .rules-title[data-v-6a3c5d7a] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 640px) {

  .rules-title[data-v-6a3c5d7a] {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.modes[data-v-6a3c5d7a] {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
}
.mode[data-v-6a3c5d7a] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.mode.is-selected[data-v-6a3c5d7a] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  box-shadow: 0 1px 3px rgba(36, 68, 134, 0.16);
}
.rules-method[data-v-6a3c5d7a] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 359px) {
  .fx-board-row > .rules-method[data-v-6a3c5d7a][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .rules-method[data-v-6a3c5d7a][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.switch[data-v-6a3c5d7a] {
  position: relative;
  height: 1.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.switch-knob[data-v-6a3c5d7a] {
  position: absolute;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  top: 0.125rem;
  right: 0.125rem;
}
.client-card[data-v-6a3c5d7a] {
  position: absolute;
  padding: 1rem;
  bottom: 0;
  right: 0;
  width: 17rem;
}
.client-methods[data-v-6a3c5d7a] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.client-method[data-v-6a3c5d7a] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.client-method.is-selected[data-v-6a3c5d7a] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
/* Phones: stack the client card under the settings card. */
@media (max-width: 639px) {
  .rules-visual[data-v-6a3c5d7a] {
    padding: 0;
  }
  .rules-card[data-v-6a3c5d7a] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .client-card[data-v-6a3c5d7a] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: auto;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/solutions/SmartUsdAccountMethods.vue */

.feature-grid[data-v-a5ad8835] {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 3rem;
}

@media (min-width: 1024px) {

  .feature-grid[data-v-a5ad8835] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
.feature-text[data-v-a5ad8835] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 36rem;
}
@media (min-width: 1024px) {

  .feature-text[data-v-a5ad8835] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    grid-row-start: 1;
    max-width: none;
  }
}
.feature-visual[data-v-a5ad8835] {
  width: 100%;
}
@media (min-width: 1024px) {

  .feature-visual[data-v-a5ad8835] {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
    grid-row-start: 1;
  }

  .is-reversed .feature-text[data-v-a5ad8835] {
    grid-column-start: 8;
  }

  .is-reversed .feature-visual[data-v-a5ad8835] {
    grid-column-start: 2;
  }
}
/* The copy's forced break suits a full-width title; in a half column it
   strands "accept funds," on its own line, so let it wrap naturally. */
@media (min-width: 1024px) {

  .feature-text h2[data-v-a5ad8835] br {
    display: none;
  }
}
.feature-list[data-v-a5ad8835] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.feature-item[data-v-a5ad8835] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.feature-item .ui-icon[data-v-a5ad8835] {
  margin-top: 0.125rem;
}
.feature-point[data-v-a5ad8835] {
  margin-bottom: 1.75rem;
}
.feature-point[data-v-a5ad8835]:last-child {
  margin-bottom: 0px;
}

/* components/solutions/SmartUsdAccountBetterWays.vue */

.rails-intro[data-v-b20b7c59] {
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {

  .rails-intro[data-v-b20b7c59] {
    margin-bottom: 2.5rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 4rem;
  }

  .rails-intro h2[data-v-b20b7c59] {
    flex-shrink: 0;
  }
}
.rails-intro p[data-v-b20b7c59] {
  margin-left: auto;
  margin-right: auto;
  max-width: 36rem;
}
@media (min-width: 1024px) {

  .rails-intro p[data-v-b20b7c59] {
    margin-left: 0px;
    margin-right: 0px;
    max-width: 28rem;
  }
}
.rails-table[data-v-b20b7c59] {
  width: 100%;
  text-align: left;
}
.rails-table th[data-v-b20b7c59] {
  text-align: left;
  font-weight: 400;
}
.rails-method[data-v-b20b7c59] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

/* Phones and tablets: one card per rail, labelled values in a grid. */
.rails-table[data-v-b20b7c59] {
  display: block;
}
.rails-table thead[data-v-b20b7c59] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.rails-table tbody[data-v-b20b7c59] {
  display: grid;
  gap: 0.75rem;
}
.rails-table tbody th[data-v-b20b7c59],
.rails-table td[data-v-b20b7c59] {
  display: block;
}
.rails-table tbody tr[data-v-b20b7c59] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1rem;
  row-gap: 1rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  box-shadow: 0 22px 48px -30px rgba(36, 68, 134, 0.55),
    0 2px 6px -2px rgba(36, 68, 134, 0.08);
}
.rails-table tbody th[data-v-b20b7c59] {
  grid-column: span 2 / span 2;
}
.cell-label[data-v-b20b7c59] {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.cell-value[data-v-b20b7c59] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  .rails-table tbody tr[data-v-b20b7c59] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 1.25rem;
  }
  .rails-table tbody th[data-v-b20b7c59] {
    grid-column: span 4 / span 4;
  }
}

/* Desktop: the real table on a pale-blue stage. */
@media (min-width: 1024px) {
  .rails-stage[data-v-b20b7c59] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2.5rem;
  }
  .rails-card[data-v-b20b7c59] {
    overflow: hidden;
    border-radius: 1rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    box-shadow: 0 22px 48px -30px rgba(36, 68, 134, 0.55),
      0 2px 6px -2px rgba(36, 68, 134, 0.08);
  }
  .rails-table[data-v-b20b7c59] {
    display: table;
    table-layout: fixed;
  }
  .rails-table thead[data-v-b20b7c59] {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    display: table-header-group;
  }
  .rails-table tbody[data-v-b20b7c59] {
    display: table-row-group;
  }
  .rails-table tr[data-v-b20b7c59],
  .rails-table tbody tr[data-v-b20b7c59] {
    display: table-row;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
  /* Same specificity as the phone rule above, so this one wins here. */
  .rails-table thead th[data-v-b20b7c59],
  .rails-table tbody th[data-v-b20b7c59],
  .rails-table td[data-v-b20b7c59] {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    vertical-align: middle;
  }
  @media (min-width: 1280px) {

    .rails-table thead th[data-v-b20b7c59],
  .rails-table tbody th[data-v-b20b7c59],
  .rails-table td[data-v-b20b7c59] {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  .rails-table thead th[data-v-b20b7c59],
  .rails-table tbody th[data-v-b20b7c59],
  .rails-table td[data-v-b20b7c59] {
    display: table-cell;
  }
  .rails-table thead th[data-v-b20b7c59] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: rgb(91 103 122 / var(--tw-text-opacity, 1));
  }
  /* Fixed layout: size the columns so amounts and costs stay on one line. */
  .rails-table thead th[data-v-b20b7c59]:nth-child(1) {
    width: 26%;
  }
  .rails-table thead th[data-v-b20b7c59]:nth-child(2) {
    width: 21%;
  }
  .rails-table thead th[data-v-b20b7c59]:nth-child(3) {
    width: 15%;
  }
  .rails-table thead th[data-v-b20b7c59]:nth-child(4) {
    width: 21%;
  }
  .rails-table thead th[data-v-b20b7c59]:nth-child(5) {
    width: 17%;
  }
  .rails-table tbody tr:last-child > *[data-v-b20b7c59] {
    border-bottom-width: 0px;
  }
  .cell-label[data-v-b20b7c59] {
    display: none;
  }
  .cell-value[data-v-b20b7c59] {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  }
}

/* pages/solutions/smart-usd-account.vue */

[data-v-24c7f67d] .hero {
  background: #ffffff !important;
}
  [data-v-24c7f67d] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/visuals/InvoicePaymentVisual.vue */

.invoice-visual[data-v-dd0dda07] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 3.5rem;
}
.invoice-card[data-v-dd0dda07] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.invoice-head[data-v-dd0dda07] {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.invoice-number[data-v-dd0dda07] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .invoice-number[data-v-dd0dda07],
  h2 .invoice-number[data-v-dd0dda07],
  h3 .invoice-number[data-v-dd0dda07] {
    font-size: inherit;
    line-height: inherit;
  }
.invoice-amount[data-v-dd0dda07] {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.methods[data-v-dd0dda07] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.method[data-v-dd0dda07] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.method.is-selected[data-v-dd0dda07] {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
/* In the flow above the card, overlapping only its top margin, so a longer
   (e.g. Spanish) note grows upward instead of covering the invoice header. */
.eric-note[data-v-dd0dda07] {
  position: relative;
  z-index: 10;
  order: -9999;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  align-self: flex-end;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1rem;
  width: fit-content;
  max-width: 19rem;
  margin-bottom: -0.85rem;
}
.eric-avatar[data-v-dd0dda07] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.paid-card[data-v-dd0dda07] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.paid-check[data-v-dd0dda07] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.paid-check svg[data-v-dd0dda07] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.paid-title[data-v-dd0dda07] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .paid-title[data-v-dd0dda07][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.paid-meta[data-v-dd0dda07] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: stack the three cards so the notes never cover invoice text. */
@media (max-width: 639px) {
  .invoice-visual[data-v-dd0dda07] {
    padding: 0;
  }
  .invoice-card[data-v-dd0dda07] {
    padding: 1.25rem;
    margin-right: 0;
  }
  /* The reminder is a nice-to-have; dropping it keeps the phone hero short. */
  .eric-note[data-v-dd0dda07] {
    display: none;
  }
  .paid-card[data-v-dd0dda07] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/solutions/InvoicingHero.vue */

.hero-available[data-v-c4a5d3cf] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .hero-available[data-v-c4a5d3cf] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}
/* Compact hero: all top air comes from the container so the H1 lands on
   the site-wide 128px gap. min-h-0 releases the tall centered stage. */
.hero[data-v-c4a5d3cf] .hero-container {
  padding-top: 4rem !important;
}
@media (min-width: 1024px) {

  .hero[data-v-c4a5d3cf] .hero-container {
    min-height: 0px;
    padding-top: 6rem !important;
  }
}

/* components/TextCarousel.vue */

.feature-panel[data-v-75bc90f9] {
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}

@media (min-width: 1024px) {

  .feature-panel[data-v-75bc90f9] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.feature-grid[data-v-75bc90f9] {
  display: grid;
  column-gap: 2.5rem;
  row-gap: 2.5rem;
}
@media (min-width: 640px) {

  .feature-grid[data-v-75bc90f9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .feature-grid[data-v-75bc90f9] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 3rem;
  }

  .feature-grid.is-pairs[data-v-75bc90f9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 5rem;
  }
}
.feature-item[data-v-75bc90f9] {
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: 1.5rem;
}
.feature-image[data-v-75bc90f9] {
  margin-bottom: 1.25rem;
  height: 10rem;
  width: auto;
  border-radius: 1rem;
  object-fit: contain;
}
.feature-number[data-v-75bc90f9] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(168 203 255 / var(--tw-text-opacity, 1));
}
.drawer-row .feature-number[data-v-75bc90f9][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.feature-title[data-v-75bc90f9] {
  margin-top: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .feature-title[data-v-75bc90f9] {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.feature-text[data-v-75bc90f9] {
  margin-top: 0.5rem;
  max-width: 28rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}

/* components/solutions/InvoicingHowEricHelps.vue */

.eric-panel[data-v-c832ce5a] {
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .eric-panel[data-v-c832ce5a] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 1024px) {

  .eric-panel[data-v-c832ce5a] {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.eric-guide[data-v-c832ce5a] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 0.75rem;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / 0.1);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.375rem;
  padding-right: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.eric-avatar[data-v-c832ce5a] {
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.eric-name[data-v-c832ce5a] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* components/visuals/InvoiceDeliveryVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-0a9fec42] {
  white-space: nowrap;
}
.delivery-visual[data-v-0a9fec42] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
}
/* The emailed PDF: the old path, drawn quieter than the delivered invoice. */
.pdf-card[data-v-0a9fec42] {
  position: relative;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1rem;
  width: fit-content;
  max-width: 100%;
}
.pdf-icon[data-v-0a9fec42] {
  height: 2.25rem;
  width: 2.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.pdf-name[data-v-0a9fec42] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.inbox-card[data-v-0a9fec42] {
  padding: 1.5rem;
}
.inbox-title[data-v-0a9fec42] {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .inbox-title[data-v-0a9fec42],
  h2 .inbox-title[data-v-0a9fec42],
  h3 .inbox-title[data-v-0a9fec42] {
    font-size: inherit;
    line-height: inherit;
  }
.inbox-list[data-v-0a9fec42] {
  display: grid;
  gap: 0.5rem;
}
.inbox-row[data-v-0a9fec42] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
}
.inbox-row.is-new[data-v-0a9fec42] {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.inbox-main[data-v-0a9fec42] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .inbox-main[data-v-0a9fec42][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .inbox-main[data-v-0a9fec42][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .inbox-main[data-v-0a9fec42][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.inbox-side[data-v-0a9fec42] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.375rem;
}
.inbox-amount[data-v-0a9fec42] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (max-width: 639px) {
  .inbox-card[data-v-0a9fec42] {
    padding: 1.25rem;
  }
}

/* components/solutions/InvoicingBulletproof.vue */

[data-v-5fccfe95] .bulletproof-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-5fccfe95] .bulletproof-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-5fccfe95] .bulletproof-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}
/* Pale product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .visual-stage[data-v-5fccfe95] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .visual-stage[data-v-5fccfe95] {
    padding: 2.5rem;
  }
}

/* components/solutions/InvoicingSingleSourceOfTruth.vue */

[data-v-69e454cd] .single-source-of-truth-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-69e454cd] .single-source-of-truth-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-69e454cd] .single-source-of-truth-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}

/* components/visuals/InvoiceCheckoutVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-5229e496] {
  white-space: nowrap;
}
.checkout-visual[data-v-5229e496] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 27rem;
}
.sheet[data-v-5229e496] {
  padding: 0.75rem;
}
.sheet-head[data-v-5229e496] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
}
.sheet-lines[data-v-5229e496] {
  margin-top: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 1rem;
}
.sheet-line[data-v-5229e496] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.sheet-total[data-v-5229e496] {
  margin-top: 0.5rem;
  border-top-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
}
.drawer[data-v-5229e496] {
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.drawer-head[data-v-5229e496] {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.drawer-eyebrow[data-v-5229e496] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.drawer-method[data-v-5229e496] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.drawer-method .ui-dot[data-v-5229e496] {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.drawer-row[data-v-5229e496] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Amounts never break; the label wraps instead. */
.drawer-row .tabular-nums[data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.drawer-row .is-reward[data-v-5229e496] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
}
.drawer-pay[data-v-5229e496] {
  margin-top: 0.5rem;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.drawer-note[data-v-5229e496] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.drawer-note svg[data-v-5229e496] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(201 218 255 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* components/solutions/InvoicingInstantCheckout.vue */

[data-v-eb57cdb4] .instant-checkout-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-eb57cdb4] .instant-checkout-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-eb57cdb4] .instant-checkout-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}

/* pages/solutions/invoicing.vue */

[data-v-be1b2794] .hero {
  background: #ffffff !important;
}
  [data-v-be1b2794] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/visuals/GuaranteedInvoiceOnTimeVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-682a6504] {
  white-space: nowrap;
}
.ontime-visual[data-v-682a6504] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.ontime-card[data-v-682a6504] {
  padding: 1.5rem;
}
.ontime-banner[data-v-682a6504] {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  background: #D1FAE5;
  color: #064E3B;
}
.ontime-banner svg[data-v-682a6504] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linejoin: round;
}
.ontime-head[data-v-682a6504] {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.ontime-number[data-v-682a6504] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .ontime-number[data-v-682a6504],
  h2 .ontime-number[data-v-682a6504],
  h3 .ontime-number[data-v-682a6504] {
    font-size: inherit;
    line-height: inherit;
  }
.track[data-v-682a6504] {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 1rem;
  padding-bottom: 0.75rem;
}
.track-step[data-v-682a6504] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
/* Segment from this stop to the next one. */
.track-step[data-v-682a6504]::after {
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
  content: '';
  top: 0.4375rem;
  left: 50%;
  width: 100%;
  height: 2px;
}
.track-step.is-step-1[data-v-682a6504]::after {
  --tw-bg-opacity: 1;
  background-color: rgb(168 203 255 / var(--tw-bg-opacity, 1));
}
.track-step.is-step-2[data-v-682a6504]::after {
  background-color: transparent;
  border-top: 2px dashed #CDD5E1;
}
.track-step.is-late[data-v-682a6504]::after {
  content: none;
}
.track-dot[data-v-682a6504] {
  position: relative;
  z-index: 10;
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(77 108 230 / var(--tw-bg-opacity, 1));
}
.is-step-1 .track-dot[data-v-682a6504] {
  margin-top: -0.25rem;
  height: 1.5rem;
  width: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.is-step-1 .track-dot svg[data-v-682a6504] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.is-step-2 .track-dot[data-v-682a6504] {
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.is-late .track-dot[data-v-682a6504] {
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(205 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.track-label[data-v-682a6504] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.is-step-1 .track-label[data-v-682a6504] {
  margin-top: 0.25rem;
}
.is-late .track-label[data-v-682a6504] {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.track-date[data-v-682a6504] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.drawer-row .track-date[data-v-682a6504][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.ontime-reward[data-v-682a6504] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
@media (max-width: 639px) {
  .ontime-card[data-v-682a6504] {
    padding: 1.25rem;
  }
}

/* components/solutions/GuaranteedInvoicesHero.vue */

.hero-available[data-v-10be8b28] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .hero-available[data-v-10be8b28] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}

/* components/visuals/GuaranteedInvoiceRewardsVisual.vue */

.rewards-visual[data-v-d89c8390] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.feed[data-v-d89c8390] {
  padding: 1.5rem;
}
.feed-head[data-v-d89c8390] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
}
.feed-avatar[data-v-d89c8390] {
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.feed-list[data-v-d89c8390] {
  display: grid;
  gap: 1rem;
  padding-top: 1rem;
}
.feed-item[data-v-d89c8390] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.feed-icon[data-v-d89c8390] {
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}
.feed-icon svg[data-v-d89c8390] {
  height: 1rem;
  width: 1rem;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.feed-icon.is-done[data-v-d89c8390] {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.feed-icon.is-next[data-v-d89c8390] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
@media (max-width: 639px) {
  .feed[data-v-d89c8390] {
    padding: 1.25rem;
  }
}

/* components/solutions/GuaranteedInvoicesSaveMoney.vue */

[data-v-491f879f] .save-money-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-491f879f] .save-money-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-491f879f] .save-money-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}

/* components/visuals/GuaranteedInvoiceFundsVisual.vue */

/* Amounts never break across lines. */
.ui-amount[data-v-00946ea2] {
  white-space: nowrap;
}
.funds-visual[data-v-00946ea2] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.funds-card[data-v-00946ea2] {
  padding: 0.75rem;
}
.funds-head[data-v-00946ea2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.25rem;
}
.funds-list[data-v-00946ea2] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.funds-row[data-v-00946ea2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.funds-row[data-v-00946ea2]:last-child {
  border-bottom-width: 0px;
}
.funds-side[data-v-00946ea2] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.375rem;
}
.funds-total[data-v-00946ea2] {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.total-label[data-v-00946ea2] {
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.total-amount[data-v-00946ea2] {
  margin-top: 0.25rem;
  white-space: nowrap;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  letter-spacing: -0.025em;
}
.drawer-row .total-amount[data-v-00946ea2][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.total-button[data-v-00946ea2] {
  flex-shrink: 0;
  white-space: nowrap;
}
/* Narrow phones: total on top, full-width button underneath. */
@media (max-width: 479px) {
  .funds-total[data-v-00946ea2] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
}

/* components/solutions/GuaranteedInvoicesCashFlow.vue */

[data-v-440ff338] .cash-flow-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-440ff338] .cash-flow-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-440ff338] .cash-flow-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}
/* Pale product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .visual-stage[data-v-440ff338] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .visual-stage[data-v-440ff338] {
    padding: 2.5rem;
  }
}

/* components/visuals/GuaranteedInvoiceSettlementVisual.vue */

.settle-visual[data-v-3a88e958] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 26rem;
}
.settle-card[data-v-3a88e958] {
  padding: 1.5rem;
}
.settle-title[data-v-3a88e958] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .settle-title[data-v-3a88e958],
  h2 .settle-title[data-v-3a88e958],
  h3 .settle-title[data-v-3a88e958] {
    font-size: inherit;
    line-height: inherit;
  }
.settle-option[data-v-3a88e958] {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  box-shadow: inset 0 0 0 1px #4D6CE6;
}
/* A switch drawn in the "on" position. */
.toggle[data-v-3a88e958] {
  position: relative;
  display: inline-flex;
  height: 1.5rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
}
.toggle-knob[data-v-3a88e958] {
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  right: 0.125rem;
}
.ui-chip svg[data-v-3a88e958] {
  height: 0.875rem;
  width: 0.875rem;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 639px) {
  .settle-card[data-v-3a88e958] {
    padding: 1.25rem;
  }
}

/* components/solutions/GuaranteedInvoicesEliminateChargebacks.vue */

[data-v-405d8513] .eliminate-chargebacks-section .left-side {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {

  [data-v-405d8513] .eliminate-chargebacks-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }

  [data-v-405d8513] .eliminate-chargebacks-section .right-side {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
  }
}
/* Navy product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .navy-stage[data-v-405d8513] {
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .navy-stage[data-v-405d8513] {
    padding: 2.5rem;
  }
}

/* components/visuals/InvoiceRecordVisual.vue */

.record-visual[data-v-cacae069] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 28rem;
}
.record-card[data-v-cacae069] {
  padding: 1.5rem;
}
.record-head[data-v-cacae069] {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.record-number[data-v-cacae069] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .record-number[data-v-cacae069],
  h2 .record-number[data-v-cacae069],
  h3 .record-number[data-v-cacae069] {
    font-size: inherit;
    line-height: inherit;
  }
.record-facts[data-v-cacae069] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
.record-fact[data-v-cacae069] {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.record-fact.is-main[data-v-cacae069] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
}
.record-fact.is-main .ui-meta[data-v-cacae069] {
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.record-fact.is-main .record-value[data-v-cacae069] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.record-value[data-v-cacae069] {
  margin-top: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.record-events[data-v-cacae069] {
  position: relative;
  display: grid;
  gap: 1rem;
}
/* The rail that joins the three events. */
.record-events[data-v-cacae069]::before {
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  content: '';
  top: 0.5rem;
  bottom: 1.25rem;
  left: 0.3125rem;
  width: 2px;
}
.record-event[data-v-cacae069] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.event-dot[data-v-cacae069] {
  position: relative;
  margin-top: 0.25rem;
  height: 0.75rem;
  width: 0.75rem;
  flex-shrink: 0;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.record-event.is-last .event-dot[data-v-cacae069] {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
@media (max-width: 639px) {
  .record-card[data-v-cacae069] {
    padding: 1.25rem;
  }
}

/* components/solutions/GuaranteedInvoicesSingleSourceOfTruth.vue */

[data-v-deb9a24b] .single-source-of-truth-section .left-side {
  margin-bottom: 0px;
}

@media (min-width: 1024px) {

  [data-v-deb9a24b] .single-source-of-truth-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-deb9a24b] .single-source-of-truth-section .right-side {
    grid-column: span 4 / span 4;
    grid-column-start: 8;
  }
}
/* Pale product stage from tablet up; on phones the card sits on the page. */
@media (min-width: 640px) {

  .visual-stage[data-v-deb9a24b] {
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
    padding: 2rem;
  }
}
@media (min-width: 1024px) {

  .visual-stage[data-v-deb9a24b] {
    padding: 2.5rem;
  }
}

/* pages/solutions/guaranteed-invoices.vue */

[data-v-f6c0d768] .hero {
  background: #ffffff !important;
}
  [data-v-f6c0d768] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/visuals/SecurityWalletVisual.vue */

.wallet-scene[data-v-c3e352f8] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  min-height: 490px;
}
.orbit[data-v-c3e352f8] {
  position: absolute;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  opacity: 0.4;
}
.orbit-outer[data-v-c3e352f8] {
  width: 490px;
  height: 490px;
}
.orbit-inner[data-v-c3e352f8] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  width: 395px;
  height: 395px;
}
.orbit-point[data-v-c3e352f8] {
  position: absolute;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(168 203 255 / var(--tw-bg-opacity, 1));
}
.point-one[data-v-c3e352f8] {
  top: 38px;
  right: 104px;
}
.point-two[data-v-c3e352f8] {
  bottom: 70px;
  left: 63px;
}
.wallet-back[data-v-c3e352f8] {
  position: absolute;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 255 / var(--tw-bg-opacity, 1));
  width: 360px;
  height: 265px;
  transform: rotate(-12deg) translateY(-20px);
}
.wallet-card[data-v-c3e352f8] {
  position: relative;
  width: 100%;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  max-width: 385px;
  box-shadow: 0 28px 60px -28px #365086;
  transform: rotate(-4deg);
}
.wallet-top[data-v-c3e352f8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.1em;
}
.wallet-symbol[data-v-c3e352f8] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0em;
}
h1 .wallet-symbol[data-v-c3e352f8],
  h2 .wallet-symbol[data-v-c3e352f8],
  h3 .wallet-symbol[data-v-c3e352f8] {
    font-size: inherit;
    line-height: inherit;
  }
.wallet-top svg[data-v-c3e352f8] {
  height: 1.5rem;
  width: 1.5rem;
  stroke: currentColor;
  stroke-width: 1.4;
}
.wallet-heading[data-v-c3e352f8] {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  font-family: Cardo, serif;
  font-size: 2.75rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}
h1 .wallet-heading[data-v-c3e352f8],
  h2 .wallet-heading[data-v-c3e352f8],
  h3 .wallet-heading[data-v-c3e352f8] {
    font-size: inherit;
    line-height: inherit;
  }
.wallet-heading em[data-v-c3e352f8] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.wallet-rule[data-v-c3e352f8] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  opacity: 0.4;
}
.wallet-bottom[data-v-c3e352f8] {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1rem;
}
.wallet-bottom > span[data-v-c3e352f8]:first-child {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  letter-spacing: 0.05em;
}
.status-dot[data-v-c3e352f8] {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
.ownership-tag[data-v-c3e352f8] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  /* Low enough that it hangs off the card's corner without covering the
     Smart USD product label in the card's bottom row. */
  bottom: 40px;
  /* Inside the scene's right edge so the drop shadow never hits the
     viewport edge (the layout clips horizontal overflow there). */
  right: 8px;
  transform: rotate(2deg);
  box-shadow: 0 18px 36px -14px #365086;
}
.key-icon[data-v-c3e352f8] {
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.key-icon svg[data-v-c3e352f8] {
  height: 1.5rem;
  width: 1.5rem;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}
.ownership-tag strong[data-v-c3e352f8] {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.ownership-tag div > span[data-v-c3e352f8] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
@media (max-width: 1023px) {
  .wallet-scene[data-v-c3e352f8] {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 490px;
  }
}
@media (max-width: 479px) {
  .wallet-scene[data-v-c3e352f8] {
    min-height: 390px;
  }
  .orbit-outer[data-v-c3e352f8] {
    width: 330px;
    height: 330px;
  }
  .orbit-inner[data-v-c3e352f8] {
    width: 280px;
    height: 280px;
  }
  .wallet-back[data-v-c3e352f8] {
    width: 270px;
    height: 220px;
  }
  .wallet-card[data-v-c3e352f8] {
    padding: 1.25rem;
    max-width: 295px;
  }
  .wallet-heading[data-v-c3e352f8] {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
  .wallet-top[data-v-c3e352f8] {
    font-size: .625rem;
  }
  .wallet-bottom[data-v-c3e352f8] {
    font-size: .625rem;
  }
  .ownership-tag[data-v-c3e352f8] {
    padding: 0.75rem;
    right: 0;
    bottom: 40px;
  }
  .ownership-tag div > span[data-v-c3e352f8] {
    font-size: 10px;
  }
}

/* components/solutions/SecurityHero.vue */

.hero-available[data-v-64a2a9f1] {
  margin-bottom: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(54 80 134 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .hero-available[data-v-64a2a9f1] {
    margin-bottom: 2.5rem;
    margin-left: 0.25rem;
    text-align: left;
  }
}
/* Horizontal-scroll safety comes from the layout's main (overflow-x: clip);
   clipping here would also slice the ownership tag's shadow, which sits at
   the scene's right edge. */
/* The wallet scene needs ~500px (it is the original homepage hero visual),
   so the split is 5 + 6 and the title wraps to more lines. */
@media (min-width: 1024px) {

  [data-v-64a2a9f1] .security-section .left-side {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }

  [data-v-64a2a9f1] .security-section .right-side {
    grid-column: span 6 / span 6;
    grid-column-start: 7;
  }
}

/* components/visuals/SecurityAccessVisual.vue */

.access-visual[data-v-b0e03a1c] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 3.25rem;
}
.access-card[data-v-b0e03a1c] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.access-head[data-v-b0e03a1c] {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.access-title[data-v-b0e03a1c] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .access-title[data-v-b0e03a1c],
  h2 .access-title[data-v-b0e03a1c],
  h3 .access-title[data-v-b0e03a1c] {
    font-size: inherit;
    line-height: inherit;
  }
.layer-name[data-v-b0e03a1c] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 359px) {
  .fx-board-row > .layer-name[data-v-b0e03a1c][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .layer-name[data-v-b0e03a1c][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.layer-icon[data-v-b0e03a1c] {
  height: 2.25rem;
  width: 2.25rem;
}
.chip-check[data-v-b0e03a1c] {
  height: 0.75rem;
  width: 0.75rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-card[data-v-b0e03a1c] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.wallet-mark[data-v-b0e03a1c] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.wallet-mark svg[data-v-b0e03a1c] {
  height: 1.25rem;
  width: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wallet-title[data-v-b0e03a1c] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.wallet-meta[data-v-b0e03a1c] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Small laptops: the hero column is ~336px, so give the rows the room. */
@media (min-width: 1024px) and (max-width: 1279px) {
  .access-card[data-v-b0e03a1c] {
    padding: 1.25rem;
    margin-right: 1rem;
  }
}
/* Phones: stack the wallet card under the list so it never covers a row. */
@media (max-width: 639px) {
  .access-visual[data-v-b0e03a1c] {
    padding: 0;
  }
  .access-card[data-v-b0e03a1c] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .wallet-card[data-v-b0e03a1c] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/visuals/SecurityBenefitVisual.vue */

.benefit-visual[data-v-7a7e82d6] {
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.benefit-state[data-v-7a7e82d6] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 0.25rem;
}
.row-name[data-v-7a7e82d6] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 359px) {
  .fx-board-row > .row-name[data-v-7a7e82d6][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .row-name[data-v-7a7e82d6][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.row-icon[data-v-7a7e82d6] {
  height: 2.25rem;
  width: 2.25rem;
}

/* components/solutions/SecurityBenefits.vue */

.benefit-grid[data-v-5d12d310] {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 64rem;
  gap: 1.5rem;
}

@media (min-width: 768px) {

  .benefit-grid[data-v-5d12d310] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {

  .benefit-grid[data-v-5d12d310] {
    gap: 2rem;
  }
}
.benefit-card[data-v-5d12d310] {
  display: flex;
  flex-direction: column;
}
/* Share title/paragraph/visual rows across both cards so the visuals start
   at the same height no matter how long each card's copy runs. */
@media (min-width: 768px) {
  .benefit-grid[data-v-5d12d310] {
    grid-template-rows: auto auto 1fr;
  }
  .benefit-card[data-v-5d12d310] {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
  }
}

/* components/visuals/SecurityApprovalVisual.vue */

.approval-visual[data-v-9c4c1b67] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 2.5rem 0 3.5rem;
}
.approval-card[data-v-9c4c1b67] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.approval-amount[data-v-9c4c1b67] {
  margin-top: 0.25rem;
  font-family: Cardo, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .approval-amount[data-v-9c4c1b67],
  h2 .approval-amount[data-v-9c4c1b67],
  h3 .approval-amount[data-v-9c4c1b67] {
    font-size: inherit;
    line-height: inherit;
  }
.code[data-v-9c4c1b67] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
}
.code-digit[data-v-9c4c1b67] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.drawer-row .code-digit[data-v-9c4c1b67][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.verified-note[data-v-9c4c1b67] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1rem;
  top: 0;
  right: 0;
  max-width: 17rem;
}
.approved-card[data-v-9c4c1b67] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.approved-check[data-v-9c4c1b67] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.approved-check svg[data-v-9c4c1b67] {
  height: 1.25rem;
  width: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.approved-title[data-v-9c4c1b67] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.approved-meta[data-v-9c4c1b67] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.drawer-row .approved-meta[data-v-9c4c1b67][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
/* Phones: stack the three cards in reading order (account check, approval,
   result) so the notes never cover the approval. */
@media (max-width: 639px) {
  .approval-visual[data-v-9c4c1b67] {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .approval-card[data-v-9c4c1b67] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .verified-note[data-v-9c4c1b67],
  .approved-card[data-v-9c4c1b67] {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
  }
  .verified-note[data-v-9c4c1b67] {
    order: -1;
    margin: 0 0 -0.75rem 1rem;
  }
  .approved-card[data-v-9c4c1b67] {
    margin: -1rem 1rem 0 auto;
  }
}

/* components/solutions/SecuritySaferFunds.vue */

/* Copy first on phones, visual on the left from lg. */
.safer-grid[data-v-c617e071] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 1024px) {

  .safer-grid[data-v-c617e071] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
.safer-visual[data-v-c617e071] {
  order: 2;
}
@media (min-width: 1024px) {

  .safer-visual[data-v-c617e071] {
    order: 1;
    grid-column: span 5 / span 5;
    grid-column-start: 2;
  }
}
.safer-copy[data-v-c617e071] {
  order: 1;
}
@media (min-width: 640px) {

  .safer-copy[data-v-c617e071] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .safer-copy[data-v-c617e071] {
    order: 2;
    grid-column: span 4 / span 4;
    grid-column-start: 8;
    max-width: none;
  }
}

/* components/solutions/SecurityWalletOwnership.vue */

.ownership-panel[data-v-5c35c65c] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
  display: grid;
  max-width: 80rem;
  gap: 3rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .ownership-panel[data-v-5c35c65c] {
    margin-bottom: 6rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.ownership-panel[data-v-5c35c65c] {
  scroll-margin-top: 150px;
}
.keys-copy h2[data-v-5c35c65c] {
  font-family: Cardo, serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .keys-copy h2[data-v-5c35c65c],
  h2 .keys-copy h2[data-v-5c35c65c],
  h3 .keys-copy h2[data-v-5c35c65c] {
    font-size: inherit;
    line-height: inherit;
  }
@media (min-width: 1024px) {

  .keys-copy h2[data-v-5c35c65c] {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
.keys-copy h2 em[data-v-5c35c65c] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.keys-copy > p[data-v-5c35c65c] {
  margin-top: 1.5rem;
  max-width: 28rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.light-link[data-v-5c35c65c] {
  margin-top: 1.75rem;
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.light-link[data-v-5c35c65c]:focus-visible {
  outline: 3px solid #C9DAFF;
  outline-offset: 5px;
  border-radius: 4px;
}
.ownership-map[data-v-5c35c65c] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.owner-row[data-v-5c35c65c] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.owner-mark[data-v-5c35c65c] {
  display: flex;
  height: 4rem;
  width: 4rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.owner-row strong[data-v-5c35c65c],
.owned-wallet strong[data-v-5c35c65c] {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.owner-row div > span[data-v-5c35c65c],
.owned-wallet div > span[data-v-5c35c65c] {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.ownership-connector[data-v-5c35c65c] {
  margin-left: 2rem;
  border-left-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
.owned-wallet[data-v-5c35c65c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding: 1.25rem;
}
.owned-wallet svg[data-v-5c35c65c] {
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linejoin: round;
}
.owned-badge[data-v-5c35c65c] {
  margin-left: auto;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
@media (max-width: 479px) {
  .owned-wallet[data-v-5c35c65c] {
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 1rem;
  }
  .owned-wallet strong[data-v-5c35c65c] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .owned-wallet div > span[data-v-5c35c65c] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .owned-badge[data-v-5c35c65c] {
    margin-left: 2.5rem;
  }
}

/* components/solutions/SecurityOurPassion.vue */

.passion[data-v-3fb3ca7f] {
  display: grid;
  align-items: center;
  gap: 2.5rem;
}

@media (min-width: 1024px) {

  .passion[data-v-3fb3ca7f] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }

  .passion-text[data-v-3fb3ca7f] {
    grid-column: span 6 / span 6;
    grid-column-start: 2;
  }
}
.passion-portrait[data-v-3fb3ca7f] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 24rem;
  border-radius: 1rem;
}
@media (min-width: 1024px) {

  .passion-portrait[data-v-3fb3ca7f] {
    grid-column: span 4 / span 4;
    grid-column-start: 9;
  }
}

/* pages/solutions/seamless-transactions.vue */

[data-v-36b8e8cd] .hero {
  background: #ffffff !important;
}
  [data-v-36b8e8cd] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/index/IndexHero.vue */

.hero-portrait[data-v-b79b4fbb] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 28rem;
  border-radius: 1rem;
  object-fit: cover;
}

@media (min-width: 1024px) {

  .hero-portrait[data-v-b79b4fbb] {
    max-width: none;
  }
}

[data-v-b79b4fbb] .hero-container {
  padding-top: 2.5rem !important;
}

@media (min-width: 1024px) {

  [data-v-b79b4fbb] .hero-container {
    padding-top: 4rem !important;
  }
}

[data-v-b79b4fbb] h2 .section-title-italic {
  font-size: inherit;
  line-height: inherit;
}

/* components/visuals/SeamlessFundsHomeVisual.vue */

.funds-visual[data-v-76f87ddd] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding-bottom: 3.5rem;
}
.details-card[data-v-76f87ddd] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.tabs[data-v-76f87ddd] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
}
.tab[data-v-76f87ddd] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}
.tab.is-selected[data-v-76f87ddd] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
  box-shadow: 0 1px 3px rgba(36, 68, 134, 0.18);
}
.details-label[data-v-76f87ddd] {
  margin-top: 1.25rem;
  margin-bottom: 0.25rem;
}
.accepts[data-v-76f87ddd] {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.payout-card[data-v-76f87ddd] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
}
.payout-icon[data-v-76f87ddd] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.payout-icon svg[data-v-76f87ddd] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.payout-title[data-v-76f87ddd] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .payout-title[data-v-76f87ddd][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.payout-meta[data-v-76f87ddd] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: the payout note tucks under the card instead of covering it. */
@media (max-width: 639px) {
  .funds-visual[data-v-76f87ddd] {
    padding-bottom: 0;
  }
  .details-card[data-v-76f87ddd] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .payout-card[data-v-76f87ddd] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}

/* components/index/IndexBringFundsHome.vue */

/* Copy first in the DOM (and on phones); the visual sits on the left on
   desktop, as the section did before. */
.bring-funds-grid[data-v-7a78074b] {
  display: grid;
  align-items: center;
  gap: 3rem;
}
@media (min-width: 1024px) {

  .bring-funds-grid[data-v-7a78074b] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
}
.bring-funds-text[data-v-7a78074b] {
  text-align: center;
}
@media (min-width: 640px) {

  .bring-funds-text[data-v-7a78074b] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .bring-funds-text[data-v-7a78074b] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
    grid-row-start: 1;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    text-align: left;
  }

  .bring-funds-visual[data-v-7a78074b] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    grid-row-start: 1;
  }
}

/* components/index/IndexOurPassion.vue */

/* The story carries this section on its own: the laptop screenshot that sat
   here repeated the hero art of other pages. */
.passion-grid[data-v-12e2cb8e] {
  display: grid;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (min-width: 1024px) {

  .passion-grid[data-v-12e2cb8e] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }

  .passion-title[data-v-12e2cb8e] {
    grid-column: span 5 / span 5;
    grid-column-start: 2;
    margin-bottom: 0px;
  }
}
@media (min-width: 640px) {

  .passion-copy[data-v-12e2cb8e] {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {

  .passion-copy[data-v-12e2cb8e] {
    grid-column: span 5 / span 5;
    grid-column-start: 7;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    border-left-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
    padding-left: 2.5rem;
  }
}

/* components/visuals/SeamlessActivityVisual.vue */

.activity-visual[data-v-5e2e77e0] {
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
}
.activity-card[data-v-5e2e77e0] {
  padding: 1rem;
}
@media (min-width: 640px) {

  .activity-card[data-v-5e2e77e0] {
    padding: 1.5rem;
  }
}
.activity-head[data-v-5e2e77e0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.75rem;
}
.activity-account[data-v-5e2e77e0] {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 359px) {
  .fx-board-row > .activity-account[data-v-5e2e77e0][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
  .gt-invoice > .activity-account[data-v-5e2e77e0][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.account-symbol[data-v-5e2e77e0] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  font-family: Cardo, serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .account-symbol[data-v-5e2e77e0],
  h2 .account-symbol[data-v-5e2e77e0],
  h3 .account-symbol[data-v-5e2e77e0] {
    font-size: inherit;
    line-height: inherit;
  }
.activity-balance[data-v-5e2e77e0] {
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (min-width: 640px) {

  .activity-balance[data-v-5e2e77e0] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.activity-rows[data-v-5e2e77e0] {
  display: grid;
}
@media (min-width: 768px) {

  .activity-rows[data-v-5e2e77e0] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2rem;
  }
}
@media (min-width: 1280px) {

  .activity-rows[data-v-5e2e77e0] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.activity-row[data-v-5e2e77e0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.row-number[data-v-5e2e77e0] {
  width: 1.25rem;
  flex-shrink: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.drawer-row .row-number[data-v-5e2e77e0][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.row-text[data-v-5e2e77e0] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .row-text[data-v-5e2e77e0][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .row-text[data-v-5e2e77e0][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .row-text[data-v-5e2e77e0][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}

/* components/index/IndexFeatures.vue */

/* Inset, rounded navy panel (same family as the homepage's navy panel): the
   numbered feature list, then one account card that shows each feature as a
   real state, numbered to match. */
.features-panel[data-v-bdbec344] {
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 640px) {

  .features-panel[data-v-bdbec344] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .features-panel[data-v-bdbec344] {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
.features-evidence[data-v-bdbec344] {
  margin-top: 2rem;
}
@media (min-width: 1024px) {

  .features-evidence[data-v-bdbec344] {
    margin-top: 2.5rem;
  }
}

/* components/index/IndexLiquidity.vue */

.liquidity-video[data-v-3b595919] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  width: 100%;
  max-width: 28rem;
}

@media (min-width: 1024px) {

  .liquidity-video[data-v-3b595919] {
    margin-bottom: 3.5rem;
  }
}
.stats[data-v-3b595919] {
  display: grid;
  column-gap: 2rem;
  row-gap: 2.5rem;
}
@media (min-width: 640px) {

  .stats[data-v-3b595919] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .stats[data-v-3b595919] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 2.5rem;
  }
}
.stat-item[data-v-3b595919] {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}
.stat[data-v-3b595919] {
  margin-bottom: 1rem;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
}
.drawer-row .stat[data-v-3b595919][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.stat-description[data-v-3b595919] {
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.65;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {

  .stat-description[data-v-3b595919] {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

/* pages/terms.vue */

h1[data-v-1b068dff] {
  margin-bottom: 1rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
}

.meta[data-v-1b068dff] {
  margin-top: 2.5rem;
  text-align: center;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(91 103 122 / var(--tw-text-opacity, 1));
}

h2[data-v-1b068dff] {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

h3[data-v-1b068dff] {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

p[data-v-1b068dff],
li[data-v-1b068dff] {
  margin-bottom: 1rem;
  text-align: justify;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

li[data-v-1b068dff] {
  list-style-type: disc;
}

ul[data-v-1b068dff] {
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
}

blockquote[data-v-1b068dff] {
  margin-bottom: 1.5rem;
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(85 120 255 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

a[data-v-1b068dff] {
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

table[data-v-1b068dff] {
  margin-bottom: 2rem;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

th[data-v-1b068dff],
td[data-v-1b068dff] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  vertical-align: top;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}

th[data-v-1b068dff] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
  font-weight: 600;
}

.table-wrap[data-v-1b068dff] {
  margin-bottom: 2rem;
  overflow-x: auto;
}

section[data-v-1b068dff] {
  margin-bottom: 2.5rem;
}

/* components/visuals/GlobalTransactionsCollectVisual.vue */

.gt-collect[data-v-737db1fe] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
  padding: 0 0 3.5rem;
}
.gt-collect-card[data-v-737db1fe] {
  padding: 1.5rem;
  margin-right: 2.5rem;
}
.gt-invoice[data-v-737db1fe] {
  gap: 0.75rem;
}
.gt-payto[data-v-737db1fe] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.gt-payto .ui-icon[data-v-737db1fe] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.gt-collect-settled[data-v-737db1fe] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  bottom: 0;
  right: 0;
  max-width: calc(100% - 1.5rem);
}
.gt-collect-check[data-v-737db1fe] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.gt-collect-check svg[data-v-737db1fe] {
  height: 1.25rem;
  width: 1.25rem;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.gt-collect-title[data-v-737db1fe] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.drawer-row .gt-collect-title[data-v-737db1fe][data-v-5229e496] {
  flex-shrink: 0;
  white-space: nowrap;
}
.gt-collect-meta[data-v-737db1fe] {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(223 233 255 / var(--tw-text-opacity, 1));
}
/* Phones: stack the settled card under the list so it never covers it. */
@media (max-width: 639px) {
  .gt-collect[data-v-737db1fe] {
    padding: 0;
  }
  .gt-collect-card[data-v-737db1fe] {
    padding: 1.25rem;
    margin-right: 0;
  }
  .gt-collect-settled[data-v-737db1fe] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1rem 1rem 0 auto;
  }
}
/* Very small phones: the status chip drops under the client name. The text
   gets an explicit basis (avatar + gap = 3rem) so the row actually wraps. */
@media (max-width: 359px) {
  .gt-invoice[data-v-737db1fe] {
    flex-wrap: wrap;
    row-gap: 0.25rem;
  }
  .gt-invoice > .min-w-0[data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
  .gt-invoice .ui-chip[data-v-737db1fe] {
    margin-left: 3rem;
  }
}

/* components/international-account/InternationalAccountHero.vue */

.hero[data-v-a1fa923c] .hero-container {
  padding-top: 2.5rem !important;
}

@media (min-width: 1024px) {

  .hero[data-v-a1fa923c] .hero-container {
    padding-top: 0px !important;
  }
}

/* components/international-account/InternationalAccountZeroFx.vue */

.zero-fx-video[data-v-542e8ec1] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  width: 100%;
  max-width: 28rem;
}

@media (min-width: 1024px) {

  .zero-fx-video[data-v-542e8ec1] {
    margin-bottom: 3.5rem;
  }
}

/* components/visuals/GlobalTransactionsPaymentsVisual.vue */

.gt-payments[data-v-ee31f466] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 32rem;
}
.gt-payments-card[data-v-ee31f466] {
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .gt-payments-card[data-v-ee31f466] {
    padding: 1.5rem;
  }
}
.gt-payments-head[data-v-ee31f466] {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.gt-move[data-v-ee31f466] {
  gap: 0.75rem;
}
.gt-move-flag[data-v-ee31f466] {
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
.gt-move-text[data-v-ee31f466] {
  min-width: 0px;
  flex: 1 1 0%;
}
@media (max-width: 359px) {
  .fx-board-row > .gt-move-text[data-v-ee31f466][data-v-309cba6d] {
    flex: 1 1 calc(100% - 4.75rem);
  }
}
.why-index-link:hover .gt-move-text[data-v-ee31f466][data-v-01bee173] {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
@media (max-width: 359px) {
  .gt-invoice > .gt-move-text[data-v-ee31f466][data-v-737db1fe] {
    flex: 1 1 calc(100% - 3.25rem);
  }
}
.gt-move-side[data-v-ee31f466] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
.gt-move-in[data-v-ee31f466] {
  color: #064E3B;
}
/* Very small phones: amount and status move under the name. */
@media (max-width: 359px) {
  .gt-move[data-v-ee31f466] {
    flex-wrap: wrap;
  }
  .gt-move-side[data-v-ee31f466] {
    margin-left: 3rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 3rem);
  }
}

/* components/international-account/InternationalAccountMoveMoney.vue */

.gt-cities[data-v-9b034026] {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 28rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 3rem;
}

@media (min-width: 1024px) {

  .gt-cities[data-v-9b034026] {
    max-width: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem;
  }
}
.gt-city-media[data-v-9b034026] {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
/* The source photos carry a baked-in "Country ✓" pill along the bottom;
   the crop keeps it out of frame and the HTML state below replaces it. */
.gt-city-photo[data-v-9b034026] {
  display: block;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4 / 3;
  object-position: 50% 20%;
}
.gt-city-state[data-v-9b034026] {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  right: 0.75rem;
  padding: 0.75rem;
}
.gt-city-flag[data-v-9b034026] {
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .gt-city-photo[data-v-9b034026] {
    aspect-ratio: 1 / 1;
    object-position: 50% 10%;
  }
}

/* pages/international-account.vue */

[data-v-d310346e] .hero {
  background: #ffffff !important;
}
  [data-v-d310346e] .hero .hero-container > div {
  position: relative;
  height: 100%;
  align-items: center;
}

/* components/visuals/FxCorridorRoute.vue */

.fx-route[data-v-d818eab8] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Mulish, Helvetica Neue, Helvetica, sans-serif;
  max-width: 30rem;
}
.fx-route-card[data-v-d818eab8] {
  padding: 1.25rem;
}
@media (min-width: 640px) {

  .fx-route-card[data-v-d818eab8] {
    padding: 1.5rem;
  }
}
.fx-route-head[data-v-d818eab8] {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
}
.fx-route-flags[data-v-d818eab8] {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.fx-route-flag[data-v-d818eab8] {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  object-fit: cover;
}
.fx-route-title[data-v-d818eab8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Cardo, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
h1 .fx-route-title[data-v-d818eab8],
  h2 .fx-route-title[data-v-d818eab8],
  h3 .fx-route-title[data-v-d818eab8] {
    font-size: inherit;
    line-height: inherit;
  }
.fx-route-title svg[data-v-d818eab8] {
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(77 108 230 / var(--tw-text-opacity, 1));
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fx-route-step[data-v-d818eab8] {
  position: relative;
  display: flex;
  gap: 1rem;
  padding-bottom: 1.25rem;
}
.fx-route-step[data-v-d818eab8]:last-child {
  padding-bottom: 0px;
}
/* Dashed connector from one step dot to the next. */
.fx-route-step[data-v-d818eab8]:not(:last-child)::before {
  content: '';
  position: absolute;
  border-left-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(168 203 255 / var(--tw-border-opacity, 1));
  left: 0.875rem;
  top: 2rem;
  bottom: 0.25rem;
}
.fx-route-step .ui-title[data-v-d818eab8] {
  margin-top: 0.25rem;
}
.fx-route-swift[data-v-d818eab8] {
  margin-top: 0.25rem;
  text-decoration-line: line-through;
}
.first\:border-t-0:first-child {
  border-top-width: 0px;
}
.first\:pt-0:first-child {
  padding-top: 0px;
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.last\:border-r-0:last-child {
  border-right-width: 0px;
}
.last\:pb-0:last-child {
  padding-bottom: 0px;
}
.hover\:border-blue-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-navbar:hover {
  --tw-border-opacity: 1;
  border-color: rgb(36 68 134 / var(--tw-border-opacity, 1));
}
.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(85 120 255 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(63 89 191 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-navbar:hover {
  --tw-text-opacity: 1;
  color: rgb(36 68 134 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.hover\:text-white-0:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(85 120 255 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(77 108 230 / var(--tw-border-opacity, 1));
}
.focus\:bg-blue-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-blue-600:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(77 108 230 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
@media (min-width: 640px) {

  .sm\:right-auto {
    right: auto;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .sm\:col-start-3 {
    grid-column-start: 3;
  }

  .sm\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .sm\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:-mt-4 {
    margin-top: -1rem;
  }

  .sm\:mt-10 {
    margin-top: 2.5rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-28 {
    height: 7rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:\!max-w-md {
    max-width: 28rem !important;
  }

  .sm\:max-w-none {
    max-width: none;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:max-w-xl {
    max-width: 36rem;
  }

  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:self-center {
    align-self: center;
  }

  .sm\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .sm\:border {
    border-width: 1px;
  }

  .sm\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  }

  .sm\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1));
  }

  .sm\:bg-blue-navbar {
    --tw-bg-opacity: 1;
    background-color: rgb(36 68 134 / var(--tw-bg-opacity, 1));
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pr-10 {
    padding-right: 2.5rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-display-md {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm\:container-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  @media (min-width: 1024px) {

    .sm\:container-padding {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }
}
@media (min-width: 768px) {

  .md\:bottom-auto {
    bottom: auto;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .md\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .md\:ml-8 {
    margin-left: 2rem;
  }

  .md\:mr-0 {
    margin-right: 0px;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-\[212px\] {
    height: 212px;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:min-h-\[104px\] {
    min-height: 104px;
  }

  .md\:min-h-\[460px\] {
    min-height: 460px;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:max-w-\[125px\] {
    max-width: 125px;
  }

  .md\:max-w-\[150px\] {
    max-width: 150px;
  }

  .md\:max-w-\[180px\] {
    max-width: 180px;
  }

  .md\:max-w-\[300px\] {
    max-width: 300px;
  }

  .md\:max-w-\[530px\] {
    max-width: 530px;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-\[0\.85fr_1\.4fr\] {
    grid-template-columns: 0.85fr 1.4fr;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:gap-x-10 {
    column-gap: 2.5rem;
  }

  .md\:gap-x-8 {
    column-gap: 2rem;
  }

  .md\:rounded-2xl {
    border-radius: 1rem;
  }

  .md\:border-b-0 {
    border-bottom-width: 0px;
  }

  .md\:border-l {
    border-left-width: 1px;
  }

  .md\:border-t-0 {
    border-top-width: 0px;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-display-lg {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }

  .md\:text-display-md {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 1024px) {

  .lg\:sticky {
    position: sticky;
  }

  .lg\:-right-28 {
    right: -7rem;
  }

  .lg\:-top-10 {
    top: -2.5rem;
  }

  .lg\:top-28 {
    top: 7rem;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-first {
    order: -9999;
  }

  .lg\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .lg\:col-start-1 {
    grid-column-start: 1;
  }

  .lg\:col-start-2 {
    grid-column-start: 2;
  }

  .lg\:col-start-4 {
    grid-column-start: 4;
  }

  .lg\:col-start-6 {
    grid-column-start: 6;
  }

  .lg\:col-start-7 {
    grid-column-start: 7;
  }

  .lg\:col-start-8 {
    grid-column-start: 8;
  }

  .lg\:col-start-9 {
    grid-column-start: 9;
  }

  .lg\:col-start-auto {
    grid-column-start: auto;
  }

  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .lg\:row-start-1 {
    grid-row-start: 1;
  }

  .lg\:row-start-2 {
    grid-row-start: 2;
  }

  .lg\:m-0 {
    margin: 0px;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:\!mb-0 {
    margin-bottom: 0px !important;
  }

  .lg\:\!mb-5 {
    margin-bottom: 1.25rem !important;
  }

  .lg\:\!mt-0 {
    margin-top: 0px !important;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .lg\:mb-24 {
    margin-bottom: 6rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:ml-1 {
    margin-left: 0.25rem;
  }

  .lg\:ml-12 {
    margin-left: 3rem;
  }

  .lg\:mr-auto {
    margin-right: auto;
  }

  .lg\:mt-12 {
    margin-top: 3rem;
  }

  .lg\:mt-14 {
    margin-top: 3.5rem;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:mt-24 {
    margin-top: 6rem;
  }

  .lg\:mt-7 {
    margin-top: 1.75rem;
  }

  .lg\:mt-8 {
    margin-top: 2rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:\!hidden {
    display: none !important;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-48 {
    height: 12rem;
  }

  .lg\:h-\[26rem\] {
    height: 26rem;
  }

  .lg\:h-\[33rem\] {
    height: 33rem;
  }

  .lg\:\!min-h-\[35rem\] {
    min-height: 35rem !important;
  }

  .lg\:min-h-\[18rem\] {
    min-height: 18rem;
  }

  .lg\:min-h-\[26rem\] {
    min-height: 26rem;
  }

  .lg\:min-h-\[36rem\] {
    min-height: 36rem;
  }

  .lg\:min-h-\[480px\] {
    min-height: 480px;
  }

  .lg\:\!w-4\/5 {
    width: 80% !important;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-10\/12 {
    width: 83.333333%;
  }

  .lg\:w-11\/12 {
    width: 91.666667%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:w-5\/12 {
    width: 41.666667%;
  }

  .lg\:w-8\/12 {
    width: 66.666667%;
  }

  .lg\:w-\[78\%\] {
    width: 78%;
  }

  .lg\:w-\[85\%\] {
    width: 85%;
  }

  .lg\:w-\[88\%\] {
    width: 88%;
  }

  .lg\:w-\[90\%\] {
    width: 90%;
  }

  .lg\:w-\[92\%\] {
    width: 92%;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:w-max {
    width: max-content;
  }

  .lg\:min-w-\[150px\] {
    min-width: 150px;
  }

  .lg\:min-w-\[896px\] {
    min-width: 896px;
  }

  .lg\:max-w-2xl {
    max-width: 42rem;
  }

  .lg\:max-w-\[23rem\] {
    max-width: 23rem;
  }

  .lg\:max-w-\[25\%\] {
    max-width: 25%;
  }

  .lg\:max-w-\[25rem\] {
    max-width: 25rem;
  }

  .lg\:max-w-\[36rem\] {
    max-width: 36rem;
  }

  .lg\:max-w-\[45rem\] {
    max-width: 45rem;
  }

  .lg\:max-w-\[60rem\] {
    max-width: 60rem;
  }

  .lg\:max-w-md {
    max-width: 28rem;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[0\.85fr_1\.15fr\] {
    grid-template-columns: 0.85fr 1.15fr;
  }

  .lg\:grid-cols-\[0\.8fr_1\.2fr\] {
    grid-template-columns: 0.8fr 1.2fr;
  }

  .lg\:grid-cols-\[0\.95fr_1\.05fr\] {
    grid-template-columns: 0.95fr 1.05fr;
  }

  .lg\:grid-cols-\[1\.05fr_0\.95fr\] {
    grid-template-columns: 1.05fr 0.95fr;
  }

  .lg\:grid-cols-\[1\.12fr_0\.88fr\] {
    grid-template-columns: 1.12fr 0.88fr;
  }

  .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
    grid-template-columns: 1.15fr 0.85fr;
  }

  .lg\:grid-cols-\[1\.2fr_0\.8fr\] {
    grid-template-columns: 1.2fr 0.8fr;
  }

  .lg\:grid-cols-\[10rem_1fr\] {
    grid-template-columns: 10rem 1fr;
  }

  .lg\:grid-cols-\[12rem_1fr\] {
    grid-template-columns: 12rem 1fr;
  }

  .lg\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }

  .lg\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .lg\:grid-cols-\[256px_1fr\] {
    grid-template-columns: 256px 1fr;
  }

  .lg\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .lg\:grid-cols-\[minmax\(0\2c 0\.82fr\)_minmax\(0\2c 1\.18fr\)\] {
    grid-template-columns: minmax(0,0.82fr) minmax(0,1.18fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(0\2c 0\.8fr\)\] {
    grid-template-columns: minmax(0,1.2fr) minmax(0,0.8fr);
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:items-baseline {
    align-items: baseline;
  }

  .lg\:items-stretch {
    align-items: stretch;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-0 {
    gap: 0px;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-3 {
    gap: 0.75rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-x-6 {
    column-gap: 1.5rem;
  }

  .lg\:gap-x-8 {
    column-gap: 2rem;
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:self-center {
    align-self: center;
  }

  .lg\:whitespace-nowrap {
    white-space: nowrap;
  }

  .lg\:\!rounded-l-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .lg\:\!rounded-r-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0px;
  }

  .lg\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(223 233 255 / var(--tw-border-opacity, 1));
  }

  .lg\:border-ink-900\/10 {
    border-color: rgb(11 21 38 / 0.1);
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-3 {
    padding: 0.75rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:\!pt-10 {
    padding-top: 2.5rem !important;
  }

  .lg\:\!pt-16 {
    padding-top: 4rem !important;
  }

  .lg\:\!pt-24 {
    padding-top: 6rem !important;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  .lg\:pb-20 {
    padding-bottom: 5rem;
  }

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pb-8 {
    padding-bottom: 2rem;
  }

  .lg\:pl-12 {
    padding-left: 3rem;
  }

  .lg\:pr-10 {
    padding-right: 2.5rem;
  }

  .lg\:pr-16 {
    padding-right: 4rem;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pt-12 {
    padding-top: 3rem;
  }

  .lg\:pt-14 {
    padding-top: 3.5rem;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pt-24 {
    padding-top: 6rem;
  }

  .lg\:pt-28 {
    padding-top: 7rem;
  }

  .lg\:pt-32 {
    padding-top: 8rem;
  }

  .lg\:pt-36 {
    padding-top: 9rem;
  }

  .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  .lg\:pt-\[140px\] {
    padding-top: 140px;
  }

  .lg\:\!text-left {
    text-align: left !important;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:\!text-center {
    text-align: center !important;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-display-lg {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }

  .lg\:text-display-md {
    font-size: 2.75rem;
    line-height: 1.18;
    letter-spacing: 0.01em;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-title-lg {
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: 0.005em;
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {

  .xl\:-bottom-2 {
    bottom: -0.5rem;
  }

  .xl\:-bottom-8 {
    bottom: -2rem;
  }

  .xl\:-left-20 {
    left: -5rem;
  }

  .xl\:-right-16 {
    right: -4rem;
  }

  .xl\:-right-7 {
    right: -1.75rem;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xl\:col-start-2 {
    grid-column-start: 2;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:w-11\/12 {
    width: 91.666667%;
  }

  .xl\:w-3\/4 {
    width: 75%;
  }

  .xl\:w-\[26rem\] {
    width: 26rem;
  }

  .xl\:max-w-full {
    max-width: 100%;
  }

  .xl\:scroll-mt-48 {
    scroll-margin-top: 12rem;
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:gap-12 {
    gap: 3rem;
  }

  .xl\:bg-center {
    background-position: center;
  }

  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:pt-20 {
    padding-top: 5rem;
  }

  .xl\:text-display-lg {
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }

  .xl\:text-display-xl {
    font-size: 4.5rem;
    line-height: 1.15;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 1536px) {

  .\32xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}