55 < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
66 < title > Solana Agentic Auditor - Inversive Labs</ title >
77 < link rel ="shortcut icon " href ="/images/favicon.ico " title ="Favicon " />
8- < link href ="https://fonts.googleapis.com/css2?family=Raleway :wght@100;200; 300;400;500;600&display=swap " rel ="stylesheet ">
8+ < link href ="https://fonts.googleapis.com/css2?family=Inter :wght@300;400;500;600;700 &display=swap " rel ="stylesheet ">
99
1010 <!-- Theme initialization - prevents flicker by applying class before CSS loads -->
1111 < script >
8585 .modern-nav nav > a img {
8686 display : block;
8787 width : auto;
88- height : 2.5rem ; /* 40px */
88+ height : 2.5rem ; /* Default */
89+ }
90+
91+ /* Desktop logo sizing - bigger on desktop only */
92+ @media (min-width : 768px ) {
93+ .modern-nav nav > a img {
94+ height : 5rem !important ; /* 80px for desktop */
95+ }
8996 }
9097
9198 .modern-nav-links {
214221 width : 20px ;
215222 height : 2px ;
216223 background : # ffffff ;
217- border-radius : 1 px ;
218- transition : all 0.3 s ease ;
224+ border-radius : 2 px ;
225+ transition : all 0.4 s cubic-bezier ( 0.68 , -0.55 , 0.265 , 1.55 ) ;
219226 transform-origin : center;
227+ box-shadow : 0 0 8px rgba (255 , 255 , 255 , 0.2 );
220228 }
221229
222230 .hamburger : hover .hamburger-line {
223- background : # ffffff ;
231+ background : # 10ebff ;
232+ box-shadow : 0 0 12px rgba (16 , 235 , 255 , 0.6 );
224233 }
225234
226235 .hamburger .active .hamburger-line : nth-child (1 ) {
227236 transform : rotate (45deg ) translate (5px , 5px );
228- background : # ffffff ;
237+ background : # 10ebff ;
238+ box-shadow : 0 0 15px rgba (16 , 235 , 255 , 0.8 );
229239 }
230240
231241 .hamburger .active .hamburger-line : nth-child (2 ) {
232242 opacity : 0 ;
233- transform : scaleX (0 );
243+ transform : scaleX (0 ) rotate ( 180 deg ) ;
234244 }
235245
236246 .hamburger .active .hamburger-line : nth-child (3 ) {
237247 transform : rotate (-45deg ) translate (5px , -5px );
238- background : # ffffff ;
248+ background : # 10ebff ;
249+ box-shadow : 0 0 15px rgba (16 , 235 , 255 , 0.8 );
239250 }
240251
241252 @media (max-width : 767px ) {
@@ -765,34 +776,34 @@ <h3 style="font-size: 1.8rem; font-weight: 200; margin-bottom: 1rem; color: rgba
765776
766777 < style >
767778 .modern-footer {
768- border-top : 1px solid rgba (16 , 235 , 255 , 0.15 );
779+ border-top : 1px solid rgba (128 , 128 , 128 , 0.2 );
769780 margin-top : 4rem ;
770781 position : relative;
771- background : linear-gradient ( 180 deg , rgba ( 0 , 0 , 0 , 0 ) 0 % , rgba ( 10 , 14 , 20 , 0.4 ) 100 % ) ;
782+ background : # 000000 ;
772783 }
773784
774785 .modern-footer .container {
775786 max-width : 1280px ;
776787 margin : 0 auto;
777- padding : 1.5 rem 1rem 1 rem ;
788+ padding : 1.75 rem 1rem 1.5 rem ;
778789 }
779790
780791 @media (min-width : 640px ) {
781792 .modern-footer .container {
782- padding : 1.75 rem 1.5rem 1 .25rem ;
793+ padding : 2.5 rem 1.5rem 2 .25rem ;
783794 }
784795 }
785796
786797 @media (min-width : 1024px ) {
787798 .modern-footer .container {
788- padding : 2 rem 2rem 1.5 rem ;
799+ padding : 3 rem 2rem 2.75 rem ;
789800 }
790801 }
791802
792803 .footer-grid {
793804 display : flex;
794805 flex-direction : column;
795- gap : 1.5 rem ;
806+ gap : 1 rem ;
796807 align-items : center;
797808 }
798809
@@ -801,13 +812,13 @@ <h3 style="font-size: 1.8rem; font-weight: 200; margin-bottom: 1rem; color: rgba
801812 flex-direction : row;
802813 justify-content : space-between;
803814 align-items : center;
804- gap : 2 rem ;
815+ gap : 1.5 rem ;
805816 }
806817 }
807818
808819 .footer-center {
809820 display : flex;
810- gap : 2 rem ;
821+ gap : 1.5 rem ;
811822 align-items : center;
812823 flex-wrap : wrap;
813824 justify-content : center;
@@ -821,29 +832,38 @@ <h3 style="font-size: 1.8rem; font-weight: 200; margin-bottom: 1rem; color: rgba
821832
822833 .footer-brand {
823834 display : flex;
835+ align-items : center;
836+ gap : 1rem ;
824837 justify-content : flex-end;
825838 }
826839
827840 .footer-brand img {
828841 height : 1.5rem ;
829842 width : auto;
830- opacity : 0.7 ;
843+ opacity : 0.6 ;
844+ }
845+
846+ .footer-brand .copyright {
847+ font-size : 0.7rem ;
848+ color : rgba (255 , 255 , 255 , 0.35 );
849+ font-family : 'Geist' , sans-serif;
850+ white-space : nowrap;
831851 }
832852
833853 .footer-links-wrapper {
834854 display : flex;
835- gap : 2 rem ;
855+ gap : 1.5 rem ;
836856 flex-wrap : wrap;
837857 align-items : center;
838858 }
839859
840860 .footer-section h4 {
841- font-size : 0.75 rem ;
861+ font-size : 0.7 rem ;
842862 font-weight : 500 ;
843863 letter-spacing : 0.025em ;
844864 font-family : 'Geist' , sans-serif;
845- margin-bottom : 0.5 rem ;
846- color : rgba (255 , 255 , 255 , 0.6 );
865+ margin-bottom : 0.4 rem ;
866+ color : rgba (255 , 255 , 255 , 0.5 );
847867 }
848868
849869 .footer-section ul {
@@ -852,7 +872,7 @@ <h3 style="font-size: 1.8rem; font-weight: 200; margin-bottom: 1rem; color: rgba
852872 margin : 0 ;
853873 display : flex;
854874 flex-direction : row;
855- gap : 1.25 rem ;
875+ gap : 1 rem ;
856876 flex-wrap : wrap;
857877 }
858878
@@ -863,59 +883,105 @@ <h3 style="font-size: 1.8rem; font-weight: 200; margin-bottom: 1rem; color: rgba
863883 }
864884
865885 .footer-section ul li a {
866- font-size : 0.8125 rem ;
867- color : rgba (255 , 255 , 255 , 0.6 );
886+ font-size : 0.8 rem ;
887+ color : rgba (255 , 255 , 255 , 0.5 );
868888 text-decoration : none;
869889 font-family : 'Geist' , sans-serif;
870890 transition : all 0.2s ;
871891 display : inline-block;
872892 }
873893
874894 .footer-section ul li a : hover {
875- color : rgba (16 , 235 , 255 , 0.95 );
895+ color : rgba (255 , 255 , 255 , 0.9 );
876896 }
877897
878898 .footer-contact-btn {
879899 display : inline-flex;
880900 align-items : center;
881- padding : 0.5 rem 1 rem ;
882- font-size : 0.8125 rem ;
901+ padding : 0.4 rem 0.875 rem ;
902+ font-size : 0.8 rem ;
883903 font-weight : 500 ;
884- color : # ffffff ;
885- background : linear-gradient (135deg ,
886- rgba (16 , 235 , 255 , 0.12 ) 0% ,
887- rgba (92 , 92 , 171 , 0.1 ) 50% ,
888- rgba (185 , 26 , 238 , 0.12 ) 100% );
889- border : 1px solid rgba (16 , 235 , 255 , 0.3 );
890- border-radius : 9999px ;
904+ color : rgba (255 , 255 , 255 , 0.9 );
905+ background : rgba (128 , 128 , 128 , 0.1 );
906+ border : 1px solid rgba (128 , 128 , 128 , 0.3 );
907+ border-radius : 6px ;
891908 text-decoration : none;
892909 font-family : 'Geist' , sans-serif;
893910 transition : all 0.2s ;
894- box-shadow : 0 0 5px rgba (16 , 235 , 255 , 0.15 );
895911 }
896912
897913 .footer-contact-btn : hover {
898- background : linear-gradient (135deg ,
899- rgba (16 , 235 , 255 , 0.18 ) 0% ,
900- rgba (92 , 92 , 171 , 0.15 ) 50% ,
901- rgba (185 , 26 , 238 , 0.18 ) 100% );
902- border-color : rgba (16 , 235 , 255 , 0.5 );
903- box-shadow : 0 0 10px rgba (16 , 235 , 255 , 0.25 );
914+ background : rgba (128 , 128 , 128 , 0.15 );
915+ border-color : rgba (128 , 128 , 128 , 0.5 );
904916 transform : translateY (-1px );
905917 }
906918
907- .footer-bottom {
908- margin-top : 1.25rem ;
909- padding-top : 1rem ;
910- border-top : 1px solid rgba (16 , 235 , 255 , 0.1 );
911- text-align : center;
912- }
919+ @media (max-width : 768px ) {
920+ .footer-grid {
921+ flex-direction : column;
922+ gap : 1rem ;
923+ align-items : center;
924+ justify-content : center;
925+ }
913926
914- .footer-bottom p {
915- font-size : 0.75rem ;
916- color : rgba (255 , 255 , 255 , 0.4 );
917- font-family : 'Geist' , sans-serif;
918- margin : 0 ;
927+ .footer-center {
928+ flex-direction : row;
929+ gap : 0.75rem ;
930+ align-items : center;
931+ flex : 0 0 auto;
932+ }
933+
934+ .footer-section {
935+ flex : 0 0 auto;
936+ }
937+
938+ .footer-section ul {
939+ flex-direction : row;
940+ justify-content : flex-start;
941+ align-items : center;
942+ gap : 0.75rem ;
943+ flex-wrap : nowrap;
944+ margin : 0 ;
945+ }
946+
947+ .footer-section ul li a {
948+ font-size : 0.85rem ;
949+ padding : 0 ;
950+ }
951+
952+ .footer-section ul li : nth-child (n+4) {
953+ display : none;
954+ }
955+
956+ .footer-contact-btn {
957+ font-size : 0.85rem ;
958+ padding : 0.5rem 0.9rem ;
959+ flex-shrink : 0 ;
960+ }
961+
962+ .footer-brand {
963+ flex-direction : column;
964+ gap : 0.5rem ;
965+ justify-content : center;
966+ align-items : center;
967+ flex : 0 0 auto;
968+ }
969+
970+ .footer-brand img {
971+ height : 1.5rem ;
972+ }
973+
974+ .footer-brand .copyright {
975+ display : block;
976+ font-size : 0.65rem ;
977+ margin-left : 0 ;
978+ text-align : center;
979+ color : rgba (255 , 255 , 255 , 0.7 );
980+ }
981+
982+ .modern-footer .container {
983+ padding : 1.5rem 1rem ;
984+ }
919985 }
920986</ style >
921987
@@ -925,25 +991,24 @@ <h3 style="font-size: 1.8rem; font-weight: 200; margin-bottom: 1rem; color: rgba
925991 < div class ="footer-center ">
926992 < div class ="footer-section ">
927993 < ul >
928- < li > < a href ="/about/ "> About</ a > </ li >
929- < li > < a href ="/team/ "> Team</ a > </ li >
930- < li > < a href ="/services/ "> Services</ a > </ li >
931- < li > < a href ="/tooling/ "> Products</ a > </ li >
994+ < li > < a href ="/ "> Home</ a > </ li >
995+ < li > < a href ="/#services "> Services</ a > </ li >
996+ < li > < a href ="/tooling "> Tooling</ a > </ li >
997+ < li > < a href ="/portfolio "> Portfolio</ a > </ li >
998+ < li > < a href ="/team "> Team</ a > </ li >
999+ < li > < a href ="/blog "> Blog</ a > </ li >
9321000 </ ul >
9331001 </ div >
934- < a href ="/contact/ " class ="footer-contact-btn "> Contact</ a >
1002+ < a href ="/# contact " class ="footer-contact-btn "> Contact</ a >
9351003 </ div >
9361004
9371005 < div class ="footer-brand ">
9381006 < a href ="/ ">
9391007 < img src ="/images/logo.svg " alt ="Inversive Labs ">
9401008 </ a >
1009+ < span class ="copyright "> © 2026 Inversive Labs. All rights reserved.</ span >
9411010 </ div >
9421011 </ div >
943-
944- < div class ="footer-bottom ">
945- < p > © 2025 Inversive Labs. All rights reserved.</ p >
946- </ div >
9471012 </ div >
9481013</ footer >
9491014
0 commit comments