.hero-main{position:relative;padding-top:calc(var(--spacing-unit, 1rem) * 1.5);padding-bottom:calc(var(--spacing-unit, 1rem) * 3);z-index:10}@media(min-width:992px){.hero-main{padding-top:calc(var(--spacing-unit, 1rem) * 2);padding-bottom:calc(var(--spacing-unit, 1rem) * 2.5)}}.hero-main .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.hero-main .container{max-width:var(--container-max-width, 1340px);width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.hero-wrapper{display:flex;flex-direction:column;gap:calc(var(--spacing-unit, 1rem) * 2);width:100%}@media(min-width:992px){.hero-wrapper{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--spacing-unit, 1rem)}}.hero-content{width:100%}@media(min-width:992px){.hero-content{width:50%;flex:0 0 50%;text-align:left;padding-left:0}}.hero-content .hero-badge{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit, 1rem) * .5);padding:calc(var(--spacing-unit, 1rem) * .25) calc(var(--spacing-unit, 1rem) * .5);border-radius:var(--radius-full, 50%);font-size:var(--font-size-secondary, .75rem);font-weight:var(--font-weight-bold, 700);color:var(--primary-accent, #075aaa);background:rgba(var(--primary-accent, #075aaa),.08);margin-bottom:calc(var(--spacing-unit, 1rem) * 1.5);border:none}.hero-content .hero-badge .badge-dot{width:8px;height:8px;background-color:var(--success-accent, #10b981);border-radius:var(--radius-full, 50%);box-shadow:0 0 10px var(--success-accent, #10b981);animation:none}.hero-content .hero-title{font-family:var(--font-family-headings, Poppins, sans-serif);font-weight:var(--font-weight-headings, 500);font-size:2.75rem;line-height:1.2;color:var(--black, #000000);margin-top:0;margin-bottom:calc(var(--spacing-unit, 1rem) * .5);letter-spacing:-.02em}@media(min-width:992px){.hero-content .hero-title{font-size:var(--h1-size-lg, 3.8rem)}}.hero-content .hero-subtitle{font-family:var(--font-family-base, Poppins, sans-serif);font-size:var(--font-size-base, 1rem);line-height:1.8;color:var(--grey, rgba(104, 107, 111, .8705882353));margin-bottom:calc(var(--spacing-unit, 1rem) * 2)}@media(min-width:992px){.hero-content .hero-subtitle{max-width:90%;font-size:var(--font-size-lg, 17px)}}.hero-content .hero-trust{margin-bottom:calc(var(--spacing-unit, 1rem) * .5)}.hero-actions{display:flex;flex-direction:column;align-items:stretch;margin-bottom:calc(var(--spacing-unit, 1rem) * 3);width:100%;max-width:220px;margin-inline:0 auto}@media(min-width:992px){.hero-actions{align-items:flex-start;justify-content:flex-start;max-width:none;margin-inline:0}}.hero-visual{width:100%;display:flex;justify-content:center;max-width:100%;overflow:hidden}.hero-visual :global(img),.hero-visual :global(svg),.hero-visual :global(video){max-width:100%;height:auto;display:block}@media(min-width:992px){.hero-visual{width:50%;flex:0 0 40%;justify-content:flex-end;overflow:visible}}@keyframes pulse{0%{box-shadow:0 0 10px var(--success-accent, #10b981),0 0 rgba(var(--success-accent, #10b981),.4)}50%{box-shadow:0 0 10px var(--success-accent, #10b981),0 0 0 4px rgba(var(--success-accent, #10b981),0)}to{box-shadow:0 0 10px var(--success-accent, #10b981),0 0 rgba(var(--success-accent, #10b981),0)}}.tech-trust{padding-block:calc(var(--spacing-unit, 1rem) * 2);background-color:var(--white, #ffffff);overflow:hidden}@media(min-width:992px){.tech-trust{padding-bottom:calc(var(--spacing-unit, 1rem) * 4)}}.tech-trust__container{width:100%;margin-inline:auto;padding-inline:var(--spacing-unit, 1rem);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-unit, 1rem)}.tech-trust__label{font-family:var(--font-family-base, Poppins, sans-serif);font-size:var(--font-size-secondary, .75rem);color:var(--dark-grey, #333333);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.1em;text-align:center}.tech-trust__marquee{position:relative;width:100%;mask-image:linear-gradient(to right,transparent,black 30%,black 100%,transparent)}.tech-trust__track{display:flex;align-items:center;gap:calc(var(--spacing-unit, 1rem) * 3);width:max-content;animation:marquee-scroll 50s linear infinite}@media(min-width:992px){.tech-trust__track{gap:calc(var(--spacing-unit, 1rem) * 5)}}.tech-trust__track:hover{animation-play-state:paused}.tech-trust__item{display:flex;align-items:center;gap:calc(var(--spacing-unit, 1rem) * .75);opacity:.4;filter:grayscale(100%);transition:opacity .3s ease-in-out,transform .15s ease-in-out;cursor:default}.tech-trust__item:hover{opacity:1;filter:grayscale(0%);transform:translateY(-2px)}.tech-trust__item:hover .tech-trust__name{color:var(--primary-accent, #075aaa)}.tech-trust__icon{width:28px;height:28px;color:currentColor}.tech-trust__name{font-family:var(--font-family-base, Poppins, sans-serif);font-size:var(--font-size-base-under, .9rem);font-weight:var(--font-weight-headings, 500);color:var(--grey, rgba(104, 107, 111, .8705882353));white-space:nowrap;transition:color .3s ease-in-out}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ui-gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.feature-showcase{padding:calc(var(--spacing-unit, 1rem) * 2) 0;padding-bottom:calc(var(--spacing-unit, 1rem) * 3);background-color:var(--white, #ffffff)}@media(min-width:992px){.feature-showcase{padding-bottom:calc(var(--spacing-unit, 1rem) * 8)}}.feature-showcase__container{max-width:var(--container-max-width, 1340px);width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.feature-showcase__header{text-align:left;margin:0 auto calc(var(--spacing-unit, 1rem) * 3)}@media(min-width:768px){.feature-showcase__header{text-align:center;max-width:100%}}.feature-showcase__tagline{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:var(--font-size-secondary, .75rem);font-weight:var(--font-weight-bold, 700);color:var(--primary-accent, #075aaa);margin-top:0;margin-bottom:calc(var(--spacing-unit, 1rem) * .75)}.feature-showcase__title{font-size:var(--h1-size, 2.75rem);margin-bottom:var(--spacing-unit, 1rem);color:var(--black, #000000);line-height:1.3}.feature-showcase__description{color:var(--grey, rgba(104, 107, 111, .8705882353));font-size:var(--font-size-base, 1rem);line-height:1.6;margin:0 auto}.showcase-root .showcase-nav{display:flex;justify-content:center;gap:calc(var(--spacing-unit, 1rem) * .75);margin-bottom:calc(var(--spacing-unit, 1rem) * 4);overflow-x:auto;padding:4px 4px calc(var(--spacing-unit, 1rem) * .5) 4px;scrollbar-width:none;flex-wrap:wrap}.showcase-root .showcase-nav::-webkit-scrollbar{display:none}.showcase-root .showcase-nav .showcase-pill{padding:6px 24px;border-radius:999px;border:1px solid var(--light-grey, #e5e7eb);background:var(--white, #ffffff);white-space:nowrap;cursor:pointer;transition:all .3s ease-in-out;font-weight:var(--font-weight-headings, 500)}.showcase-root .showcase-nav .showcase-pill:focus-visible{box-shadow:0 0 0 2px var(--white, #ffffff),0 0 0 4px var(--primary-accent, #075aaa)}.showcase-root .showcase-nav .showcase-pill:hover:not(.is-active){border-color:var(--primary-accent, #075aaa);background:rgba(var(--primary-accent, #075aaa),.02)}.showcase-root .showcase-nav .showcase-pill.is-active{background:var(--primary-accent, #075aaa);color:var(--white, #ffffff);border-color:var(--primary-accent, #075aaa);box-shadow:0 4px 6px #0000001a}.showcase-root .showcase-display{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit, 1rem) * 3);align-items:center;animation:showcaseFadeIn .4s ease-out}@media(min-width:992px){.showcase-root .showcase-display{grid-template-columns:1.2fr 1fr;gap:calc(var(--spacing-unit, 1rem) * 5)}}.showcase-visual-stage{aspect-ratio:16/10;background:var(--secondary-neutral, #f5f5f7);border-radius:var(--radius-lg, 12px);border:1px solid var(--light-grey, #e5e7eb);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.showcase-visual-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--light-grey, #e5e7eb) 1px,transparent 1px);background-size:30px 30px;opacity:.5}.visual-container{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.v-glass-panel{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;box-shadow:0 20px 50px #0000000d}.v-assets-ui{position:relative}.v-assets-ui .v-assets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:20px}.v-assets-ui .v-assets-grid .v-asset-item{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:rgba(var(--primary-accent, #075aaa),.05);border:1px solid rgba(var(--primary-accent, #075aaa),.1);border-radius:8px;color:var(--primary-accent, #075aaa)}.v-auth-ui .v-lock-circle{width:120px;height:120px;border-radius:50%;border:2px solid var(--primary-accent, #075aaa);display:flex;align-items:center;justify-content:center;color:var(--primary-accent, #075aaa);position:relative}.v-auth-ui .v-lock-circle .v-pulse-ring{position:absolute;inset:-10px;border:1px solid var(--primary-accent, #075aaa);border-radius:50%;animation:v-pulse 2s infinite}.v-cms-ui{position:relative}.v-cms-ui .v-cms-editor{width:320px;height:200px;display:flex;overflow:hidden}.v-cms-ui .v-cms-editor .v-editor-sidebar{width:60px;background:rgba(var(--primary-accent, #075aaa),.05);border-right:1px solid var(--light-grey, #e5e7eb);padding:15px}.v-cms-ui .v-cms-editor .v-editor-sidebar .v-dot-group{display:flex;gap:4px;margin-bottom:20px}.v-cms-ui .v-cms-editor .v-editor-sidebar .v-dot-group span{width:6px;height:6px;border-radius:50%;background:var(--light-grey, #e5e7eb)}.v-cms-ui .v-cms-editor .v-editor-sidebar .v-nav-line{height:4px;background:var(--light-grey, #e5e7eb);border-radius:2px;margin-bottom:10px}.v-cms-ui .v-cms-editor .v-editor-sidebar .v-nav-line:last-child{width:60%}.v-cms-ui .v-cms-editor .v-editor-canvas{flex:1;padding:20px}.v-cms-ui .v-cms-editor .v-editor-canvas .v-block-title{height:12px;width:40%;background:var(--primary-accent, #075aaa);opacity:.2;border-radius:4px;margin-bottom:15px}.v-cms-ui .v-cms-editor .v-editor-canvas .v-block-text{height:8px;width:90%;background:var(--light-grey, #e5e7eb);border-radius:4px;margin-bottom:8px}.v-cms-ui .v-cms-editor .v-editor-canvas .v-block-image{height:60px;width:100%;background:var(--secondary-neutral, #f5f5f7);border-radius:8px;margin-top:15px}.v-cms-ui .v-floating-badge{position:absolute;top:-15px;right:-15px;background:var(--primary-accent, #075aaa);color:var(--white, #ffffff);padding:8px 16px;border-radius:100px;font-size:11px;display:flex;align-items:center;gap:8px}.v-payments-ui{position:relative}.v-payments-ui .v-payment-card{width:280px;padding:25px;background:linear-gradient(135deg,var(--primary-accent, #075aaa) 0%,#444 100%);color:var(--white, #ffffff)}.v-payments-ui .v-payment-card .v-card-header{display:flex;justify-content:space-between;margin-bottom:40px}.v-payments-ui .v-payment-card .v-card-header .v-chip{font-size:10px;background:#fff3;padding:2px 8px;border-radius:4px}.v-payments-ui .v-payment-card .v-card-number{font-family:monospace;font-size:18px;letter-spacing:2px;margin-bottom:30px}.v-payments-ui .v-payment-card .v-card-footer{display:flex;justify-content:space-between;font-size:10px;opacity:.6}.v-payments-ui .v-transaction-success{position:absolute;bottom:-20px;right:-20px;background:var(--white, #ffffff);padding:12px 20px;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px}.v-analytics-ui{position:relative}.v-analytics-ui .v-chart-box{width:280px;height:160px;padding:30px;display:flex;align-items:flex-end}.v-analytics-ui .v-chart-box .v-bars{display:flex;align-items:flex-end;gap:12px;width:100%;height:100%}.v-analytics-ui .v-chart-box .v-bars .v-bar{flex:1;background:var(--primary-accent, #075aaa);border-radius:6px 6px 0 0;opacity:.8}.v-analytics-ui .v-latency-badge{position:absolute;top:20px;left:20px;background:var(--white, #ffffff);padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px;border:1px solid var(--light-grey, #e5e7eb)}.v-analytics-ui .v-latency-badge .v-pulse-dot{width:8px;height:8px;background:var(--success-accent, #10b981);border-radius:50%;animation:v-pulse 1.5s infinite}.v-rbac-ui{position:relative}.v-rbac-ui .v-matrix{width:260px;overflow:hidden}.v-rbac-ui .v-matrix .v-matrix-row{display:flex;border-bottom:1px solid rgba(0,0,0,.05)}.v-rbac-ui .v-matrix .v-matrix-row.header{background:#00000005;font-weight:700}.v-rbac-ui .v-matrix .v-matrix-row .v-cell{flex:1;padding:12px;font-size:11px;text-align:center}.v-rbac-ui .v-matrix .v-matrix-row .v-cell.check{color:var(--success-accent, #10b981);font-weight:700}.v-rbac-ui .v-matrix .v-matrix-row .v-cell.cross{color:var(--error-accent, #ef4444);opacity:.3}.v-rbac-ui .v-rbac-shield{position:absolute;top:-20px;right:-20px;color:var(--primary-accent, #075aaa);filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}.showcase-content .content-header{display:flex;align-items:center;gap:var(--spacing-unit, 1rem);margin-bottom:calc(var(--spacing-unit, 1rem) * .75)}.showcase-content .content-header .content-icon-box{width:56px;height:48px;background:var(--info-box, #f0f4f9);border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;color:var(--primary-accent, #075aaa)}.showcase-content .content-header .content-title{font-size:var(--h3-size-lg, 1.75rem);color:var(--primary-accent, #075aaa);margin:0}.showcase-content .content-description{font-size:var(--font-size-base, 1rem);color:var(--grey, rgba(104, 107, 111, .8705882353));line-height:1.6;margin-top:0;margin-bottom:calc(var(--spacing-unit, 1rem) * 2)}.showcase-content .content-bullets{list-style:none;padding:0;display:flex;flex-direction:column;gap:calc(var(--spacing-unit, 1rem) * .75)}.showcase-content .content-bullets li{display:flex;align-items:center;gap:var(--spacing-unit, 1rem);font-weight:var(--font-weight-headings, 500);color:var(--black, #000000)}.showcase-content .content-bullets li:before{content:"";width:20px;height:20px;background:var(--primary-accent, #075aaa);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center}@keyframes v-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.4);opacity:0}}@keyframes showcaseFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
