.elementor-9880 .elementor-element.elementor-element-9a38cdb{padding:0px 0px 0px 0px;}.elementor-9880 .elementor-element.elementor-element-fc9a3b4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9880 .elementor-element.elementor-element-b165cb4{padding:0px 0px 0px 0px;}.elementor-9880 .elementor-element.elementor-element-1e2182b{width:var( --container-widget-width, 99.741% );max-width:99.741%;--container-widget-width:99.741%;--container-widget-flex-grow:0;}.elementor-9880 .elementor-element.elementor-element-a20a418{padding:0px 0px 0px 0px;}.elementor-9880 .elementor-element.elementor-element-123ac8f8{padding:0px 0px 0px 0px;}.elementor-9880 .elementor-element.elementor-element-a7366d9:not(.elementor-motion-effects-element-type-background), .elementor-9880 .elementor-element.elementor-element-a7366d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060509;}.elementor-9880 .elementor-element.elementor-element-a7366d9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:64px 20px 64px 20px;}.elementor-9880 .elementor-element.elementor-element-a7366d9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9880 .elementor-element.elementor-element-57fe7246:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9880 .elementor-element.elementor-element-57fe7246 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(13,11,16,0.4);}.elementor-9880 .elementor-element.elementor-element-57fe7246 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#1c1a20;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:32px 16px 32px 16px;}.elementor-9880 .elementor-element.elementor-element-57fe7246 > .elementor-element-populated, .elementor-9880 .elementor-element.elementor-element-57fe7246 > .elementor-element-populated > .elementor-background-overlay, .elementor-9880 .elementor-element.elementor-element-57fe7246 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-9880 .elementor-element.elementor-element-57fe7246 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-9880 .elementor-element.elementor-element-5b6a2fa4 .elementor-counter-number-wrapper{color:#9059e0;}.elementor-9880 .elementor-element.elementor-element-5b6a2fa4 .elementor-counter-title{color:#88858f;}.elementor-9880 .elementor-element.elementor-element-2da631b2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9880 .elementor-element.elementor-element-2da631b2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(13,11,16,0.4);}.elementor-9880 .elementor-element.elementor-element-2da631b2 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#1c1a20;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:32px 16px 32px 16px;}.elementor-9880 .elementor-element.elementor-element-2da631b2 > .elementor-element-populated, .elementor-9880 .elementor-element.elementor-element-2da631b2 > .elementor-element-populated > .elementor-background-overlay, .elementor-9880 .elementor-element.elementor-element-2da631b2 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-9880 .elementor-element.elementor-element-2da631b2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9880 .elementor-element.elementor-element-3e1a9a90 .elementor-counter-number-wrapper{color:#9059e0;}.elementor-9880 .elementor-element.elementor-element-3e1a9a90 .elementor-counter-title{color:#88858f;}.elementor-9880 .elementor-element.elementor-element-66d7c719:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9880 .elementor-element.elementor-element-66d7c719 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(13,11,16,0.4);}.elementor-9880 .elementor-element.elementor-element-66d7c719 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#1c1a20;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:32px 16px 32px 16px;}.elementor-9880 .elementor-element.elementor-element-66d7c719 > .elementor-element-populated, .elementor-9880 .elementor-element.elementor-element-66d7c719 > .elementor-element-populated > .elementor-background-overlay, .elementor-9880 .elementor-element.elementor-element-66d7c719 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-9880 .elementor-element.elementor-element-66d7c719 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9880 .elementor-element.elementor-element-7d518e64 .elementor-counter-number-wrapper{color:#9059e0;}.elementor-9880 .elementor-element.elementor-element-7d518e64 .elementor-counter-title{color:#88858f;}.elementor-9880 .elementor-element.elementor-element-3c076830:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9880 .elementor-element.elementor-element-3c076830 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(13,11,16,0.4);}.elementor-9880 .elementor-element.elementor-element-3c076830 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#1c1a20;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:32px 16px 32px 16px;}.elementor-9880 .elementor-element.elementor-element-3c076830 > .elementor-element-populated, .elementor-9880 .elementor-element.elementor-element-3c076830 > .elementor-element-populated > .elementor-background-overlay, .elementor-9880 .elementor-element.elementor-element-3c076830 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-9880 .elementor-element.elementor-element-3c076830 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9880 .elementor-element.elementor-element-14a7fff4 .elementor-counter-number-wrapper{color:#9059e0;}.elementor-9880 .elementor-element.elementor-element-14a7fff4 .elementor-counter-title{color:#88858f;}.elementor-9880 .elementor-element.elementor-element-4a540c81{padding:0px 0px 0px 0px;}.elementor-9880 .elementor-element.elementor-element-63307212{padding:0px 0px 0px 0px;}.elementor-9880 .elementor-element.elementor-element-2ad1ca4b{padding:0px 0px 0px 0px;}.elementor-9880 .elementor-element.elementor-element-67eececf{width:var( --container-widget-width, 102.116% );max-width:102.116%;--container-widget-width:102.116%;--container-widget-flex-grow:0;}.elementor-9880 .elementor-element.elementor-element-19d6e424{padding:0px 0px 0px 0px;}.elementor-9880 .elementor-element.elementor-element-2781ffb > .elementor-widget-container{margin:0% 0% -10% 0%;}.elementor-9880 .elementor-element.elementor-element-8740c27:not(.elementor-motion-effects-element-type-background), .elementor-9880 .elementor-element.elementor-element-8740c27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060509;}.elementor-9880 .elementor-element.elementor-element-8740c27 > .elementor-container{max-width:768px;}.elementor-9880 .elementor-element.elementor-element-8740c27{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 20px 80px 20px;}.elementor-9880 .elementor-element.elementor-element-8740c27 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-toggle .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-9880 .elementor-element.elementor-element-40468a74 .elementor-tab-title{border-width:1px;border-color:#1c1a20;}.elementor-9880 .elementor-element.elementor-element-40468a74 .elementor-tab-content{border-width:1px;border-block-end-color:#1c1a20;font-family:"Heebo", Sans-serif;font-size:15px;line-height:1.7em;}.elementor-9880 .elementor-element.elementor-element-40468a74 .elementor-toggle-title, .elementor-9880 .elementor-element.elementor-element-40468a74 .elementor-toggle-icon{color:#ebe9e6;}.elementor-9880 .elementor-element.elementor-element-40468a74 .elementor-toggle-icon svg{fill:#ebe9e6;}.elementor-9880 .elementor-element.elementor-element-40468a74 .elementor-tab-title.elementor-active a, .elementor-9880 .elementor-element.elementor-element-40468a74 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#9059e0;}.elementor-9880 .elementor-element.elementor-element-40468a74 .elementor-toggle-title{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:600;}.elementor-9880 .elementor-element.elementor-element-40468a74 .elementor-tab-title .elementor-toggle-icon i:before{color:#9059e0;}.elementor-9880 .elementor-element.elementor-element-40468a74 .elementor-tab-title .elementor-toggle-icon svg{fill:#9059e0;}.elementor-9880 .elementor-element.elementor-element-ee5458c:not(.elementor-motion-effects-element-type-background), .elementor-9880 .elementor-element.elementor-element-ee5458c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a0810;}.elementor-9880 .elementor-element.elementor-element-ee5458c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 20px 80px 20px;}.elementor-9880 .elementor-element.elementor-element-ee5458c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-9880 .elementor-element.elementor-element-53f97aea{--grid-row-gap:16px;--grid-column-gap:30px;}.elementor-9880 .elementor-element.elementor-element-53f97aea .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-9880 .elementor-element.elementor-element-53f97aea:after{content:"0.66";}.elementor-9880 .elementor-element.elementor-element-53f97aea .elementor-post__thumbnail__link{width:100%;}.elementor-9880 .elementor-element.elementor-element-53f97aea .elementor-post__meta-data span + span:before{content:" · ";}.elementor-9880 .elementor-element.elementor-element-53f97aea.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9880 .elementor-element.elementor-element-53f97aea.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9880 .elementor-element.elementor-element-53f97aea.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9880 .elementor-element.elementor-element-53f97aea .elementor-post__title, .elementor-9880 .elementor-element.elementor-element-53f97aea .elementor-post__title a{color:#ebe9e6;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:700;line-height:1.3em;}.elementor-9880 .elementor-element.elementor-element-53f97aea .elementor-post__meta-data{color:#9059e0;}.elementor-9880 .elementor-element.elementor-element-53f97aea .elementor-post__excerpt p{color:#88858f;font-family:"Heebo", Sans-serif;font-size:14px;line-height:1.65em;}.elementor-9880 .elementor-element.elementor-element-53f97aea .elementor-post__read-more{color:#9059e0;}.elementor-9880 .elementor-element.elementor-element-565261b5:not(.elementor-motion-effects-element-type-background), .elementor-9880 .elementor-element.elementor-element-565261b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060509;}.elementor-9880 .elementor-element.elementor-element-565261b5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 20px 80px 20px;}.elementor-9880 .elementor-element.elementor-element-565261b5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9880 .elementor-element.elementor-element-6e4f54e6:not(.elementor-motion-effects-element-type-background), .elementor-9880 .elementor-element.elementor-element-6e4f54e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(160deg, #161020 0%, #0d0b15 100%);}.elementor-9880 .elementor-element.elementor-element-6e4f54e6{border-style:solid;border-width:1px 1px 1px 1px;border-color:#1c1a20;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:64px 48px 64px 48px;}.elementor-9880 .elementor-element.elementor-element-6e4f54e6, .elementor-9880 .elementor-element.elementor-element-6e4f54e6 > .elementor-background-overlay{border-radius:32px 32px 32px 32px;}.elementor-9880 .elementor-element.elementor-element-6e4f54e6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-9880 .elementor-element.elementor-element-2b9bfc99 > .elementor-widget-container{margin:0px 0px 4px 0px;}.elementor-9880 .elementor-element.elementor-element-2b9bfc99{text-align:start;}.elementor-9880 .elementor-element.elementor-element-2b9bfc99 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:56px;font-weight:900;line-height:1.1em;color:#ebe9e6;}.elementor-9880 .elementor-element.elementor-element-356bc1f > .elementor-widget-container{margin:0px 0px 24px 0px;}.elementor-9880 .elementor-element.elementor-element-356bc1f{text-align:start;}.elementor-9880 .elementor-element.elementor-element-356bc1f .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:56px;font-weight:900;line-height:1.1em;color:#9059e0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-9880 .elementor-element.elementor-element-405dff3f > .elementor-widget-container{margin:0px 0px 32px 0px;}.elementor-9880 .elementor-element.elementor-element-405dff3f{text-align:start;font-family:"Heebo", Sans-serif;font-size:17px;line-height:1.6em;color:#88858f;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9880 .elementor-element.elementor-element-718e3dff .elementor-button{background-color:#9059e0;fill:#ffffff;color:#ffffff;border-radius:12px 12px 12px 12px;}.elementor-9880 .elementor-element.elementor-element-718e3dff .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9880 .elementor-element.elementor-element-2e69c785 .elementor-button{background-color:rgba(0,0,0,0);fill:#ebe9e6;color:#ebe9e6;border-style:solid;border-width:1px 1px 1px 1px;border-color:#1c1a20;border-radius:12px 12px 12px 12px;}.elementor-9880 .elementor-element.elementor-element-2e69c785 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-9880 .elementor-element.elementor-element-3ed7f67f{text-align:center;}@media(max-width:767px){.elementor-9880 .elementor-element.elementor-element-a7366d9{padding:48px 16px 48px 16px;}.elementor-9880 .elementor-element.elementor-element-57fe7246{width:50%;}.elementor-9880 .elementor-element.elementor-element-2da631b2{width:50%;}.elementor-9880 .elementor-element.elementor-element-66d7c719{width:50%;}.elementor-9880 .elementor-element.elementor-element-3c076830{width:50%;}.elementor-9880 .elementor-element.elementor-element-c986037{margin-top:-20%;margin-bottom:0%;}.elementor-9880 .elementor-element.elementor-element-8740c27{padding:60px 16px 60px 16px;}.elementor-9880 .elementor-element.elementor-element-ee5458c{padding:60px 16px 60px 16px;}.elementor-9880 .elementor-element.elementor-element-53f97aea .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9880 .elementor-element.elementor-element-53f97aea:after{content:"0.5";}.elementor-9880 .elementor-element.elementor-element-53f97aea .elementor-post__thumbnail__link{width:100%;}.elementor-9880 .elementor-element.elementor-element-565261b5{padding:60px 16px 60px 16px;}.elementor-9880 .elementor-element.elementor-element-6e4f54e6{padding:40px 24px 40px 24px;}.elementor-9880 .elementor-element.elementor-element-4490b17a{width:100%;}.elementor-9880 .elementor-element.elementor-element-2b9bfc99{text-align:center;}.elementor-9880 .elementor-element.elementor-element-2b9bfc99 .elementor-heading-title{font-size:32px;}.elementor-9880 .elementor-element.elementor-element-356bc1f{text-align:center;}.elementor-9880 .elementor-element.elementor-element-356bc1f .elementor-heading-title{font-size:32px;}.elementor-9880 .elementor-element.elementor-element-405dff3f{text-align:center;}.elementor-9880 .elementor-element.elementor-element-2d198ed7{width:100%;}}/* Start custom CSS for html, class: .elementor-element-fc9a3b4 */.rz-pipe-strip {
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  opacity: 0.85;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e2182b */.rz-pipe-strip {
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  opacity: 0.85;
}/* End custom CSS */
/* Start custom CSS *//* ====================================================================
   RAZI HOMEPAGE HYBRID v2 - Master CSS
   Paste into: Elementor → Page Settings → Custom CSS
   ==================================================================== */

/* === Fonts === */
@import url('http://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');

body { background: #060509 !important; color: #ebe9e6; font-family: 'Heebo', sans-serif; }
h1, h2, h3, h4, .elementor-heading-title {
  font-family: 'Space Grotesk', 'Heebo', sans-serif !important;
  letter-spacing: -0.02em !important;
}

/* === Containers === */
.razi-container { max-width: 1280px; margin: 0 auto; padding: 0 1.25rem; }

/* === Gradient text utility === */
.razi-grad,
#razi-gradient-h1 .elementor-heading-title,
#razi-cta-grad-h .elementor-heading-title,
[id^="razi-counter-"] .elementor-counter-number-wrapper {
  background: linear-gradient(135deg, #9059e0 0%, #ec4899 50%, #ed3838 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* === Eyebrow === */
.razi-eyebrow {
  display: block; color: #9059e0;
  font-size: 12px; font-weight: 700;
  letter-spacing: 2.5px; text-transform: uppercase;
  margin-bottom: 16px;
}

/* === Section Headings === */
.razi-h2 {
  font-size: clamp(2rem, 5.5vw, 3.5rem);
  font-weight: 900; line-height: 1.05;
  margin: 0 0 16px; color: #ebe9e6;
}
.razi-section-head {
  margin-bottom: 3rem;
  display: grid; gap: 1.5rem;
}
.razi-section-sub { color: #88858f; font-size: 0.95rem; max-width: 36rem; }
@media (min-width: 768px) {
  .razi-section-head { grid-template-columns: 2fr 1fr; align-items: end; margin-bottom: 4rem; }
}

/* ====================================================================
   HERO ENHANCEMENTS (native widgets)
   ==================================================================== */
#razi-hero { position: relative; overflow: hidden; }
#razi-hero::before {
  content: ''; position: absolute; inset: 0;
  opacity: 0.04;
  background-image: radial-gradient(circle at 1px 1px, #9059e0 1px, transparent 0);
  background-size: 48px 48px;
  pointer-events: none;
}
#razi-hero::after {
  content: ''; position: absolute; top: 15%; right: 10%;
  width: 350px; height: 350px; border-radius: 50%;
  background: radial-gradient(circle, rgba(144,89,224,0.08) 0%, transparent 70%);
  animation: razi-float 12s ease-in-out infinite;
  pointer-events: none;
}
.razi-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(13,11,16,0.75);
  border: 1px solid rgba(255,255,255,0.05);
  backdrop-filter: blur(30px);
  padding: 8px 20px; border-radius: 9999px;
  font-size: 11px; color: #88858f;
  letter-spacing: 0.05em; margin-bottom: 24px;
}
.razi-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #9059e0;
  animation: razi-pulse 2s ease-in-out infinite;
}
#razi-hero-character img {
  animation: razi-floatY 5s ease-in-out infinite;
  filter: drop-shadow(0 30px 60px rgba(144,89,224,0.25));
  max-width: 420px;
  margin: 0 auto;
}
#razi-cta-primary { box-shadow: 0 0 80px rgba(144,89,224,0.15); transition: all 0.4s cubic-bezier(.4,0,.2,1); }
#razi-cta-primary:hover { transform: translateY(-3px); box-shadow: 0 20px 50px rgba(144,89,224,0.45); }

/* ====================================================================
   MARQUEE
   ==================================================================== */
.razi-marquee {
  padding: 1.25rem 0; overflow: hidden;
  border-top: 1px solid rgba(28,26,32,0.5);
  border-bottom: 1px solid rgba(28,26,32,0.5);
  background: rgba(13,11,16,0.3);
}
.razi-marquee-track {
  display: flex; animation: razi-marquee 30s linear infinite;
  white-space: nowrap; width: max-content;
}
.razi-marquee-item {
  display: inline-flex; align-items: center; gap: 1rem;
  margin: 0 1.75rem;
  font-size: 0.85rem; font-weight: 500;
  color: rgba(136,133,143,0.55);
}
.razi-marquee-item::after {
  content: ''; width: 4px; height: 4px;
  border-radius: 50%; background: rgba(144,89,224,0.35);
}

/* ====================================================================
   SERVICES BENTO
   ==================================================================== */
.razi-services { padding: 5rem 0; position: relative; overflow: hidden; }
@media (min-width: 768px) { .razi-services { padding: 7rem 0; } }
.razi-services-bento { display: grid; gap: 1rem; }
@media (min-width: 768px) {
  .razi-services-bento {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: dense;
  }
  .razi-svc-featured { grid-column: span 2; grid-row: span 2; }
}
.razi-svc-card {
  background: linear-gradient(160deg, #10091a 0%, #0a0810 100%);
  border: 1px solid #1c1a20;
  border-radius: 1.5rem;
  padding: 2rem;
  transition: all 0.6s cubic-bezier(.16,1,.3,1);
  position: relative; overflow: hidden;
  display: flex; flex-direction: column;
  text-decoration: none; color: inherit;
}
a.razi-svc-card { color: inherit; }
.razi-svc-arrow {
  display: inline-flex; align-items: center; gap: 0.4rem;
  color: #9059e0; font-weight: 600; font-size: 0.85rem;
  margin-top: auto; padding-top: 1.25rem;
  opacity: 0.6;
  transition: opacity 0.4s, gap 0.4s;
  position: relative; z-index: 1;
}
.razi-svc-card:hover .razi-svc-arrow { opacity: 1; gap: 0.6rem; }
.razi-svc-arrow svg { width: 1em; height: 1em; }
.razi-svc-featured .razi-svc-arrow { font-size: 0.95rem; margin-top: 1.5rem; padding-top: 0; }
.razi-svc-card::before {
  content: ''; position: absolute;
  top: -50%; right: -30%; width: 60%; height: 200%;
  background: radial-gradient(ellipse, rgba(144,89,224,0.12) 0%, transparent 60%);
  opacity: 0; transition: opacity 0.6s; pointer-events: none;
}
.razi-svc-card:hover {
  border-color: rgba(144,89,224,0.35);
  transform: translateY(-6px);
  box-shadow: 0 30px 60px rgba(0,0,0,0.4);
}
.razi-svc-card:hover::before { opacity: 1; }
.razi-svc-featured {
  padding: 3rem;
  background: linear-gradient(160deg, #1a1230 0%, #0d0b10 100%);
  border: 1px solid rgba(144,89,224,0.2);
}
.razi-svc-featured::after {
  content: ''; position: absolute; top: 0; right: 0;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(236,72,153,0.15) 0%, transparent 70%);
  border-radius: 50%; transform: translate(40%,-40%);
  pointer-events: none;
}
.razi-svc-icon {
  width: 3.25rem; height: 3.25rem; border-radius: 0.875rem;
  background: rgba(144,89,224,0.08);
  border: 1px solid rgba(144,89,224,0.1);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.5s; position: relative; z-index: 1;
  color: rgba(144,89,224,0.85);
}
.razi-svc-featured .razi-svc-icon {
  width: 4.5rem; height: 4.5rem;
  background: linear-gradient(135deg, #9059e0 0%, #ec4899 100%);
  border: none;
  box-shadow: 0 10px 30px rgba(144,89,224,0.4);
  color: #fff;
}
.razi-svc-card:hover .razi-svc-icon {
  background: rgba(144,89,224,0.15);
  transform: scale(1.1) rotate(-3deg);
}
.razi-svc-icon svg { width: 1.5rem; height: 1.5rem; }
.razi-svc-featured .razi-svc-icon svg { width: 2rem; height: 2rem; }
.razi-svc-card h3 {
  font-size: 1.2rem; font-weight: 700;
  margin: 0 0 0.75rem; color: #ebe9e6;
  position: relative; z-index: 1;
}
.razi-svc-featured h3 {
  font-size: 2.25rem; line-height: 1.05; margin-bottom: 1rem;
}
.razi-svc-card p {
  color: #88858f; font-size: 0.875rem;
  margin: 0; position: relative; z-index: 1;
}
.razi-svc-featured p {
  font-size: 1.05rem; line-height: 1.7;
  color: #cdc9d2; max-width: 32rem;
}
.razi-badge-mini {
  display: inline-block;
  background: rgba(144,89,224,0.12); color: #9059e0;
  font-size: 0.65rem; font-weight: 700;
  letter-spacing: 0.15em; text-transform: uppercase;
  padding: 0.35rem 0.75rem; border-radius: 9999px;
  margin-top: 1.5rem; width: fit-content;
  position: relative; z-index: 1;
}

/* ====================================================================
   STATS (native counters with custom styling)
   ==================================================================== */
#razi-stats { position: relative; }
.razi-stat-col {
  background: rgba(13,11,16,0.4);
  border: 1px solid #1c1a20;
  border-radius: 20px;
  text-align: center;
  transition: all 0.5s;
}
.razi-stat-col:hover {
  border-color: rgba(144,89,224,0.3);
  transform: translateY(-4px);
}
.razi-stat-icon {
  width: 2.5rem; height: 2.5rem;
  margin: 0 auto 1rem;
  border-radius: 0.75rem;
  background: rgba(144,89,224,0.1);
  display: flex; align-items: center; justify-content: center;
  color: #9059e0;
}
.razi-stat-icon svg { width: 1.25rem; height: 1.25rem; }

/* ====================================================================
   PROCESS TIMELINE
   ==================================================================== */
.razi-process {
  padding: 5rem 0; position: relative; overflow: hidden;
  background: rgba(13,11,16,0.4);
}
@media (min-width: 768px) { .razi-process { padding: 7rem 0; } }
.razi-process-intro { max-width: 48rem; margin-bottom: 3rem; }
.razi-process-lead {
  font-size: 1.1rem; color: #bcb9c2;
  margin: 0 0 1rem; line-height: 1.7;
}
.razi-process-body {
  font-size: 1rem; color: #88858f;
  margin: 0 0 1rem; line-height: 1.7;
}
.razi-process-sub {
  font-size: clamp(1.25rem, 3.5vw, 1.75rem);
  font-weight: 700; margin: 2rem 0 3rem;
  color: #ebe9e6;
}

/* Horizontal compact timeline - 5 steps in a row on desktop */
.razi-timeline {
  position: relative; max-width: 80rem; margin: 0 auto;
  list-style: none; padding: 0;
  display: grid; gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 600px) { .razi-timeline { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) {
  .razi-timeline { grid-template-columns: repeat(5, 1fr); gap: 0.75rem; }
  .razi-timeline::before {
    content: ''; position: absolute;
    top: 1.5rem; left: 5%; right: 5%; height: 1px;
    background: linear-gradient(to right,
      transparent 0%,
      rgba(144,89,224,0.4) 20%,
      rgba(236,72,153,0.5) 50%,
      rgba(144,89,224,0.4) 80%,
      transparent 100%);
    z-index: 0;
  }
}
.razi-tl-item {
  position: relative; padding: 0;
  display: flex; flex-direction: column;
  align-items: center; gap: 1rem; text-align: center;
}
.razi-tl-num {
  position: relative; width: 3rem; height: 3rem;
  border-radius: 50%; background: #0d0b10;
  border: 1px solid #1c1a20;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700; font-size: 0.95rem;
  color: #9059e0; z-index: 2; flex-shrink: 0;
}
.razi-tl-num::before {
  content: ''; position: absolute; inset: -4px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(144,89,224,0.4) 0%, transparent 70%);
  z-index: -1;
  animation: razi-pulse 3s ease-in-out infinite;
}
.razi-tl-card {
  background: linear-gradient(160deg, #10091a 0%, #0a0810 100%);
  border: 1px solid #1c1a20;
  border-radius: 1rem; padding: 1.25rem 1rem; width: 100%;
  flex: 1;
  transition: all 0.5s;
  display: flex; flex-direction: column; align-items: center;
}
.razi-tl-card:hover {
  border-color: rgba(144,89,224,0.3);
  transform: translateY(-4px);
}
.razi-tl-icon {
  width: 2.25rem; height: 2.25rem; border-radius: 0.5rem;
  background: rgba(144,89,224,0.1);
  display: inline-flex; align-items: center; justify-content: center;
  margin-bottom: 0.75rem;
  color: #9059e0;
}
.razi-tl-icon svg { width: 1.1rem; height: 1.1rem; }
.razi-tl-card h4 {
  font-size: 0.95rem; font-weight: 700;
  margin: 0 0 0.4rem; color: #ebe9e6;
  line-height: 1.25;
}
.razi-tl-card p {
  color: #88858f; font-size: 0.8rem;
  line-height: 1.5; margin: 0;
}

/* ====================================================================
   COMPARISON
   ==================================================================== */
.razi-compare { padding: 5rem 0; position: relative; overflow: hidden; }
@media (min-width: 768px) { .razi-compare { padding: 7rem 0; } }
.razi-compare-glow {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 600px; height: 600px; border-radius: 50%;
  background: rgba(144,89,224,0.05);
  filter: blur(120px); pointer-events: none;
}
.razi-compare-head { max-width: 48rem; margin-bottom: 4rem; }
.razi-compare-grid {
  display: grid; gap: 1.25rem; max-width: 64rem;
}
@media (min-width: 768px) {
  .razi-compare-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
}
.razi-cmp-card {
  background: linear-gradient(160deg, #10091a 0%, #0a0810 100%);
  border: 1px solid #1c1a20;
  border-radius: 1.5rem;
  padding: 2.25rem;
  transition: all 0.6s cubic-bezier(.16,1,.3,1);
  position: relative; overflow: hidden;
}
.razi-cmp-card::before {
  content: ''; position: absolute;
  top: -30%; left: -20%;
  width: 70%; height: 160%;
  border-radius: 50%; opacity: 0.04;
  transition: opacity 0.6s, transform 0.8s;
  pointer-events: none;
}
.razi-cmp-card[data-accent="purple"]::before { background: radial-gradient(circle, #9059e0 0%, transparent 70%); }
.razi-cmp-card[data-accent="pink"]::before { background: radial-gradient(circle, #ec4899 0%, transparent 70%); }
.razi-cmp-card[data-accent="gold"]::before { background: radial-gradient(circle, #d4a056 0%, transparent 70%); }
.razi-cmp-card[data-accent="red"]::before { background: radial-gradient(circle, #ed3838 0%, transparent 70%); }
.razi-cmp-card:hover {
  transform: translateY(-6px);
  border-color: rgba(144,89,224,0.3);
  box-shadow: 0 30px 60px rgba(0,0,0,0.4);
}
.razi-cmp-card:hover::before { opacity: 0.18; transform: scale(1.2); }
.razi-cmp-icon {
  width: 4rem; height: 4rem; border-radius: 1rem;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 1.5rem; position: relative; z-index: 1;
  transition: transform 0.5s;
}
.razi-cmp-card[data-accent="purple"] .razi-cmp-icon { background: linear-gradient(135deg, rgba(144,89,224,0.2), rgba(144,89,224,0.05)); border: 1px solid rgba(144,89,224,0.25); color: #9059e0; }
.razi-cmp-card[data-accent="pink"] .razi-cmp-icon { background: linear-gradient(135deg, rgba(236,72,153,0.2), rgba(236,72,153,0.05)); border: 1px solid rgba(236,72,153,0.25); color: #ec4899; }
.razi-cmp-card[data-accent="gold"] .razi-cmp-icon { background: linear-gradient(135deg, rgba(212,160,86,0.2), rgba(212,160,86,0.05)); border: 1px solid rgba(212,160,86,0.25); color: #d4a056; }
.razi-cmp-card[data-accent="red"] .razi-cmp-icon { background: linear-gradient(135deg, rgba(237,56,56,0.2), rgba(237,56,56,0.05)); border: 1px solid rgba(237,56,56,0.25); color: #ed3838; }
.razi-cmp-card:hover .razi-cmp-icon { transform: scale(1.05) rotate(-3deg); }
.razi-cmp-icon svg { width: 1.85rem; height: 1.85rem; }
.razi-cmp-card h3 {
  font-size: 1.35rem; font-weight: 700;
  margin: 0 0 0.875rem; color: #ebe9e6;
  position: relative; z-index: 1;
}
.razi-cmp-card h3 small {
  display: block; font-size: 0.85em;
  color: #88858f; font-weight: 600; margin-top: 0.25rem;
}
.razi-cmp-card p {
  color: #88858f; font-size: 0.95rem;
  line-height: 1.65; margin: 0;
  position: relative; z-index: 1;
}

/* ====================================================================
   PORTFOLIO - BROWSER MOCKUP CARDS
   ==================================================================== */
.razi-portfolio { padding: 5rem 0; position: relative; overflow: hidden; }
@media (min-width: 768px) { .razi-portfolio { padding: 7rem 0; } }
.razi-portfolio-grid {
  display: grid; gap: 1.25rem; max-width: 80rem; margin: 0 auto;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) { .razi-portfolio-grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px) { .razi-portfolio-grid { grid-template-columns: repeat(3,1fr); } }
.razi-proj {
  position: relative;
  background: linear-gradient(160deg, #10091a 0%, #0a0810 100%);
  border: 1px solid #1c1a20;
  border-radius: 1rem; overflow: hidden;
  cursor: pointer;
  display: flex; flex-direction: column;
  transition: all 0.6s cubic-bezier(.16,1,.3,1);
  text-decoration: none; color: inherit;
}
.razi-proj:hover {
  transform: translateY(-6px);
  border-color: rgba(144,89,224,0.35);
  box-shadow: 0 30px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(144,89,224,0.1);
}

/* Browser chrome */
.razi-browser-chrome {
  display: flex; align-items: center; gap: 0.75rem;
  padding: 0.6rem 0.9rem;
  background: rgba(13,11,16,0.95);
  border-bottom: 1px solid #1c1a20;
}
.razi-browser-dots { display: flex; gap: 0.35rem; }
.razi-browser-dots span { width: 0.55rem; height: 0.55rem; border-radius: 50%; }
.razi-browser-dots span:nth-child(1) { background: #ed5c5c; }
.razi-browser-dots span:nth-child(2) { background: #dab74c; }
.razi-browser-dots span:nth-child(3) { background: #5fb858; }
.razi-browser-url {
  flex: 1; background: rgba(28,26,32,0.7);
  border-radius: 0.4rem;
  padding: 0.3rem 0.7rem;
  font-family: 'Heebo', monospace;
  font-size: 0.7rem;
  color: rgba(136,133,143,0.85);
  display: flex; align-items: center; gap: 0.4rem;
  direction: ltr;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.razi-browser-url::before {
  content: '🔒'; font-size: 0.65rem; flex-shrink: 0;
  filter: grayscale(1); opacity: 0.6;
}

/* Screenshot area */
.razi-proj-shot {
  position: relative; aspect-ratio: 16/10;
  overflow: hidden; background: #0d0b10;
}
.razi-proj-shot img {
  width: 100%; height: auto; min-height: 100%;
  object-fit: cover; object-position: top center;
  transition: transform 6s linear;
  display: block;
}
.razi-proj:hover .razi-proj-shot img {
  transform: translateY(calc(-100% + 250px));
}
.razi-proj-shot::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to bottom, transparent 70%, rgba(13,11,16,0.4) 100%);
  pointer-events: none;
}
.razi-proj-arrow {
  position: absolute; top: 0.75rem; left: 0.75rem;
  width: 2rem; height: 2rem; border-radius: 50%;
  background: rgba(144,89,224,0.95);
  backdrop-filter: blur(10px);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transform: translateY(-6px) scale(0.8);
  transition: all 0.4s ease; z-index: 3;
  color: #fff;
}
.razi-proj-arrow svg { width: 0.9rem; height: 0.9rem; stroke-width: 2.5; }
.razi-proj:hover .razi-proj-arrow { opacity: 1; transform: translateY(0) scale(1); }

/* Project info */
.razi-proj-info {
  padding: 1rem 1.25rem 1.25rem;
  display: flex; flex-direction: column; gap: 0.4rem; flex: 1;
}
.razi-proj-cat {
  color: #9059e0; font-size: 0.65rem; font-weight: 700;
  letter-spacing: 0.15em; text-transform: uppercase;
}
.razi-proj-title {
  font-family: 'Space Grotesk','Heebo',sans-serif;
  font-weight: 700; font-size: 1.1rem;
  line-height: 1.2; color: #ebe9e6; margin: 0;
}
.razi-proj-link-text {
  margin-top: auto; padding-top: 0.5rem;
  display: inline-flex; align-items: center; gap: 0.4rem;
  font-size: 0.8rem; color: #9059e0; font-weight: 500;
  opacity: 0.55;
  transition: opacity 0.3s, gap 0.3s;
}
.razi-proj-link-text svg { width: 0.85rem; height: 0.85rem; }
.razi-proj:hover .razi-proj-link-text { opacity: 1; gap: 0.6rem; }

.razi-laco-ph {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
}
.razi-laco-ph::before {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(circle at 30% 30%, rgba(144,89,224,0.35) 0%, transparent 50%),
    radial-gradient(circle at 70% 70%, rgba(236,72,153,0.3) 0%, transparent 50%);
}
.razi-laco-ph-text {
  position: relative; z-index: 1;
  color: #fff; text-align: center; padding: 1rem;
}
.razi-laco-ph-text small { font-size: 0.55rem; letter-spacing: 0.3em; opacity: 0.5; text-transform: uppercase; }
.razi-laco-ph-text big { font-size: 1.5rem; font-weight: 700; display: block; margin-top: 0.4rem; font-family: 'Space Grotesk','Heebo',sans-serif; }
.razi-laco-ph-text em { display: block; margin-top: 0.4rem; font-size: 0.65rem; color: rgba(207,167,237,0.7); font-style: normal; }

.razi-portfolio-cta { text-align: center; margin-top: 3rem; }
.razi-btn-outline {
  display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 0.95rem 1.75rem; border-radius: 0.75rem;
  background: transparent; color: #ebe9e6;
  border: 1px solid #1c1a20;
  font-weight: 600; font-size: 0.95rem;
  font-family: 'Heebo', sans-serif;
  transition: all 0.4s cubic-bezier(.4,0,.2,1);
}
.razi-btn-outline:hover { border-color: #9059e0; color: #9059e0; }
.razi-btn-outline svg { width: 1em; height: 1em; }

/* ====================================================================
   TESTIMONIALS
   ==================================================================== */
.razi-testimonials { padding: 5rem 0; position: relative; overflow: hidden; }
@media (min-width: 768px) { .razi-testimonials { padding: 7rem 0; } }
.razi-test-bg { position: absolute; inset: 0; background: rgba(13,11,16,0.4); z-index: 0; }
.razi-testimonials > .razi-container { position: relative; z-index: 1; }
.razi-test-head {
  display: grid; gap: 1.5rem; margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .razi-test-head { grid-template-columns: 1fr auto; align-items: end; margin-bottom: 4rem; }
}
.razi-rating-pill {
  display: inline-flex; align-items: center; gap: 0.75rem;
  background: rgba(13,11,16,0.75);
  border: 1px solid rgba(255,255,255,0.05);
  backdrop-filter: blur(30px);
  padding: 0.75rem 1.25rem;
  border-radius: 9999px;
  font-size: 0.85rem; color: #88858f;
  width: fit-content;
}
.razi-stars { color: #9059e0; letter-spacing: 1px; }

.razi-test-layout { display: grid; gap: 1rem; }
@media (min-width: 900px) {
  .razi-test-layout { grid-template-columns: 1.4fr 1fr; gap: 1.25rem; }
}
.razi-test-featured {
  background: linear-gradient(160deg, #1a1230 0%, #0d0b15 100%);
  border: 1px solid rgba(144,89,224,0.2);
  border-radius: 1.5rem;
  padding: 2.5rem;
  position: relative; overflow: hidden; margin: 0;
}
.razi-test-featured::before {
  content: ''; position: absolute;
  top: -30%; right: -20%;
  width: 60%; height: 160%;
  background: radial-gradient(circle, rgba(236,72,153,0.12) 0%, transparent 70%);
  pointer-events: none;
}
.razi-quote-icon {
  width: 3.5rem; height: 3.5rem;
  color: rgba(144,89,224,0.18);
  margin-bottom: 1.5rem; position: relative; z-index: 1;
}
.razi-test-stars {
  color: #9059e0; font-size: 1rem; letter-spacing: 2px;
  margin-bottom: 1rem; position: relative; z-index: 1;
}
.razi-test-featured-text {
  font-family: 'Space Grotesk','Heebo',sans-serif;
  font-size: 1.5rem; line-height: 1.4; color: #e8e6ec;
  margin: 0 0 2rem; font-weight: 500;
  position: relative; z-index: 1;
}
.razi-test-featured-author {
  display: flex; align-items: center; gap: 1rem;
  position: relative; z-index: 1;
}
.razi-test-featured-avatar {
  width: 3.5rem; height: 3.5rem; border-radius: 50%;
  background: linear-gradient(135deg, rgba(144,89,224,0.3), rgba(236,72,153,0.15));
  border: 2px solid rgba(144,89,224,0.2);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700; font-size: 1.25rem;
  color: #9059e0; flex-shrink: 0;
}
.razi-test-featured-name {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700; font-size: 1.1rem; margin-bottom: 0.15rem;
  color: #ebe9e6;
}
.razi-test-featured-role { color: #88858f; font-size: 0.8rem; }

.razi-test-grid-small { display: grid; gap: 1rem; grid-template-columns: 1fr; }
.razi-test-mini {
  background: rgba(6,5,9,0.6);
  border: 1px solid #1c1a20;
  border-radius: 1rem; padding: 1.25rem;
  transition: all 0.4s; position: relative; margin: 0;
}
.razi-test-mini:hover {
  border-color: rgba(144,89,224,0.25);
  transform: translateY(-3px);
}
.razi-test-mini p {
  color: #88858f; font-size: 0.85rem;
  line-height: 1.7; margin: 0 0 1rem;
}
.razi-test-mini footer {
  display: flex; align-items: center; gap: 0.75rem;
}
.razi-test-mini-avatar {
  width: 2.25rem; height: 2.25rem; border-radius: 50%;
  background: linear-gradient(135deg, rgba(144,89,224,0.2), rgba(144,89,224,0.05));
  border: 1px solid rgba(144,89,224,0.1);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700; color: #9059e0; font-size: 0.85rem;
}
.razi-test-mini-name {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700; font-size: 0.85rem; color: #ebe9e6;
}

.razi-test-row { display: grid; gap: 1rem; margin-top: 1rem; }
@media (min-width: 600px) { .razi-test-row { grid-template-columns: repeat(3, 1fr); } }

/* ====================================================================
   FAQ NATIVE TOGGLE - styling
   ==================================================================== */
#razi-faq-section { position: relative; overflow: hidden; }
.razi-faq-head { text-align: center; margin-bottom: 3rem; }
.razi-faq-head .razi-eyebrow { margin-inline: auto; }
.razi-faq-head .razi-h2 { text-align: center; }
.razi-faq-head p { color: #88858f; font-size: 1rem; max-width: 32rem; margin: 0 auto; }

#razi-faq .elementor-toggle-item {
  background: rgba(13,11,16,0.5);
  border: 1px solid #1c1a20 !important;
  border-radius: 16px;
  margin-bottom: 12px; overflow: hidden;
  transition: border-color 0.3s;
}
#razi-faq .elementor-toggle-item:hover { border-color: rgba(144,89,224,0.3); }
#razi-faq .elementor-tab-title { padding: 20px 24px !important; }
#razi-faq .elementor-tab-content { padding: 0 24px 24px !important; line-height: 1.7; }

/* ====================================================================
   BLOG NATIVE POSTS - styling
   ==================================================================== */
#razi-blog-section { overflow: hidden; }
.razi-blog-head { display: grid; gap: 1.5rem; margin-bottom: 3rem; }
@media (min-width: 768px) {
  .razi-blog-head { grid-template-columns: 1fr auto; align-items: end; margin-bottom: 4rem; }
}
#razi-blog-posts .elementor-post {
  background: #0d0b10;
  border: 1px solid #1c1a20;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.5s;
}
#razi-blog-posts .elementor-post:hover {
  border-color: rgba(144,89,224,0.25);
  transform: translateY(-4px);
}
#razi-blog-posts .elementor-post__thumbnail__link { display: block; overflow: hidden; }
#razi-blog-posts .elementor-post__thumbnail img { transition: transform 0.7s; }
#razi-blog-posts .elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.05); }
#razi-blog-posts .elementor-post__text { padding: 1.5rem; }

/* ====================================================================
   CTA
   ==================================================================== */
#razi-cta { position: relative; overflow: hidden; }
#razi-cta::before {
  content: ''; position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 900px; height: 900px; border-radius: 50%;
  background: rgba(144,89,224,0.05); filter: blur(200px);
  pointer-events: none;
}
#razi-cta-box { position: relative; }
#razi-cta-box::before {
  content: ''; position: absolute; inset: 0; opacity: 0.03;
  background-image: radial-gradient(circle at 1px 1px, #9059e0 1px, transparent 0);
  background-size: 32px 32px; pointer-events: none;
}
#razi-cta-box::after {
  content: ''; position: absolute; top: -5rem; right: -5rem;
  width: 10rem; height: 10rem;
  background: rgba(144,89,224,0.1); border-radius: 50%;
  filter: blur(80px); pointer-events: none;
}
#razi-cta-character img {
  opacity: 0.55;
  animation: razi-floatY 5s ease-in-out infinite;
  max-width: 13rem; margin: 0 auto;
}

/* ====================================================================
   ANIMATIONS
   ==================================================================== */
@keyframes razi-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes razi-float { 0%,100% { transform: translate(0,0); } 50% { transform: translate(20px,-15px); } }
@keyframes razi-floatY { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-16px); } }
@keyframes razi-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.5; } }

/* ====================================================================
   SCROLLBAR (cosmetic)
   ==================================================================== */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #060509; }
::-webkit-scrollbar-thumb { background: rgba(144,89,224,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(144,89,224,0.5); }/* End custom CSS */