.arch-container{max-width:1200px;padding:2.5rem;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:2.5rem;grid-row-gap:2.5rem;grid-template-areas:"header header header" "crq ctem tprm" "footer footer footer"}.arch-header{grid-area:header;border-radius:24px;background:linear-gradient(93deg,#05020C -2.92%,#200D52 6.59%,#623ACE 23.55%,#3F1BA3 42.29%,#441DB3 56.87%,#4A1FC2 68.22%,#8662EC 83.11%);max-width:1200px;width:100%;min-height:204px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.arch-header h2{color:#FFF;font-weight:400!important;font-family:"Onest";font-size:5rem;line-height:1}.arch-crq{grid-area:crq}.arch-ctem{grid-area:ctem}.arch-tprm{grid-area:tprm}.arch-footer{grid-area:footer;min-height:470px;border-radius:24px;background-image:url(https://safe.security/wp-content/uploads/arch_agentic_ai_background.png);background-size:contain;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#FFF}.arch-box{height:400px;border-radius:24px;border:1px solid #D4BFFD;background:linear-gradient(180deg,#FFF 31.73%,#A78CFF 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.arch-box.active{position:relative}.arch-box:hover{cursor:pointer}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.arch-box.active::after{content:"";position:absolute;width:105%;height:105%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:24px;background-image:conic-gradient(from var(--angle),#4800FF,#4726FF,#886DFF,#DA21FF,#1E5AFF,#0D00FC);z-index:-1;padding:5px;filter:blur(15px);animation:spin 3s linear infinite}@keyframes spin{from{--angle:0deg}to{--angle:360deg}}.logo-container{height:230px;width:215px}.arch-box .arch-logo img{height:194px;width:215px;object-fit:contain;margin:auto}.arch-box .arch-logo{margin-bottom:3.5rem}.arch-box .arch-title{color:#200D52;font-weight:500;font-family:"Onest";font-size:4rem;line-height:1.2}.arch-box .arch-body{color:#200D52;font-weight:300;font-family:"Onest";font-size:2.5rem;line-height:1.5}.arch-footer .agentic-logo{width:242px;height:243px;margin-top:4rem;margin-bottom:4rem;flex-shrink:0;border-radius:500px;background:conic-gradient(from -68deg at 50% 53.09%,rgb(200 0 255 / .8) 22.936650216579437deg,rgb(45 3 163 / .8) 93.4615409374237deg,rgb(188 2 255 / .8) 179.2911994457245deg,rgb(60 0 229 / .8) 269.81999158859253deg,rgb(64 0 246 / .8) 328.42947721481323deg,rgb(200 0 255 / .8) 360.936650216579437deg);box-shadow:0 0 30px 0 #FFF,0 0 30px 0 #FFF,0 0 30px 0 #FFF;display:flex;align-items:center;justify-content:center;flex-direction:column}.arch-footer .agentic-title h2{color:#FFF;font-weight:500;font-family:"Onest";font-size:3.5rem;line-height:1.2;margin-top:1.2rem}.arch-footer .agentic-subtitle{font-weight:400;font-size:1.5rem}.agentic-logo .handle-subtitle{color:#FFF;font-weight:400;font-family:"Onest";font-size:1.5rem}.agentic-logo .handle-title{color:#FFF;font-weight:400;font-family:"Onest";font-size:3.5rem;line-height:1.5}.agentic-logo{position:relative;z-index:1}.agentic-logo:hover{cursor:pointer}.agentic-logo.active::after{content:"";position:absolute;width:110%;height:110%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:500px;background-image:conic-gradient(from var(--angle) at 50% 53.09%,rgb(200 0 255 / .8) 22.936650216579437deg,rgb(45 3 163 / .8) 93.4615409374237deg,rgb(188 2 255 / .8) 179.2911994457245deg,rgb(60 0 229 / .8) 269.81999158859253deg,rgb(64 0 246 / .8) 328.42947721481323deg,rgb(200 0 255 / .8) 360.936650216579437deg);z-index:-1;padding:5px;filter:blur(15px);opacity:.8;animation:spin 3s linear infinite}