:root{--color-primary: #0F50FF;--color-primary-dark: #1d4ed8;--color-primary-darker: #183faa;--color-secondary: #64748b;--color-offwhite: #FCFCFC;--color-white: #FFFFFF;--color-black: #0B0B0B;--color-background: #F9F9F9;--color-background-alt: #F6F6F6;--color-background-alt-dark: #F3F3F3;--color-background-alt-darker: #EEEEEE;--color-background-alt-darkest: #CCCCCC;--color-border: #DCDCDC;--color-border-light: #ebebeb;--color-border-input: #c2c2c2;--color-text: #0B0B0B;--color-text-mid: #3d3d3d;--color-text-light: #5B5B5B;--color-heading: #111827;--color-link-primary: #0F50FF;--color-link-hover: #0B0B0B;--color-link-secondary: #0B0B0B;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-error-secondary: rgba(204, 66, 66, 0.7);--font-family-base: 'Inter', system-ui, -apple-system, sans-serif;--font-family-heading: 'Inter Tight', system-ui, -apple-system, sans-serif;--font-family-mono: 'Roboto Mono', monospace;--font-size-2xs: 0.75rem;--font-size-xs: 0.813rem;--font-size-sm: 0.875rem;--font-size-md: 0.9375rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-h1: 2.75rem;--font-size-h2: 2.5rem;--font-size-h3: 2.25rem;--font-size-h4: 2rem;--line-height-base: 1.5;--line-height-heading: 1.2;--line-height-heading-md: 1.1;--spacing-1xs: 0.125rem;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 9.25rem;--breakpoint-mobile-s: 375px;--breakpoint-mobile-m: 430px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1080px;--radius-xs: 0.25rem;--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,p{margin:0}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}a{color:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0)}a .icon,button .icon{color:inherit}button,input[type=submit],input[type=reset],input[type=button]{-webkit-appearance:none;appearance:none}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}button,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}button svg,a svg{fill:none;stroke:currentColor}button *,a *{color:inherit}button:active svg,a:active svg{opacity:.7}#btn-onlineBanking .icon,.billplz .icon{fill:currentColor}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);line-height:var(--line-height-heading-md);font-weight:600;color:var(--color-heading)}@media(min-width: 768px){h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading)}}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}.text-mono{font-family:var(--font-family-mono)}.text-center{text-align:center;margin-top:var(--spacing-2xl)}@media(min-width: 768px){.text-center{margin-top:var(--spacing-3xl)}}.text-center svg{width:12px;height:12px;margin-top:5px;margin-left:2px}.text-strong{font-weight:600;color:var(--color-text);display:inline}.text-mid{color:var(--color-text-mid);display:inline}.text-light{color:var(--color-text-light);display:inline}.text-link{font-weight:600;color:var(--color-link-primary) !important;text-decoration:none;display:inline-flex;align-items:center;gap:.25em}.text-link:hover{color:var(--color-link-hover) !important;text-decoration:none}.text-link svg{width:12px;height:12px;margin-top:2px;flex-shrink:0}.text-underline{text-decoration:none}.text-underline:hover{text-decoration:underline}.text-link--icon{width:12px;height:12px;margin-top:2px;flex-shrink:0}.text-link-secondary{font-weight:600;color:var(--color-link-secondary) !important;text-decoration:none}.text-link-secondary:hover{color:var(--color-link-secondary-hover) !important;text-decoration:none}:root{--header-height: 64px;background-color:var(--color-background)}.skip-link{position:absolute;top:-64px;left:0;width:100%;background:var(--color-primary);font-size:var(--font-size-sm);text-align:center;text-decoration:none;color:#fff;padding:8px;z-index:100;transition:top .2s ease;border:0}.skip-link:focus{top:0}.layout{display:flex;min-height:100vh;flex-direction:column;padding-top:var(--header-height)}.layout,.header{background-color:var(--color-background)}.footer{background-color:var(--color-primary);color:#fff}.main{flex-grow:1}.section{padding-block:var(--spacing-3xl);background:linear-gradient(to top, var(--color-bg-translucent), transparent 20%);background-image:linear-gradient(to top, rgba(3, 16, 51, 0.03), transparent 20%)}@media(min-width: 768px){.section{padding-block:var(--spacing-5xl)}}.section--alt{background:linear-gradient(to top, var(--color-bg-translucent), transparent 70%);background-image:linear-gradient(to top, rgba(3, 16, 51, 0.05), transparent 70%)}.section-lightblue{background-color:#e6ebf9;background-image:none !important}.section--no-background{background:none !important;background-image:none !important}.section--x{overflow-x:hidden}.section--sm{padding-block:var(--spacing-3xl)}.section--md{padding-block:var(--spacing-4xl)}.section--reduced-top{padding-top:var(--spacing-sm)}@media(min-width: 768px){.section--reduced-top{padding-top:var(--spacing-sm)}}.section--reduced-top--merchant{padding-top:0}@media(min-width: 768px){.section--reduced-top--merchant{padding-top:var(--spacing-4xl)}}.section .section{padding-block:0}.section--bordered{border-top:1px solid rgba(0,0,0,.06)}.section--bordered-light{border-top:1px solid rgba(0,0,0,.1)}.section--bordered-dark{border-top:1px solid hsla(0,0%,100%,.1)}.hero{padding-block:var(--spacing-3xl);position:relative;overflow:hidden;overflow-x:hidden}@media(min-width: 768px){.hero{padding-block:var(--spacing-5xl)}}.hero .container{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(min-width: 768px){.hero .container{gap:var(--spacing-xl)}}.hero__content{display:flex;flex-direction:column;gap:var(--spacing-lg);z-index:1}.hero__title{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:600;color:var(--color-heading)}@media(min-width: 430px){.hero__title{font-size:3rem}}.hero__subtitle{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-mid);max-width:32rem}@media(min-width: 768px){.hero__subtitle{font-size:var(--font-size-xl)}}.hero__cta{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}@media(min-width: 430px){.hero__cta{flex-direction:row}}@media(min-width: 768px){.hero--with-image .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--spacing-2xl)}}.hero--with-floating-image .container{position:relative}@media(min-width: 768px){.hero--with-floating-image .container{padding-bottom:var(--spacing-3xl)}}.hero--with-floating-image .hero__content{z-index:2}.hero__floating-image{contain:layout style paint;will-change:transform;transform:translateZ(0);margin-top:var(--spacing-xl);width:200%;position:relative;right:50%}@media(min-width: 768px){.hero__floating-image{position:absolute;right:-30%;transform:translateY(-50%);width:100%}}@media(min-width: 768px){.hero__floating-image{top:180px}}.hero__floating-image img{width:100%;height:auto;display:block;object-fit:contain}.hero__image{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:var(--spacing-md);position:relative;z-index:1}.hero__image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.hero--full-width .hero__content{width:100%;max-width:100%;text-align:left}@media(min-width: 430px){.hero--full-width .hero__content{max-width:75%}}@media(min-width: 768px){.hero--full-width .hero__content{max-width:50%}}.hero__metrics{width:100%;margin-top:0;z-index:2}@media(min-width: 768px){.hero__metrics{margin-top:var(--spacing-3xl)}}.hero__metrics .grid--icon.grid--4col{width:100%}.hero--centered .hero__content{text-align:center;align-items:center}.hero--centered .hero__subtitle{max-width:38rem;margin-inline:auto}.hero--centered .hero__cta{justify-content:center}.hero--alt{background-color:var(--color-background-alt)}.hero--compact{padding-block:var(--spacing-2xl)}@media(min-width: 768px){.hero--compact{padding-block:var(--spacing-3xl)}}.hero--with-animation .container{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(min-width: 768px){.hero--with-animation .container{gap:var(--spacing-xl)}}.hero--with-animation .hero__main-content{position:relative}@media(min-width: 768px){.hero--with-animation .hero__main-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--spacing-2xl)}}.section-title{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:600;color:var(--color-heading);margin-bottom:var(--spacing-md);width:100%}@media(min-width: 430px){.section-title{font-size:var(--font-size-h2)}}@media(min-width: 768px){.section-title{font-size:var(--font-size-h1)}}.section-title--spaced{margin-bottom:var(--spacing-3xl) !important}@media(min-width: 768px){.section-title--spaced{margin-bottom:var(--spacing-4xl) !important}}.section-title--spaced-sm{margin-bottom:var(--spacing-xl) !important}@media(min-width: 768px){.section-title--spaced-sm{margin-bottom:var(--spacing-xl) !important}}.section-title--spaced-md{margin-bottom:var(--spacing-xl) !important}@media(min-width: 768px){.section-title--spaced-md{margin-bottom:var(--spacing-2xl) !important}}.section-title--inverted{font-weight:400;color:var(--color-white)}.section-subtitle{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.1rem;line-height:var(--line-height-heading);color:var(--color-heading);margin-bottom:var(--spacing-md)}.section-subtitle--center{text-align:center}.section-header{margin-bottom:var(--spacing-xl);display:grid;gap:var(--spacing-md);grid-template-areas:"crumb" "title" "content"}@media(min-width: 768px){.section-header{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:var(--spacing-xl);grid-template-areas:"crumb crumb" "title content"}}.section-header__title{grid-area:title;font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:600;color:var(--color-heading);margin-bottom:var(--spacing-sm)}@media(min-width: 430px){.section-header__title{font-size:var(--font-size-h2)}}@media(min-width: 768px){.section-header__title{font-size:var(--font-size-h1);margin-bottom:0}}.section-header__content{grid-area:content;color:var(--color-text-mid);font-size:var(--font-size-lg);font-weight:500;padding-left:var(--spacing-lg);padding-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width: 768px){.section-header__content{padding-left:0;padding-top:0}}.section-header--full-width{display:block;gap:0;margin-bottom:0}.section-header--full-width .section-header__title{width:100%;margin-top:var(--spacing-md);font-size:var(--font-size-h4)}@media(min-width: 430px){.section-header--full-width .section-header__title{width:100%;font-size:var(--font-size-h3);margin-top:var(--spacing-lg)}}@media(min-width: 768px){.section-header--full-width .section-header__title{width:100%;margin-top:var(--spacing-xl);font-size:var(--font-size-h2)}}.crumb{font-size:var(--font-size-xs);font-weight:500;letter-spacing:.1rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.crumb.section-header__crumb{margin-bottom:0}@media(min-width: 768px){.crumb.section-header__crumb{grid-area:crumb}}@media(min-width: 430px){.crumb{font-size:var(--font-size-sm)}}.crumb--spaced{margin-bottom:var(--spacing-xl)}.crumb--spaced-md{margin-bottom:var(--spacing-md)}.crumb--spaced-lg{margin-bottom:var(--spacing-2xl)}.crumb--light{color:var(--color-white)}.crumb-title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);font-weight:500;letter-spacing:.05rem;color:var(--color-primary)}.crumb-title.section-header__crumb{margin-bottom:0}@media(min-width: 768px){.crumb-title.section-header__crumb{grid-area:crumb}}@media(min-width: 430px){.crumb-title{font-size:var(--font-size-base)}}.crumb-title--hero{font-size:var(--font-size-2xs) !important;background-color:rgba(15,80,255,.07);width:fit-content;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid rgba(15,80,255,.1)}@media(min-width: 430px){.crumb-title--hero{font-size:var(--font-size-2xs) !important}}.crumb-title__icon{display:none;margin-bottom:1px;width:8px;height:8px;background-color:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0}.crumb-link{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm)}@media(min-width: 430px){.crumb-link{font-size:var(--font-size-md)}}.shadow-light{box-shadow:0 1px 1px rgba(0,0,0,.01),0 10px 30px rgba(0,0,0,.02)}.shadow-subtle{box-shadow:0 1px 1px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.03),0 4px 4px rgba(0,0,0,.03),0 8px 8px rgba(0,0,0,.03),0 16px 16px rgba(0,0,0,.03)}.shadow{box-shadow:0 1px 2px rgba(0,0,0,.04),0 3px 6px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.06)}.shadow-heavy{box-shadow:0 1px 2px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.06),0 4px 8px rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.08),0 16px 32px rgba(0,0,0,.09)}.shadow-image{filter:drop-shadow(0 1px 1px rgba(0, 0, 0, 0.03)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.03)) drop-shadow(0 4px 4px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 8px rgba(0, 0, 0, 0.06)) drop-shadow(0 16px 16px rgba(0, 0, 0, 0.03))}.border-wrapper{height:100%;position:relative}.border--full{border:1px solid var(--color-border)}.border--left{border-left:1px solid var(--color-border)}.border--right{border-right:1px solid var(--color-border)}.border--top-light{border-top:1px solid var(--color-border-light)}.border--light{border-color:rgba(0,0,0,.1)}.border--dark{border-color:hsla(0,0%,100%,.1)}.border--above{z-index:1}.border--full-height{height:100vh}.border--dashed{border-style:dashed}.section-divider .container{padding-block:0}.section-divider .container::before{content:"";display:block;width:100%;height:1px;background-color:var(--color-border)}.section-divider--light .container::before{background-color:rgba(0,0,0,.1)}.section-divider--dark .container::before{background-color:hsla(0,0%,100%,.1)}.content-divider{margin:var(--spacing-2xl) 0;height:1px;background-color:var(--color-border)}.content-divider--light{background-color:rgba(0,0,0,.1)}.content-divider--dark{background-color:hsla(0,0%,100%,.1)}.content-divider--sm{margin:var(--spacing-xl) 0}.content-divider--lg{margin:var(--spacing-2xl) 0}@media(min-width: 768px){.content-divider--lg{margin:var(--spacing-4xl) 0}}.content-divider--reduced-top{margin-top:0}.content-divider--reduced-bottom{margin-bottom:0}.content-divider-clean{margin:var(--spacing-2xl) 0;height:1px}.content-divider-clean--sm{margin:var(--spacing-1xl) 0}.content-divider-clean--lg{margin:var(--spacing-xl) 0}@media(min-width: 768px){.content-divider-clean--lg{margin:var(--spacing-3xl) 0}}.content-divider-clean--xl{margin:var(--spacing-xl) 0}@media(min-width: 768px){.content-divider-clean--xl{margin:var(--spacing-4xl) 0}}.section-divider-line{width:calc(100% + var(--spacing-xl)*2);margin-inline:calc(var(--spacing-xl)*-1);margin-block:var(--spacing-lg);height:1px;background-color:var(--color-border-light)}.section-divider-line--sm{padding-block:var(--spacing-md)}.section-divider-line--lg{padding-block:var(--spacing-xl)}.section-divider-line--light::before{background-color:rgba(0,0,0,.1)}.section-divider-line--dark::before{background-color:rgba(0,0,0,.2)}.section-divider-vertical{position:relative}.section-divider-vertical::before{content:"";position:absolute;left:0;top:calc(var(--spacing-lg)*-1);height:calc(100% + var(--spacing-lg)*2);width:1px;background-color:var(--color-border)}.section-divider-vertical--light::before{background-color:rgba(0,0,0,.1)}.section-divider-vertical--dark::before{background-color:rgba(0,0,0,.2)}.card{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;height:100%}.card--radius-md{border-radius:var(--radius-md)}.card--radius-lg{border-radius:var(--radius-lg)}.card--bordered{border:1px solid var(--color-border)}.card--bordered-light{border:1px solid var(--color-border-light)}.card--shadow{box-shadow:var(--shadow-sm)}.card--feature{background-color:var(--color-background-alt-darker)}.card--simple{background-color:var(--color-background-alt-darker)}.card--offwhite{background-color:var(--color-offwhite)}.card--white{background-color:var(--color-white)}.card--extend{position:relative;overflow:visible;background-color:rgba(0,0,0,0)}.card--extend-right .card__image{border-radius:var(--radius-md);position:relative;background-color:var(--color-background-alt-darker)}@media(min-width: 768px){.card--extend-right .card__image{margin-right:-55%}}.card--extend-left .card__image{border-radius:var(--radius-md);position:relative;background-color:var(--color-background-alt-darker)}@media(min-width: 768px){.card--extend-left .card__image{margin-left:-55%}}.card--extend .card__image img{display:block;max-width:800px;width:100%;height:auto;object-fit:cover}.card--plugin{flex-direction:row;position:relative;text-decoration:none;background-color:var(--color-background-alt-darker);transition:background-color .2s ease}.card--plugin .card__content--spacious{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md)}@media(min-width: 768px){.card--plugin .card__content--spacious{padding:var(--spacing-xl)}}.card--plugin .card__image{min-height:auto;flex:none;padding:0;border-radius:var(--radius-md)}.card--plugin .card__image img{width:60px;height:60px;border-radius:var(--radius-md);object-fit:contain}.card--plugin .card__title{font-size:var(--font-size-lg);font-weight:500;margin:0}.card--plugin .card__arrow{margin-left:auto}.card--plugin:hover{background-color:rgba(221,221,221,.8)}.card--plugin .card__arrow{position:absolute;right:var(--spacing-lg);top:50%;left:5px;transform:translateY(-50%);width:14px;height:14px;opacity:0;transition:opacity .2s ease;color:var(--color-text)}.card--plugin:hover .card__arrow{opacity:1}.card--hoverable{transition:transform .2s ease,box-shadow .2s ease}.card--hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card--show-desktop{display:flex}@media(max-width: 768px){.card--show-desktop{display:none}}.card--show-mobile{display:none}@media(max-width: 768px){.card--show-mobile{display:flex}}.card__image{flex:1;min-height:0;position:relative;overflow:hidden;display:flex}.card__image--hover{inset:0;background-size:cover;background-position:center;transition:transform .3s ease-out;will-change:transform}.card__image--hover:hover{transform:scale(1.05)}.card__image--wide{aspect-ratio:16/9}.card__image--portrait{aspect-ratio:3/4}.card__image--square{aspect-ratio:1/1}.card__image--center{align-items:center;justify-content:center}.card__image--full-height{height:100%}.card__image--full-height img{width:100%;height:100%;object-fit:cover}.card__image--bottom{align-items:flex-end}.card__image--center img,.card__image--bottom img{width:100%;height:auto !important;object-fit:contain;max-height:100%}.card__image img{max-width:100%;width:auto;height:auto}.card--hoverable:hover .card__image img{transform:scale(1.05)}.card__content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.card__content--compact{padding:var(--spacing-sm)}.card__content--spacious{padding:var(--spacing-lg)}.card__content--spacious-xl{padding:var(--spacing-xl)}.card__content--spacious-2xl{padding:var(--spacing-2xl)}.card__title{font-family:var(--font-family-base);font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0}.card__description,.card__description--lg{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-text-mid);margin:0;margin-top:var(--spacing-sm)}.card__description--lg{font-size:var(--font-size-lg)}.card__description--light{color:var(--color-text-light)}.card__list{display:flex;gap:.75rem;font-size:var(--font-size-base);color:var(--color-text);margin:var(--spacing-xs) 0}.card__list--sm{font-size:var(--font-size-sm)}.card__list:nth-child(2){margin-top:var(--spacing-md)}.card__list .feature-icon{width:16px;height:16px;flex-shrink:0;margin-top:.2em}.card__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:auto}.card__footer--inline{display:flex;padding:0;margin-top:var(--spacing-lg);display:block;align-items:flex-start;gap:.2rem;line-height:1.5}.card__badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--color-primary);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;z-index:1}.grid{display:grid;gap:var(--spacing-md);width:100%;grid-template-columns:1fr}.grid-2{display:grid;gap:var(--spacing-md);width:100%;grid-template-columns:1fr}@media(min-width: 620px){.grid-2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px){.grid--2col{grid-template-columns:repeat(2, 1fr);gap:var(--spacing-2xl)}}@media(min-width: 768px){.grid--3col{grid-template-columns:repeat(2, 1fr);gap:var(--spacing-xl)}}@media(min-width: 1080px){.grid--3col{grid-template-columns:repeat(3, 1fr);gap:var(--spacing-2xl)}}@media(max-width: 429px){.grid--4col{grid-template-columns:repeat(2, 1fr) !important}}@media(min-width: 430px){.grid--4col{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px){.grid--4col{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1080px){.grid--4col{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 768px){.grid--2col-2to1{grid-template-columns:1.8fr 1.2fr;gap:var(--spacing-2xl)}}.grid--gap-sm{gap:var(--spacing-sm)}.grid--gap-md{gap:var(--spacing-md)}.grid--gap-lg{gap:var(--spacing-lg)}.grid--gap-xl{gap:var(--spacing-xl)}.grid--gap-2xl{gap:var(--spacing-2xl)}.grid--gap-3xl{gap:var(--spacing-3xl)}.grid--gap-4xl{gap:var(--spacing-4xl)}.grid--gap-5xl{gap:var(--spacing-5xl)}.grid--2col-divided{padding:var(--spacing-4xl) 0;position:relative}.grid--2col-divided::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:var(--color-border);transform:translateX(-50%)}@media(max-width: 767px){.grid--2col-divided::after{display:none}}.grid--catalog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(min-width: 768px){.grid--catalog{display:grid;grid-template-columns:repeat(6, 1fr);grid-template-areas:"feat1 feat1 feat1 feat2 feat2 feat2" "item1 item1 item2 item2 item3 item3"}}.grid--payment-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(min-width: 768px){.grid--payment-form{display:grid;grid-template-columns:repeat(6, 1fr);grid-template-areas:"feat1 feat1 feat1 feat2 feat2 feat2" "item1 item1 item1 item1 item1 item1"}}.grid--catalog .grid__item--catalog-feature .card .card__image{flex:none}.grid__item--catalog-feature:nth-child(1){grid-area:feat1}.grid__item--catalog-feature:nth-child(2){grid-area:feat2}.grid__item--catalog-item:nth-child(3){grid-area:item1}.grid__item--catalog-item:nth-child(4){grid-area:item2}.grid__item--catalog-item:nth-child(5){grid-area:item3}.grid__item{display:flex;flex-direction:column;gap:var(--spacing-md)}.grid__title{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text)}@media(min-width: 768px){.grid__title{font-size:var(--font-size-xl)}}.grid__description{font-size:var(--font-size-base);color:var(--color-text-light);line-height:1.5}.grid--feature-split{display:flex;flex-direction:column;gap:var(--spacing-4xl)}@media(min-width: 768px){.grid--feature-split{display:grid;grid-template-columns:1fr 1fr}}.grid--feature-split--sm{gap:var(--spacing-2xl)}.grid--feature-split--no-gap{gap:var(--spacing-xl)}@media(min-width: 768px){.grid--feature-split--no-gap{gap:0}}@media(min-width: 768px){.grid--feature-split:nth-child(even){direction:rtl}}@media(min-width: 768px){.grid--feature-split:nth-child(even) .feature-split__content{direction:ltr}}.feature-split__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.feature-split__image{display:flex;align-items:center;justify-content:center;background-color:var(--color-background-alt);border-radius:var(--radius-md);aspect-ratio:4/3;overflow:hidden}.feature-split__image img{width:100%;height:100%;object-fit:cover}.feature-split__title{font-size:var(--font-size-h2);font-weight:600;color:var(--color-text)}@media(min-width: 768px){.feature-split__title{font-size:var(--font-size-h1);max-width:100%}}.feature-split__description{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-mid);line-height:1.5}@media(min-width: 768px){.feature-split__description{max-width:100%}}.feature-split__description-lg{font-size:var(--font-size-lg)}.feature-split__description--secondary{color:var(--color-text-light)}.feature-checklist{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.feature-checklist__item{display:flex;align-items:flex-start;gap:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text)}.feature-checklist__item svg{color:var(--color-primary);flex-shrink:0;margin-top:.25rem}.feature-checklist--grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--spacing-sm) var(--spacing-lg);width:fit-content}.feature-checklist--grid .feature-checklist__item{gap:var(--spacing-sm);font-size:var(--font-size-md);line-height:30px}@media(max-width: 430px){.feature-checklist--grid .feature-checklist__item{line-height:24px;font-size:var(--font-size-sm)}}@media(max-width: 430px){.feature-checklist--grid .feature-checklist__item .payment-logo--lg{height:24px}}.feature-checklist--grid .feature-checklist__item svg{margin-top:7px}.grid--icon{display:grid;grid-template-columns:repeat(1, 1fr);gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}@media(min-width: 430px){.grid--icon{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px){.grid--icon.grid--3col{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 768px){.grid--icon.grid--4col{grid-template-columns:repeat(4, 1fr)}}.grid--icon__item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.grid--icon__header{display:flex;align-items:center;gap:var(--spacing-sm)}.grid--icon__icon svg{width:28px;height:28px;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.grid--icon__icon--sm svg{width:20px;height:20px;margin-bottom:0;margin-top:.2rem}.grid--icon__number{width:36px;height:36px;margin-bottom:var(--spacing-sm);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:500}.grid--icon__number-bg{width:24px;height:24px;margin-bottom:var(--spacing-sm);color:var(--color-primary);background-color:#d6ddf1;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xs);font-weight:500}.grid--icon__headline{font-size:var(--font-size-3xl);font-weight:600;color:var(--color-text)}.grid--icon__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}@media(max-width: 429px){.grid--icon__title{font-size:var(--font-size-base)}}.grid--icon__description{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-mid)}@media(max-width: 429px){.grid--icon__description{font-size:var(--font-size-md)}}.grid--icon--compact{gap:var(--spacing-lg)}.grid--icon--wide{gap:var(--spacing-2xl)}.feature-grid{display:grid;gap:var(--spacing-3xl) var(--spacing-xl);grid-template-columns:1fr}@media(min-width: 768px){.feature-grid{grid-template-columns:repeat(2, 1fr);gap:var(--spacing-3xl) var(--spacing-4xl)}}@media(min-width: 1080px){.feature-grid{grid-template-columns:repeat(3, 1fr);gap:var(--spacing-4xl) var(--spacing-3xl)}}.feature-grid__item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feature-grid__item .subtitle{font-size:var(--font-size-h4)}.feature-grid__title{font-family:var(--font-family-base);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);width:80%}@media(min-width: 430px){.feature-grid__title{font-size:var(--font-size-2xl);width:100%}}.feature-grid__description{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-mid);line-height:1.5;margin-top:0;width:90%}@media(min-width: 768px){.feature-grid__description{margin-top:var(--spacing-sm);width:100%}}@media(min-width: 1080px){.feature-grid__description{margin-top:var(--spacing-sm)}}.feature-grid__description-lg{font-size:var(--font-size-lg);line-height:1.5}.feature-grid--compact{gap:var(--spacing-lg)}.feature-grid--wide{gap:var(--spacing-2xl)}.use-case-logos{background-color:var(--color-background-alt)}.use-case-logos__grid{display:grid;grid-template-columns:repeat(2, 1fr);width:100%}.use-case-logos__item{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);min-height:100px;border-top:1px solid var(--color-border)}.use-case-logos__item:nth-child(odd){border-right:1px solid var(--color-border)}.use-case-logos__item img{max-width:100%;height:auto;object-fit:contain}.sticky{position:sticky;z-index:1}.sticky--top{top:0}.sticky--with-background{background-color:var(--color-background)}.sticky--with-header{top:64px}.sticky--level-1{z-index:3}.sticky--level-2{z-index:2}.sticky--level-3{z-index:1}.form{position:relative;margin:0;width:100%;font-weight:500;text-decoration:none;display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width: 768px){.form{gap:var(--spacing-lg)}}.form-group{position:relative;width:100%}.form-input{width:100%;height:56px;padding:28px 20px 10px 20px;border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:var(--color-background-alt) !important;border:1px solid var(--color-border-input);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-label{position:absolute;top:16px;left:20px;font-size:var(--font-size-base);font-weight:400;color:var(--color-text);transition:all .2s ease-out;pointer-events:none;transform-origin:left top;background:rgba(0,0,0,0)}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label{top:8px;left:21px;font-size:13px;font-weight:500;color:var(--color-text-light);opacity:.7}.form-input:focus:not(.error){box-shadow:inset 0 0 0 1px var(--color-primary);border-color:var(--color-primary)}.form-group.show-placeholder .form-input::placeholder{font-family:inherit;opacity:0;transition:opacity .2s ease;color:var(--color-text-light)}.form-group.show-placeholder .form-input:focus::placeholder,.form-group.show-placeholder .form-input:not(:placeholder-shown)::placeholder{opacity:.5;transition-delay:.05s}.form-group.has-placeholder .form-input::placeholder{font-family:"Roboto Mono",monospace;opacity:0;transition:opacity .2s ease;color:var(--color-text-light);letter-spacing:.5px}.form-group.has-placeholder .form-input:focus::placeholder,.form-group.has-placeholder .form-input:not(:placeholder-shown)::placeholder{opacity:.5;transition-delay:.1s}.form-input--textarea{min-height:120px;height:120px;min-width:100%;max-width:100%;padding-top:20px;line-height:1.5}.form-group--checkbox{margin-top:var(--spacing-sm)}.checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;user-select:none}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox__mark{flex-shrink:0;width:20px;height:20px;border:1px solid var(--color-border-input);border-radius:var(--radius-xs);transition:all .2s ease;position:relative;margin-top:2px}.checkbox input:checked~.checkbox__mark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox__mark::after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox input:checked~.checkbox__mark::after{display:block}.checkbox__label{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.5}.checkbox__label a{color:var(--color-primary);text-decoration:none}.checkbox__label a:hover{text-decoration:underline}.form-note{display:flex;font-size:var(--font-size-md);color:var(--color-text-light);line-height:1.5;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.form-group{position:relative}.form-group.is-empty .form-label-select{top:15px;left:20px;font-size:16px;font-weight:400;color:var(--color-text)}.form-group.is-empty .custom-select.open~.form-label-select{top:10px;left:21px;font-size:13px;font-weight:400;color:var(--color-text-light)}.form-group:not(.is-empty) .form-label-select{top:8px;left:21px;font-size:13px;font-weight:500;color:var(--color-text-light);opacity:.7}.form-group:not(.is-empty) .custom-select-trigger{padding:28px 20px 10px 20px}.form-label-select{position:absolute;transition:all .2s ease-out;pointer-events:none;transform-origin:left top;background:rgba(0,0,0,0);z-index:1}.form-input-select{display:none}.custom-select{position:relative;cursor:pointer;user-select:none}.custom-select.open~.form-label-select{top:10px !important;left:21px !important;font-size:13px !important;font-weight:500 !important;color:var(--color-text-light) !important}.custom-select-wrapper{position:relative;display:inline-block;width:100%;user-select:none}.custom-select-trigger{display:flex;background-color:var(--color-background-alt) !important;width:auto;height:56px;padding:18px 20px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);font-size:16px;font-weight:400;align-items:center;transition:all .2s ease-out;background-image:url("/assets/duitraya/icons/chevron-updown-b29943ec.svg");background-repeat:no-repeat;background-size:40px;background-position:right 4px center}.custom-select-trigger:focus{box-shadow:inset 0 0 0 1px var(--color-primary);border-color:var(--color-primary);outline:none}.custom-select-trigger .logo{width:20px;height:20px;margin-right:8px;object-fit:contain;border-radius:var(--radius-sm);transition:opacity .2s ease-out;border:1px solid #e6e6e6}.custom-select.open .custom-select-trigger{box-shadow:inset 0 0 0 1px var(--color-primary);border-color:var(--color-primary)}.custom-select.open .custom-options{display:block;opacity:1;visibility:visible}.custom-options{display:none;position:absolute;top:110%;left:0;right:0;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:400;z-index:1000;background-color:var(--color-white);max-height:270px;overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.14),0 8px 16px -4px rgba(0,0,0,.08);scrollbar-width:thin;scrollbar-color:#0f50ff #ececec}.custom-options span{padding-left:18px;border-bottom:1px solid #e4e4e4}.custom-options span:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.custom-options span:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom:0}.custom-options .custom-option{position:relative;display:flex;width:100%;align-items:center;padding:16px 8px 16px 18px;height:52px;cursor:pointer;transition:background-color .1s ease-out}.custom-options .custom-option.disabled{cursor:default;opacity:.5}.custom-options .custom-option.disabled:hover{background-color:#fcfcfc}.custom-options .custom-option:hover{background-color:#f5f5f5}.custom-options .custom-option.selected{background-color:rgba(15,80,255,.1)}.custom-options .custom-option .logo{width:20px;height:20px;margin-right:8px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid #e6e6e6;transition:opacity .2s ease-out}.custom-options::-webkit-scrollbar{width:8px}.custom-options::-webkit-scrollbar-track{background:#e6ecff}.custom-options::-webkit-scrollbar-thumb{background:#0f50ff;border-radius:var(--radius-sm)}.custom-options::-webkit-scrollbar-thumb:hover{background:#0d45e0}.form-input.error{border-color:var(--color-error-secondary);box-shadow:inset 0 0 0 1px var(--color-error-secondary)}.thanks{display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;margin:0;width:100%;font-weight:500;text-decoration:none;text-align:center;padding:var(--spacing-xl)}@media(min-width: 768px){.thanks{gap:var(--spacing-lg)}}.thanks svg{width:40px;height:40px}.thanks__title{font-size:var(--font-size-2xl);font-weight:600;margin-top:var(--spacing-lg)}.thanks__subtitle{font-size:var(--font-size-lg)}.thanks__footer-title{font-size:var(--font-size-base)}.thanks__footer-subtitle{font-size:var(--font-size-base);color:var(--color-text-mid);font-weight:400;margin-top:-1.5rem}.thanks .button{margin-top:var(--spacing-2xl)}.badge{display:inline-block;font-size:12px;font-weight:600;border-radius:12px;padding:6px 12px;line-height:1}.badge--new{background-color:#d7e2ff;color:#0d2a2e;margin-left:12px}.badge--early-bird{background-color:#cff2ce;color:#0d2e23}.container{width:100%;margin-inline:auto;padding-inline:var(--spacing-lg)}@media(min-width: 768px){.container{width:100%;padding-inline:var(--spacing-xl);max-width:1080px}}.container--narrow{width:100%;margin-inline:auto;padding-inline:1.25rem}@media(min-width: 768px){.container--narrow{width:85%;padding-inline:1.25rem;max-width:800px}}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.m-xs{margin:var(--spacing-xs)}.mt-xs{margin-top:var(--spacing-xs)}.mr-xs{margin-right:var(--spacing-xs)}.mb-xs{margin-bottom:var(--spacing-xs)}.ml-xs{margin-left:var(--spacing-xs)}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.mt-sm{margin-top:var(--spacing-sm)}.mr-sm{margin-right:var(--spacing-sm)}.mb-sm{margin-bottom:var(--spacing-sm)}.ml-sm{margin-left:var(--spacing-sm)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.mt-md{margin-top:var(--spacing-md)}.mr-md{margin-right:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.ml-md{margin-left:var(--spacing-md)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mt-lg{margin-top:var(--spacing-lg)}.mr-lg{margin-right:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.ml-lg{margin-left:var(--spacing-lg)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-xl{margin-top:var(--spacing-xl)}.mr-xl{margin-right:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-xl{margin-left:var(--spacing-xl)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mt-4xl{margin-top:var(--spacing-4xl)}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.p-xs{padding:var(--spacing-xs)}.pt-xs{padding-top:var(--spacing-xs)}.pr-xs{padding-right:var(--spacing-xs)}.pb-xs{padding-bottom:var(--spacing-xs)}.pl-xs{padding-left:var(--spacing-xs)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.pt-sm{padding-top:var(--spacing-sm)}.pr-sm{padding-right:var(--spacing-sm)}.pb-sm{padding-bottom:var(--spacing-sm)}.pl-sm{padding-left:var(--spacing-sm)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.pt-md{padding-top:var(--spacing-md)}.pr-md{padding-right:var(--spacing-md)}.pb-md{padding-bottom:var(--spacing-md)}.pl-md{padding-left:var(--spacing-md)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.pt-lg{padding-top:var(--spacing-lg)}.pr-lg{padding-right:var(--spacing-lg)}.pb-lg{padding-bottom:var(--spacing-lg)}.pl-lg{padding-left:var(--spacing-lg)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.pt-xl{padding-top:var(--spacing-xl)}.pr-xl{padding-right:var(--spacing-xl)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-xl{padding-left:var(--spacing-xl)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.spacer{display:block;width:100%;flex-shrink:0}.spacer-xs{height:8px}.spacer-sm{height:16px}.spacer-md{height:24px}.spacer-lg{height:32px}.spacer-xl{height:40px}.spacer-1{height:8px}.spacer-2{height:16px}.spacer-3{height:24px}.spacer-4{height:32px}.spacer-5{height:40px}.spacer-6{height:48px}.spacer-7{height:56px}.spacer-8{height:64px}.spacer-9{height:72px}.spacer-10{height:80px}@media(min-width: 921px){.spacer-desktop-xs{height:8px}.spacer-desktop-s{height:16px}.spacer-desktop-m{height:24px}.spacer-desktop-l{height:32px}.spacer-desktop-xl{height:40px}}@media(max-width: 920px){.spacer-tablet-xs{height:8px}.spacer-tablet-s{height:8px}.spacer-tablet-m{height:16px}.spacer-tablet-l{height:24px}.spacer-tablet-xl{height:32px}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.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-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1, 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-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.col-span-1{grid-column:span 1/span 1}.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-span-12{grid-column:span 12/span 12}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.contain-none{contain:none}.contain-strict{contain:strict}.contain-content{contain:content}.contain-size{contain:size}.contain-layout{contain:layout}.contain-paint{contain:paint}.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-auto{z-index:auto}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}@media(min-width: 375px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:grid{display:grid}}@media(min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 1080px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}.header{--header-height: 64px;height:var(--header-height);color:var(--color-text);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;box-sizing:border-box}.header__wrapper{height:var(--header-height);padding-block:0;display:flex;justify-content:space-between;align-items:center}@media(min-width: 900px){.header__wrapper--billplz{display:grid;grid-template-columns:auto 1fr auto;gap:2rem}}@media(min-width: 900px){.header__wrapper--catalog{display:grid;grid-template-columns:auto 1fr auto;gap:2rem}}.header__logo{display:flex;align-items:center;color:var(--color-text);text-decoration:none}.header__logo--billplz svg{width:75.7px;height:16px;display:block}.header__logo--catalog svg{width:80px;height:30px;display:block}.header__nav{display:none;font-size:var(--font-size-md);font-weight:500;justify-content:flex-start}@media(min-width: 900px){.header__nav{display:flex;align-items:center}}.header__nav.header__nav--center{justify-content:center}.header__nav-link{color:var(--color-text);text-decoration:none;padding:.5rem .75rem;transition:opacity .2s ease;opacity:.7;height:var(--header-height);display:flex;align-items:center;gap:.1rem;font-weight:500}.header__nav-link:hover{opacity:1}.header__nav-link[aria-expanded=true]{opacity:1}.header__nav-link .icon-dropdown{width:20px;height:20px}.header__cta{display:none;gap:.5rem;align-items:center;font-size:var(--font-size-md)}@media(min-width: 900px){.header__cta{display:flex}}.page-pricing .header__nav-link[href*=pricing],.page-support .header__nav-link[href*=support]{opacity:1}.page-commerce .header__nav-link[href*=index-catalog],.page-commerce .header__nav-link[href*=commerce],.page-payment-form .header__nav-link[href*=payment-form],.page-pricing .header__nav-link[href*=pricing]{opacity:1}.header__dropdown{position:absolute;top:var(--header-height);left:0;right:0;width:100%;background:var(--color-background);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:99}.header__dropdown.is-open{opacity:1;visibility:visible}.header__dropdown-content{display:none}.header__dropdown-content.is-active{display:block}.header__dropdown-grid{display:grid;grid-template-columns:repeat(3, 1fr);max-width:var(--container-width, 1080px);margin:0 auto;padding-left:5.5rem}.header__dropdown-section{display:flex;flex-direction:column;padding:2.5rem var(--spacing-md)}.header__dropdown-section:nth-child(2){border-left:1px solid var(--color-border)}.header__dropdown-section:nth-child(3){border-left:1px solid var(--color-border)}.header__dropdown-header{color:var(--color-text-light);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);line-height:1.5}.header__dropdown-link{border-radius:var(--radius-sm);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.header__dropdown-link:hover{background-color:var(--color-background-alt-darker)}.header__dropdown-title{color:var(--color-text);font-weight:500;line-height:1.5;display:flex;align-items:center;gap:.5rem}.header__dropdown-title .icon-external{width:10px;height:10px;margin-top:3px;opacity:.7}.header__dropdown-desc{color:var(--color-text-mid);font-size:var(--font-size-sm);line-height:1.5}.header__mobile-trigger{display:none;color:var(--color-text);border:none;background:none;padding:var(--spacing-md);cursor:pointer;align-items:center;justify-content:center;z-index:1001;border-radius:var(--radius-sm)}@media(max-width: 899px){.header__mobile-trigger{display:flex}}.header__mobile-trigger svg{color:var(--color-text);width:18px;height:18px}.header__mobile-trigger img{width:24px;height:24px}.header__mobile-trigger .line{transform-origin:center;transition:all .2s ease-out}.header__mobile-trigger[aria-expanded=true] .line-1{transform:translateX(-3px) translateY(3.7px) rotate(45deg)}.header__mobile-trigger[aria-expanded=true] .line-2{transform:translateX(-3px) translateY(-3.7px) rotate(-45deg)}.header__mobile-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:var(--color-background);z-index:999;padding:0;overflow-y:auto}.header__mobile-menu.is-open{display:block}body.menu-open{overflow:hidden}.header__mobile-nav{position:relative;z-index:1000;background-color:var(--color-background);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:0}.header__mobile-nav .header__mobile-link{color:var(--color-text);font-size:var(--font-size-xl);font-weight:500;text-decoration:none;padding:.3rem 0;display:block;width:fit-content}.header__mobile-nav .header__mobile-link:hover{opacity:.7}.header__mobile-nav .icon-external{position:absolute;width:14px;height:14px;margin-top:10px;margin-left:.5rem;opacity:.7}.header__mobile-link--secondary{font-size:var(--font-size-base)}.header__mobile-title{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;padding:1rem 0;display:block}.header__mobile-cta{padding:var(--spacing-lg) 0;margin-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;width:100%;flex-direction:column;gap:.5rem}body.menu-open{overflow:hidden}.header__mobile-menu::before{content:"";position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:var(--color-background);z-index:0}.footer__hero-buttons{display:flex;gap:16px}.footer__content .container{display:grid;grid-template-columns:256px 1fr;gap:64px}.footer__left{display:flex;flex-direction:column;gap:24px}.footer__logo{display:block;color:#fff}.footer__logo--billplz svg{width:75.7px;height:16px}.footer__logo--catalog{display:flex;align-items:center}.footer__logo--catalog svg{width:80px;height:30px}.footer__taglines{display:flex;flex-direction:column;margin-top:24px;gap:4px;font-size:36px;font-weight:300;line-height:1.2;color:hsla(0,0%,100%,.8)}.footer__nav-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px}.footer__nav-section{display:flex;flex-direction:column;gap:48px;height:100%}.footer__group{display:flex;flex-direction:column;gap:16px;height:100%}.footer__group-title{font-size:var(--font-size-sm);font-weight:600;color:hsla(0,0%,100%,.9);letter-spacing:.02rem}.footer__links{display:flex;flex-direction:column;gap:8px}.footer__links a{color:hsla(0,0%,100%,.8);text-decoration:none;font-size:var(--font-size-md);font-weight:400;letter-spacing:.02rem;line-height:2;width:fit-content;transition:color .3s ease}.footer__links a:hover{color:#fff}.footer__bottom{width:100%;margin-top:64px;padding-top:32px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;grid-column:1/-1}.footer__bottom-left{display:flex;align-items:center;gap:2rem}.footer__nav{display:none;gap:1.5rem}@media(min-width: 800px){.footer__nav{display:flex;align-items:center}}.footer__link{color:hsla(0,0%,100%,.6);text-decoration:none;font-size:var(--font-size-base);transition:color .3s ease}.footer__link:hover{color:#fff}.footer__info{display:flex;flex-direction:column;color:hsla(0,0%,100%,.7);font-size:14px;align-items:center;height:24px}.footer__social{display:flex;gap:1rem;align-items:center;height:24px}.footer__social-link{color:hsla(0,0%,100%,.4);display:flex;align-items:center;gap:4px}.footer__social-link svg{width:16px;height:16px;display:block;flex-shrink:0}@media(max-width: 430px){.footer__social-link svg{width:16px;height:16px}}.footer__social-link svg:hover{color:hsla(0,0%,100%,.6)}@media(max-width: 1080px){.footer__content .container{grid-template-columns:1fr}}@media(max-width: 768px){.footer__nav-container{grid-template-columns:repeat(2, 1fr)}.footer__info{flex-direction:column;gap:8px}.footer__hero-title{font-size:32px}.footer__hero-buttons{flex-direction:column}.footer__bottom{margin-top:0}}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid rgba(0,0,0,0);cursor:pointer;gap:.5rem;line-height:1.4;white-space:nowrap}@media(min-width: 430px){.button{padding:.5rem 1rem}}.button svg{width:12px;height:12px;margin-top:2px;flex-shrink:0;opacity:1}.button--icon{width:12px;height:12px;margin-top:2px;flex-shrink:0;opacity:1}.button--auto{width:auto;display:inline-flex}.button--full{width:100%;text-align:center}.button--text-sm{font-size:var(--font-size-sm)}.button--primary{background-color:var(--color-primary);color:#fff;transition:background-color .2s ease}.button--primary:hover{background-color:var(--color-primary-dark)}.button--primary.button--inverted{background-color:#fff;color:var(--color-primary)}.button--primary.button--inverted:hover{background-color:#f8fafc}.button--secondary{background-color:#2c2c2c;color:#fff}.button--secondary:hover{background-color:#1a1a1a}.button--secondary.button--transparent{background-color:hsla(0,0%,100%,.1);color:#fff;backdrop-filter:blur(4px)}.button--secondary.button--transparent:hover{background-color:hsla(0,0%,100%,.2)}.button--black{background-color:rgba(11,11,11,.9);color:var(--color-offwhite);transition:background-color .2s ease}.button--black:hover{background-color:#0b0b0b}.button--grey{background-color:rgba(195,195,195,.5);color:var(--color-black);border:1px solid #c6c6c6;transition:background-color .2s ease}.button--grey:hover{background-color:rgba(195,195,195,.9)}.button--ghost{background-color:hsla(0,0%,80%,0);color:#0b0b0b;transition:background-color .2s ease}.button--ghost:hover{background-color:hsla(0,0%,80%,.3)}.button--outline{background-color:rgba(0,0,0,0);border:1px solid currentColor;color:var(--color-text)}.button--outline:hover{background-color:rgba(0,0,0,.05)}.button--outline.button--light{color:#fff}.button--outline.button--light:hover{background-color:hsla(0,0%,100%,.1)}.button--xs{padding:.35rem .8rem;font-size:var(--font-size-sm)}.button--nav{padding:.35rem .8rem;font-size:var(--font-size-md)}.button--sm{padding:.5rem 1rem;font-size:var(--font-size-sm)}.button--lg{padding:1rem 2rem;font-size:var(--font-size-lg)}.button:disabled,.button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--loading{position:relative;color:rgba(0,0,0,0);pointer-events:none}.button--loading::after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid currentColor;border-radius:50%;border-right-color:rgba(0,0,0,0);animation:button-spin .8s linear infinite}@keyframes button-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.payment-logos{display:flex;align-items:center;gap:.75rem;overflow:hidden;font-size:var(--font-size-sm);font-weight:600}@media(min-width: 476px){.payment-logos{font-size:var(--font-size-base)}}.payment-logos--wrap{flex-wrap:wrap;margin-right:-0.75rem}.payment-logo{height:20px;width:auto;display:block;border:1px solid var(--color-border);border-radius:var(--radius-xs)}.payment-logo--sm{height:16px}.payment-logo--lg{height:30px}.payment-logos-group{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.payment-logo--rect{height:30px;width:48px;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:.35rem;background-color:#fff}.payment-logo--rect-bg{height:30px;width:48px;background-size:140%;background-position:center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:.35rem;background-color:#fff}@media(max-width: 767px){.compare__description .payment-logos{gap:.5rem}.compare__description .payment-logo{height:18px}.compare__description .payment-logo--sm{height:14px}.compare__description .payment-logo--lg{height:24px}.payment-logo--rect,.payment-logo--rect-bg{height:24px;width:40px}}.merchant-grid{display:none}@media(min-width: 768px){.merchant-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--spacing-sm)}}.merchant-grid__item{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.merchant-grid__image{max-width:190px;width:100%;height:auto;object-fit:contain}.logo-slider{position:relative;background-color:var(--color-background);overflow:hidden}.logo-slider__container{position:relative;overflow:hidden;width:100%;contain:content}@media(max-width: 430px){.logo-slider__container{width:calc(100% + 2.5rem);margin-left:-1.25rem;margin-right:-1.25rem}}.logo-slider__container::before,.logo-slider__container::after{content:"";position:absolute;top:0;width:clamp(4rem,8vw,8rem);height:100%;z-index:1;pointer-events:none}.logo-slider__container::before{left:0;background:linear-gradient(90deg, var(--color-background) 0%, var(--color-background) 5%, transparent 100%)}.logo-slider__container::after{right:0;background:linear-gradient(-90deg, var(--color-background) 0%, var(--color-background) 5%, transparent 100%)}.logo-slider__track{display:flex;gap:clamp(2rem,4vw,4rem);animation:slide 25s linear infinite;width:max-content;will-change:transform;transform:translateZ(0);content-visibility:auto;contain-intrinsic-size:0 100px}.logo-slider__item{flex:none;width:12rem;height:5rem;display:flex;align-items:center;justify-content:center}.logo-slider__image{max-width:100%;max-height:100%;object-fit:cover;aspect-ratio:auto;image-rendering:auto}@keyframes slide{to{transform:translateX(calc(-50% - clamp(1rem, 2vw, 2rem)))}}@media(prefers-reduced-motion: reduce){.logo-slider__track{animation:none;transform:translateX(0)}.logo-slider__container::before,.logo-slider__container::after{display:none}}.feature-icon{transform:translateZ(0);backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1, 1);isolation:isolate;position:relative;z-index:1}.icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--spacing-sm)}.icon-wrapper svg{width:24px;height:24px;color:var(--color-primary)}.icon-fill{fill:var(--color-primary)}.app-wrapper{display:flex;width:48px;height:48px;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.app-wrapper svg{width:24px;height:24px;color:var(--color-primary)}:root{--color-raya-primary: #0066CC;--color-raya-accent: #00B894;--color-raya-gold: #D4AF37;--color-raya-green: #2D5A4A;--color-raya-sky: #87CEEB;--color-raya-hero-gradient: linear-gradient(180deg, #76eefa 0%, #fafafa 100%);--color-raya-hero-gradient-mobile: linear-gradient(180deg, #76eefa 0%, #fafafa 100%);--color-raya-gradient: linear-gradient(90deg, #1739a0 0%, #130ce0 100%);--color-raya-card-bg: #FFFFFF;--color-raya-text-primary: #001f75;--color-raya-text-secondary: rgba(0, 31, 117, 0.7);--color-raya-text-accent: #215cff;--color-raya-border: #E2E8F0;--color-raya-success: #10B981;--color-error: #ef4444;--color-error-secondary: rgba(204, 66, 66, 0.7)}.hero--duitraya{background:var(--color-raya-hero-gradient);position:relative;padding:var(--spacing-3xl) 0;min-height:500px;display:flex;align-items:center;text-align:center}.hero--duitraya::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("/assets/duitraya/images/hero-bg-mobile-e3fbd271.webp");background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.8;pointer-events:none}@media(min-width: 768px){.hero--duitraya::before{background-image:url("/assets/duitraya/images/hero-bg-f40c9cba.webp")}.hero--duitraya{padding:var(--spacing-5xl) 0;min-height:600px}}.hero--duitraya--steps{background-color:#c7faff;position:relative;padding:var(--spacing-3xl) 0;min-height:500px;display:flex;align-items:center;text-align:center}.hero--duitraya .container{position:relative;z-index:1}.hero__content{margin-bottom:var(--spacing-xl);align-items:center}.hero__title{font-size:2rem;font-weight:600;color:#001f75;line-height:1.2;text-shadow:0 2px 24px rgba(199,250,255,.7)}.hero__hashtag{font-size:2rem;font-weight:800;margin-top:-24px;background:var(--color-raya-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);color:rgba(0,0,0,0);filter:drop-shadow(0 2px 24px rgba(199, 250, 255, 0.7))}@media(min-width: 768px){.hero__title{font-size:3.2rem}.hero__hashtag{font-size:2.6rem}}.duitraya-banner{background-color:rgba(0,0,0,0);padding:var(--spacing-md) 0;position:absolute;top:0;left:0;right:0;z-index:10}.duitraya-banner__wrapper{position:relative;text-align:center;padding-left:40px;padding-right:40px}.duitraya-banner__logo{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block}@media(max-width: 399px){.duitraya-banner__wrapper{position:static;display:flex;align-items:center;justify-content:center;gap:12px;padding-left:0;padding-right:0;text-align:left}.duitraya-banner__logo{position:static;flex-shrink:0;transform:none}}.duitraya-banner__logo img{width:28px;height:28px;display:block}@media(min-width: 768px){.duitraya-banner__logo img{width:28px;height:28px}}.duitraya-banner__text{font-weight:700;font-size:var(--font-size-sm);color:#fff;margin:0;letter-spacing:.5px}@media(min-width: 768px){.duitraya-banner__text{font-size:var(--font-size-sm)}}.crumb-title{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:hsla(0,0%,100%,.9);border-radius:20px;font-size:var(--font-size-sm);font-weight:700;color:var(--color-raya-text-secondary);margin-bottom:var(--spacing-sm)}.crumb-title--hero{background-color:#4df0dd;box-shadow:0 2px 8px rgba(0,0,0,.1);display:inline-flex;align-items:center;gap:6px;color:#215cff}.crumb-icon{width:16px;height:16px;display:inline-block;vertical-align:middle}.section-title{font-size:1.75rem;font-weight:600;color:var(--color-raya-text-primary);margin-bottom:var(--spacing-md);line-height:1.3;text-align:center}@media(min-width: 768px){.section-title{font-size:2rem}}.section-description{font-size:var(--font-size-base);line-height:1.6;color:var(--color-raya-text-secondary)}.duitraya-card{background:var(--color-raya-card-bg);border-radius:16px;padding:0;box-shadow:0 4px 16px rgba(0,0,0,.1);max-width:358px;width:100%;margin:0 auto;overflow:hidden}@media(min-width: 600px){.duitraya-card{max-width:420px}}.duitraya-card__header{background-color:#c7faff;padding:var(--spacing-2xl);text-align:left}.duitraya-card__content{padding:var(--spacing-2xl)}.duitraya-card__header .crumb-title{display:flex;align-items:center;gap:8px;color:var(--color-raya-text-accent);font-size:var(--font-size-xs);font-weight:600;background-color:rgba(0,0,0,0);padding:0;text-transform:uppercase}.duitraya-card__header .crumb-icon{width:16px;height:16px}.duitraya-card--success .crumb-icon{width:24px;height:24px;filter:invert(37%) sepia(95%) saturate(2455%) hue-rotate(208deg) brightness(102%) contrast(103%)}.duitraya-card__amount{font-size:var(--font-size-h2);font-weight:700;color:var(--color-raya-text-primary);margin:0 0 var(--spacing-md) 0;line-height:1}.duitraya-card__bill-id{font-size:var(--font-size-xs);color:var(--color-raya-text-secondary);font-weight:500;margin-top:32px;margin-bottom:0}.duitraya-card__icon{width:64px;height:64px;background-color:var(--color-raya-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto var(--spacing-md)}.duitraya-card__title{font-size:var(--font-size-h2);font-weight:700;color:var(--color-raya-text-primary);margin-bottom:var(--spacing-md)}.duitraya-card__message{font-size:var(--font-size-base);color:var(--color-raya-text-secondary);font-weight:500;line-height:1.6;margin-bottom:var(--spacing-lg);text-align:left;width:75%}.duitraya-card__message--success{margin:var(--spacing-xl) 0 0 0;font-size:18px;color:var(--color-raya-text-secondary);font-weight:600;line-height:1.6;text-align:left}.duitraya-card__greeting{font-size:var(--font-size-lg);font-weight:600;color:var(--color-raya-text-primary);margin-top:var(--spacing-lg);text-align:left}.duitraya-form{padding:var(--spacing-2xl)}.duitraya-form__label{display:flex;align-items:center;gap:8px;color:var(--color-raya-text-accent);font-size:var(--font-size-md);font-weight:500;margin-bottom:var(--spacing-md);text-align:left}.duitraya-form .form-group{position:relative;margin-bottom:var(--spacing-md);text-align:left}.duitraya-form .form-input{width:100%;padding:28px 20px 10px 20px;height:56px;border-radius:4px;font-size:16px;background-color:#fff;border:1px solid var(--color-raya-border);outline:none;transition:border-color .2s ease,box-shadow .2s ease;color:var(--color-raya-text-primary)}.duitraya-form .form-input::placeholder{color:rgba(0,0,0,0)}.duitraya-form .form-input:focus{box-shadow:inset 0 0 0 1px var(--color-raya-primary);border-color:var(--color-raya-primary);outline:none}.duitraya-form .form-label{position:absolute;top:18px;left:20px;font-size:16px;font-weight:400;color:rgba(0,31,117,.6);transition:all .2s ease-out;pointer-events:none;transform-origin:left top;background:rgba(0,0,0,0)}.duitraya-form .form-label-select{top:18px !important;font-size:16px !important}.duitraya-form .form-select:valid~.form-label-select{top:10px !important;left:21px !important;font-size:13px !important;font-weight:500 !important}.duitraya-form .form-input:not(.form-select):focus~.form-label,.duitraya-form .form-input:not(.form-select):not(:placeholder-shown)~.form-label{top:10px;left:21px;font-size:13px;font-weight:500;color:rgba(0,31,117,.7)}.duitraya-form .form-select{width:100%;padding:18px 40px 18px 20px;height:56px;border-radius:4px;font-size:16px;color:var(--color-raya-text-primary);background-color:#fff;border:1px solid var(--color-raya-border);outline:none;transition:border-color .2s ease,box-shadow .2s ease,padding .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;background-image:url("/assets/duitraya/icons/chevron-updown-b29943ec.svg");background-repeat:no-repeat;background-position:right 12px center;background-size:38px 38px}.duitraya-form .form-select:valid{padding:24px 40px 10px 20px;line-height:1.2}.duitraya-form .form-select:focus{box-shadow:inset 0 0 0 1px var(--color-raya-primary);border-color:var(--color-raya-primary);outline:none}.duitraya-form .form-label-select{top:18px;left:20px;font-size:16px;font-weight:400;color:rgba(0,31,117,.6)}.duitraya-form .form-select:focus~.form-label-select,.duitraya-form .form-select:not([value=""])~.form-label-select{top:10px;left:21px;font-size:13px;font-weight:500;color:rgba(0,31,117,.7)}.duitraya-form .form-error{display:none;font-size:13px;font-weight:500;color:var(--color-error);margin-top:6px;padding-left:2px}.duitraya-form .form-input:user-invalid{border-color:var(--color-error-secondary);box-shadow:inset 0 0 0 1px var(--color-error-secondary)}.duitraya-form .form-input:user-invalid~.form-error{display:block}.duitraya-form__deadline{font-size:var(--font-size-sm);color:var(--color-raya-text-accent);margin-top:var(--spacing-md);text-align:center}.duitraya-steps-hero{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;margin:var(--spacing-xl) auto;max-width:800px}@media(min-width: 768px){.duitraya-steps-hero{flex-direction:row;justify-content:center;align-items:stretch;gap:var(--spacing-lg)}}.duitraya-card-step{background:#fff;border-radius:12px;padding:var(--spacing-lg);text-align:center;flex:1;width:100%;max-width:240px;min-height:180px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease}@media(min-width: 768px){.duitraya-card-step{max-width:none;width:200px}}.duitraya-step-arrow{display:none;align-items:center;justify-content:center;flex-shrink:0}@media(min-width: 768px){.duitraya-step-arrow{display:flex}}.duitraya-step-arrow img{width:24px;height:24px;filter:invert(37%) sepia(95%) saturate(2455%) hue-rotate(208deg) brightness(102%) contrast(103%)}.hero--duitraya:not(.hero--duitraya--steps) .duitraya-step-arrow img{filter:brightness(0) invert(1)}.duitraya-card-step:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.duitraya-card-step__icon{width:60px;height:60px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;font-size:32px}.duitraya-card-step__icon img{width:48px;height:48px;display:block}.duitraya-card-step__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-raya-text-primary);line-height:1.4}.duitraya-card-step__desc{font-size:var(--font-size-base);font-weight:600;color:var(--color-raya-text-primary);line-height:1.4}.duitraya-disclaimer{font-size:var(--font-size-sm);font-weight:500;color:var(--color-raya-text-primary);margin-top:var(--spacing-lg);text-align:center}.duitraya-pantun{margin:var(--spacing-xl) 0 0 0}.duitraya-pantun p{font-size:var(--font-size-lg);line-height:1.8;font-weight:700;font-style:italic;margin:var(--spacing-xs) 0;color:#130ce0}.section--duitraya-tnc{padding:var(--spacing-3xl) 0;background-color:#c7faff}.duitraya-tnc-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xl)}@media(min-width: 768px){.duitraya-tnc-wrapper{flex-direction:row;gap:var(--spacing-3xl);align-items:flex-start}}.duitraya-tnc-title{font-size:24px;font-weight:700;color:var(--color-raya-text-primary);margin:0;flex-shrink:0}@media(min-width: 768px){.duitraya-tnc-title{width:280px}}.duitraya-tnc__list{list-style:none;padding:0;margin:0;flex:1}.duitraya-tnc__list li{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:flex-start}.duitraya-tnc__list li:last-child{margin-bottom:0}.duitraya-tnc__number{font-size:var(--font-size-base);font-weight:500;color:var(--color-raya-text-accent);min-width:32px;flex-shrink:0}.duitraya-tnc__text{font-size:var(--font-size-sm);color:var(--color-raya-text-secondary);font-weight:500;line-height:1.7}.section--duitraya-zakat{padding:var(--spacing-3xl) 0;background:linear-gradient(180deg, rgba(118, 238, 250, 0.3) 0%, rgba(250, 250, 250, 0.1) 100%);color:var(--color-raya-text-primary);text-align:center}.zakat-icon{margin-bottom:var(--spacing-md)}.moon-icon{width:24px;height:24px;display:inline-block}.section--duitraya-zakat .crumb-title{background-color:rgba(0,0,0,0);color:var(--color-raya-text-primary);font-size:24px;padding:0;margin-bottom:var(--spacing-sm)}.section--duitraya-zakat .section-title{color:var(--color-raya-text-primary);font-size:2rem;line-height:1.2;margin-bottom:var(--spacing-md);text-align:center}@media(min-width: 768px){.section--duitraya-zakat .section-title{font-size:2.8rem}}.section--duitraya-zakat .section-description{font-size:var(--font-size-base);line-height:1.6;color:var(--color-raya-text-secondary);max-width:500px;margin:0 auto var(--spacing-xl)}.section--duitraya-zakat .btn{margin-top:var(--spacing-md)}.btn--zakat{background-color:var(--color-raya-primary);padding:14px 32px;font-size:var(--font-size-base)}.footer--duitraya{background-color:#fff;color:var(--color-raya-text-primary);padding:var(--spacing-lg) 0;border-top:1px solid #e2e8f0}.footer__horizontal{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;text-align:center}@media(min-width: 768px){.footer__horizontal{flex-direction:row;align-items:center;text-align:left}.footer__copyright{margin-left:auto !important}}.footer__logo{display:block}.footer__logo img{height:38px;width:auto}.footer__greeting{font-size:var(--font-size-sm);margin:0;background:var(--color-raya-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}.footer__copyright{font-size:var(--font-size-xs);color:var(--color-raya-text-secondary);margin:0}.btn--full{width:100%;display:block}.btn--primary{background:var(--color-raya-gradient);color:#fff;border:none;padding:0 var(--spacing-xl);border-radius:9999px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:transform .1s ease,opacity .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;height:56px}.duitraya-card .btn--primary{width:100%}.btn--primary:hover{opacity:.9;transform:translateY(-1px)}.btn--secondary{background-color:var(--color-raya-accent);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;text-decoration:none;display:inline-block}.btn--secondary:hover{background-color:#009b7d;transform:translateY(-1px)}@media(max-width: 767px){.hero__title{font-size:var(--font-size-h3)}.section-title{font-size:var(--font-size-h3)}.duitraya-card__amount{font-size:2rem}.duitraya-pantun p{font-size:var(--font-size-base)}}.spinner{width:40px;height:40px;border:4px solid #e5e5e5;border-top:4px solid #3498db;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}