.elementor-22 .elementor-element.elementor-element-c7eac37{--display:flex;--min-height:0vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-b913b78{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:10px 10px 10px 10px;--border-top-width:10px;--border-right-width:10px;--border-bottom-width:10px;--border-left-width:10px;}.elementor-22 .elementor-element.elementor-element-b913b78:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-b913b78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fram3d.be/wp-content/uploads/2026/02/50cz1fipgri.jpg");}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-0cf9624{text-align:center;width:var( --container-widget-width, 965px );max-width:965px;--container-widget-width:965px;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-0cf9624 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-0cf9624.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-b10fc68{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );background-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-0a7b6b2 .elementor-button{font-family:var( --e-global-typography-ae46640-font-family ), Sans-serif;font-size:var( --e-global-typography-ae46640-font-size );font-weight:var( --e-global-typography-ae46640-font-weight );text-transform:var( --e-global-typography-ae46640-text-transform );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );background-color:#FFFFFF1A;border-style:solid;border-width:3px 3px 3px 3px;border-radius:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-4036610 .elementor-button{font-family:var( --e-global-typography-ae46640-font-family ), Sans-serif;font-size:var( --e-global-typography-ae46640-font-size );font-weight:var( --e-global-typography-ae46640-font-weight );text-transform:var( --e-global-typography-ae46640-text-transform );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );background-color:var( --e-global-color-text );border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-ef61b22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-743b645{text-align:center;font-family:"Zen Dots", Sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:0em;word-spacing:0px;}.elementor-22 .elementor-element.elementor-element-743b645.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-3678595{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-9da256c{text-align:center;}.elementor-22 .elementor-element.elementor-element-9da256c .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-text );}.elementor-22 .elementor-element.elementor-element-0656135{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-0656135.e-con{--align-self:center;}.elementor-22 .elementor-element.elementor-element-950fc00{--display:flex;}.elementor-22 .elementor-element.elementor-element-0d26ff3{text-align:center;padding:3px 5px 3px 5px;border-style:solid;border-width:3px 3px 3px 3px;border-radius:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-0d26ff3 .elementor-heading-title{font-family:var( --e-global-typography-ae46640-font-family ), Sans-serif;font-size:var( --e-global-typography-ae46640-font-size );font-weight:var( --e-global-typography-ae46640-font-weight );text-transform:var( --e-global-typography-ae46640-text-transform );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );}.elementor-22 .elementor-element.elementor-element-0d26ff3.elementor-element{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22 .elementor-element.elementor-element-a6b7d3b img{transition-duration:0.2s;box-shadow:10px 10px 20px 0px rgba(0, 0, 0, 0.3);}.elementor-22 .elementor-element.elementor-element-a6b7d3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-0f0d8e0{--display:flex;}.elementor-22 .elementor-element.elementor-element-76afc21{text-align:center;padding:3px 5px 3px 5px;border-style:solid;border-width:3px 3px 3px 3px;border-radius:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-76afc21 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;line-height:1.6;}.elementor-22 .elementor-element.elementor-element-76afc21.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-e602bf3 img{transition-duration:0.2s;box-shadow:10px 10px 20px 0px rgba(0, 0, 0, 0.3);}.elementor-22 .elementor-element.elementor-element-e602bf3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-8276270{--display:flex;}.elementor-22 .elementor-element.elementor-element-3f25116{text-align:center;padding:3px 5px 3px 5px;border-style:solid;border-width:3px 3px 3px 3px;border-radius:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-3f25116 .elementor-heading-title{font-family:var( --e-global-typography-ae46640-font-family ), Sans-serif;font-size:var( --e-global-typography-ae46640-font-size );font-weight:var( --e-global-typography-ae46640-font-weight );text-transform:var( --e-global-typography-ae46640-text-transform );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );}.elementor-22 .elementor-element.elementor-element-3f25116.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-e1f8c14 img{transition-duration:0.2s;box-shadow:10px 10px 20px 0px rgba(0, 0, 0, 0.3);}.elementor-22 .elementor-element.elementor-element-e1f8c14{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-99cf4cb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-0d7bf9f{--display:flex;}.elementor-22 .elementor-element.elementor-element-e42db42{text-align:center;}.elementor-22 .elementor-element.elementor-element-f213238{text-align:center;font-family:var( --e-global-typography-e95cf82-font-family ), Sans-serif;font-size:var( --e-global-typography-e95cf82-font-size );text-transform:var( --e-global-typography-e95cf82-text-transform );line-height:var( --e-global-typography-e95cf82-line-height );letter-spacing:var( --e-global-typography-e95cf82-letter-spacing );word-spacing:var( --e-global-typography-e95cf82-word-spacing );color:var( --e-global-color-1d0b121 );}.elementor-22 .elementor-element.elementor-element-12a5a9f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-d813d3a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-45dccad{--display:flex;}.elementor-22 .elementor-element.elementor-element-9821340{text-align:center;}.elementor-22 .elementor-element.elementor-element-449f01d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-449f01d.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}body.elementor-page-22:not(.elementor-motion-effects-element-type-background), body.elementor-page-22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fram3d.be/wp-content/uploads/2026/02/Desktop-4.svg");background-position:top center;background-repeat:no-repeat;background-size:cover;}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-c7eac37{--min-height:0vh;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22 .elementor-element.elementor-element-0cf9624 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22 .elementor-element.elementor-element-0a7b6b2 .elementor-button{font-size:var( --e-global-typography-ae46640-font-size );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );}.elementor-22 .elementor-element.elementor-element-4036610 .elementor-button{font-size:var( --e-global-typography-ae46640-font-size );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22 .elementor-element.elementor-element-743b645{font-size:14px;}.elementor-22 .elementor-element.elementor-element-9da256c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22 .elementor-element.elementor-element-0656135{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-950fc00{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-0d26ff3 .elementor-heading-title{font-size:var( --e-global-typography-ae46640-font-size );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22 .elementor-element.elementor-element-0f0d8e0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-76afc21 .elementor-heading-title{font-size:14px;}.elementor-22 .elementor-element.elementor-element-8276270{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-3f25116 .elementor-heading-title{font-size:var( --e-global-typography-ae46640-font-size );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );}.elementor-22 .elementor-element.elementor-element-f213238{font-size:var( --e-global-typography-e95cf82-font-size );line-height:var( --e-global-typography-e95cf82-line-height );letter-spacing:var( --e-global-typography-e95cf82-letter-spacing );word-spacing:var( --e-global-typography-e95cf82-word-spacing );}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-c7eac37{--min-height:0vh;--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-b913b78{--content-width:90vw;--min-height:70vh;--justify-content:space-evenly;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22 .elementor-element.elementor-element-0cf9624 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22 .elementor-element.elementor-element-0a7b6b2 .elementor-button{font-size:var( --e-global-typography-ae46640-font-size );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );}.elementor-22 .elementor-element.elementor-element-4036610 .elementor-button{font-size:var( --e-global-typography-ae46640-font-size );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22 .elementor-element.elementor-element-3678595{--content-width:90%;}.elementor-22 .elementor-element.elementor-element-9da256c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22 .elementor-element.elementor-element-0d26ff3 .elementor-heading-title{font-size:var( --e-global-typography-ae46640-font-size );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22 .elementor-element.elementor-element-a6b7d3b img{width:75%;}.elementor-22 .elementor-element.elementor-element-e602bf3 img{width:75%;}.elementor-22 .elementor-element.elementor-element-3f25116 .elementor-heading-title{font-size:var( --e-global-typography-ae46640-font-size );line-height:var( --e-global-typography-ae46640-line-height );letter-spacing:var( --e-global-typography-ae46640-letter-spacing );word-spacing:var( --e-global-typography-ae46640-word-spacing );}.elementor-22 .elementor-element.elementor-element-e1f8c14 img{width:75%;}.elementor-22 .elementor-element.elementor-element-99cf4cb{--content-width:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-22 .elementor-element.elementor-element-0d7bf9f{--width:100%;}.elementor-22 .elementor-element.elementor-element-f213238{font-size:var( --e-global-typography-e95cf82-font-size );line-height:var( --e-global-typography-e95cf82-line-height );letter-spacing:var( --e-global-typography-e95cf82-letter-spacing );word-spacing:var( --e-global-typography-e95cf82-word-spacing );}.elementor-22 .elementor-element.elementor-element-12a5a9f{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22 .elementor-element.elementor-element-d813d3a{--content-width:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-22 .elementor-element.elementor-element-45dccad{--width:100%;}}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-c7eac37{--width:90%;}.elementor-22 .elementor-element.elementor-element-3678595{--content-width:80%;}.elementor-22 .elementor-element.elementor-element-0656135{--width:980px;}.elementor-22 .elementor-element.elementor-element-12a5a9f{--width:49%;}.elementor-22 .elementor-element.elementor-element-449f01d{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-22 .elementor-element.elementor-element-0656135{--width:700px;}.elementor-22 .elementor-element.elementor-element-12a5a9f{--width:48.5%;}}/* Start custom CSS for container, class: .elementor-element-c7eac37 */.hero{
    justify-self: center;
    max-width: 1600px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57bb718 */.card {
      position: relative;
      width: 509px;
      height: 331px;
      border-radius: 20px;
      transform-style: preserve-3d;
      transform: rotateX(0deg) rotateY(0deg);
      cursor: pointer;
      user-select: none;
      will-change: transform;
      box-shadow:
        0 10px 20px rgba(0,0,0,0.7),
        0 0 0 1px rgba(255,255,255,0.08);
    }

    /* ── LAYER 1: card background (dark + dot matrix) ── */
    .card-bg {
      position: absolute;
      inset: 0;
      border-radius: 20px;
      overflow: hidden;
      z-index: 1;
      background: #1a0a2e;
    }
    /* dot matrix on the sides */
    .card-bg::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: radial-gradient(circle, rgba(130,0,200,0.55) 1.2px, transparent 1.2px);
      background-size: 18px 18px;
      mask-image: radial-gradient(ellipse 100% 100% at 50% 50%, black 40%, transparent 100%);
      -webkit-mask-image: radial-gradient(ellipse 100% 100% at 50% 50%, black 40%, transparent 100%);
    }
    /* dark center fade so text stays crisp */
    .card-bg::after {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 70% 60% at 50% 50%, #16072a 35%, transparent 100%);
    }

    /* ── LAYER 2: holographic rainbow overlay ── */
    .card-holo {
      position: absolute;
      inset: 0;
      border-radius: 20px;
      z-index: 2;
      pointer-events: none;
      opacity: 0;
      mix-blend-mode: screen;
      transition: opacity 0.4s ease;
      background: conic-gradient(
        from 0deg at 50% 50%,
        #ff000022, #ff7f0022, #ffff0022, #00ff0022,
        #0000ff22, #8b00ff22, #ff000022
      );
    }

    /* ── LAYER 3: specular glare spot ── */
    .card-glare {
      position: absolute;
      inset: 0;
      border-radius: 20px;
      z-index: 3;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.3s ease;
      background: radial-gradient(
        ellipse 55% 45% at 50% 50%,
        rgba(255,255,255,0.35) 0%,
        rgba(255,255,255,0.08) 40%,
        transparent 70%
      );
    }

    /* ── LAYER 4: content floats ABOVE card (translateZ pushes it forward) ── */
    .card-content {
      position: absolute;
      inset: 0;
      border-radius: 20px;
      z-index: 4;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: 28px 36px;
      /* This translateZ makes content appear to float above the card surface */
      transform: translateZ(30px);
      pointer-events: none;
    }

    .logo { margin-bottom: 12px; }

    .label {
      font-family: 'Arial Black', Arial, sans-serif;
      font-weight: 900;
      font-size: 19px;
      letter-spacing: 0.2em;
      color: #fff;
      text-transform: uppercase;
      text-shadow: 0 2px 12px rgba(0,0,0,0.6);
    }

    .amount {
      font-family: 'Arial Black', Arial, sans-serif;
      font-weight: 900;
      font-size: 96px;
      line-height: 1;
      color: #b020ff;
      letter-spacing: -2px;
      text-shadow:
        0 0 20px rgba(176,32,255,0.9),
        0 0 50px rgba(176,32,255,0.5),
        0 4px 20px rgba(0,0,0,0.5);
    }

    .subtitle {
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.2em;
      color: rgba(255,255,255,0.5);
      text-align: center;
      text-transform: uppercase;
      line-height: 1.6;
    }

    /* ── Edge border ── */
    .card::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 20px;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
      z-index: 5;
      pointer-events: none;
    }

    /* ── Ambient glow beneath ── */
    .card-glow {
      position: absolute;
      bottom: -50px;
      left: 50%;
      transform: translateX(-50%);
      width: 70%;
      height: 40px;
      border-radius: 50%;
      background: rgba(120, 0, 200, 0.5);
      filter: blur(35px);
      z-index: 0;
      pointer-events: none;
    }

    /* idle float animation */
    @keyframes idle-float {
      0%, 100% { transform: rotateX(3deg) rotateY(-2deg) translateY(0px); }
      50%       { transform: rotateX(-2deg) rotateY(3deg) translateY(-8px); }
    }
    .scene:not(.active) .card {
      animation: idle-float 6s ease-in-out infinite;
    }

    /* ── RESPONSIVE ── */
    /* Tablet */
    @media (max-width: 768px) {
      .card {
        width: 85vw;
        max-width: 325px;
        height: auto;
        aspect-ratio: 537 / 358;
      }
      
      .logo svg {
        height: 26px !important;
      }
      
      .label {
        font-size: 15px;
      }
      
      .amount {
        font-size: 64px;
      }
      
      .subtitle {
        font-size: 8.5px;
      }
    }

    /* Mobile */
    @media (max-width: 480px) {
      .card {
        width: 90vw;
        max-width: 300px;
        border-radius: 14px;
      }
      
      .logo svg {
        height: 22px !important;
      }
      
      .label {
        font-size: 12px;
        letter-spacing: 0.15em;
      }
      
      .amount {
        font-size: 48px;
        margin: 0;
      }
      
      .subtitle {
        font-size: 7.5px;
        letter-spacing: 0.15em;
      }
      
      .card-content {
        padding: 18px 22px;
        gap: 3px;
      }
      
      .logo {
        margin-bottom: 6px;
      }
    }/* End custom CSS */